@charset "utf-8";
/* All Device 모든 해상도를 위한 공통 코드를 작성한다. ------------------------------------------------------------------------- */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block}
/* 공통 레이아웃 ------------------------------------------------------------------------------------- */

/* wrap */
body{background-color:#19c8d1;z-index:5; background-size:cover;
background-position:center; }
#wrap {}

/* header */
/* #header {position:relative;width:100%;height:60px;box-sizing:border-box;border-bottom:1px solid #e5e5e5;background:#fff;z-index:3000;}

.top_logo {padding:15px 0 0 10px;font-size:22px;color:#595959;width:100px;}
.top_logo img { vertical-align:top; width:100%; }

.top_btn {position:absolute;top:10px;right:10px;width:40px;height:40px;background:#1e251d;border-radius:100px;-webkit-border-radius:100px;}
.top_btn span {display:block;width:22px;height:3px;background:#FFF;margin:0 auto;}
.top_btn span.mg_num {margin:4px auto;} */

/* 내비게이션 그룹 */
/* #none_box {position:absolute;min-width:200px;width:100%;top:60px;right:0;background:#f5f5f5;z-index:3000;}

.btntopbox {position:absolute !important;z-index:400}
.btntopbox:after {display:block;content:'';clear:both;}

.snav01 .tmenu {line-height:40px;border-bottom:1px solid #eee;}
.snav01 .tmenu > a {display:block;color:#222;font-size:1.1em;padding-left:10px;padding-top:1px;font-weight:bold;background:url('/resource/image/mobile/icon/select_arr.png') right center no-repeat;
background-size:2em auto;font-family:'Montserrat';font-weight:normal;}
.snav01 .tmenu > a:hover,
.snav01 .tmenu > a.active {color:#3f8f3c;}

.depth_nav {padding:7px 10px 11px 10px;background:#e5e5e5}
.depth_nav:after {display:block;content:'';clear:both;}
.depth_nav > .dmenu {height:23px;}
.depth_nav > .dmenu a {display:block;height:28px;line-height:28px;color:#555;font-size:1em;font-family:'Montserrat';font-weight:normal;}
.depth_nav > .dmenu a:hover {color:#3f8f3c;font-weight:bold;}

.none_boxbg {position:fixed;background:url('/resource/image/mobile/bg/SBgWrap.png') repeat;width:100%;height:100%;min-height:100%;top:0;left:0;right:0;bottom:0;z-index:300;}
.none_boxbg:after {display:blcok;content:'';clear:both;} */


/* 메인 슬라이더 이미지  */
/* #full_slider { position:relative; } */

/* container 영역  */
/* #container { width:100%;}
#container:after {display:block; content:''; clear:both; }
 */
/* .notice_box {width:100%;height:30px;} */

/* 메인 슬라이드 이미지 영역 */
/* #visual {position:relative;width:100%;background:#fff;}
#visual:after {display:block;content:''; clear:both;}
#visual > #slider_img img {width:100%;vertical-align:top;}
#visual .center_bx {top:50%;hegiht:100px;margin-top:-50px;} */

/* .center_bx {position:absolute;top:0;width:100%;text-align:center;z-index:1000;color:#fff;}
.center_bx .main_title {color:#fff;font-size:1.3em;letter-spacing:2px;font-family:'Montserrat'}
.center_bx .main_title:first-letter {color:#3f8f3c;}
.center_bx span {display:block;width:35px;height:35px;
background:url('/resource/image/mobile/main/m_room_con.png') center no-repeat;background-size:2em;margin:0 auto;padding:4px 0 8px 0;}
.center_bx p {font-size:1.8em;line-height:100%;color:#fff;letter-spacing:2px;font-family:'Montserrat'}
 */

/* #btn_box { position:absolute;  width:100%;   height:38px;    top:50%;   margin:-27px 0 0 0; }
.prev_left, .next_right {float:left; }
.next_right { float:right; } */

/* article */
.article_wrap {}
.arfter:after {display:block;content:'';clear:both;}

/* 메인 공통 css */
/* .artwrap {padding:10px;box-sizing:border-box;}
.awrap_h1 {padding:15px 0 9px 0;text-align:center;color:#fff;font-size:1.3em;letter-spacing:2px;font-family:'Montserrat';}
.awrap_h1:first-letter {color:#c6d060;}
.awrap_h1_b {padding:15px 0 9px 0;text-align:center;color:#222;font-size:1.3em;letter-spacing:2px;font-family:'Montserrat';}
.awrap_h1_b:first-letter {color:#3f8f3c;} */

/* marticle */
/* .marticle img {width:100%;vertical-align:top;}
.marticle:after {display:block;content:'';clear:both;}
 */
/* .btn_mticle {float:right;display:block;width:120px;height:33px;line-height:33px;letter-spacing:1px;
margin-top:16px;border:2px solid #ccc;text-align:center;font-size:1em;font-weight:bold;transition:color 250ms ease-in-out;color:#222;}
.btn_mticle:hover {background:#ccc;color:#fff;}
 */
/* m_article01 */
/* .m_article01 {position:relative;color:#333;background:#3f8f3c;padding:25px 0 45px 0;}
.m_article01 .m_txtfix {padding:0 20px;box-sizing:border-box;}
.m_article01 .m_txtfix p {font-size:1em;line-height:160%;color:#fff;text-align:center;}
.m_article01 a {display:block;width:140px;height: 34px;line-height: 34px;border-radius: 50px;background:#225020;text-align:center;font-weight:bold;font-size:1em;color:#fff;margin: 30px auto 0 auto;}
.m_article01 a:hover {text-decoration:underline;}
 */
/* m_article02 */
/* .m_article02 {}
.m_article02 .center_bx {top:50%;hegiht:160px;margin-top:-77px !important;}
.m_article02 .center_bx a {display:block;width:140px;height:34px;line-height:35px;margin:20px auto 0 auto;background:#3f8f3c;font-weight:bold;border-radius:50px;letter-spacing:1px;}
.m_article02 .center_bx a:hover {text-decoration:underline;} */

/* m_article03 */
/* .m_article03 {padding:20px 0 30px 0;background:#edf2ed;}

.list_fac {padding:10px 20px 20px 20px;}
.list_fac:after {display:block;content:'';clear:both;}
.list_fac li {float:left;width:100%;height:200px;}
.list_fac li a {position:relative;display:block;width:100%;height:200px;background:#ddd;}
.list_fac li a:hover p {color:#c6d060;transition:color 250ms ease-in-out;}
.list_fac li a img {width:100%;height:100%;vertical-align:top;}
.list_fac li a div {position:absolute;top:50%;width:100%;text-align: center;height:80px;margin:-40px 0 0 0;}
.list_fac li a span {display:block;height:50px;background:#d6bf76;}
.list_fac li a span.fac_con01 {background:url('/resource/image/mobile/icon/m_fac_con02.png') center no-repeat;background-size:45px;}
.list_fac li a span.fac_con02 {background:url('/resource/image/mobile/icon/m_fac_con03.png') center no-repeat;background-size:45px;}
.list_fac li a span.fac_con03 {background:url('/resource/image/mobile/icon/m_fac_con01.png') center no-repeat;background-size:45px;}
.list_fac li a div p {padding-top:11px;font-size:14px;font-weight:bold;color:#fff;letter-spacing:2px;} */

