/*디자인 3(c) 추가*/

/* top_menu_c */
.top_wrap_c {
    width: 100%;
    background: #fff;
}

.top_menu_c {
    width: 1000px;
    margin: 0 auto;
    height: 40px;
}

.top_menu_c a {
    font-weight: normal;
    color: #727272;
    display: block;
    text-decoration: none;
    font-size: 12px;
    padding: 0 20px
}

.top_menu_c a:hover {
}

.top_menu_c .top_left {
    float: left;
}

.top_menu_c .top_left li {
    float: left;
    margin-top: 10px;
    /*padding: 10jpx0 19px 0 20px;*/
    display: block;
    background: url(../image/main_b/bg_top_m_bar.png) no-repeat left 2px;
}

.top_menu_c .top_left li:first-child {
    background: none;
    padding-left: 0;
}

.top_menu_c .top_right {
    float: right;
}

.top_menu_c .top_right li {
    float: left;
    margin-top: 10px;
    /*padding: 0 19px 0 20px;*/
    background: url(../image/main_b/bg_top_m_bar.png) no-repeat left 2px;
}

.top_menu_c .top_right li:first-child {
    background: none;
    padding-left: 0;
}

.top_menu_c .top_right li a {
    display: block;
}

.top_menu_c .top_right li.last {
    padding-right: 0;
}

/* top_search_c */
.logo_zone_c {
    display: block;
    width: 1000px;
    margin: 20px auto 40px;
    position: relative;
}

.logo_zone_c .logo_wrap {
    margin: 0 auto;
    text-align: center;
}

.logo_zone_c .logo_wrap h1 img {
    max-width: 190px;
}

.logo_zone_c .logo_wrap .top_search_wrap {
    position: absolute;
    top: 20px;
    right: 0;
}

.logo_zone_c .logo_wrap .top_search {
    background: #efefef;
    width: 237px;
    height: 36px;
    border-radius: 4px;
}

.logo_zone_c .logo_wrap .top_search .input_search {
    border: none;
    padding-left: 10px;
    float: left;
    height: 23px;
    background: none;
    color: #bababa;
}

.logo_zone_c .logo_wrap .top_search .btn_search {
    float: right;
    width: 21px;
    height: 21px;
    padding: 7px 10px 7px 5px;
}

.logo_zone_c .logo_wrap .top_search input {
    border: none;
    float: left;
    height: 26px;
}

*:first-child+html .logo_zone_c .logo_wrap {
    width: 625px;
    margin: 0 auto;
    display: table;
    position: relative;
    overflow: hidden;
}

*:first-child+html .logo_zone_c .logo_wrap h1 {
    float: left;
    text-align: right;
    width: 250px;
    display: block;
}

*:first-child+html .logo_zone_c .top_search_wrap {
    float: left;
    text-align: left;
    display: block;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 50%;
}

*:first-child+html .logo_zone_c .top_search {
    position: relative;
    display: block;
    top: -50%;
    text-align: center;
}

/* gnb_c */

#gnb_c {
    width:100%;
    clear: both;
    font-size: 15px;
    /*letter-spacing: -1px;*/
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    /*z-index: 960;*/
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display:inline-block;
    position:relative
}

#gnb_c._fix {
    position: fixed;
    width: 100%;
    top: 46px;
    left: 0;
    /*z-index: 1000;*/
    border-bottom: 1px solid #eee;
}

.gnb_wrap {
    position: relative;
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.gnb_wrap.move {
    text-align: right;
}

.gnb_wrap a.gnb_go_home {
    position: absolute;
    display: inline-block;
    top: -64px;
    left: -57px;
    width: 57px;
    height: 57px;
    background: #8c2522;
    z-index: 1;
    font-size: 30px;
    text-align: center;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.gnb_wrap a.gnb_go_home.move {
    top: 0;
    opacity: 1
}

.gnb_wrap a.gnb_go_home img{
    margin-top:13px;
}

.gnb_wrap a.gnb_go_home i {
    line-height: 57px;
    font-size: 0.8em;
}

.gnb_wrap span {
    display: block;
    float: left;
    position: relative;
    /*width:131.7px;*/
    width:143px;
    font-size: 16px;
    height:50px;
    line-height:50px;
    overflow:hidden;
    background:#fff url(../image/main_b/bd_line_t.png) no-repeat right center;
}

.lang_en .gnb_wrap span{
    font-size:15px;
}


.gnb_wrap span a {
    display:block;
    text-align: center;
    font-weight:500;
}

/*
.lang_cn, .lang_hk .gnb_wrap span a{
	font-weight:600;
}
*/

/*
.gnb_wrap span:last-child{padding-right:0}
*/

/* 라인 */
/*
.gnb_wrap span>a:after {
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	background: #ddd;
	position: absolute;
	bottom: 25px;
	right: 0;
}
*/

/*
.gnb_wrap span:last-child>a:after {
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	background: #fff;
	position: absolute;
	bottom: 25px;
	right: 0;
}
*/

.gnb_wrap span a.move {
    /*width: 116px;*/
}


.gnb_wrap span a:hover:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    width: 100%;
    border-bottom: 3px solid #8c2522;
    margin-bottom: 0px;
    color: #8c2522;
}

.gnb_wrap span.on a {
    color: #8c2522;
    text-decoration: none;
}

.gnb_wrap span.on a:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    width: 100%;
    border-bottom: 3px solid #8c2522;
    margin-bottom: 0px;
    color: #8c2522;
}

.gnb_wrap span.a-menu{
    border-right:1px solid #e7e7e7;
    border-left:1px solid #e7e7e7;
    background:#fff url(../image/common/menu_bar.png) no-repeat center center;
    width: 45px;
    margin-left:-1px;
    padding:0;
    text-align: center;
    cursor:pointer;
}

.gnb_wrap span.a-menu:hover{
    background:#8c2522 url(../image/common/menu_bar_w.png) no-repeat center center;
    border-right:1px solid #8c2522;
    border-left:1px solid #8c2522;
    color:#fff
}

.gnb_wrap span.a-menu i{
    line-height:57px;
    font-size:1.2em
}

.gnb_wrap span .top_menu_ready {
    display: block;
    /*background: url(../image/common/ico_ready.png) no-repeat 0 0;*/
    width: 55px;
    height: 22px;
    position: absolute;
    top: -6px;
    left: 31px;
}



/*** snb ***/

#snb{
    display:none;
    width:100%;
    border-top:1px solid #eee;
    overflow:hidden;
    z-index:999;
    position:absolute;
    top:50px
}

#snb .snb_wrap{
    width:1100px;
    background:#fff;
    border:1px solid #eee;
    border-top:0;
    margin:auto;
}

#snb .snb_menu{
    overflow:hidden;
    padding:20px;
}

#snb .snb_menu ul{
    display:inline-block;
    vertical-align: top;
    text-align:left;
    background:#fff;
    width:190px;
    margin:0px 23px 30px 0px;
}

#snb .snb_menu ul:nth-child(5n){
    margin-right:0
}

#snb .snb_menu span{
    display:block;
    font-weight:500;
    font-size:13px;
    height:40px;
    line-height:40px;
    padding:0px 10px;
    margin-bottom:10px;
    border-bottom:1px solid #e7e7e7;
}

#snb .snb_menu li{
    overflow:hidden;
    padding:5px 10px;
    font-size:15px;
    text-align:left;
}

#snb .snb_menu li:first-child{
    padding-top:0;
}

#snb .snb_menu li a{
    color:#5d5d5d;
    font-weight:400;
}

#snb .snb_menu li a:hover{
    color:#8c2522;
    font-weight:400;
}

/*** search_area ***/

/*.search_area {*/
/*	position: relative;*/
/*    background: #fff;*/
/*    border-radius: 1px;*/
/*    border: 1px solid #eeeeee;*/
/*	display: none;*/
/*	padding:20px 0;*/
/*	justify-content:center;*/
/*	align-items:center;*/
/*}*/

.search_area {
    clear:both;
    width:1200px;
    margin:20px auto;
    /*background: #fff;*/

    border-radius: 1px;
    /*border: 1px solid #eeeeee;*/
    display: none;

    justify-content:center;
    align-items:center;
    /*background:blue*/
}


.search_area_wrap {
    clear:both;float:left;
    width: 100%;
    background: #F5F5F5;
    padding:20px 0;
    /*display:flex;*/
    /*align-items:center;*/
}