/* m_article04 */
.bg_wrap {background:#f5f5f5;padding:40px;}

/* m_article05 */
.m_article05 {padding-top:10%;}

/* m_article06 */
/* .m_article06 {padding:30px 20px;}
.m_offer_list {padding-top:10px;margin:0;}
.m_offer_list li {padding:10px 0;position:relative;}
.m_offer_list li:after {display:block;content:'';clear:both;}
.m_offer_list li:last-child {border-bottom:0;}
.m_offer_list li:hover .e_jm {text-decoration:underline;}

.m_offer_list li .mmbox {float:left;display:inline-block;width:55px;height:70px;background:#323931;border-radius:3px;color:#fff;text-align:center;}
.m_offer_list li .mmbox h1 {padding-top:6px;font-size:25px;}
.m_offer_list li .mmbox h2 {font-size:12px;color:#aeafb2;}
.m_offer_list li .txt_box {padding-left:15px;width:70%;float:left;display:inline-block;box-sizing:border-box;font-family:'Montserrat';font-weight:normal;}
.m_offer_list li .txt_box .e_tit {font-size:1em;color:#3f8f3c;padding:5px 0 0 0;letter-spacing:0.8px;}
.m_offer_list li .txt_box .e_jm {font-size:1em;padding:2px 0;}
.m_offer_list li .txt_box .e_date {color:#888;}
.m_offer_list li .txt_box em {padding:0 0 0 17px;display:block;background:url('/resource/image/mobile/icon/icon_time.png') left center no-repeat;
background-size:1.1em;font-weight:bold;}
.overtxt {width:90%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} */

/* 버튼 오버레이 */
.opbtn {position:relative;display:inline-block;width:100%;}
.opbtn img {width:100%;margin:0 auto;vertical-align:top;}
.btn_overlay {display:none;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;
background:url('/resource/image/user/bg/bg_rgbafff02.png') repeat;
transition:all .3s ease;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.btn_hideopen {position:absolute;top:50%;left:50%;margin:-14px 0 0 -50px;display:block;width:100px;height:28px;line-height:28px;font-size:80%;color:#fff;border:2px solid #fff;text-align:center;}
.btn_hideopen:hover {font-weight:bold;background:#fff;color:#555;transition:background 250ms ease-in-out;}
.opbtn:hover .btn_overlay {display:block;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}


/* footer */
/* #footer { position:relative;width:100%;margin:0 auto;z-index:5;text-align:center;background:#323931;font-size:1em;} */

/* f_congrp01 */ 
/* .f_congrp01 {padding:30px 20px 50px 20px;background:#eee;border-bottom:1px solid #414040;}
.f_congrp01 h2 {color:#b2b7b7;font-size:1.3em;padding:0 0 5% 0;letter-spacing:3px;}

.form_grp {}
.form_grp:after {display:block;content:'';clear:both;}
.form_grp li {padding:0 0 7px 0;}
.form_grp li input {margin-bottom:7px;background:transparent;display:block;width:100%;padding:10px 8px;border:1px solid #c5c5c5;box-sizing:border-box;}
.form_grp li input.nameput {width:100%;}
.form_grp li textarea {background:transparent;width:100%;min-height:80px;padding:10px;border:1px solid #c5c5c5;box-sizing:border-box;resize:none;}
.form_grp li .submit {clear:both;display:block;width:140px;height:34px;line-height:35px;margin:20px auto 0 auto;background:#3f8f3c;color:#fff;font-weight:bold;border-radius:50px;border:0;}
.form_grp li .submit:hover {text-decoration:underline;}

.form_grp li span {display:block;}
.form_grp li span.chkbox {padding-bottom:15px;float:left;}
.form_grp li span.chkbox .radiput {display:inline-block;width:15px;height:15px;border:2px solid #ddd;vertical-align:middle;margin:2px 3px 0 0;}
.form_grp li span.chkbox .radible {color:#777;font-size:12px;vertical-align:middle;}
.form_grp li span.chkbox .pview {margin-left:7px;padding:5px 17px 3px 17px;border:0;font-size:12px;vertical-align:middle;background:#ccc;color:#555;-webkit-border-radius:50px;border-radius:50px;vertical-align:middle;}
.form_grp li span.chkbox .pview:hover {background:#686868;color:#fff;} */

/**/
/* .foot_sns {float:none;text-align:center;padding:5px 0 10px 0;}
.foot_sns li {display:inline-block;}
.foot_sns li a {display:inline-block;width:36px;height:36px;border:2px solid #ddd;border-radius:100px;margin-right:5px;}
.foot_sns li a.item01 {background:url('/resource/image/mobile/btn/snstem01.png') center no-repeat;background-size:2em;}
.foot_sns li a.item02 {background:url('/resource/image/mobile/btn/snstem02.png') center no-repeat;background-size:2em;}
.foot_sns li a:hover {border:2px solid #fff;} */

/* f_congrp02 */ 
/* .f_congrp02 {padding:15px 0;background:#353944;color:#84858a}
.f_congrp02 a:hover {color:#ccc;transition:color 250ms ease-in-out;}
.f_congrp02 p.foot_txt {color:#84858a;padding:0 15px;line-height:17px;padding-top:3px;}
#footer em {padding:0 1px 0 4px;display:inline-block;}
#footer .bslist {display:inline-block;}
.f_congrp02 .hotelinfo {color:#84858a;padding-top:5px;line-height:150%;} */

/* fx_footbtn */
/* .fx_footbtn {position:fixed;bottom:0;left:0;right:0;width:100%;z-index:2000;background:#1e251d;color:#fff !important;font-size:12px;font-family:'Montserrat';font-weight:normal;}
.fx_footbtn ul {width:100%;}
.fx_footbtn ul li {float:left;width:33.3%;box-sizing:border-box;}
.fx_footbtn ul li.bd_color {border-left:1px solid #323931;border-right:1px solid #323931;box-sizing:border-box;}
.fx_footbtn ul li a {display:block;text-align:center;height:46px;line-height:46px;box-sizing:border-box;font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fx_footbtn ul li a:hover {text-decoration:underline;}
.fx_footbtn ul li a span {display:inline-block;width:30px;height:30px;vertical-align:middle;margin:0 4px 4px 0;}
.fx_footbtn ul li a .stem01 {background:url('/resource/image/mobile/btn/f_menu_01.png') center no-repeat; background-size:1.7em;}
.fx_footbtn ul li a .stem02 {background:url('/resource/image/mobile/btn/f_menu_03.png') center no-repeat; background-size:1.7em;}
.fx_footbtn ul li a .stem03 {background:url('/resource/image/mobile/btn/f_menu_05.png') center no-repeat; background-size:1.7em;} */

/* 앱 다운로드 링크 화이트 01 */
.appbtn_grp01 {text-align:center;}
.appbtn_grp01 a {display:inline-block;width:110px;padding:8px 0 7px 25px;color:#fff;margin:4px 3px;font-weight:bold;
border:1.5px solid #aaa;border-radius:3px;-webkit-border-radius:3px;}
.appbtn_grp01 a:hover {border:1.5px solid #fff;}
.appbtn_grp01 .btn_android {background:url('/resource/image/mobile/icon/icon_android_w.png') 20px center no-repeat;background-size:1.3em;}
.appbtn_grp01 .btn_ios {background:url('/resource/image/mobile/icon/icon_ios_w.png') 25px center no-repeat;background-size:1.3em;}

/* Tablet Device에는 이 코드가 실행됨 ------------------------------------------------------------------  */
@media all and (min-width : 768px) and (max-width : 1024px) {
body {line-height:150%;}

/* .arttit_box h2 {width:24% !important;margin:0 auto;position:relative;}
.arttit_box h2 img {display:inline-block; width:100%;}
.ab_txt {text-align:center; }
.ltter_sp {font-size:1.2em !important;padding-bottom:13px !important;}

.line_lbg {height:60px;background:url('/resource/image/user/bg/bg_lnbottom.png') top right no-repeat;}
.line_rbg {margin-top:9%;height:60px;background:url('/resource/image/user/bg/bg_lntop.png') bottom left no-repeat}
 */
/* nav_Tablet */
/* .snav01 .tmenu > a {font-size:1.2em;}
.depth_nav > .dmenu a {display:block;height:25px;line-height:25px;color:#666;padding-left:10px;font-size:1.2em;}

.weatherbox {font-size:1.2em;} */

/* visual_Tablet */
/* #visual .center_bx {top:50%;hegiht:180px;margin-top:-90px;}

.center_bx {position:absolute;top:0;width:100%;text-align:center;z-index:1000;color:#fff;}
.center_bx .main_title {color:#fff;font-size:2em;letter-spacing:2px;font-family:'Montserrat'}
.center_bx .main_title:first-letter {color:#c6d060;}
.center_bx span {display:block;width:50px;height:50px;
background:url('/resource/image/mobile/main/m_room_con.png') center no-repeat;background-size:3em;margin:0 auto;padding:10px 0 17px 0;}
.center_bx p {font-size:4.1em;line-height:100%;color:#fff;letter-spacing:2px;font-family:'Montserrat'}
 */
/* 메인 공통 css_Tablet */
/* .artwrap {padding:10px;box-sizing:border-box;}
.awrap_h1 {padding:20px 0 15px 0;text-align:center;color:#fff;font-size:2em;letter-spacing:3px;font-family:'Montserrat';}
.awrap_h1_b {padding:15px 0 9px 0;text-align:center;color:#222;font-size:2em;letter-spacing:3px;font-family:'Montserrat';} */

/* m_article01_Tablet */
/* .m_article01 .m_txtfix p {font-size:1.1em;}
.m_article01 a {display:block;width:165px;height:38px;line-height:38px;border-radius:50px;text-align:center;font-weight:bold;font-size:1em;color:#fff;margin: 30px auto 0 auto;}
.m_article01 a:hover {text-decoration:underline;} */


/* article02_Tablet */
/* .m_article02 {}
.m_article02 .center_bx {top:50%;hegiht:240px;margin-top:-120px !important;}
.m_article02 .center_bx a {display:block;width:170px;height:38px;line-height:38px;margin:30px auto 0 auto;font-weight:bold;border-radius:50px;letter-spacing:1px;}
.m_article02 .center_bx a:hover {text-decoration:underline;}
 */
/* article03_Tablet */
/* .list_fac {padding:10px 20px 20px 20px;}
.list_fac:after {display:block;content:'';clear:both;}
.list_fac li {float:left;width:33.3% !important;height:210px;}
.list_fac li a {position:relative;display:block;width:100%;height:210px;background:#ddd;}
.list_fac li a img {width:100%;height:100%;vertical-align:top;}
.list_fac li a div {position:absolute;top:50%;width:100%;text-align: center;height:80px;margin:-40px 0 0 0;}
.list_fac li a span {display:block;height:50px;background:#d6bf76;}
.list_fac li a div p {padding-top:11px;font-size:14px;font-weight:bold;color:#fff;letter-spacing:2px;}
 */
/* footer_Tablet */
/* .f_congrp01 {font-size:1.2em;} */
.form_grp {font-size:1em;}
.form_grp li input {padding:12px;}
.form_grp li textarea {width:100%;padding:12px;min-height:80px;box-sizing:border-box;}
.form_grp li .submit {width:170px;height:38px;line-height:38px;}
.fx_footbtn ul li a {/* line-height:105px; */font-size:1em;}



/* 메인화면 팝업_Tablet */
.popwrap_main {margin-top:-33%;}
.popwrap_main {position:fixed;top:50%;left:50%;margin-top:-27%;margin-left:-36%;width:70%;border-radius:0;padding:5px;background:#666;}

}

/* 서브 레이아웃 --------------------------------------------------------------------- */

/* contants */
.contents {padding:10px 10px 40px 10px;min-height:320px;*zoom:1; font-size:1em;line-height:140%;color:#555; }
.contents:after {display:block; content:''; clear:both; }

.p_smny {font-size:1.05em;line-height:150%;padding:10px 0 10px 0 !important;}

/* 서브 하단 객실 슬라이드 */
.our_rgrp {padding:25px 5px;/*padding:20px;*/background:#eee}
.list_room:after {display:block;content:'';clear:both;}
.list_room li {width:33.3%;float:left;/* width:100%;  */padding:0 3px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}

.list_room li span {display:block;}
.list_room li .imgbox img {width:100%;vertical-align:top;}
.list_room li .tit {font-size:1em;font-weight:bold;text-align:center;width:100%;height:28px;line-height:30px;background:#7A868C;color:#eee;}
.list_room li:hover .tit {font-weight:bold;color:#fff;text-decoration:underline;}


/* 서브 탑 타이틀 */
.subtitbox {padding:20px 0;text-align:center;}
.subtitbox h1 {font-size:1.4em;color:#222;letter-spacing:1px;font-weight:normal; font-family:'Montserrat', arial, Sans-serif;}
.subtitbox h1:first-letter {color:#3f8f3c;}
.subtitbox .line1{position:relative;width:100%;height:1px;background:#eee;margin:15px 0 25px 0;}
.subtitbox .line2 {position:absolute;top:0;left:50%;width:30px;margin-left:-15px;height:3px;background:#bba86d;}

/**/
.mpup_grp {top:40%;left:49%;margin:-10% 0 0 -40%;position:fixed;width:80%;border:3px solid #222;background:#fff;z-index:400}
.mpup_box {padding:20px 20px 14px 20px;font-size:1em;}
.mpup_box li {padding-bottom:5px;}

.mpup_grp .btn_grp li {float:left;width:50%;color:#888;background:#222;}
.mpup_grp .btn_grp li:first-child {border-right:1px solid #333;box-sizing:border-box;color:#fff;}
.mpup_grp .btn_grp li a {display:block;width:100%;height:40px;line-height:43px;text-align:center;font-size:1.2em;}
.mpup_grp .btn_grp li a:hover {background:#444}


/* 다국어 팝업박스 */
#wrap .pop_none_box { display: none; position:fixed; margin:0 0 0 -40%; top:40%; left:49%; width:80%; background:#fff; border:4px solid #363843; z-index:300; }
.popCtn1 { width:200px; padding:13px 0; margin:0 auto; }
.popCtn1 ul li {  width:80px; text-align:left; margin:0 auto; font-size:13px;  }
.popBtn2 { width:100%; height:35px; background:#363843; }
.popTitle li a { display:block; width: 100%; height:35px; line-height:38px; text-align:center; color:#dfc986; font-weight:bold; font-size:15px;}

.bx-prev, .bx-next {
    display: block;
    width: 40px;
    height: 40px;
}
.tb_floor td {padding:9px 15px;border-bottom:1px solid #eee;}


/* 메인화면 팝업 */
.s_bg_wrap {position:fixed; width:100%; height:100%;top:0;left:0; background:url('/resource/image/user/bg/SBgWrap.png') repeat;z-index:1000;}

.popwrap_main {position:fixed;top:50%;left:50%;margin-top:-22%;margin-left:-41.5%;width:80%;border-radius:0;padding:5px;background:#81d8cf;}
.popwrap_main > img {vertical-align:top;width:100%;}
.popwrap_main > .popbox_grp {position:relative;}

.btn_pop_close02 {position:absolute;top:-60px;left:50%;margin-left:-25px;display:block;width:45px;height:45px;border-radius:100px;
background:#333;background:url('/resource/image/user/btn/btn_popclose.png') no-repeat;background-size:3.5em;}
/* .btn_pop_close02:hover {background:url('/resource/image/user/btn/btn_popclose_on.png') no-repeat;background-size:3.5em;} */


/* 공지사항 리스트 */
.notice_list {border-top:2px solid #414040;letter-spacing:-0.7px;}
.notice_list:after {display:block;content:'';clear:both;}
.notice_list li {height:50px;border-bottom:1px solid #ddd;}
.notice_list li a {display:inline-block;float:left;width:70%;height:50px;line-height:50px;font-size:1.05em;font-weight:500;color:#333;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notice_list li a:hover {font-weight:bold;text-decoration:underline;}
.notice_list li span {display:inline-block;float:right;height:50px;line-height:50px; font-size:110%;color:#999;}

.non{text-align:center;padding:50px 0;color:#898989;font-size: 13px;width: 100%;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}


/* 웹페이지 */
.boxcen {position:relative;width:100%;margin:0 auto;}
.boxcen:after {display:block;content:'';clear:both;}

.radius01 {border-radius:3px;-webkit-border-radius:3px;}
.radius02 {border-radius:9px;-webkit-border-radius:9px;}
.radius03 {border-radius:100px;-webkit-border-radius:100px}
.radius03 {border-radius:100px;-webkit-border-radius:100px}

.radius10 {border-radius:10px;-webkit-border-radius:10px}

/* 다국어 퀵 메뉴 */
.qukgrp {top:30%;z-index:900;text-align:center}
.qukgrp_li{display:inline-block;}
.qukgrp .jj_list {display:block;}
.qukgrp .qukgrp_li:nth-child(1){margin-right:15px;}
.qukgrp li.active{margin-left:0px;margin-bottom:50px;display:inline-block;}
.qukgrp li a {display:block;width:80px;height:80px; border-radius:50%; box-shadow:1px 1px 10px #000;}
.qukgrp li a img {width:100%;height:100%;vertical-align:top;}

/*호텔 지점 선택*/
.hotel_select_box {border-radius:20px; width:300px; position:absolute; top:-34px; left:0; }
.jj_list div {width:65%; color: #fff; background:#41526b;  margin: 10px auto; height:40px; line-height:40px;border-radius:40px; font-weight: bold; box-shadow:1px 1px 1px #000; transition:0.3s;}
.hotel_sel.active{background: #fff; color:#333;}


.jj_ft{width:100%;  position:fixed; bottom:0; left:0;  }
.jj_ft a{display:block; width:100%; margin: 0px auto;}
.reser_home_btn02{display:block; position:fixed;top:10px; right:10px;text-align:center;color:#fff; font-weight:bold; text-shadow:1px 1px 3px #000; font-size:0.7em; z-index:999;}
.reser_home_btn02 img{width:34px; vertical-align:middle; paddung-bottom:5px;}

.reser_home_btn03{text-align:center; color:#fff; font-weight:bold;font-size:1.35em; text-shadow:1px 1px 3px #000; padding: 15px 0; }
.reser_home_btn03 img{width:100px;}

/* 메인 레이아웃 ------------------------------------------------------------------------------------- */

/* 공통 */
.center_bx {position:relative;width:100%;margin:0 auto;box-sizing:border-box;}
.center_bx:after {display:block;content:'';clear:both;}
.main_title {font-size:26px;padding:0 0 20px 0;color:#333;letter-spacing:1.2px;}
.main_title em {color:#3f8f3c;}


.bg_dark {background:url('/resource/image/user/bg/bg_content.png') repeat !important;}

/* scontent */
.scontent {position:relative;width:100%;margin:0 auto;padding-bottom:90px;background:url('/resource/image/user/bg/bg_scontent.png') repeat !important;border-radius:10px;}


/* .tit_box{width:100%;}
.step_circle{width:36px; height:40px; display:inline-block; text-align:center; float:left;font-size: 2em;scolor: #333;background: #fff;line-height: 38px;
border-radius:5px; box-shadow:1px 1px 3px #000;} */
/* 메인 헤드 */
.main_head {position:relative;background:url('/resource/image/user/bg/bg_main_head.png') repeat-x;height:30px;text-align:center;border-radius:8px 8px 0 0;}
.main_head .con_tit {color:#c4c4cd;letter-spacing:1px;}
.wrap_hd{height:60px;position:relative;}
.wrap_hd .w_logo{display:block; width:150px; margin:0 auto;padding-top:8px;}
.wrap_hd .w_logo img{width:150px;padding-top:8px;}
.wrap_hd .menu_con{display:block; width:60px; height:60px; position:absolute; top:0; right:0; text-align:center; line-height:60px; color:#fff; font-size:2em;}
.btn_ghome02 .go_home{display:block;width:60px; height:60px; background:url('/resource/image/mobile/icon/m_btn_ghome02.png') center no-repeat;background-size:30px;} 

.menu_wrap{position:absolute; top:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.75); z-index:99999 !important; box-shadow:1px 1px 3px #000;}
.menu_wrap .rela_box{position:relative; width:100%; height:100%; }
.menu_wrap .close_hd{position:relative; width:100%; height:60px; box-sizing:border-box;}
.menu_wrap .close_btn{color:#fff; display:block;position:absolute; top:15px; right:10px; color:#ccc; font-size:24px; }
.menu_wrap .posi_box{position:absolute; top:calc(50% - 90px); left:calc(50% - 40%); width:80%; height:180px; background-color:#fff;  border-radius:5px;
font-family: 'Noto Sans KR', sans-serif; }
.menu_wrap .posi_box .posi_tit{text-align:center; padding:15px 0; font-size:1.5em; font-weight:bold; color:#333;}
.menu_wrap .posi_box .op_high{text-align:center; font-size:1em; color:#333;}
.menu_wrap .posi_box .op_high .op_tit{font-size:1em; padding-bottom:10px;}
.menu_wrap .posi_box .op_body{width:90%; margin:0 auto; margin-top:18px;}
.menu_wrap .posi_box .op_body .m_date_time{display:inline-block;width:48%; padding:10px 0; border-radius:5px; text-align:center;font-size:13px;}
.menu_wrap .posi_box .op_body .m_date_tell{float:left; background-color:#ccc; color:#333;}
.menu_wrap .posi_box .op_body .m_date_sell{float:right;background-color:#ff0000; color:#fff;}





/* 홈으로 */
.btn_ghome {position:absolute;top:0;right:0;/* border-left:1px solid #aaafb5; */}
.btn_ghome02 {position:absolute;top:0;left:0;}

/* .btn_ghome:hover {background:url('/resource/image/user/bg/bg_con_head_hv.png') repeat;border-radius:0 10px 0 0;} */
.go_home {display:block;width:75px;height:75px; background:url('/resource/image/mobile/icon/m_btn_ghome.png') center no-repeat;background-size:40px;}
.go_home span {display:inline-block;width:75px;padding-top:22px;font-size:1.1em;color:#052642; letter-spacing:-1px; font-weight:bold;text-align:center}

/* 셀프체크인 텍스트  */
.txt_maintit {text-align:center;padding:85px 0 60px 0;}

/* 메인 체크인 버튼 */
.checkin_btn {float:none;text-align:center;}
.checkin_btn li {display:inline-block;width:407px;height:291px;margin:0 10px;}
.checkin_btn li p {padding:78px 0 0 166px;font-size:40px;line-height:120%;letter-spacing:-3px;text-align:left; color:#062f14; }
.checkin_btn li p.left_txt {padding:78px 0 0 185px;color:#5b3000;}

.checkin_btn li.item01 {background:url('/resource/image/user/main/kor_icon_date01_off.png') center no-repeat;}
.checkin_btn li.item01:hover {background:url('/resource/image/user/main/kor_icon_date01_on.png') center no-repeat;}
.checkin_btn li.item02 {background:url('/resource/image/user/main/kor_icon_date02_off.png') center no-repeat;}
.checkin_btn li.item02:hover {background:url('/resource/image/user/main/kor_icon_date02_on.png') center no-repeat;}

.checkin_btn li.item03 {background:url('/resource/image/user/main/chn_icon_date01_off.png') center no-repeat;}
.checkin_btn li.item03:hover {background:url('/resource/image/user/main/chn_icon_date01_on.png') center no-repeat;}
.checkin_btn li.item04 {background:url('/resource/image/user/main/chn_icon_date02_off.png') center no-repeat;}
.checkin_btn li.item04:hover {background:url('/resource/image/user/main/chn_icon_date02_on.png') center no-repeat;}

.checkin_btn li.item05 {background:url('/resource/image/user/main/eng_icon_date01_off.png') center no-repeat;}
.checkin_btn li.item05:hover {background:url('/resource/image/user/main/eng_icon_date01_on.png') center no-repeat;}
.checkin_btn li.item06 {background:url('/resource/image/user/main/eng_icon_date02_off.png') center no-repeat;}
.checkin_btn li.item06:hover {background:url('/resource/image/user/main/eng_icon_date02_on.png') center no-repeat;}

.checkin_btn li.item07 {background:url('/resource/image/user/main/jpn_icon_date01_off.png') center no-repeat;}
.checkin_btn li.item07:hover {background:url('/resource/image/user/main/jpn_icon_date01_on.png') center no-repeat;}
.checkin_btn li.item08 {background:url('/resource/image/user/main/jpn_icon_date02_off.png') center no-repeat;}
.checkin_btn li.item08:hover {background:url('/resource/image/user/main/jpn_icon_date02_on.png') center no-repeat;}

.copy_txt {text-align:center;padding-top:30px;padding-bottom:30px;font-size:18px;font-weight:bold;text-align:center;color:#90a8c4;}

/* 콘텐츠 헤드 */
.con_head {position:relative;height:50px;line-height:50px;border-radius:10px 10px 0 0; background-color:#fff;}
.chk01 {}

.con_tit {font-size:1.4em;letter-spacing:-1px;font-weight:bold;color:#444; width:100%;}
.con_tit em {padding:0 15px 0 15px;font-weight:normal;letter-spacing:0;}

/* .hotel_name {display:block; margin-bottom:20px;font-size:25px;line-height:100%;font-weight:bold;color:#fff;text-align:right;letter-spacing:2px;}
 */
/* 콘텐츠 푸터 */
.con_footer {position:fixed;bottom:0;left:0;right:0;height:60px;background:#052642;}
.list_footer {}
.list_footer li {float:left;width:50%;height:60px;line-height:60px;font-size:1.6em;font-weight:bold;text-align:center;color:#fff;}
.list_footer li.next {color:#e9ff00;border-left:1px solid #3d5470;box-sizing:border-box;}
.list_footer li:hover {background:#3d5470;transition:background 200ms ease-in-out}

.btn_up {color:#9bb7dc !important; background:#22405a url('/resource/image/user/btn/icon_upbtn_off.png') center no-repeat; line-height:85px !important;}
.btn_up:hover {color:#fff !important; background:#3d5470 url('/resource/image/user/btn/icon_upbtn_on.png') center no-repeat !important}
.btn_down {color:#9bb7dc !important; background:#22405a url('/resource/image/user/btn/icon_downbtn_off.png') center no-repeat; line-height:85px !important;}
.btn_down:hover {color:#fff !important; background:#3d5470 url('/resource/image/user/btn/icon_downbtn_on.png') center no-repeat !important}

/* article & 공통*/
.article {position:relative;border-radius:0 0 10px 10px}
.back_eee {background-color:#fff; padding:0 10px 10px 10px;}
.article02{border-radius:0 0 10px 10px;}

.reser_tit {font-size:1.7em;line-height:100%;color:#020b18;letter-spacing:-1px;}
.reser_txt {padding:15px 0 0px 0;font-size:1.3em;line-height:150%;color:#333;letter-spacing:-1px;}
.reser_txt b {color:#aa0000;}
.reser_txt b.black {color:#000;}

.error {padding:0 0 0 0;color:#aa0000 !important;/* font-family:NanumBarunGothic; */font-size:1.3em;line-height:100%;letter-spacing:-1px;}

.pd_top15 {padding-top:15px;}
.pd_top20 {padding-top:20px;}
.pd_top30 {padding-top:30px;}
.pd_top35 {padding-top:35px;}
.pd_top40 {padding-top:40px;}
.pd_top45 {padding-top:45px;}
.pd_top50 {padding-top:50px;}
.pd_top60 {padding-top:60px;}

/* 체크인방없을때  */
.no_check_box{width:100%; height:100%;background-color:#c9c9c9; border-radius:10px; position:relative;}
.no_check_box .no_img{width:70%;padding:0px 0;  position:absolute; top:calc(50% - 27%); left:calc(50% - 35%);}
.no_check_box .no_img img{width:100%;}
.no_check_box .r_number{position:absolute; top:0; left:0; width:100%; height:60px; line-height:60px; background-color:rgba(255,255,255,0.65); text-align:center; font-weight:bold;
border-radius:10px 10px 0 0;}
.no_check_box .r_number .no_txt{color:#ff0000; font-size:1.2em; }
.no_check{float:none !important; height:350px;}


/* 호텔 및 날짜정보 */
.copy_grp {position:relative;width:100%;background:#142c44;height:67px;margin:0 auto;}

.hotel_info {position:absolute;top:20px;left:20px;clear:both;height:28px;}
.
.con_span {display:inline-block;width:30px;height:30px;margin:0 auto 8px auto;vertical-align:middle;}
.copy_grp02 .con_span01{color: #fff; width: 50px; height: 50px;background: #add1ff;border-radius: 50%; display:block; line-height: 50px; font-size: 22px; box-shadow: 1px 1px 3px #000;
margin:0 auto;}

.copy_grp02 .con_span02{color: #fff; width: 50px; height: 50px;background: #ff0000;border-radius: 50%;display:block; line-height: 50px; font-size: 26px; box-shadow: 1px 1px 3px #000;
margin:0 auto;}

.hotel_info .item01 {background:url('/resource/image/user/icon/cp_grp_item01.png') center no-repeat;}

.m_dtgrp {position:absolute;top:20px;right:20px;clear:both;}
/* .m_date_time {}
.m_date_time .item02 {background:url('/resource/image/user/icon/cp_grp_item02.png') center no-repeat;}
.m_date_time .item03 {background:url('/resource/image/user/icon/cp_grp_item03.png') center no-repeat;}
.m_date_time {font-weight:bold;line-height:100%;font-size:20px;color:#eee;}
.m_date_time .mg_left {margin-left:20px;}
.m_date_time em {color:#333; font-size: 0.8em; font-weight: bold;} */



/* .op_grp{text-align:center;font-family: 'Noto Sans KR', sans-serif;}
.op_grp .op_high{padding-top:0%;}
.op_grp span {display:inline-block;line-height:135%; font-size: 0.9em;  font-weight:bold;}
.op_grp .op_tit{ color:#fff;text-shadow:1px 1px 3px #000; font-size:1.8em; font-weight:bold;padding:5px 0;}
.op_grp .op_tit span{color:red; display:inline-block; width:32px; height:32px; border-radius:50%; text-align:center; line-height:32px; background-color:#fff; margin:0 auto;}
.op_grp .op_txt{ color:#fff; font-size:1.35em; font-weight:bold;text-shadow:1px 1px 3px #000;padding-top:14px;}

.copy_grp02{width:80%; margin:8% auto; font-family: 'Noto Sans KR', sans-serif;}
.copy_grp02 .m_date_time {font-size:1.5em;font-weight:normal;letter-spacing:0; display:inline-block; text-align:center;}
.copy_grp02 .m_date_time .item_txt{display:block; font-size:0.8em; font-weight:bold; padding:10px 0; text-shadow:1px 1px 3px #000; color:#add1ff;} 
.copy_grp02 .m_date_tell{float:left;}
.copy_grp02 .m_date_sell{float:right; }
.copy_grp02 .m_date_sell .item_txt{color:red;} */

.chk1 { display:none;}
.ck_btn { display:inline-block;  line-height:2.2;  background-image:url(/resource/image/user/icon/chk_off.png); background-size:24px; background-repeat: no-repeat;
 background-position:left; color:#333; transition:0.3s; text-align:left; cursor:pointer; padding-left:30px; font-size:0.85em; clear:both; width:70%;}
 .ck_btn .lab_text{}
.active02{ display:inline-block;  line-height:2.2;  background-image:url(/resource/image/user/icon/chk_on.png); background-repeat: no-repeat;
background-position:left; color:#2095ec; transition:0.3s; text-align:left; font-weight:bold;} 
.agree_btn02{padding:5px 7px; background-color:#c82a3b; border-radius:5px; color:#fff;font-size:1em; border:0; float:right;}



/* 예약 고객 STEP --------------------------------- */
.reser_grp {width:450px;margin:0 auto;}
.reser_grp .reser_list {background:#fff;padding:25px 30px;}
.reser_grp .reser_list li {padding:18px 0;border-bottom:1px solid #dcdcdc;font-size:19px;font-weight:bold;color:#555;line-height:100%;}
.reser_grp .reser_list li:last-child {border-bottom:0;}
.reser_grp .reser_list li b {display:inline-block;width:100px;color:#020b18;}

/* 미예약 고객 STEP -------------------------------- */
.choice_date {padding:40px 15px 25px 15px;margin:0 auto;text-align:center;}
.choice_date:after {display:block;content:'';clear:both;}
.choice_date li {position:relative; float:left;width:50%;padding:5px;box-sizing:border-box;cursor:pointer;}
.choice_date li img {width:100%;}
.choice_date li.etc {}
.choice_date li.etc:hover {}
/* .choice_date li.active,
.choice_date li:hover {background:url('/resource/image/user/bg/bg_sbys_on.png') center no-repeat;background-size:100%;} */

.choice_date li span {position:absolute;top:50%;left:0;margin:-25px 0 0 0;
width:100%;height:30px;line-height:30px;text-align:center;font-size:2.2em;font-weight:bold;}
.choice_date li span.twolow_txt {margin:-46px 0 0 0;line-height:125%;}

/* none_popup */
.none_grp {position:absolute;top:0;bottom:0;left:0;right:0; width:100%; height:100%; background:url('/resource/image/user/bg/bg_depth.png') repeat; z-index:10000}
.none_popup {position:absolute;top:8%;left:5%;/* margin:-275px 0 0 -250px; */width:90%;/* height:510px; */background:#e8e8ea; z-index:99999;}
.none_popup .con_footer {height:60px;}
.none_popup .list_footer li {float:left;width:50%;height:60px;line-height:60px;font-size:1.6em !important;color:#fff;}
.none_popup .list_footer .callbtn span{display:block; }
.none_popup .list_footer li.next {color:#fcd544;border-left:1px solid #3f4558;box-sizing:border-box;}

/* 번호 입력 영역 */
.number_grp {margin:0px auto;}
.number_grp :after {display:block;content:'';clear:both;}

.put_bx {position:relative;width:91.5%;margin:10px auto;background:#fff;border:2px solid #c2cbd1;}
.put_bx input {height:60px;box-sizing:border-box;font-size:1.4em;letter-spacing:-0.5px;padding:10px 10px;border:0;}
.put_bx button {position:absolute; display:block;width:40px;height:60px;top:0;right:10px;border:0;background:url('/resource/image/user/icon/icon_delete.png') center no-repeat;background-size:2.8em}
/* .put_bx button:hover {background:url('/resource/image/user/icon/icon_delete.png') #fff center no-repeat;background-size:2.9em} */
.put_bx button.btn_date {background:url('/resource/image/mobile/icon/icon_cal_b.png') center no-repeat;background-size:2.6em}

.put_bx2 {float:left;width:420px;position:relative;margin:0 auto;background:#fff;border:2px solid #c2cbd1;}
.put_bx2 input {width:87%;height:70px;box-sizing:border-box;font-size:30px;letter-spacing:-0.5px; padding:15px;border:0;}
.put_bx2 button {position:absolute; display:block;width:60px;height:60px;top:5px;right:10px;border:0;background:url('/resource/image/user/icon/icon_delete.png') center no-repeat;font-size:40px;color:#c20f12;}
.put_bx2 button:hover {background:url('/resource/image/user/icon/icon_delete.png') #fff center no-repeat;}



.list_number {text-align:center;padding:20px 10px 10px 10px;clear:both;}
.list_number li {display:inline-block;width:28%;margin:1% 1% 2% 1%;height:65px;line-height:70px;font-size:1.7em;font-weight:bold;
text-align:center; background:#070e18;color:#fff;border-radius:7px;cursor:pointer;}
.list_number li.active,
.list_number li:hover {background:#2a6fa8; transition:background 200ms ease-in-out}
.mg_zero{width:96% !important;}

/*객실 카드키 수*/
.list_number2 {float:left;margin-top:30px;margin-left:30px;}
.list_number2 li {float:left;width:80px;height:80px;line-height:80px;font-size:30px;font-weight:bold;
text-align:center; background:#070e18;color:#fff;margin:7px 14px 7px 0;border-radius:7px;cursor:pointer;}
/* .r_mg_zero2 {margin-right:0 !important;} */
.list_number2 li.active,
.list_number2 li:hover {background:#2a6fa8; transition:background 200ms ease-in-out;border-radius:5px;}

/* 객실 선택 */
.rooms_grp {height:400px; overflow:hidden;font-family: 'Noto Sans KR', sans-serif;}
.list_rooms:after {display:block;content:'';clear:both;}
.infor_title01{font-size:1.3em; font-weight:bold; padding:15px 0;    clear: both;}
.chc_ul_box{padding:5px; background-color:#eee; border-radius:5px;}
.chk_grp ul li{padding:7px 0;}


.list_rooms li{position: relative;float: left;margin-bottom: 15px; letter-spacing: -1.2px;  }
.list_rooms li:last-child{margin-bottom:0;}
.list_rooms li img {width:90%;height:100%;vertical-align:top;}
.list_rooms{padding:10px; border-radius:10px;}

.list_rooms li .r_number {font-size:1.15em;font-weight:bold; background-color:#eee;
color:#333; box-sizing:border-box;  padding:10px;}

.list_rooms li .r_price {display:block;color:#ff0000;;letter-spacing:0; font-size:1.25em; font-weight:bold; text-align:right;}
.list_rooms li .l_roomtit{display:block; width:100%;}
/*고객유의사항*/
/*.list_rooms li{background: #41526b; border-radius:40px; background-image:url('/resource/image/user/btn/arrow.png'); background-repeat: no-repeat; background-size:25px;  background-position-x:91%;background-position-y:51%;   } */
/*.list_rooms li p {color: white; font-size:1.2em; font-weight: bold; text-align: center;} */
/*.list_rooms li {position:relative;/*float:left; width:100% !Important;height:160px !Important; margin-bottom:15px;letter-spacing:-1.2px; padding: 20px;} */
/*아코디언*/
.accordian {background: #333333;width: 250px;margin: 50px auto 0 auto;color: white;box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5);}
/* 메뉴 스타일 */
.accordian h3 {font-size: 12px;line-height: 34px;padding: 0 10px;cursor: pointer;background: #064461;background: linear-gradient(#003040, #002535);}
.accordian h3:hover {text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);}
/* 아이콘폰트 스타일 */
.accordian h3 span {font-size: 16px;margin-right: 10px;}
.accordian li {list-style-type: none;}
/* 서브메뉴 스타일 */
.accordian ul ul li a {color: white;text-decoration: none;font-size: 11px;line-height: 27px;display: block;padding: 0 15px;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
.accordian ul ul li a:hover {background: #003545;border-left: 5px solid #09c;}
/* active 클래스 외에 것은 보이지 않게 하기 */
.accordian ul ul {display: none;}
.accordian li.active ul {display: block;}



/* 객실 선택_상세검색 */
.none_search {position:absolute;top:50%;left:50%;width:840px;min-height:400px;margin:-340px 0 0 -420px !important;}
.none_search {background:#e8e8ea;}
.none_search .con_footer {height:60px;}
.none_search .list_footer li {float:left;width:50%;height:60px;line-height:60px;font-size:1.6em !important;color:#fff;}
.none_search .list_footer li.next {color:#fcd544;border-left:1px solid #3f4558;box-sizing:border-box;}

.select_bx {padding:35px 30px 100px 30px;}
.select_bx:after {display:block;content:'';clear:both;}
.hr_sty02 {height:2px;border-bottom:1px solid #ccc;margin:5px 0 25px 0;}

.select_bx ul {width:100%;}
.select_bx ul:after {display:block;content:'';clear:both;}
.select_bx li {display:block;float:left;height:55px;line-height:55px;text-align:center;margin:0 20px 20px 0;font-size:19px;
font-weight:bold;letter-spacing:-0.8px;cursor:pointer;}
.select_bx li.type_name {min-width:90px !important;padding:0 10px 0 60px !important;color:#fff;font-size:19px;font-weight:bold;
text-align:left; !important;}
.select_bx li.item01 {background:url('/resource/image/user/icon/icon_pop_item01.png') #070e17 17px center no-repeat !important;}
.select_bx li.item02 {background:url('/resource/image/user/icon/icon_pop_item02.png') #070e17 20px center no-repeat !important;}
.select_bx li.item03 {background:url('/resource/image/user/icon/icon_pop_item03.png') #070e17 20px center no-repeat !important;}

.select_bx .type01 li {min-width:80px;padding:0 15px 0 57px;background:url('/resource/image/user/icon/icon_chk_off.png') #fff 15px center no-repeat;}
.select_bx .type01 li:hover,
.select_bx .type01 li.active {background:url('/resource/image/user/icon/icon_chk_on.png') #2a6fa8 15px center no-repeat;color:#fff;}
.select_bx .type02 li {min-width:57px;background:#fff;}
.select_bx .type02 li:hover,
.select_bx .type02 li.active {background:#2a6fa8;color:#fff;}
.select_bx .type03 li {min-width:80px;padding:0 15px 0 53px;background:#fff;background:url('/resource/image/user/icon/icon_chk_off.png') #fff 15px center no-repeat;}
.select_bx .type03 li:hover,
.select_bx .type03 li.active {background:url('/resource/image/user/icon/icon_chk_on.png') #2a6fa8 15px center no-repeat;color:#fff;}

/* 객실 선택 정보 */
.box_grp {width:100%;}
.box_grp:after {display:block;content:'';clear:both;}
.box_grp li.box {}
.box_grp li.img_bx {background:#5c5961;padding:0;}
.box_grp li.img_bx img {width:100%;height:100%;vertical-align:top;border-radius:0 0 8px 8px;}

.coin {position:relative;text-align:center;}
.coin p {position:absolute;width:100%;bottom:80px;font-size:35px;line-height:160%;letter-spacing:-2.3px;color:#fff;}

.reser_info {padding:0 10px; }
.reser_info .reser_info_li{font-family: 'Noto Sans KR', sans-serif; border-top:1px solid #ececec; width:100%; }
.reser_info .reser_info_li:nth-child(2){ height:60px; line-height:60px; border:0;}
.reser_info .reser_info_li:last-child{ height:60px; line-height:60px;clear: both;}
.reser_info .reser_info_li h3{font-size:1.25em; color:#333; width:30%; display:inline-block; clear:both;}
.reser_info .reser_info_li p{float:right;font-size:1.10em;}
.reser_info .reser_info_li .day_tit{padding:10px 0; width:100%;}
.reser_info .reser_info_li .day_box{width:100%;  display:block;position:relative; height:70px;}
.reser_info .reser_info_li .day_box p{float:none;}
.reser_info .reser_info_li .day_box .ck_box{width:50%; box-sizing:border-box; float:left; text-align:center; border-bottom:1px solid #ececec; padding:8px 0;}
.reser_info .reser_info_li .day_box .ck_box .day_txt01{font-weight:bold;padding-bottom:5px;}
.reser_info .reser_info_li .day_box .ck_box .day_txt02{font-size:1em;padding-top:5px; }
.reser_info .reser_info_li .day_box .ck_in{border-right:1px solid #ececec;}

/* .reser_info .reser_info_li .day_box .day_one{display:block;position:absolute; top:calc(50% - 12px); left:calc(50% - 12px); 
width:24px; height:24px; border-radius:5px; background-color:#ccc; text-align:center; line-height:24px; font-weight:bold; font-size:0.9em; color:#777;} */
.div_one_box{position:absolute; top:0; left:0;width:100%; height:100%;}
.div_one_box .day_one{ background-color:#ccc;padding:3px;color:#777; text-align:center; margin:5px auto; display:table;word-break:break-all;border-radius:5px;
font-weight:bold;}
.reser_info .reser_info_li .day_txt{float:left; width:100%;}
.reser_info .reser_info_li .cash_txt{color:red; font-weight:bold;}


.reser_info {padding:0 10px; }
.reser_info .reser_info_li02{font-family: 'Noto Sans KR', sans-serif; border-top:1px solid #ececec; width:100%;clear: both}
.reser_info .reser_info_li02:nth-child(3){height:60px; line-height:60px;}
.reser_info .reser_info_li02:nth-child(4){height:60px; line-height:60px;}
.reser_info .reser_info_li02:nth-child(2){ height:60px; line-height:60px; border:0;}
.reser_info .reser_info_li02:last-child{ height:auto ;clear: both;line-height:normal;padding-top:15px;}
.reser_info .reser_info_li02 .total_tit{color:#ff0000; }
.reser_info .reser_info_li02 .total_txt{color:#ff0000;}
.reser_info .reser_info_li02 .reser_txt01{font-size:1em; color:#666; background-color:#eee;padding: 5px; margin-top:15px;border-radius:5px;}
.reser_info .reser_info_li02 .reser_txt{display:block;}


/* .reser_info:after {display:block;content:'';clear:both;}
.reser_info > li {padding:13px 0 13px 0;border-bottom:1px solid #c2cbd1;}
.reser_info > li:last-child {border:0;}
.reser_info > li h3 {font-size:1.5em;line-height:100%;letter-spacing:-0.8px; text-align:center;} 
.reser_info > li p {font-size:1.5em;line-height:140%;font-weight:bold;padding-top:10px;color:#666;letter-spacing:-0.5px;}
.reser_info > li p.h_subtxt {font-size:1.3em;}
.reser_info > li img.pay {width:30%; margin-top:15px;margin-left:5px;}
.reser_info > li span {display:inline-block;width:97%;padding-top:17px;font-size:16px;line-height:155%;color:#666;letter-spacing:-1px;}
.reser_info > li .price b {color:#aa0000;} */



/* div table ver */
.tb_h4 {padding-top:18px;color:#444;padding-bottom:5px;}
.point_m {color:red;padding-left:2px;}
.tb_p {padding:8px 0 5px 0;color:#999;}

.tb_divbox {display:table;width:100%;}
.mar_top {padding-top:15px;}
.tb_divbox span.tb_cell {display:table-cell;padding:0 0.17em;vertical-align: middle;}
.tb_divbox span.tb_cell h4 {color:#333 !important; display:block;  border-radius:30px; font-weight:bold;font-family: 'Noto Sans KR', sans-serif;}

.tb_divbox span.tb_cell label {display:block;color:#999;padding-top:7px;}
.tb_divbox span.tb_cell input {width:100%;padding:8px 7px;box-sizing:border-box;font-size:0.95em;border:1px solid #dcdcdc;}

.date_bg {background:url('/resource/image/mobile/icon/icon_cal.png') center right no-repeat;background-size:2.2em;}
.tb_divbox span.tb_cell select {width:100%;padding:9px 7px;box-sizing:border-box;font-size:0.95em;border:1px solid #dcdcdc;-webkit-appearance:none;background: url(/resource/image/mobile/icon/select_arr.png) #f5f5f5 right center no-repeat;background-size:2em auto;}
.tb_divbox span.tb_cell select.selbg_cor {background:url('/resource/image/mobile/icon/select_arr.png') #F5F5F5 right center no-repeat !important;background-size:2em auto !important;}
.no_bgcolor {background:url('/resource/image/mobile/icon/select_arr.png') #fff right center no-repeat !important;background-size:2em auto !important;}
.tb_divbox span.tb_cell textarea {width:100%;resize:none;box-sizing:border-box;font-size:0.95em;border:1px solid #dcdcdc;height:80px;padding:10px;background:#F5F5F5;}
.tb_divbox span.tb_cell .btn_search {display:block;width:70px;padding:6px 0 6px 0;background:#888;color:#fff;border:0;}
.tb_divbox .infor_title01{width:100%;}

.radio_grp {border:1px solid #ddd;padding:20px 20px 17px 20px;background:#fafafa;}
.tb_divbox span.tb_cell input.radio_chk {margin:3px 0 3px 0!important;width:15px;vertical-align:middle;}
.tb_divbox span.tb_cell .slabel {display:inline-block; line-height:100%;padding:0 10px 0 5px;color:#888;}

/*  */
.tb_divbox span.tb_cell input {font-size:1em;}
.tb_divbox span.tb_cell select {font-size:1em;}
.tb_divbox span.tb_cell textarea {font-size:1em;}
/*  */

/* 체크인/체크아웃박스 */
.bx_date {background:#eee;padding:5px;box-sizing:border-box; border-radius:5px;}
.bx_date h4 {text-align:center !important;}

.bx_dateall {display:table;margin:10px auto;min-width: 88px;font-family:'Lato', sans-serif;cursor: pointer;}
.bx_dateall:after {display: block;content: '';clear: both;} 
.bx_date .txt_year {display:block;line-height:25px;color:#222;font-weight:500;text-align:center;font-size:1.1em;padding-top:5px;}
.bx_date .txt_year b {color:#6d6d6d;}
.bx_date .txt_date {display:block;line-height:39px;color:#003f5e;font-weight:700;text-align:center;font-size:2.25em;margin-left:0px;
padding-bottom:10px;}
.bx_date .txt_time{display:block; color:#003f5e; font-size:1.35em; font-weight:bold; text-align:center;}

.tb_cell .time_cont{color: #fff !important; display: block; padding:7px 5px;  border-radius: 30px; background-color: #c82a3b; text-align:center;
font-size:1.2em; font-weight:500;}
.bx_date .txt_day {display:block;color:#003f5e;text-align:center;font-weight:bold;    font-size: 1.1em;}

.cal_arrow {display:table;margin:0 auto;width:35px;margin-top:50px;}
.txt_bak {display:block;text-align:center;color:#8f8f8f;font-weight:bold;padding-top:5px;font-size:0.9em;}

.people_icon {width: 18px;margin-top: 12px;margin-left:10px;margin-right: 15px;display:inline-block;float:left;vertical-align:middle;}
.bed_icon {width:25px;margin: 11px 14px 0px 5px;display:inline-block;float:left;vertical-align:middle;}
/*  */
/* 날짜선택 */
.day_selc_wrap{width:100%; height:100%; position: fixed; left:0; top:0; z-index:99999; background-color:rgba(0,0,0,0.85); overflow:hidden; }
.day_selc_wrap .day_selc_box {padding:20px; margin-top:15%; }
.day_selc_wrap .day_selc_box .selc_tit{color:#fff; text-align:center; font-size:1.5em; padding:15px 0;}
.day_selc_wrap .day_selc_box .clan_i{display:block;color:#05276f; text-align:center; line-height:54px; margin:0px auto;
font-size:2.5em; width:54px; height:54px; background-color:#fff; border-radius:50%;}
.day_selc_wrap .day_selc_box .selc_ul li{width:40%; float:left; margin: 10px 5%;}
.day_selc_wrap .day_selc_box .selc_ul li:last-child{width:90%; height:auto;}
.day_selc_wrap .day_selc_box .selc_ul li:last-child a{background-color:#05276f; height:auto;}
.day_hd .close_btn{display:block; float:right; color:#fff; font-size:32px;margin:10px 10px 0 0;}
.day_selc_wrap .day_selc_box .selc_ul li a{display:inline-block; text-align:center; border-radius:30px;; color:#fff; width:100%; height:40px;
background-color:#41526b; box-shadow:1px 1px 3px #000; line-height:40px;font-size:1.1em; font-weight:bold;transition:0.3s;}
.day_selc_wrap .day_selc_box .selc_ul li a.active{background-color:#fff; color:#05276f;}
.day_selc_wrap .day_selc_box .selc_ul li a{}

.adult_wrap{width:100%; height:100%; position:relative; font-family: 'Noto Sans KR', sans-serif;}
.adult_wrap .adult_box{width:90%;height:380px; position:absolute; top:calc(50% - 190px); left:calc(50% - 45%); background-color:#fff; border-radius:10px;box-sizing:border-box;}
.adult_box .adult_hd{width:100%; padding: 10px 0; text-align:center; background-color:#ff0000;border-radius:10px 10px 0 0; color:#fff; }
.adult_box .adult_hd h3{font-size:1.5em; }
.adult_wrap .adult_img {width:200px; margin: 20px auto; box-sizing:border-box;}
.adult_wrap .adult_box img{width:100%; border-radius:10px;}
.adult_wrap .adult_box .reser_txt02{font-size:1.1em; padding: 0 10px; display:block;}
.adult_wrap .adult_box .ok_wrap{width:100%; margin:0 auto;text-align:center; padding:18px 0; }
.adult_wrap .adult_box .ok_btn{display:inline-block; width:30%; margin:0 auto; text-align:center; color:#fff; border-radius:5px; background-color:#ff0000;font-size:1.2em;
font-weight:bold;padding:10px 0; margin-bottom:10px; margin:0 10px;}
.adult_wrap .adult_box #adultCancel{background-color:#120068;}


/* 체크인_아웃 팝업 */
.m_chk_wrap {display:block; position:fixed;top:0;left:0;right:0;bottom:0;padding-bottom:100px;background:#fff;z-index:6000;}
.m_chk_wrap_bak {display:block; position:fixed;top:0;left:0;right:0;bottom:0;padding-bottom:100px;background:#fff;z-index:6000;}
.m_chk_grp {position:relative; height:100%;background:#fff;}
.date_ok {position:absolute;right: 15px;bottom:-85px;width: 50px;height: 50px;line-height: 50px;text-align:center;background:#222;color:#fff;/* border-radius:50px; */opacity: 0.7;}
.date_ok:hover {text-decoration:underline;}

.btn_close {position:absolute;top:10px;right:10px;text-indent:-9999px;width:20px;height:20px;border:0px;
background:url(/resource/image/mobile/btn/pop_close.png)center no-repeat;background-size:100%;}

/* chk_head */ 
.btn_area {width:100%;height: 40px;line-height: 40px !important;padding-left: 20px;box-sizing: border-box;color:#fff;background: #0f435d;}
.chk_head_grp {position:absolute;top:0;left:0;right:0;height: 145px;background:#fff;border-bottom:1px solid #eee;}

.chk_head:after {display:block;content:'';clear:both;}
.chk_head li {float:left;width:50%;height: 85px;border-bottom:1px solid #eee;box-sizing:border-box;padding:10px;text-align:center;}
.chk_head li.mjmj {position:absolute;left:50%;margin:26px 0 0 -24px;width:46px;height:24px;line-height:25px;padding:0;background:#ddd;text-align:center;
border-radius:50px;font-weight:bold;}
.chk_head li:first-child {border-right:1px solid #eee;box-sizing:border-box;}
.chk_head li span {display:block;}
.chk_head li span.txt01 {font-weight:bold;font-size:1.05em;letter-spacing:-0.5px;color: #3180a6;padding-top:8px;}
.chk_head li span.txt02 {font-weight:bold;font-size:1.1em;padding-top:3px;}

.tb_thead {position:absolute;bottom:0;height:25px;border:0;background:#fafafa;}
.tb_thead thead th {border:0;height:25px;line-height:25px;}
.tb_thead thead th.sun {color:#9d0020;}
/*  */

/* chk_body */ 
.chk_body {padding: 146px 0 0 0;height:100%;max-height:100%;overflow-y:scroll;}

.tb_calendar {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.tb_calendar tbody th {height:40px;line-height:40px;padding:25px 0 10px 0;text-align:center;font-weight:bold;font-size:1.2em;}
.tb_calendar tbody td {height:40px;line-height:40px;text-align:center;color:#000;font-size:1em;}
.tb_calendar tbody td.active {background: #186084;color:#fff;}

.tb_calendar tbody td.first_ac, 
.tb_calendar tbody td.last_ac {background: #186084;color:#fff;}
.tb_calendar tbody td.first_ac {border-radius:50px 0 0 50px}
.tb_calendar tbody td.last_ac {border-radius:0 50px 50px 0}
.tb_calendar tbody td.today {color: #003f5e;font-weight:bold;}
.tb_calendar tbody td.oldday {border:0;background:#fff;color:#ccc;}
.tb_calendar tbody td.sun {color:#89001C;}

/*  */
.payment_grp li.pay {width:30%;background:#ffef3f;margin:15px 0 15px 5px; float:left; font-size:1.3em; border-bottom:0px;text-align: center;}
.payment_grp li.pay:hover,
.payment_grp li.pay.active {background:#ffca11;color:#aaa;}

/* 은행정보 */
.bankinfo {margin-top:15px;background:#e4e8eb;padding:5px 20px;border-radius:10px;clear:both;}
.bankinfo .put_bx {width:auto !Important;}

/* 체크인 완료 */
.last_page {padding:10px;}
.hr_sty {width:30px;height:2px;background:#232834;margin:15px auto; }
.last_page .chk_tit {font-size:1.5em;line-height:150%;letter-spacing:-1px;font-weight:bold; text-align:center;}
.last_page .chk_txt {font-size:1em;color:#333;letter-spacing:-1px;text-align:center;/* font-family:NanumBarunGothic; */}
.last_page .chk_txt01{padding:15px 0; font-weight:500; color:#ff0000;}

/* 도움말 */
.help_page {border:2px solid #666;display:block;text-align:center;width:40px;height:40px;line-height:40px;border-radius:50px;font-weight:bold;}

/* 선택 리스트 */
.list_select {margin-top:22px;}
.list_select:after {display:block;content:'';clear:both;}
.list_select > li {float:left;width:31.1%;padding:0 3% 3% 0;letter-spacing:-0.8px;}
.list_select > li.no_padding {padding-right:0 !important;}
.list_select > li > a {display:block;width:100%;height:50px;line-height:46px;text-align:center;border:2px solid #f9a419;box-sizing:border-box;
font-size:1.3em;color:#f69800;font-weight:bold;overflow:hidden;}
.list_select > li > a.no_choice {border:2px solid #fff;color:#999;}
.list_select > li > a.no_choice:hover {border:2px solid #fff;color:#999;background:#fff;}
.list_select > li > a:hover, .list_select > li > a.active {border:2px solid #f9a419;background:#f9a419;color:#fff;}



/* 서브 레이아웃 --------------------------------------------------------------------- */
.content {margin: 15px 10px 70px 10px;border-radius:10px;background:#fff; font-family: 'Noto Sans KR', sans-serif;}

/* contents sub */
#contents_sub {width:100%;/* margin:70px auto 0 auto; */*zoom:1;}
#contents_sub:after {display:block;content:'';clear:both; }

/* 팝업 */
.popup {display:block;position:relative;}
.s_bg_wrap {position:fixed; width:100%; height:100%;top:0; left:0; background:url('/resource/image/user/bg/SBgWrap.png');z-index:7000;}
.popwrap {position:fixed;width:810px;background:#fff;padding:20px 20px 30px 20px;z-index:7000;left:50%;top:50%;margin-top:-280px;margin-left:-405px;-webkit-border-radius:10px;border-radius: 10px;}
.popwrap .titbox {padding:20px 20px 10px 0px;border-bottom:1px solid #ddd;font-size:17px;}
.btn_pop_close {margin:-50px auto 0 auto;display:block;width:59px;height:59px;background:url('/resource/image/user/btn/btn_popclose.png') no-repeat;border-radius:100px;}
.btn_pop_close:hover {background:url('/resource/image/user/btn/btn_popclose_on.png') no-repeat;}

/* 메인화면 팝업 */
.popwrap_main {top:50%;margin-top:-240px;margin-left:-325px;width:600px;height:490px;border-radius:0;padding:5px;background:#666;}
.popwrap_main > img {vertical-align:top;width:100%;height:100%;min-height:100%;}
.popwrap_main > .popbox_grp {position:relative;}
.btn_pop_close02 {position:absolute;top:-75px;left:50%;margin-left:-30px;display:block;width:59px;height:59px;background:url('/resource/image/user/btn/btn_popclose.png') no-repeat;border-radius:100px;}
.btn_pop_close02:hover {background:url('/resource/image/user/btn/btn_popclose_on.png') no-repeat;}

/* 툴팁 */
.tooltip {z-index: 99999;background: url('ui-images/tooltip_icon.gif') no-repeat 50% 25px #fff;border:1px solid #ccc; padding:5px 5px; /* min-width: 200px; */display: none; 
color:#818181;text-align:left;font-size:11px;zoom:1;
-moz-box-shadow: 1px 1px 2px #d4d4d4; -webkit-box-shadow: 1px 1px 2px #d4d4d4; box-shadow: 1px 1px 2px #d4d4d4;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#d4d4d4')";
filter:progid:DXImageTransform.Microsoft.Shadow(color='#d4d4d4',direction=135, strength=2);
-moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80);
}

/* 모바일 서비스 준비중 */
.pre_grp {width:100%;margin-top: 50%;text-align:center;}
.pre_title {color:#fff;font-size:2em;padding:20px 0 10px 0;}
.pre_title em {color:#a3bcf3;}
.pre_txt {color:#b7b7b7;font-size:1em;line-height:170%;}

/* 숙박유형 선택 */
.accomo_type_grp {padding: 20px;box-sizing: border-box;}
.accomo_type {display:table;width:100%;}
.accomo_type li {position: relative;display:block;width:100%;padding: 15px;background:#fff;box-sizing:border-box;border-radius:5px;margin-bottom:15px;text-align:center;cursor:pointer;}
.accomo_type li:first-child {padding-bottom: 40px;}
.accomo_type li span {display:inline-block;width:50px;height:50px;line-height:50px;vertical-align:middle;margin-right:15px;background: #bdbdbd;border-radius:100%;}
.accomo_type li .accomo_icon01 {background: url(/resource/image/mobile/icon/acco_icon02.png)#bdbdbd center no-repeat;background-size: 2.5em;}
.accomo_type li .accomo_icon02 {background: url(/resource/image/mobile/icon/acco_icon01.png)#bdbdbd center no-repeat;background-size: 2.5em;}
.accomo_type li .accomo_icon03 {background: url(/resource/image/mobile/icon/acco_icon03.png)#bdbdbd center no-repeat;background-size: 2.5em;}
.accomo_type li.active .accomo_icon01 {background: url(/resource/image/mobile/icon/acco_icon02.png)#052642 center no-repeat;background-size: 2.5em;}
.accomo_type li.active .accomo_icon02 {background: url(/resource/image/mobile/icon/acco_icon01.png)#052642 center no-repeat;background-size: 2.5em;}
.accomo_type li.active .accomo_icon03 {background: url(/resource/image/mobile/icon/acco_icon03.png)#052642 center no-repeat;background-size: 2.5em;}
.accomo_type li .accomo_tit {font-size:1.8em;font-weight:bold;display:inline-block;vertical-align:middle;letter-spacing:-0.5px;}

.accomo_type li .current_time {display: block;width: 100%;box-sizing: border-box;position: absolute;left: 0;bottom: 0;margin: 0 auto;margin-top: 10px;padding: 0px 10px;height: 25px;line-height: 24px;background: #ddd;font-size: 1em;color: #8a8a8a;border-radius: 0 0 5px 5px;}
.accomo_type li .current_time strong {font-size: 0.9em;line-height: 25px;}

.accomo_type li.active .current_time {display: block;width: 100%;box-sizing: border-box;position: absolute;left: 0;bottom: 0;margin: 0 auto;margin-top: 10px;padding: 0px 10px;height: 25px;line-height: 24px;background: #052642;font-size: 1em;color: #fff;border-radius: 0 0 5px 5px;}
.accomo_type li.active .current_time strong {font-size: 0.9em;line-height: 25px;}