.search_area._fix {
    position: fixed;
    width: 100%;
    top: 97px;
    left: 0;
    border-bottom: 1px solid #eee;
}

.search_area .tabs_menu {
    width:900px;
    margin:0 auto;
    padding:5px 0 15px 0;
    text-align:left;
}

.search_area .tabs_menu li {
    height: 25px;
    display: inline-block;
    font-size: 1rem;
    margin-right: 10px;
}

.search_area select {
    box-sizing: border-box;
    width: 186px;
    height: 40px;
    font-size: 15px;
    padding: 5px 0 5px 14px !important;
    color: #666;
    font-weight: 300;
    background-size: 7px;
    margin-right: 40px;
}

.search_area input{padding:0}

/*.searchTab {*/
/*	height: 25px;*/
/*	display: inline-block;*/
/*	font-size: 15px;*/
/*	line-height: 25px;*/
/*}*/

.searchTab{clear:both;float:left;padding:0;margin-left:20px}

.searchTab input[type='radio'] {

}

.searchTab label {
    margin-right: 15px;
}

.search_area .input_search {
    box-sizing: border-box;
    height: 40px;
    width: 354px;
    padding-left:15px; /*float:left;*/
    /*background:#fff;*/
    color:#666; font-weight:300; font-size:15px;
    margin-right: 20px;
    transition: all 0.2s linear;
}


.search_area input:focus, .search_area select:focus {
    outline: none;
    border: 2px solid #8c2522;
}

.hotel_search {
    position: relative;
}


#tourDepart{margin-left:49px;width:320px; cursor:pointer;}

.personNumArea, .roomNumArea {
    position: relative;
    display: flex;
    justify-content:center;
    align-items:center;
}

.personNumArea .sel, .roomNumArea .sel {
    position: absolute;
    top: 50px;
    left:0;
    width:124px;
    background: #fff;
    box-shadow: -2px 2px 4px rgb(0 0 0 / 27%);
    overflow: hidden;
    border-radius: 16px;
    padding: 10px;
    display:none;
    font-size: 15px;
    font-weight: 300;
    color: #888;
}

.personNumArea .sel li, .roomNumArea .sel li {
    display: flex;
    justify-content:space-around;
    align-items:center;
    padding: 9px 0;
}

.hotel_search, .tour_search {
    clear:both;float:left;margin-left:20px;margin-top:10px
}

.hotel_search_form {
    display: flex;
    justify-content:center;
    align-items:center;
}

.hotel_search_date {
    display: flex;
    justify-content:center;
    align-items:center;
    height: 40px;
}

.hotel_search_date input {
    border: 1px solid #cfcfd1;
    color: #666;
    font-size: 15px;
    height: 40px;
    padding: 0 2px 0px 5px;
    width: 125px;
    cursor:pointer;
    margin-right: 20px;
    text-align:center;
    font-weight: 300;
}
.hotel_search_date input[name='checkInOut'] {
    width:200px;
    padding: 0 10px;
    background-color: #FFFFFF;
    background-image: url(../image/btn/btn_calendar.gif);
    background-position: 95% 55%;
    background-repeat: no-repeat;
    text-align:left;
}
.hotel_search_date input[name='hotel_roomcheck'] {
    width:65px;
}
.hotel_search_date .search_cnt {
    text-align: center;
    border: none;
    width: 24px;
    padding: 2px 0;
}
.hotel_search_date i {
    color: #cfcfd1;
    font-size: 20px;
    line-height: 18px;
    cursor: pointer;
}

.tour_search_form {
    display: flex;
    justify-content:center;
    align-items:center;
}

.search_btn {
    float:right;
    /*display: flex;*/
    /*justify-content:space-between;*/
    /*align-items:center;*/
    width: 160px;
    margin-top:10px
}

.search_btn .btn_search {
    height: 40px;
    width: 99px;
    padding:0px;
    background:#fff;
    color:#8c2522;
    box-sizing: border-box;
    border: 1px solid #8c2522;
    cursor: pointer;
    font-size: 15px;
}

.search_btn .btn_search:hover {
    color:#fff;
    background:#8c2522;
}
.search_btn .btn_search i{font-size:1.0em; font-weight:bold;}
.hotel_search_closeBtn {
    color: #ababab;
    font-size: 26px;
    cursor: pointer;
}

/*인스타그램 */

.section {
    position: relative;
    width: 100%;
}

.section:after {
    content: '';
    display: block;
    clear: both;
}

.insta {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 1089px;
    margin:auto;
    padding: 40px 0px 50px 0px;
}

.insta:after {
    content: '';
    display: block;
    clear: both;
}

.insta .title {
    font-size: 20px;
    color: #111;
    text-align: center;
    padding-bottom: 25px;
}

.insta .title .insta_tit img{
    margin-right:2px;
    margin-bottom:2px;
}

.insta .title .insta_tit i {
    font-size: 26px;
    position: relative;
    top: 4px
}

.insta .title .t_co span {
    display: inline-block;
    width: 115px;
    height: 22px;
    background: #8c2522;
    font-size: 10px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    margin-top: 16px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.insta .title .t_co span:hover {
    background: #8c2522
}


.insta .frame,
.insta #instafeed {
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
}

.insta .frame img,
.insta #instafeed img {
    width: 120px;
    height: 120px;
    padding: 0 1px 1px 0;
    float: left;
}

.insta .frame img:hover,
.insta #instafeed img:hover {
    cursor: pointer;
    opacity: 0.8
}



/* footer_c */
#footer_b {
    clear: both;
    position: relative;
    width: 100%;
    color: #fff;
    background:#252525;
    padding:35px 0px 5px 0px;
}

#gnb_footer_b {
    width: 100%;
    font-weight: 600;
    overflow: hidden;
    display: block;
}

#gnb_footer_b ul {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    /*text-align: center;*/
}

#gnb_footer_b li {
    display: inline-block;
    /*width:134px;
    zoom: 1;
    *display: inline;
    background: url(../image/main_b/copyright_bar.png) no-repeat right center;
    text-align: centerimportant;
    */
}

#gnb_footer_b li.no_bg {
    background-image: none;
}

#gnb_footer_b li a {
    color: #888888;
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size:17px;
    height: 30px;
    line-height: 30px;
    padding:0px 36px
}

#gnb_footer_b li a.orange{color:#8c2522}

#gnb_footer_b li:first-child a{
    padding-left:0
}

#gnb_footer_b li:last-child a{
    padding-right:0
}

#gnb_footer_b li a:hover {
    text-decoration: none;
}

.lang_en #gnb_footer_b li a{
    font-size:15px;
    line-height:24px;
    height:24px;
    padding:0px 41px;
}

.lang_en #gnb_footer_b li:first-child a{padding-left:0}
.lang_en #gnb_footer_b li:last-child a{padding-right:0}

.lang_cn #gnb_footer_b li a{padding:0px 34px}
.lang_cn #gnb_footer_b li:first-child a{padding-left:0}
.lang_cn #gnb_footer_b li:last-child a{padding-right:0}

.lang_hk #gnb_footer_b li a{padding:0px 34px}
.lang_hk #gnb_footer_b li:first-child a{padding-left:0}
.lang_hk #gnb_footer_b li:last-child a{padding-right:0}


.footer_con_wrap{
    position: relative;
    width:1100px;
    height:370px;
    margin:auto;
    margin-top:40px;
    color:#f6f6f6;
    overflow:hidden;
}

.footer_con_wrap h5{
    font-size:13px;
    position: relative;
    display:inline-block;
    height:35px;
    margin-bottom:20px;
    font-weight:600;
}

.footer_con_wrap h5:before {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 1px;
    width: 78%;
    border-bottom: 2px solid #8c2522;
}

.foot_info {
    position: absolute;
    width:395px;
}

.foot_info ul{
    margin-bottom:30px;
}

.foot_info li{
    font-size:15px;
    line-height:24px
}

.foot_info li span{
    font-size:13px;
    color:#888;
    margin-right:5px;
}

.foot_info li a.ecp-btn{
    display:inline-block;
    background:#888888;
    color:#252525;
    font-size:12px;
    font-weight:400;
    height:24px;
    line-height:24px;
    text-align:center;
    border-radius:2px;
    -webkit-border-radius:2px;
    padding:0px 10px;
    margin:7px 0px;
}

.foot_info li a.ecp-btn img{
    margin-left:7px
}

.app_info {
    position: absolute;
    left:850px;
    width:250px;
    text-align:left;
}

.app_info ul{}
.app_info li{
    padding:0px 0px 5px;
    float:left;
}

.pay_info {
    position: absolute;
    left:850px;
    top: 200px;
    width:250px;
    text-align:left;
}

.bank_info {
    float:left;
    margin-right:80px;
    width:333px;
}

.bank_info ul{}
.bank_info li{
    font-size:15px;
    border-bottom:1px solid rgba(255,255,255,.2);
    padding:16px 0px;
}

.bank_info li:first-child{
    padding-top:0
}

.bank_info li span{
    font-size:13px;
    color:#888;
    margin-right:5px;
}

.bank_info ul.name{
    margin-top:20px;
}

.bank_info ul.name li{
    border-bottom:0;
    line-height:24px
}

.bank_info ul.name li span{
    display:block;
    color:#8c2522
}

.sns_info{
    position: absolute;
    left:500px;
    width:300px;
}

.sns_info ul{}

.sns_info li{
    float:left;
    margin-right:7px;
}

.sns_info li:last-child{
    margin-right:0
}

.sns_info li a{
    display:block;
    background:#888888;
    width:33px;
    height:33px;
    text-align:center;
    border-radius:2px;
    -webkit-border-radius:2px
}

.sns_info li a i{
    line-height:33px;
    font-size:1.5em
}

.sns_info li a:hover{color:#fff}
.sns_info li a.whatsapp:hover{background:#00a859}
.sns_info li a.line:hover{background:#2cbf17}
.sns_info li a.message:hover{background:#00a859}
.sns_info li a.facebook:hover{background:#4267b2}
.sns_info li a.instagram:hover{background:#e33a61}
.sns_info li a.youtube:hover{background:#fe0000}
.sns_info li a.kakaotalk:hover{background:#f5ec09; color:#381e1f}
.sns_info li a.navercafe:hover{background:#2CBF17FF}

.customer_center {
    position: absolute;
    left:500px;
    top: 160px;
    width:300px;
}

.customer_center .call{
    font-size:27px;
}

.customer_center .info{
    margin-top:20px
}

.customer_center ul{}
.customer_center li{
    font-size:15px;
    line-height:24px
}

.customer_center li span{
    font-size:13px;
    color:#888;
    margin-right:5px;
}

.cooperate_list{
    border-top:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
    width:1100px;
    margin:auto;
    margin-top:15px;
    padding:19px 0px;
    overflow:hidden;
}

.cooperate_list ul{}
.cooperate_list li{
    float:left;
    margin-right:30px;
}

.cooperate_list li:last-child{
    margin-right:0
}

.copyright_zone_b {
    position: relative;
    width: 1100px;
    overflow: hidden;
    height:44px;
    line-height:44px;
    margin: 0 auto;
    /*margin-top:35px;*/
    margin-top:5px;
}

.copyright_zone_b h2 {
    float: left;
    margin-right:20px
}

.copyright_zone_b h2 img{
    height:40px;
    display:none
}

.copyright_zone_b p{
    float:right;
    color:#888;
    font-size:12px
}

.copyright_zone_b .address {
    float: right;
    width: 780px;
    color: #a4a4a4;
    font-size: 12px;
}

.copyright_zone_b .address li {
    margin-top: 8px;
}

.copyright_zone_b .address li:first-child {
    margin-top: 0
}

.copyright_zone_b .address li span.email {
    color: #a4a4a4;
    font-weight: bold;
}

.copyright_zone_b .address li strong {
    color: #a4a4a4;
}

.copyright_zone_b .copyright {
    float: right;
    width: 780px;
    color: #7d7c7c;
    margin-top: 15px;
    font-size: 11px;
}

.copyright_zone_b .copyright li {
    margin-top: 5px;
}

input[type=text]::-webkit-input-placeholder {
    color: #c3c3c3;
}

/* WebKit browsers */
input[type=text]:-moz-placeholder {
    color: #c3c3c3;
    opacity: 1;
}

/* Mozilla Firefox 4 to 18 */
input[type=text]::-moz-placeholder {
    color: #c3c3c3;
    opacity: 1;
}

/* Mozilla Firefox 19+ */
input[type=text]:-ms-input-placeholder {
    color: #c3c3c3;
}

/* Internet Explorer 10+