@charset "utf-8";

/* 움직이는 퀵 메뉴 */
#quick_menu {position:absolute;top:25px; margin-right:0; right:-26px; }

/* 팝업 박스 */
.popup_box {display:inline-block;position:relative;padding:1px 1px 0 1px;background:#424242;z-index:1;-moz-box-shadow:1px 1px 5px #000000; /* 파폭 */-webkit-box-shadow:1px 1px 5px #000000; /* 크롬 */box-shadow:1px 1px 5px #000;z-index:2;}
.popup_box .view {min-height:100px; min-width:100px; background:#707070;}
.popup_box .bar {width:100%; height:28px; background:url("/resource/image/user/bg/pop_bar.gif") 0 0 repeat-x; text-align:right;}
.popup_box .bar .chk {/* margin-right:10px; */line-height:28px;}
.popup_box .bar label {display:inline-block;color:#f1f1f1;font-size:11px;cursor:pointer}
.popup_box .bar .chk span.txt {position:relative;font-size: 9px;}
.popup_box .bar input {}
.popup_box span.close {display:inline-block; position:absolute; right:5px; top:5px; cursor:pointer; z-index:1;}

/* 공통 */
.contents h3 {font-size: 20px;color:  #333;font-weight: 600;}
.contents p {line-height: 1.5;word-break:  break-all;font-size: 15px;font-weight: 500;}

.sub_text {font-size:1.1em;line-height:170%;color:#555;text-align:justify;letter-spacing:-0.7px;}
.con_txt {line-height:170%;color:#555;}
.con_tit {font-size:1.5em !important;color: #222;line-height: 150%;font-weight: 400;font-weight: 600 !important;font-family: 'Montserrat','Noto Sans KR', sans-serif;}
.con_tit2 {font-size:1.3em;color: #333;line-height: 150%;}

.sub_titline {position: relative; width: 100%; height:2px; border-top: 1px solid #eee; margin: 10px 0 15px 0;}
.sub_titline2 {position:absolute;top:-1px;left:0;width:30px;height:1px;background: #000000;}

.infor_txt02 {color: #333;font-size: 1.5em !important;font-weight: bold !important;font-family: 'Montserrat', sans-serif;}

/* 이용안내 */
.info_list {display:block;}
.info_list li {position:relative;padding-left:8px;line-height:170%;font-size: 1em;color:#666;}
.info_list li:before {content:'-';position:absolute;left:0;top:-2px;}

/* point_txt */
.point_txt {font-size:14px;font-weight:500;color: #000000;margin-bottom: 10px;}
.point_txt span {display:inline-block;width:18px;height:18px;line-height:18px;background: #000000;font-size:12px;vertical-align:middle;border-radius:50px;color:#fff;text-align:center;font-weight:bold;margin: 0 5px 0px 0;}


/* 호텔소개 */
.tb_infor {width:100%;border-collapse:collapse;border-spacing:0;}
.tb_infor tbody th {font-family:'Oswald', 'Noto Sans KR', sans-serif;font-weight:500 !important;}
.tb_infor tbody th p {font-size: 1.3em;padding-top:15px;font-weight: 800;font-family: 'Lato', sans-serif;color: #333;text-align:  left;}
.tb_infor tbody td img {vertical-align:top;width: 100%;}
.tb_infor tbody td {line-height:170%;color:#555;padding: 0;text-align:  justify;word-break:  break-all;}
.tb_infor tbody td p {line-height:170%;font-size:1em;text-align:  justify;word-break:  break-all;}
.tb_infor tbody td.infor_title {font-weight: 500;color: #fff;text-align: left;font-size:  1em;background: #cfb093;padding: 5px 10px;}
.infor_bar {width:100%;height:1px;background:#d9d9d9;}

.infor_title {font-size: 1.5em;font-weight: 600;line-height: 150%;padding-bottom: 10px;color: #444;}

.tb_infor tbody td.infor_title2 {font-size: 0.9em;font-family: 'Roboto';font-weight: 400;color: #fff;text-align: center;background: #000;padding: 5px 0px;}
.infor_bar {width:100%;height:1px;background:#d9d9d9;}


.tb_infor02 {width:100%;border-collapse:collapse;border-spacing:0;}
.tb_infor02 thead th {padding:0;position:relative;}
.tb_infor02 thead th img {vertical-align:top;width:100%;}
.tb_infor02 thead .tb_infor_txt {display:block;width:100%;height:100%;position: relative;left:0;/* background: url('/resource/image/user/bg/tb_infor02_bg.png')left bottom repeat-x; */}
.tb_infor02 thead .tb_infor_title {width:100%;height:45px;line-height:45px;box-sizing:border-box;text-align:left;font-size: 1em;font-weight: bold;color:#fff;text-align:  center;background: rgb(38, 38, 38);font-family: 'Lato', sans-serif;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tb_infor02 tbody th {padding:8px 10px;text-align:left;font-weight:500;background: #f3f3f3;border-right: 1px dotted #dcdcdc;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;color: #505050;}
.tb_infor02 tbody td,
.tb_infor02 tbody td p {padding: 8px 10px;vertical-align: middle;line-height:150%;color:#777;text-align:justify;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}

.tb_infor03 {width:100%;border-collapse:collapse;border-spacing:0;margin-top:10px;border-top:2px solid #cfb093;}
.tb_infor03 th {padding:20px 0;color:#353944;font-weight:bold;text-align:left;vertical-align:top;border-bottom:1px solid #cfb093;border-top:1px solid #cfb093;}
.tb_infor03 th p {font-size: 15.5px !important;line-height:150%;color:#c99616;}
.tb_infor03 td {padding: 15px 20px;line-height:170%;font-size: 14px;color:#555;vertical-align:top;text-align:justify;word-break:  break-all;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;}

.bus03_3 {width:100%; border-spacing:0;}
.bus03_3 tr td.all_area {width:100%;vertical-align:top;border:1px solid #ddd;padding:0px;}
.bus03_3 tr td.all_area .img_area {width:100%;background-color:#fbfbfb;}
.bus03_3 tr td.all_area .img_area img {width:100%;vertical-align:top;}
.bus03_3 tr td h1 {width:100%;padding:15px 40px;border-top: 2px solid #000000;border-bottom:1px solid #d4d4d4;font-size:14px;color:#222;font-weight:600;background:url("/resource/image/user/icon/bus_check.png")10px center no-repeat;box-sizing:border-box;-webkit-box-sizing:border-box;}
.bus03_3 tr td .bus03_txt_grp {padding: 12px 10px;word-break: break-all;}
.bus03_3 tr td .bus03_txt_grp p {width:100%;text-align:justify;box-sizing:border-box;-webkit-box-sizing:border-box;line-height: 180%;font-size:13px;}


/* 오시는 길 */
/* 주소 */
.address_con {margin-bottom:20px;background: #000000;}
.address_con tbody th {}
.address_con tbody td {padding: 15px 20px;padding-top: 0px;text-align: left;color:#fff;line-height:170%;}
.address_con tbody td.address_con_title {padding: 15px 20px 10px 20px;font-size: 1.5em;text-align: left;font-family: 'Montserrat', sans-serif;font-weight: 500;}
.address_con tbody td p {color:#fff;}

.map_grp {position:relative;width: 100%;height: 300px;overflow:hidden;}
.map_btn {position:absolute;bottom:0;width: 100%;display:table; z-index: 1000;}
.map_btn a {display:inline-block;width: 50%;padding:0 10px;height:45px;line-height:45px;background:#f5f5f5;color:#777;text-align:center;float:left;font-size:14px;font-weight:bold;/* border: 1px solid #ddd; *//* margin-left:-1px; */box-sizing:  border-box;}
.map_btn a.active {background: #000000;color:#fff;}
.map_btn a:hover {text-decoration:underline;} 

.naver_icon {display:inline-block;width:20px;height:20px;vertical-align:middle;background:url('/resource/image/mobile/icon/naver_icon.png') top center no-repeat;
margin-right: 10px;background-size:100%;}
.google_icon {display:inline-block;width:20px;height:20px;vertical-align:middle;background:url('/resource/image/mobile/icon/google_icon.png') top center no-repeat;
margin-right: 10px;background-size:100%;}

.map_btn a.active .naver_icon {background:url('/resource/image/mobile/icon/naver_icon_on.png') top center no-repeat;background-size:100%;}
.map_btn a.active .google_icon {background:url('/resource/image/mobile/icon/google_icon_on.png') top center no-repeat;background-size:100%;}

.map_video_btn {display: block !important;width:100%;text-align:center;height: 40px !important;line-height: 40px !important;color: #fff !important;background: #333 !important;vertical-align:top;border: 0 !important;padding-left:  0 !important;font-family: inherit !important;font-weight:  400 !important;}
.map_video_btn:hover {text-decoration:underline;}

/* 객실 안내 */
.rboxgrp {padding:20px 0}
.rboxgrp p {line-height:150%;font-size:1em;}

/* 객실 안내 */
.rboxgrp {padding:20px 0}
.rboxgrp p {line-height:150%;font-size:1em;}

/* 객실 */
.tb_price {border-collapse:collapse;border-spacing:0;line-height:170%;border-top:1px solid #ddd;}
.tb_price tbody th, .tb_price tbody td {padding: 10px 5px;text-align:center;}
.tb_price tbody th {background:#f5f5f5;font-weight:bold;color:#333;border-top:1px solid #ddd;vertical-align:middle;border-right: 1px dotted #ddd;border-bottom: 1px solid #ddd;}
.tb_price tbody th:last-child{border-right:0px;}
.tb_price tbody td, .tb_price tbody td p {font-size:14px;text-align: center;}
.tb_price tbody th {text-align:center;padding:8px 5px;font-weight:bold;border-right: 1px dotted #ddd;border-bottom: 1px solid #ddd;vertical-align: middle;}
.tb_price tbody th:last-child{border-right:0px;}
.tb_price tbody td {border-right: 1px dotted #ddd;border-bottom: 1px solid #ddd;}
.tb_price tbody td:last-child{border-right:0px;}
.tb_price tfoot td {padding-top:15px;}

.tb_rprice {width:100%;border-collapse:collapse;border-spacing:0;border-top: 1px solid #dcdcdc;}
.tb_rprice thead th {text-align:center;font-weight: 500;background: #f3f3f3;border-right: 1px dotted #dcdcdc;border-bottom: 1px solid #dcdcdc;color: #505050;vertical-align:  middle;font-size: 14px;font-weight: 600;}
.tb_rprice thead td {padding: 10px 10px;border-bottom: 1px solid #dcdcdc;}
.tb_rprice tbody th {padding: 10px 10px; text-align:left;font-weight:bold;background: #f3f3f3;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;color: #333;}
.tb_rprice tbody td {padding: 10px 10px;color:#595959;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;line-height: 170%;}
.tb_rprice thead th:last-child, .tb_rprice tbody td:last-child {border-right:0px;}


.tb_area {width:100%;padding:20px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;background: #f9f9f9;}
.tb_rprice2 {width:100%;margin:0 auto;border-collapse: collapse;border-spacing: 0;}
.tb_rprice2 tbody th {padding: 10px 0px 10px 10px;font-family: 'Lato','Noto Sans KR', sans-serif;font-size: 1.05em;font-weight:bold;color: #333;text-align:left;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.tb_rprice2 tbody td {padding: 10px 0px 10px 10px;color:#656565;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;line-height:150%;}
.tb_rprice2 tbody td p {color: #666;line-height:150%;}
.tb_rprice2 tbody td.bar {color: #d4d6d8;padding:0px;text-align:center;font-size: 0.9em;}

/* 객실 상세정보 */
.room_detail {width:100%;border-collapse:collapse;border-spacing:0;}
.room_detail thead th {padding:13px 5px;border-bottom:1px solid #d6d6d6;color:#333;font-size:16px;font-weight:bold;text-align:left;}
.room_detail tbody td {padding:10px 5px;color:#707070;line-height:150%;}
.room_detail tbody td p{color:#707070;line-height: 180%;}

.detail_tit {color:#c09f80;padding-bottom:5px;font-family: 'Montserrat';font-weight: 500;}

/* 객실 상세정보 */
.srboxgrp {padding:10px 10px;background:#eee;}
.srightbox {padding:10px 30px 10px 30px;float:left;width:300px;background:#dbf5f2;}
.srboxgrp .roominfo {width:100%;border-collapse:collapse;border-spacing:0;}
.srboxgrp .roominfo th {padding:5px;}
.srboxgrp .roominfo td {padding:5px 5px 5px 20px;}
.srboxgrp .roominfo th, .srboxgrp .roominfo th p {width:120px;text-align:left;font-weight:500;color:#000;}
.srboxgrp .roominfo td, .srboxgrp .roominfo td p {text-align:left;border:0;}


/* 객실 상세내용 */
.tb_ameni {width:100%;border-collapse:collapse;border-spacing:0;}
.tb_ameni tbody td {padding: 10px;vertical-align:top;line-height:170%;color: #707070;}
.tb_ameni tbody td .tb_ameni_title {color: #000000;font-weight:  bold;font-size:1.1em;font-family: 'Montserrat','Noto Sans KR', sans-serif;}
.tb_ameni tbody tr:nth-child(1) td {}
.tb_ameni tbody tr:nth-child(2) td {}
.tb_ameni tbody tr:nth-child(3) td {}
.tb_ameni tbody tr:nth-child(4) td {}


.roominfo_3 { width:100%;border-collapse:collapse;border-spacing:0;  }
.roominfo_3 tr td { vertical-align:top; padding-right:20px; text-align:justify;}
.roominfo_3 tr td:last-child { padding-right:0px; }

/* 기타부대시설 테이블 */
.fac_ect {width:100%;border-collapse:  collapse;border-spacing: 0;}
.fac_ect thead th {padding: 10px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;/* border-right: 1px dotted #ddd; */}
.fac_ect thead th img {width:100%;vertical-align:top;}
.fac_ect thead td {padding:5px 10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

.fac_ect tbody th {text-align:left;padding:5px;font-weight:500;color: #333;border: 0;}
.fac_ect tbody td {font-size:13px;color:#777;border-bottom: 0;border-top: 0;}
.fac_ect tbody td p {font-size:13px;color:#777;}

/*예약버튼*/
.btn_book {display:block;width: 160px;height: 45px;line-height: 45px;background: #367086;color:#fff;text-align:center;float:right;margin-left: 60px;font-weight: 600;font-size: 15px;}
.btn_book:hover {text-decoration:underline;}


/* 이벤트 리스트(서브) */
.offergrp .offer_list {padding:0;}
.offergrp .offer_list li:last-child {border-bottom:1px dotted #ddd;}

.offer_list {padding:5px 15px;margin:0;}
.offer_list li {padding-bottom: 30px;height: auto;position:relative;display: flex;flex-direction: column;}
.offer_list li:after {display:block;content:'';clear:both;}
.offer_list li:last-child {border-bottom:0;}
.offer_list li:hover .e_jm {text-decoration:underline;}
.offer_list li .img_box {width: 100%;height: 240px;}
.offer_list .nybox {margin-top:10px;}
.offer_list .nybox h2
.offer_list li .img_box img {width:100%;height: 100%;vertical-align:top;}
.offer_list li .img_box .end_bg {display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:url('/resource/image/user/bg/SBgWrap.png') repeat;}
.offer_list li .img_box .end_bg em {display:block;width:70px;height:26px;line-height:26px;background:#333;color:#fff;text-align:center;
position:absolute;top:50%;left:50%;margin:-13px 0 0 -35px;font-weight:bold;letter-spacing:1px;border-radius:50px;}

.offer_list li .txt_box {float:left;display:inline-block;width:100%;box-sizing:border-box;}
.offer_list li .txt_box .pad_box {padding:5px 0 0 0;}
.offer_list li .txt_box .e_jm {font-size:1.1em;}
.offer_list li .txt_box .e_ny {}
.offer_list li .txt_box .e_date {padding-top:10px;color:#999;line-height:160%;}
.offer_list li .txt_box em {padding: 0 0 0 20px;display:block;background: url('/resource/image/user/bg/br_caloffer.png') left center no-repeat;background-size:1.1em;font-weight:bold;}
.overtxt {padding:0 0 2px 0;width:90%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/* 이벤트 뷰 */
.view_grp {width:100%;box-sizing:border-box;}
.view_grp:after {display:block;content:'';clear:both;}
.view_box h1 {padding: 10px 0 7px 0;color: #323338;text-align:left;font-size: 19px;font-family: 'Pretendard';}
.view_box .date {width:100%;border-bottom:1px solid #ddd;text-align: l;font-weight:normal;color: #666;box-sizing: border-box;font-size: 15px;padding: 0 0 10px 1px;}
.view_box .link {padding-top:8px;}
.view_box .eventtime {width:100%;height:35px;line-height:35px;border-bottom:1px solid #ddd; text-align: left;font-weight: bold;font-size:1em;color:#E5632A;letter-spacing:-1px;}

.view_box .ny_box {border-bottom:1px solid #ddd;padding:15px 0 25px 0;/* text-align:center; */}
.view_box .ny_box img {width:100%;vertical-align:top; margin-bottom:20px;}
.view_box .ny_box p {padding-top:10px; line-height:150%;font-size:1em;color:#444;clear:both;}

.snsgrpb {padding:10px 0;border-bottom:1px solid #ddd;}
.snsgrpb:after {display:block;content:'';clear:both;}
.snsgrpb .btn_snsgy {float:right;}
.snsgrpb .btn_snsgy li {float:left;margin-left:8px;}
.snsgrpb .btn_snsgy li a {display:block;width:31px;height:31px;background-position:0 0;}
.snsgrpb .btn_snsgy li a.item01 {background:url('/resource/image/mobile/icon/icon_facebook.png') no-repeat;}
.snsgrpb .btn_snsgy li a.item02 {background:url('/resource/image/mobile/icon/icon_twitter.png') no-repeat;}
.snsgrpb .btn_snsgy li a:hover {background-position:0 -31px;}

.btn_list {
    display:flex;
    width: 70%;
    padding:0 10px;
    height: 47px;
    line-height: 47px;
    text-align:center;
    background: #437855;
    color: #fff;
    font-weight: 600;
    box-sizing:border-box;
    text-align:center;
    justify-content: center;
    font-size: 17px;
    margin: 0 auto;
    }

/* 사이트맵 02 */
.sitemap02 { display:block; width:100%; }
.sitemap02 ul li { width:47%; min-height:300px; float:left; margin-right:4%; border:1px solid #ddd; border-top:1px solid #968622; margin-bottom:20px;}
.sitemap02 ul li:nth-child(2n) { margin-right:0%; }
.sitemap02 ul li table { width:100%; vertical-align:top; }
.sitemap02 ul li table .sitemap02_title { background: #f1f0ec; font-weight: bold; color:#222; border-top:1px solid #968622; border-bottom:1px solid #ddd;  padding:15px 20px; }
.sitemap02 ul li table td a { display:block; padding:12px 20px; color:#818181;  }
.sitemap02 ul li table td a:hover { background:#fafafa; color:#bba86d;  }


/* 사이트맵 */
.sitemap { *zoom:1; }
.sitemap .site { float:left; padding:0 1px 2px 1px; }
.sitemap .site dl { width:232px; height:200px; border:1px solid #7b81ba; }
.sitemap .site dt { padding:8px 0; text-align:center; background:#7b81ba; color:#fff; font-weight:bold; font-size:11px; font-family:verdana, tahoma, arial; }
.sitemap .site dd { font-size:11px; }
.sitemap .site dd a { display:block; padding:5px 7px; color:#818181; border-bottom:1px dotted #e2e2e2; }
.sitemap .site dd a:hover { background:#edeef6; color:#7b81ba; border-bottom:1px dotted #7b81ba; }
.sitemap:after  { content:''; display:block; clear:both; }
 
/* 개인정보 취급방침 */
.policyCon { color:#898989; font-size:11px; line-height:130%; text-align:justify; overflow-x:hidden; overflow-y:scroll; padding-right:15px; }
.policyCon table { width:100%; border-right:1px solid #dedede;  }
.policyCon table thead th { background:#a5c4c7; padding:6px 0 4px; font-weight:bold; color:#528388; }
.policyCon table tbody th, .policyCon table tbody td { padding:5px; border-bottom:1px solid #dedede; border-left:1px solid #dedede; }
.policyCon table tbody th { background:#f9f9f9; color:#4e4e4e; } 



/* 예약------------------------------------------------------------------------------------------- */
/* 예약 스탭 진행바 */
.stepbox {box-sizing: border-box;border-bottom: 1px solid #ddd;height: 50px;box-sizing:  border-box;width: 100%;position:  absolute;top: 0;left: 0;background: #fff;display:  none;}
.step_bar:before {/* position:relative; *//* width:90%; */height:1px;/* top: 24px; */display:block;/* content:""; */background: #dadada;margin:0 auto;}

.page_stpe {display:  table;width: 100%;height: 45px;}
.page_stpe li {float:  left;width: 50%;height: 50px;line-height: 50px;color: #333;text-align:center;font-size: 0.95em;border-right:  1px solid #ddd;box-sizing:  border-box;}
.page_stpe li:last-child {border-right: 0;}
.page_stpe li.on {font-weight:bold;color:#33434E;border-bottom: 1px solid #000000;}

.numbox {width:20px;height:20px;line-height:20px;display:inline-block;background:#ddd;vertical-align:middle;text-align:center;margin-right:10px;border-radius:100px;color:#fff;font-weight:500;}

.page_stpe li.on .numbox {background: #000000;}

.btn_next {display: block;/* margin: 4% auto; */min-width: 120px;height: 45px;line-height: 45px;text-align: center;background: #737373;color: #fff;letter-spacing: 0.5px;font-weight: 500;font-size: 1.1em;}
.btn_next:hover {text-decoration:underline;}

.step_ny_btn {display:block;width:100%;height:45px;line-height:43px;text-align:center;background:#e2e2e2;border:0;border-top: 1px solid #ddd;box-sizing:border-box;letter-spacing: 0.5px;font-weight: 500;font-size: 1.1em;font-family:  inherit;}
.step_ny {border: 1px solid #e8e8e8;}



.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:1em;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;border-radius: 0;}
.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 #ddd;height:80px;padding:10px;line-height: 145%;font-size: 15px;font-weight: 500;}
.tb_divbox span.tb_cell .btn_search {display:block;width:70px;padding:6px 0 6px 0;background:#888;color:#fff;border:0;font-size: 1em;}

.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;}

/* STEP 01  */
/* 객실 예약 */
.aco_reser {border-top:1px solid #eee}
.aco_reser .accli {border-bottom:1px solid #eee;}
.aco_reser .accli .aco_step_tit {background:#f1f1f1;padding:13px 0 13px 10px;color:#999;}
.aco_reser .accli .aco_step_tit .numbox {display:inline-block;font-size:12.5px;width:20px;height:20px;line-height:20px;text-align:center;background:#999;color:#fff;margin-right:7px;border-radius:100px}
.aco_reser .accli h2.active {color:#333 !important;}
.aco_reser .accli h2.active span.numbox {background:#333;color:#fff;}

.aco_reser .accli .step_ny {border-top:0;padding:15px;}
.aco_reser .accli .step_ny .formgrp {}
.aco_reser .accli .step_ny .formgrp li {}
.aco_reser .accli .formgrp li h4 {color:#444;padding:5px 0 5px 0;letter-spacing:1px;font-size:0.95em;}

/* 인원 선택 */
.list_people {margin-top:10px;}
.list_people:after {display:block;content:'';clear:both;}
.list_people li {display:block;width:49%;float:left;background:#eee;border-radius:3px;margin:0 0 1.9% 1.9%;cursor:pointer;box-sizing:border-box;}
.list_people li:first-child {margin-left:0;}
.list_people li.mg_left {margin-left:0 !important;}
.list_people li.mgbtom {margin-bottom:0 !important;}
.list_people li:hover {background:#808588;}
.list_people li span {display:block;width:60px;height:40px;margin:0 auto;}
.list_people li span.people01 {background:url('/resource/image/mobile/btn/mpeople01.png') no-repeat;background-size:5em;}
.list_people li span.people02 {background:url('/resource/image/mobile/btn/mpeople02.png') no-repeat;background-size:5em;}
.list_people li span.people03 {background:url('/resource/image/mobile/btn/mpeople03.png') no-repeat;background-size:5em;}
.list_people li span.people04 {background:url('/resource/image/mobile/btn/mpeople04.png') no-repeat;background-size:5em;}
.list_people li.noboxli {line-height:43px;color:#ccc;border:1px solid #eee;background:#fefefe;box-sizing:border-box;}
.list_people li.noboxli span.nobox {width:100%;text-align:center;}
.list_people li:hover span {background-position:0 -43px;}
.list_people li.active {background:#808588;}
.list_people li.active span {background-position:0 -43px;}

/* 게스트룸 예약시 */
.guest_bbox {height:25px;clear:both;}
.guest_refer {width:100%;clear:both;box-sizing:border-box;padding:15px 20px;color:#777;border: 1px solid #ccc;text-align:center;margin-top: 18px;/* border-bottom: 0; */}
.guest_refer b {display:block;padding-bottom:5px;}
.icon_accent {display:inline-block;width:17px;height:18px;background:url('/resource/image/mobile/icon/icon_mark.png')left center no-repeat;
background-size:1.2em;vertical-align:sub;padding-right:8px;}
.icon_accent img {width:17px;height:18px;}

/* STEP 02  */
/* 객실 예약 리스트 */
.resertit_grp {position:relative;display:block;width:100%;margin-top:30px;margin-bottom:15px;}
.reser_list_date {position:absolute;right:0;top:4px;color: #000000;font-weight: bold;}
.list_tit {display: inline-block;width:100%;padding-bottom: 10px;}
.reser_box .thumb02 {display:inline-block;/* float:right; */width:calc(100% - 140px);/* min-height: 80px; */padding: 0;vertical-align:  middle;margin-left: 10px;}

.reser_box {clear:both;display:block;}
.reser_box .reserli {position:  relative;border-bottom: 1px solid #ddd;padding: 10px;box-sizing:  border-box;cursor:  pointer;padding-bottom: 50px;border-bottom: 0;}
.reser_box .reserli.active {/* background:url(/resource/image/mobile/icon/select_arr03.png)#fafafa right 5px center no-repeat; *//* background-size: 2em; */}
.reser_box .reserli:after {display:block;content:'';clear:both;}
/* .reser_box .reserli:hover h4 {color:#c09f80;} */
.reser_box .veiw_detail {padding: 10px;/* border-bottom:1px solid #ddd; */background:#fafafa;box-sizing:  border-box;display:  none;}
.reser_box .veiw_detail p {padding: 0px 0 15px 0;text-align:  justify;}
.btn_roomsel {display:block;width:100%;height: 40px;line-height: 40px;text-align:center;background: #c99616;color:#fff;font-weight: 400;font-size: 1em;}
.btn_roomsel:hover {text-decoration:underline;}

.reserli_btn {position:absolute;left: 0;bottom:0;border:0;background: url(/resource/image/mobile/icon/select_arr02.png)#dedede center no-repeat;background-size: 2.5em;display:block;width:100%;height:40px;line-height:40px;}

.reser_box .thumb {display:inline-block;/* float:left; */width:130px;height:80px;padding: 0;vertical-align: middle;}
.reser_box .thumb img {width:100%;height:100%;vertical-align:top;}
.reser_box h4 {font-size: 1.05em;padding:8px 0 5px 0;line-height:130%;color:#000;font-weight:500;}
.reser_box p.roomjb {font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
padding-right:20px;line-height:130%;}
.reser_box p.price {font-size:1.1em;color:#111;font-weight:400;padding-top:5px;line-height:130%;}

.room_title {font-weight: 600 !important;color: #000;}

.reser_room_select {border: 1px solid #bdbdbd;width: 100%;border-collapse:  collapse;border-spacing: 0;}
.reser_room_select thead th {padding: 0 10px;height: 45px;line-height: 45px;background: #ececec;color: #656565;font-size:1.1em;font-weight:bold;text-align:left;}
.reser_room_select tbody td {position:  relative;padding: 5px 10px;border-bottom: 1px solid #dccdbe;color:#333;font-weight:500;}
.reser_room_select tbody td.notice_grp  {background: #f5f7f7;}
.reser_room_select tbody td.room_rate {text-align:right;}
.reser_room_select tbody td.room_rate p {font-weight: 600;color: #c30000;font-size: 1.05em;text-align:  right;padding: 5px;font-family: 'Noto Sans KR';}

.package_guest {color:#666;font-size:0.9em;}



/* 체크박스 디자인 수정  */
.checkbox01 {position:relative;display:inline-block !important;margin-right:5px;width: 25px;height: 25px;margin-bottom: 0 !important;vertical-align: middle;}

.checkbox01 {position:relative;display:inline-block !important;margin-right:5px;width: 20px;height: 20px;margin-bottom: 0 !important;vertical-align: middle;}
.checkbox01 input[type=checkbox] {position:absolute;z-index:-1;opacity:0;display:inline-block;vertical-align:middle;appearance:none;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari and Chrome */position:absolute;top:0;margin: 0;left: 0;cursor: pointer;}
.checkbox01 input[type=checkbox]:focus {outline:none !important;}
.checkbox01 input[type=checkbox]:checked~ .check {background: #424242;transition:all 0.4s ease;}

.checkbox01 .check {position:absolute;top:0;left:0;display:inline-block;width: 20px;height: 20px;border: 0;background: #d1d1d1;border-radius: 100px;vertical-align:  middle;}
.checkbox01 .check::after {content:'';position:absolute;top: 5px;left: 8px;display:block;z-index: 6;width: 3px;height: 6px;border-width: 0 2px 2px 0 !important;border: solid #ffffff;transform: rotate(45deg);opacity: 1;}


/* 라디오 버튼 수정 */
.radio_01 {position:relative;display:inline-block !important;margin-right:5px;width: 20px;height: 20px;margin-bottom: 0 !important;vertical-align: middle;}
.radio_01 input[type=radio] {position:absolute;z-index:-1;opacity:0;display:inline-block;vertical-align:middle;appearance:none;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari and Chrome */position:absolute;top:0;margin: 0;left: 0;cursor: pointer;}
.radio_01 input[type=radio]:focus {outline:none !important;}
.radio_01 input[type=radio]:checked~ .check {background: #305058;transition:all 0.4s ease;}

.radio_01 .check {position:absolute;top:0;left:0;display:inline-block;width: 20px;height: 20px;border: 0;background: #d1d1d1;border-radius: 100px;vertical-align:  middle;}
.radio_01 .check::after {content:'';position:absolute;top: 5px;left: 8px;display:block;z-index: 6;width: 3px;height: 6px;border-width: 0 2px 2px 0 !important;border: solid #ffffff;transform: rotate(45deg);opacity: 1;}

/* STEP 03  */
.resertit {color: #000;font-size:1em;font-weight: bold;}
.reserbar1 {position: relative;width: 100%;height: 2px;border-top: 1px solid #c5c5c5;margin: 10px 0;}
.reserbar2 {position:absolute;top: -1px;left:0;width: 30px;height: 1px;background: #000;}

.cencle_ny {padding:15px;background:#f5f5f5;}
.cencle_ny h4 {padding-bottom:5px;font-size:12px;}
.cencle_ny p {line-height:150%;}

.notice_icon {display: inline-block;margin-right: 5px;background: #c3c3c3;line-height: 15px;width: 15px;height: 15px;text-align:  center;color:  #fff;border-radius: 100px;}

/* 전체동의 */
.from_box02 {position:relative;width: 100%;}
.from_box02 .tit_box {width:100%;text-align:left;box-sizing:border-box;/* background:#5a5a5a; */color: #333;font-size: 1.3em;padding-bottom: 15px;font-weight: 500;font-family: 'Noto Sans KR', sans-serif;}
.from_box02 .box {margin-bottom: 10px;padding:15px;border:1px solid #e5e5e5;box-sizing:  border-box;}
.from_box02 .poliycon {background: #fbfbfb;}
.from_box02 .chk_rdi {text-align: right;/* padding:10px 0 !important; *//* background:#eee; *//* border-left:1px solid #ccc; *//* border-right:1px solid #ccc; *//* border-bottom:1px solid #ccc; */}

.from_box03 {position:relative;border-top: 10px solid #ededed;border-bottom: 1px solid #ddd;}
.from_box03 .tit_box {width:100%;text-align:left;box-sizing:border-box;/* background:#5a5a5a; */color: #333;font-size: 1.3em;font-weight: 600;font-family: 'Noto Sans KR', sans-serif;padding: 15px;border-bottom: 1px solid #e5e5e5;}
.from_box03 .box {/* margin-top:10px; */padding:15px;}
.from_box03 .box .add_txt {color:#999;font-size: 0.9em;padding: 5px 0px;}
.from_box03 .poliycon {background: #fbfbfb;}
.from_box03 .chk_rdi {text-align: right;/* padding:10px 0 !important; *//* background:#eee; *//* border-left:1px solid #ccc; *//* border-right:1px solid #ccc; *//* border-bottom:1px solid #ccc; */}

.join_title {display:inline-block;width:calc(100% - 70px);padding-left:10px;font-size: 1.15em;vertical-align:  middle;font-weight: 600;}
.join_notice {padding:15px;padding-bottom:0;text-align:center;color:#999;line-height: 150%;}
.agree_btn {width: 53px;height: 53px;float:  right;position:  absolute;top: 1px;right: 1px;border:  0;background: #e6e6e6;}
.agree_btn:before {height:13px;width:13px;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left: 50%;margin: -11px 0 0 -9px;border: 1px solid #9a9a9a;border-width: 0 1px 1px 0;-webkit-transform-origin: 70% 70%;transform-origin: 70% 70%;-webkit-transition: 0.3s;transition: 0.3s;content: '';}
.agree_box .open:before {-webkit-transform: rotate(225deg);transform: rotate(225deg);}

.all_check {background:#f5f8fc;width:100%;padding:30px 20px;border:1px solid #d2d9e4;color:#666;box-sizing:border-box;text-align:center;}

/* 아코디언 */
.aco_grp {}
.aco_grp .aco_list {margin-top:-1px;}
.aco_grp .aco_list:first-child {margin-top:-1px;}
.aco_grp .aco_list .aco_btn {display:block;height: 50px;line-height: 50px;color: #323338;border:1px solid #ddd;border-left:0;border-right:0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
font-weight: 600;box-sizing:border-box;background:url('/resource/image/mobile/icon/icon_down.png') center right 10px no-repeat;background-size: 11px;font-size: 16px;padding: 0 3px;}
/* .aco_grp .aco_list .active {border: 1px solid #000000; border-left:0; border-right:0;box-sizing:border-box; */
/* font-weight: bold;background:url('/resource/image/mobile/icon/icon_up.png') center right 10px no-repeat;background-size:14px;color: #000000;} */
.aco_grp .aco_list a.active {border: 1px solid #ddd;border-left:0;border-right:0;box-sizing:border-box;font-weight: 600;background:url('/resource/image/mobile/icon/icon_up.png') center right 10px no-repeat;background-size: 13px;color: #323338;font-size: 16px;padding: 0 5px;background-color: #f9f9f9;}

.aco_grp .aco_deth {padding:15px 0;line-height:150%;font-size:1em}

/* 객실_아코디언 */
.aco_grp02 { margin-top: 20px;}
.aco_grp02 .aco_list {margin-top:-2px;}
.aco_grp02 .aco_list:first-child {margin-top:0px;}
.aco_grp02 .aco_list a {display:block;padding: 20px 30px 17px 15px;line-height:100%;color:#555;font-weight: 500;box-sizing:border-box;background: url('/resource/image/mobile/icon/select_arr02.png') center right 10px no-repeat;background-size:2.1em;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 1.1em !important;}
/* .aco_grp02 .aco_list a:hover {color: #cfb093;background: url('/resource/image/mobile/icon/select_arr03.png') center right 10px no-repeat;background-size:2.1em;} */
.aco_grp02 .aco_list a.active {box-sizing:border-box;font-weight: 500;background: url('/resource/image/mobile/icon/select_arr03.png') center right 10px no-repeat;background-size:2.1em;}

.aco_grp02 .aco_deth {padding: 15px;line-height:150%;font-size:1em;background: #eee;}

/* 객실 선택 정보 */
.quk_reser {width:100%;border-collapse:collapse;border-spacing:0;font-size:1em;}
.quk_reser tbody th {padding:5px 0;text-align:left;font-weight:bold;color:#33434E;}
.quk_reser tbody td {padding:5px 10px 5px 10px;text-align:left;color:#666; font-family: 'Noto Sans KR';}
.quk_reser tbody td button {margin-left:10px;background:#999;color:#fff;border:0;min-width:60px;height:24px;line-height:22px;font-weight:bold;font-size:1em;border-radius:2px;}
.quk_reser tbody td button:hover {background:#777;transition:background 250ms ease-in-out}

/* 수집 동의 */
.chkgrp {padding:15px 0 15px 0;}
.chkgrp input {vertical-align:middle;}
.chkgrp label {vertical-align:middle;font-size:1em;font-weight:bold;}
.view_policy {display:inline-block;padding:0 13px;height:21px;line-height:21px;font-size:0.95em;background: #2d6377;text-align:center;color:#fff;border-radius:50px;margin-left:10px;}
.chkgrp .view_policy:hover {background:#777;text-decoration:underline;}
.check_keyless {display:inline-block;background:url('/resource/image/mobile/icon/icon_mark.png')center no-repeat;background-size:100%;width:18px;height:18px;margin-left:5px;
vertical-align:sub;border-radius:20px;text-align:center;color:#fff;font-family:sans-serif;}
/* .check_keyless:hover {background:#777;transition: background 250ms ease-in-out;} */


/* 버튼 좌, 우측 두 개 */
.btntwo_grp {padding-top:20px;border-top:1px dotted #ddd;}
.btntwo_grp:after {display:block;content:'';clear:both;}
.btntwo_grp a {display: block;text-align: center;background: #c7c7c7;margin: 4% auto;min-width: 120px;height: 40px;line-height: 40px;color: #fff;}
.btntwo_grp a:hover {text-decoration:underline;}
.btntwo_grp a.btn_left {float:left;}
.btntwo_grp a.btn_right {float:right;background: #000;color: #fff;}

/**/
.apply_box .abox_ti {position:relative;background: #4e4e4e;color:#fff;padding:8px 10px 9px;font-weight:normal;margin-top: 15px;}
.apply_box .yg_txt {padding:10px;box-sizing:border-box;background:#eee;}
.apply_box .yg_txt textarea {width:100%;padding:10px;height:80px;box-sizing:border-box;border:0;background:#fff;resize:none;}
.txt_c .bt_cancel {}

/* 기본리스트---------------------------------------------------------------------- */

/* 리스트버튼 */
.tb_btn { position:relative; text-align:right; margin-top:15px; }
.tb_btn a { margin-left:2px; }

/* UI Object */
.paginate_regular{padding:35px 0 15px;text-align:center;line-height:normal}
.paginate_regular a,
.paginate_regular strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:11px;font-family:Tahoma, Sans-serif;color:#898989;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_regular a:hover,
.paginate_regular a:active,
.paginate_regular a:focus{ color:#7b81ba; }
.paginate_regular strong{color:#7b81ba}
.paginate_regular .direction{}



.sea_sel { position:relative; z-index:100; }
.selectWrap {display:inline-block; position:relative; text-align:left; border:4px solid #4850a5; height:23px; vertical-align:top; font-size:12px; color:#898989;}
.tricBox { position:absolute; left:0; top:0; display:block; padding:5px 0 3px 5px; z-index:50; }

/* tour check box */
.chk_box {}
.chk_box label {display:inline-block; margin-bottom:10px; cursor: pointer; text-align:right; vertical-align:middle;}
.label_check input,
.label_radio input {margin-right: 5px; }
.chk_box .label_check,
.chk_box .label_check2 {padding-left:15px; height:15px; }
.chk_box .label_check {background: url(/resource/image/user/btn/tour_srch01_off.gif) 0 0 no-repeat; background-size:15px auto; margin-right:10px; }
.chk_box .label_check2 {background: url(/resource/image/user/btn/tour_srch02_off.gif) 0 0 no-repeat; background-size:15px auto }
.chk_box label.c_on {background: url(/resource/image/user/btn/tour_srch01_on.gif) 0 0 no-repeat; background-size:15px auto }
.chk_box label.c_on2 {background: url(/resource/image/user/btn/tour_srch02_on.gif) 0 0 no-repeat; background-size:15px auto }
.chk_box .label_check input,
.chk_box .label_check2 input {position: absolute; left: -9999px; }


.rt_tb{width:100%; border-collapse: collapse;}
.rt_tb th{padding:15px 10px; font-weight:bold; background-color:#00315f; color:#fff; border:1px solid #224d75;font-size:1em;}
.rt_tb td{padding:15px 10px; border:1px solid #ddd;font-size:1em; text-align:center;}

/* 갤러리형 리스트 */

/* 갤러리형 리스트(가로형) */
.pictxt_list { border-top:1px solid #b1b5db; }
.pictxt_list li { padding:15px 15px 15px 245px; border-bottom:1px solid #e2e2e2; vertical-align:top; *zoom:1}
.pictxt_list li.non_li { text-align:center; padding:20px 0; color:#898989; font-size:11px; }
.pictxt_list li:hover { background:#fcfcfc; }
.pictxt_list li:after { content:''; display:block; clear:both; }
.pictxt_list a strong{ display:inline-block; margin:0 0 4px 0; color:#8085b4; background:url("/resource/image/user/icon/st_dep02.png") 0 6px no-repeat; padding-left:6px; }
.pictxt_list .thumb { float:left; width:220px; margin:0 15px 0 -230px; }
.pictxt_list .thumb img { display:block; }
.pictxt_list p { color:#818181; line-height:140%; font-size:11px; margin-bottom:10px; text-align:justify; }
.pictxt_list .ptl_info { display:block; font-size:11px; color:#bebebe; }
.pictxt_list .ptl_info em.int { color:#747474; }
.pictxt_list .ptl_info em.inl { padding:0 5px; }
.pictxt_list .ptr_info { display:block; text-align:right; font-size:11px; color:#bebebe; }
.pictxt_list .ptr_info em.int { color:#747474; }
.pictxt_list .ptr_info em.inl { padding:0 5px; }

/* 리스트기본형(커서) */
.list_curtb { width:100%; border-collapse:collapse; }
.list_curtb td.non_td { cursor:default; border-top:1px solid #eee; text-align:center; font-size:11px; padding:20px 0; }
.list_curtb thead th.non_line { background:#7b81ba; }
.list_curtb thead th { border-bottom:1px solid #575c8c; text-align:center; color:#fff; padding:7px 3px; vertical-align:middle; font-weight:bold; font-size:11px; background:url('/resource/image/user/bg/tbl_thline.png') 0 50% no-repeat #7b81ba; }
.list_curtb tbody td { text-align:left; color:#818181; padding:6px 3px; border-bottom:1px solid #e2e2e2;}
.list_curtb tbody tr:hover { background:#fcfcfc; cursor:pointer; }

/* 리스트기본형 */
.list_tb { width:100% }
.list_tb thead th { text-align:center; color:#528388; padding:0 3px; height:32px; vertical-align:middle; font-weight:bold; font-size:11px; background:url("/resource/image/user/bg/list_tbti.gif") 0 0 repeat-x; }
.list_tb tbody td { text-align:left; color:#898989; padding:6px 3px; border-bottom:1px solid #eee }
.list_tb tbody tr:hover { background:#fcfcfc; }

/* 기본형 */
.view_tb { width:100%; border-top:1px solid #eee  }
.view_tb th, .view_tb td { height:20px; vertical-align:top; }
.view_tb th { background:#f0ede7; font-weight:bold; font-size:11px; text-align:left; border-bottom:1px solid #dedad1; padding:5px 10px; }
.view_tb td { color:#747474; border-bottom:1px solid #eee; padding:5px 3px; }

/* 뷰기본형 -------------------------------------------------------------------------------*/
/* 뷰기본형 */
.view_tbv { width:100%; }
.view_tbv th, .view_tbv td { vertical-align:top; padding:8px 15px 7px; }
.view_tbv th.tbv_ti { background:#7b81ba; font-weight:bold; font-size:12px; text-align:left; color:#fff; }
.view_tbv th.tbv_in { font-size:11px; text-align:right; border-bottom:1px solid #e2e2e2; color:#7b81ba; }
.view_tbv td { color:#818181; border-bottom:1px solid #e2e2e2; }
.view_tbv td.con { padding:20px!important; min-height:300px; }
.view_tbv td.file { background:#f9f9f9; font-size:11px; padding:15px; }
.view_tbv td.file ul li.tit { border-bottom:1px solid #e2e2e2; font-weight:bold; padding:0 0 5px; background:none; }
.view_tbv td.file ul li {border-bottom:1px dotted #d5d5d5; padding:5px 0 5px 7px; background:url("/resource/image/user/icon/st_dep02.png") 0 12px no-repeat; }
.view_tbv td.file ul li a { color:#818181; }
.view_tbv td.file ul li a:hover { color:#7b81ba; }

/* 뷰기본 작성형 */
.view_tbt { width:100%; border-top:1px solid #7b81ba;  }
.view_tbt th, .view_tbt td { height:20px; vertical-align:middle; }
.view_tbt th { color:#8085b4; font-weight:bold; font-size:11px; text-align:left; border-bottom:1px solid #e2e2e2; padding:7px 10px 7px 16px; background:url("/resource/image/user/icon/st_dep02.png") 10px 48% no-repeat; }
.view_tbt td { color:#818181; border-bottom:1px solid #e2e2e2; padding:7px 10px; }

/* qna기본형 */
.list_qna { width:100% }
.list_qna thead th { text-align:center; color:#919191; padding:0 3px; height:32px; vertical-align:middle; font-weight:bold; font-size:11px; background:url("/resource/image/admin/bg/list_tbti.gif") 0 0 repeat-x; }
.list_qna tbody td { text-align:left; color:#747474; padding:7px 3px; border-bottom:1px solid #eee }
.list_qna .qna_rebox:hover { cursor:default; }
.list_qna .qna_rebox td { padding:15px; background:#f0ede7; }
.list_qna .qna_rebox .qna_txt { padding:15px; background:#fff; border:1px solid #d9d5cd; }
.list_qna tbody tr:hover { background:#fcfcfc; cursor:pointer; }

/* tour 리스트 */
.tour_box {}
.tour_box ul.gall_box {*zoom:1;}
.tour_box ul.gall_box:after {display:block; content:''; clear:both; }
.tour_box ul li {float:left; width:100%; padding:7px 0px 7px; }
.tour_box ul li .sbox {position:relative; height:285px; padding:11px; border:1px #c1c1c1 solid; background:#fff; box-shadow: 0px 1px 0px #e6e6e6; }
.tour_box ul li .sbox span.pic {position:relative; display:block; height:190px; background:#d6d6d6; overflow:hidden; }
.tour_box ul li .sbox span.pic img {width:100%; height:auto; min-height:190px;  }
.tour_box ul li .sbox span.pic p.tel {position:absolute; display:inline-block; padding-right:10px; height:27px; line-height:27px; color:#fff; font-size:11px; right:0; bottom:0; text-align:right; z-index:2 }
.tour_box ul li .sbox span.pic p.bg {position:absolute; display:block; width:100%; height:27px; line-height:27px; color:#fff; background:#000; left:0; bottom:0; opacity:0.5; z-index:1 }
.tour_box ul li .sbox .txt_box {padding:17px 0 0 62px; height:80px;}
.tour_box ul li .sbox .gg {background:url("/resource/image/user/bg/tour_gg.gif") 0 17px no-repeat;}
.tour_box ul li .sbox .mg {background:url("/resource/image/user/bg/tour_mg.gif") 0 17px no-repeat;}
.tour_box ul li .sbox .txt_box h4 {padding-bottom:5px;width:220px;font-size:12px;color:#454545;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url(/xe/ellipsis.xml#ellipsis);}
.tour_box ul li .sbox .txt_box p {color:#8b8b8b; font-size:11px; }
.tour_box ul li .sbox .txt_box p.adr {padding-top:14px; width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; 
-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url(/xe/ellipsis.xml#ellipsis);}

/* tour 가로형 리스트 */
.tour_list0 { border-top:2px solid #c09f80; }
.tour_list0 li { position:relative; padding:15px 10px 15px 135px; min-height:90px; border-bottom:1px solid #e2e2e2; vertical-align:top; }
.tour_list0 li:hover { background:#fafafa; }
.tour_list0 .best { position:absolute; z-index:2; left:0; top:15px; }
.tour_list0 .thumb { position:absolute; z-index:1; width:120px; left:0; top:15px; }
.tour_list0 .thumb img { display:block; }
.tour_list0 .tit { display:inline-block; padding:8px 0 7px 0; font-size:1.1em; color:#454545;width:100%;
overflow:hidden;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-binding:url(/xe/ellipsis.xml#ellipsis);}
.tour_list0 .con { color:#666; line-height:140%; font-size:1em; margin-bottom:5px; text-align:justify;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.tour_list0 .ptl_info { display:block;color:#bebebe; }
.tour_list0 .ptl_info em.int { color:#888; }
.tour_list0 .ptl_info em.inl { padding:0 5px; }
.tour_list0 .ptr_info { position:absolute; bottom:15px; right:0; display:block; text-align:right; color:#bebebe; }
.tour_list0 .ptr_info em.int { color:#747474; }
.tour_list0 .ptr_info em.inl { padding:0 5px; }
.tour_list0 .non { text-align:center; padding:20px 0; color:#898989;  height:auto; }
.tour_list0 .viewBtn { cursor:pointer; }

.ptl_info p {line-height:140%;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* 관광안내 */
.tourtgrp {/* padding:4px; */background: #f4f4f4;box-sizing:border-box;margin-bottom:10px;}
.tourtgrp ul:after {display:block;content:'';clear:both;}
.tourtgrp ul li:nth-child(1) , .tourtgrp ul li:nth-child(2) {margin-top:0;}
.tourtgrp ul li {width: calc(50% + 1px);float:left;border: 1px solid #ddd;margin-left: -1px;margin-top: -1px;box-sizing:border-box;background: #fff;color: #666;font-size: 1em;padding:9px 0;text-align:center;font-weight: 500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:  pointer;}
.tourtgrp ul li:hover {text-decoration:underline;}
.tourtgrp ul li.active {background: #1f4452;color:#fff;}

.tour_list:after {display:block;content:'';clear:both;}
.tour_list li {float:left;width:100%;margin-top:15px;border-bottom:1px dotted #ddd;cursor:pointer;}
.tour_list li:after {display:inline-block;content:'';clear:both;}
.tour_list li:hover .tit {transition: all 250ms ease-in-out;color:#1f4452;text-decoration:underline;}
.tour_list .thumb {display:block;width:100%;}
.tour_list .thumb img {width:100%;vertical-align:top;}
.tour_list .tit {display:block;color:#222;font-size:1.1em;margin:15px 0 8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tour_list p.con {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;/* line-height: 1.2em; */height: 3em;}
.tour_list p.timecon {font-weight:bold;padding:10px 0 6px 0;overflow:hidden;}
.carimg {display:inline-block;width:22px;height:20px;background:url('/resource/image/user/icon/icon_timecar.png') center no-repeat;
background-size:1.5em;vertical-align:middle;margin-right:5px;margin-top:-2px;}
.tour_list .tour_btn {font-size:1.1em;font-weight:bold;color: #76323f;display:block;padding-top:7px;}
.tour_list .tour_btn:hover {text-decoration:underline;}
.tour_list .tit .embox {background: #808588;padding: 2px 10px 3px 10px;border-radius:50px;color: #F5F5F5;font-size: 13px;display: inline-block;margin-right:5px;}
.toursel select {background:url('/resource/image/mobile/icon/select_arr.png') #eee right center no-repeat !important;
background-size:2em auto !important;}



/* Tablet Device에는 이 코드가 실행됨 ------------------------------------------------------------------  */
@media all and (min-width : 768px) and (max-width : 1024px) {
.resertit {font-size:1.3em;}
.subtitbox h1 {font-size:1.5em;letter-spacing:1px;} 
.page_stpe li {font-size:1.2em;/* padding-top:36px; */}
.ltitle_s {font-size: 0.8em !important;}

/* Tablet 서브 텍스트 */
.contents, .contents p {font-size:1.05em}
.contents h3 {font-size:1.2em}

/* Tablet 호텔소개 */
.greeting {font-size:1.2em;}
.tb_floor p {font-size:1.05em !important}

/* Tablet  건축가 조감도 테이블 */
.m_tb_byjimi02 { display:table;}
.m_tb_byjimi02 li { float:left; width:49%; margin-right:2%; margin-top:10px; }
.m_tb_byjimi02 li:nth-child(2n) { margin-right:0%; }
.m_tb_byjimi02 li img { width:100%; vertical-align:top;}
.m_tb_byjimi02 li table { width:100%; border-collapse:collapse;border-spacing:0px; }
.m_tb_byjimi02 li table tr td { vertical-align:top; }
.m_tb_byjimi02 li table tr td.bg_bx02 {text-align:center; padding:10px 0; background-color:#968622; color:#fff;  font-weight:bold;}


/* Tablet 사이트맵 02*/
.sitemap02 { display:block; width:100%; }
.sitemap02 ul li { width:47%; min-height:300px; float:left; margin-right:4%; border:1px solid #ddd; border-top:1px solid #968622; margin-bottom:20px;}
.sitemap02 ul li:nth-child(2n) { margin-right:0%; }
.sitemap02 ul li table { width:100%; vertical-align:top; }
.sitemap02 ul li table .sitemap02_title { background: #f1f0ec; font-weight: bold; color:#222; border-top:1px solid #968622; border-bottom:1px solid #ddd;  padding:15px 20px; }
.sitemap02 ul li table td a { display:block; padding:12px 20px; color:#818181;  }
.sitemap02 ul li table td a:hover { background:#fafafa; color:#bba86d;  }


/* Tablet tour 리스트 */
.tour_box ul li {float:left; width:auto; padding:7px 6px 7px; }
.tour_box ul li .sbox {position:relative; width:277px; height:285px; padding:11px; border:1px #c1c1c1 solid; background:#fff; box-shadow: 0px 1px 0px #e6e6e6; }
	
/* Tablet 이벤트 리스트 */
.offergrp .offer_list li .txt_box .pad_box {padding:0}
.offergrp .offer_list li .txt_box em {padding-left:22px;}
.offergrp .offer_list li .txt_box .e_date {padding-top:9px;}

/* Tablet 버튼 좌, 우측 두 개 */
.btntwo_grp {padding-top:20px;border-top:1px dotted #ddd;font-weight:1.3em;font-weight:bold;}

.sahun_lane li {font-size:1.2em; border-radius:50px;}
.sahun_lane li span {font-size:1.2em;font-weight:bold;vertical-align:bottom;padding-right:10px;margin-right:11px;}

/* Tablet 투어리스트 */
.tour_list {border:0;}
.tour_list li {float:left;width:50%;padding:1%;box-sizing:border-box; border:0;}
.tour_list .tit {font-size:1.3em;}
.tour_list p.con {line-height:150%;}
.tour_list .homeviewBtn {font-size:1.3em;}

/* Tablet div table ver */
.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;}


/* 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:#81d8cf;}
}


/*----- Tab Links -----*/
/* Clearfix */
.tab-links {}
.tab-links:after {display:block;content:'';clear:both;}
.tab-links a {
display:block;padding:17px 30px 16px 12px;font-size:1.2em;line-height:100%;font-weight:bold;color:#555;border:2px solid #ddd;/* border-top:0; */
box-sizing:border-box;background:url('/resource/image/mobile/icon/icon_plus.png') center right no-repeat;background-size:2.1em; transition:all linear 0.15s;
}
.tab-links a.tab_on {color:#6EC7BE;border:2px solid #6EC7BE;box-sizing:border-box;background:url('/resource/image/mobile/icon/icon_minus.png') center right no-repeat;background-size:2.1em;}
.tab-links a:hover {color:#6EC7BE;background:url('/resource/image/mobile/icon/icon_plus_on.png') center right no-repeat;background-size:2.1em;}


/*----- Content of Tabs -----*/
.content_tab {}
.content_tab {display:none;clear:both;}
/* .tab.active {clear:both; display:block;} */
.tab_ny {/* padding:10px; *//* border-bottom:1px solid #ddd; */}

.pageing {float:none;text-align:center;clear:both;}
.pageing li {display:inline-block;width:25px;height:25px;line-height:25px;margin:0px 1px;text-align:center;cursor:pointer;border-radius: 100%;}
.pageing li.arrow {background:url('/resource/image/user/icon/paging_arrow.png') no-repeat;}
.pageing li.arrow:hover {border:2px solid #999;}
.pageing li.arrow_prev {margin-right:10px;}
.pageing li.arrow_next {margin-left:10px;background-position:-24px 0;}
.pageing li.num:hover {background:#333;color:#fff;font-weight:bold;}
.pageing li.active {background: #323338;border: 1px solid #323338;color:#fff;font-weight:bold;border-radius: 0;}



/* 신용카드 정보 취소 규정 동의 */
.card_cancle {border:1px solid #ddd;width:100%;padding:15px;resize:none;height:100px;overflow-y:scroll;background:#f9f9f9;box-sizing:border-box;}

/* 리스트기본형(커서) */
.list_curtb_qna { width:100%; border-collapse:collapse; }
.list_curtb_qna td.non_td { cursor:default; border-top:1px solid #eee; text-align:center; font-size:11px; padding:20px 0; }
.list_curtb_qna thead th.non_line { background:#7b81ba; }
.list_curtb_qna thead th { border-bottom:1px solid #575c8c; text-align:center; color:#fff; padding:7px 3px; vertical-align:middle; font-weight:bold; font-size:11px; background:url('/resource/image/user/bg/tbl_thline.png') 0 50% no-repeat #7b81ba; }
.list_curtb_qna tbody td { text-align:left; color:#818181; padding:6px 3px; border-bottom:1px solid #e2e2e2;}
.list_curtb_qna tbody tr:hover { background:#fcfcfc; cursor:pointer; }

/* 온라인상담 리스트 */
.sd_grp {width:100%;border-top: 1px solid #000;font-size:12px;}
.sdlist:after {display:block;content:'';clear:both;}
.sdlist li {padding:10px 0;border-bottom:1px solid #dcdcdc;}
.sdlist li:hover {background:#fafafa;}
.sdlist li a {display:block;}

.headline {display:block;width:100%;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:13px;}
.headline em.qna_st {display:inline-block;width:60px;height:22px;line-height:20px;text-align:center;color:#fff;margin-right:5px;border-radius: 100px;vertical-align:middle;font-size:12px;}
.qna_ok {background: #c99616;}
.qna_ing {background:#aaa;}
.headline em.lockimg img {width:12px !important;height:15px;vertical-align:middle !important;}

.botline {margin-top:10px;padding-top:10px;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;border-top:1px dotted #eee;}
.botline em.qnajrgm {font-weight:bold;color:#3F5BAD;}
.botline em.qnadate {color:#999;}
.botline em.qnauser {color:#666;}
.botline em.gubun {color:#ddd;}

.btn_newsd {float:right;display: block;margin: 4% auto;min-width: 120px;height: 40px;line-height: 40px;text-align: center;background: #c99616;color: #fff;}

/* 온라인상담 뷰 */
.tb_sdjb {width:100%;border-collapse:collapse;border-spacing:0;border-top: 1px solid #000;}
.tb_sdjb caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.tb_sdjb tbody th {text-align: left;border-bottom: 1px solid #ddd;border-right: 1px dotted #ddd;font-size: 13px;color: #333;font-weight: 500;padding: 12px 0 12px 15px;letter-spacing: -0.8px;}
.tb_sdjb tbody td {padding-left:12px;border-bottom:1px solid #ddd;text-align:left;color:#555;}

.quebox {width:100%;padding:20px;border-bottom:1px solid #DBDEE6;box-sizing:border-box;}
.qtit {/* font-size:120%; */color: #c99616;padding-bottom:10px;}
.qtit2 {/* font-size:120%; */color:#222;padding-bottom:10px;}
.quebox p {color:#555;}
.ansbox {background: #f9f9f9;padding:20px;border-bottom:1px solid #DBDEE6;box-sizing:border-box;}
.ansbox p {color:#333;}

.btn_list_qna {display:block;text-align:center;margin: 4% auto;width: 120px;height: 40px;line-height: 40px;color:#fff;background: #333;}
.btn_list_qna:hover {text-decoration:underline;}

/* 리스트버튼 */
.qna_btn { position:relative; text-align:center; margin-top:15px; }
.qna_btn a {display:inline-block;text-align:center;}

.qna_btn a.awidth {width:70px;height:35px;line-height:35px;}
.btn_list_del {display:block;width:120px;height:35px;line-height:35px;text-align:center;background: #c99616;margin: 4% auto;color: #fff;}
.btn_list_del:hover {text-decoration:underline;}

/* FAQ */
.accordionf {list-style-type: none; padding: 0;/*  margin: 0 0 30px; */ border-bottom:none; border-left: none; }
.accordionf{ padding: 0; margin: 0;display: block; width:100%; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

.accordionf li {position:relative; display:block;border-bottom: 1px solid #ddd; cursor: pointer;  width:100%;}
.accordionf li:last-child{border-bottom:0;}


.accordionf li .que_cont_grp {display:flex;flex-direction:row;padding: 15px;box-sizing:border-box;transition:0.3s;justify-content: space-between;}
.accordionf li.active .nae{background-color: #F8F8F8;}
.accordionf li .que_cont_box01{width: calc(100% - 40px);}
.accordionf li .que_cont_box02{width: 35px;text-align:right;justify-content: flex-end;}
.que_cont_box{display:flex; flex-direction:row; align-items:center;}
.que_cont_tit{font-size: 16px;font-weight: 600;color: #323338;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.que_cont_date_txt01{font-size:18px; font-weight:300;}

.list_arrow{display:block;width: 13px;height: 15px;background-image:url('/resource/image/user/ver02/icon/down_arrow.png');background-size:100%;background-position:center;background-repeat:no-repeat;margin-left:8px;}

.accordionf li .nae{padding: 20px;bos-sizing:border-box;}
.accordionf li .nae_txt{font-size: 16px;font-weight:500;color:#323338;font-family: 'Pretendard';}

/* comment view */
/* 댓글 style */
.comment_grp {padding:18px 15px;background: #f3f3f3;border:1px solid #ddd;}
.comment_grp:after {display:block;content:'';clear:both;}
.comment_grp h1 {padding-bottom:10px;font-size:1.1em;color:#222;}
.comment_grp h1 span {display:inline-block;padding-right:10px;}
.comment_grp .box01 textarea {display:block;font-size:1.1em;background:#fff;width:100%;height:60px;box-sizing:border-box;padding:10px;border:1px solid #ddd;resize:none;}
.comment_grp .box02 {padding-top:7px;}
.comment_grp .tb_cell input {width:120px;font-size:1.1em;padding:5px 10px;height:35px;border:1px solid #ddd;}
.comment_grp button.btn_send {display:block;float:right;margin:15px 0 0 0;width:120px;height:35px;line-height:32px;text-align:center;background: #909090;color:#fff;border:0;font-size: 1em;}
.comment_grp button.btn_send:hover {text-decoration:underline;}
.comment_grp button:focus {outline:none;}

.cm_more_tit {padding-bottom:10px;font-size:1.1em;color:#222;}
.cm_more_tit span.count {display:inline-block;padding-left:5px;color: #c99616;}
.comment_more {margin:0 0 20px 0;border-top:2px solid #414040;}
.comment_more li {padding:12px 0 11px 0;border-bottom:1px solid #ddd;}
.comment_more li .top_line {display:inline-block;}
.comment_more li .top_line .name_txt {font-weight:bold;padding-right:5px;color:#444;}
.comment_more li .top_line .date_txt {color:#999;}
.comment_more li .top_line .btn_del {display:inline-block;background:#666;color:#fff;margin-left:7px;font-size:11.5px;text-align:center;padding:5px 13px 4px 10px;line-height:100%;border:0;border-radius:50px;-webkit-border-radius:50px;}
.comment_more li .top_line .btn_del:hover {text-decoration:underline;}
.comment_more li .top_line .btn_del:focus {outline:none;}
.comment_more li p {padding:6px 0 0 0;line-height:150%;}
.comment_more li.no_text {text-align:center;padding-bottom:20px;}

.tb_button a { display:table;margin:4% auto;min-width:110px;padding: 0 10px;height: 40px;line-height: 40px;text-align: center;background: #999;color: #fff;font-weight: 500;}
.tb_button a:hover {text-decoration:underline;}

.qna_check button {padding:3px 10px;border:0;font-size:12px;vertical-align:middle;background:#777;color:#fff;font-weight: bold;
-webkit-border-radius:50px;border-radius:50px;vertical-align:middle;}


/* 예약 변경 */

/* 체크인/체크아웃박스 */
.bx_date {background: #f1f1f1;padding: 20px;box-sizing:border-box;}
.bx_date .reser_title {display: inline-block;text-align:center !important;color: #333 !important;font-family: 'Open sans';font-weight: 600 !important;letter-spacing: 0 !important;font-size: 1.05em !important;}

.bx_dateall {display:table;margin:5px 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:13px;color: #777;font-weight:400;text-align:center;font-size: 1.05em;}
.bx_date .txt_year b {color:#6d6d6d;}
.bx_date .txt_date {display:block;line-height:39px;color: #333;font-weight: 600;text-align:center;font-size:2.25em;margin-left:0px;padding-bottom:10px;}

.bx_date .txt_day {display:block;color:#c09f80;text-align:center;font-weight:bold;    font-size: 1.1em;}

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

.fontst01 {width: 100%;letter-spacing:0.8px;}

.select_grp {margin-top:20px;padding-top:20px;border-top:1px solid #ddd;    text-align: center;}
.after_bar {text-align:center;font-size:10px;color:#d2d2d2;}
.reser_slect_num {/* cursor:pointer; */font-size:1.5em;color:#333;font-family:'Open sans';font-weight:bold;letter-spacing:0 !important;display:inline-block;width:calc(100% - 60px);text-align:center;}

/* resercon */
.resercon {margin-right:2px;float:left;display:inline-block;width:36px;height:35px;vertical-align:middle;margin-top:2px;}
.bed_icon {background:url('/resource/image/mobile/icon/icon_bed.png') left center no-repeat;background-size:2.1em;}
.people_icon {background:url('/resource/image/mobile/icon/icon_people.png') left center no-repeat;background-size:2.3em;}

/* value_box */
.value_box {display:block;padding:5px 6px;padding-bottom: 0px;border:1px solid #ddd;background:#fff;border-radius:50px;float: right;}
.value_box:after {/* display:block; */content:'';clear:both;}
.value_box button {display:inline-block;width:32px;height:32px;box-sizing:border-box;border:0;border-radius:50px;}
.value_box button.bt_minus {background:url('/resource/image/mobile/btn/btn_minus.png') #c9c9c9 center no-repeat;background-size:1.2em;}
.value_box button.bt_plus {background: url(/resource/image/mobile/btn/btn_plus.png) #c09f80  center no-repeat;background-size:1.2em;}

.value_box select {display:inline-block;width: 34px !important;height:32px;border: 0 !important;background: #fff !important;box-sizing: border-box;text-align:center;font-weight:bold;vertical-align: top;padding: 0px 10px !important;color: #000;}
.value_box input {display:inline-block;width: 34px !important;height:32px;border: 0 !important;background: #fff !important;box-sizing: border-box;text-align:center;font-weight:bold;vertical-align: top;padding: 0px 10px !important;}

/* value_box02 */
.value_box02 {display:block;padding:5px 6px;padding-bottom: 0px;background:#fff;float: right;border-bottom: 1px solid #afafaf;}
.value_box02:after {/* display:block; */content:'';clear:both;}
.value_box02 button {display:inline-block;width:32px;height:32px;box-sizing:border-box;border:0;border-radius:50px;}
.value_box02 button.bt_minus {background: url(/resource/image/mobile/btn/btn_minus.png) #e2e2e2 center no-repeat;background-size:1.2em;}
.value_box02 button.bt_plus {background: url(/resource/image/mobile/btn/btn_plus.png) #000000  center no-repeat;background-size:1.2em;}

.value_box02 select {display:inline-block;width: 34px !important;height:32px;border: 0 !important;background: #fff !important;box-sizing: border-box;text-align:center;font-weight:bold;vertical-align: top;padding: 0px 10px !important;color: #000;}
.value_box02 input {display:inline-block;width: 34px !important;height:32px;border: 0 !important;background: #fff !important;box-sizing: border-box;text-align:center;font-weight:bold;vertical-align: top;padding: 0px 10px !important;}



/* 체크인_아웃 팝업 */
.m_chk_wrap {display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index: 10000;}
.m_chk_grp {position:relative; height:100%;background:#fff;}
.date_ok {position:absolute;left:0;right:0;bottom:0;width:100%;height:50px;line-height:50px;text-align:center;background: #c99616;color:#fff;/* border-radius:50px; *//* opacity: 0.9; */font-size:1.1em;font-weight:bold;}
.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%;}

/* 인원선택팝업 */
.m_slect_wrap {display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index: 10000;}
.m_slect_grp {position:relative; height:100%;background:#fff;}
.m_slect_grp .chk_head_grp {border-bottom:0;height: 40px;}
.m_slect_grp .chk_body { padding:20px;padding-top:40px;box-sizing:border-box;}

.sel_ok {position:absolute;left:0;right:0;bottom:0;width:100%;height:50px;line-height:50px;text-align:center;background: #c99616;color:#fff;/* border-radius:50px; *//* opacity: 0.9; */font-size:1.1em;font-weight:bold;}
.sel_ok:hover {text-decoration:underline;}



/* chk_head */ 
.btn_area {width:100%;height: 40px;line-height: 40px !important;padding-left: 20px;box-sizing: border-box;color: #fff !important;background: #313131;}
.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: 78px;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:400;font-size:1.05em;letter-spacing:-0.5px;color: #888;padding-top:8px;}
.chk_head li span.txt02 {font-weight:500;font-size:1.1em;padding-top:3px;color:#000;}

.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, .tb_thead tbody td.sun {color:#9d0020;}
.tb_thead thead th.sat, .tb_thead tbody td.sat  {color:#0855ce;}

/* 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: #e8e8e8;color: #929292;}

.tb_calendar tbody td.first_ac, 
.tb_calendar tbody td.last_ac {background: #000000;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: #c09f80;font-weight:bold;}
.tb_calendar tbody td.oldday {border:0;background:#fff;color:#ccc;}
.tb_calendar tbody td.sun {color:#89001C;}

/* 저작권  */
.all_area {padding:10px 15px 23px 15px; border:1px solid #e2e2e2;border-bottom:0px;}
.all_area > .step_ny {padding-top:0px;}

.copy_box {text-align:right;background:#e2e2e2;padding:7px 10px;}
.copy_box a {display:block;font-size:11px;color:#777;font-weight:bold;}
.copy_box a:hover{color:#000;}

/* 투어 상세 테이블 */
.tb_tour {border-collapse:collapse;border-spacing:0;border-top:1px solid #ddd;}
.tb_tour thead th {background:#f5f5f5;border-bottom:1px solid #ddd;padding:10px !Important;font-weight:bold;}
.tb_tour thead td {padding:10px !Important;border-bottom:1px solid #ddd;}

/* 첨부파일 */
.file {background:#f9f9f9;padding:10px;border-bottom:1px solid #ddd;}
.file ul {display:block;}
.file ul li {padding-top: 5px;}
.file ul li.tit {border-bottom:1px dotted #ddd;padding-bottom:5px;font-weight:bold;font-size:0.9em;}
.file ul li a {}

.pview {padding:3px 7px;background:#8a8a8a;color:#fff;border:0;border-radius:100px;}


/* 객실 뷰페이지 */
.top_slide {width:100%;/* height:360px; */overflow:hidden;}
.top_slide img {/* height: 360px; */width:100%;background-position: 50%;}

.room_info_grp {display:table;width:100%;padding: 10px 10px;box-sizing:border-box;border-bottom:1px solid #e6e6e6;moz-box-shadow: 0px 5px 10px #ddd;-webkit-box-shadow: 0px 5px 10px #ddd;box-shadow: 0px 5px 10px #ddd;background: #fff;}
.room_info_grp .room_name {font-size:1.3em;font-weight:500;color:#333;}
.room_info_grp .score_grp {margin:5px 0px;}

.location_info {font-size:1em;color:#777;vertical-align:middle;}
.location_info .location_icon {display:inline-block;width: 23px;height:23px;vertical-align:middle;background: url('/resource/image/mobile/icon/loca_icon.png')left center no-repeat;background-size:1em;}

.room_info_detail {margin-top:5px;background:#fff;border-top:1px solid #e6e6e6;}
.room_tab {display:table;width:100%;}
.room_tab li {float:left;width: 33.3%;height:45px;line-height:45px;box-sizing:border-box;}
.room_tab li:last-child {border-right:0;}
.room_tab li a {display:block;width:100%;height:100%;text-align:center;font-size:;color:#777;box-sizing:border-box;border-bottom:1px solid #ddd;padding:  0 10px;box-sizing:  border-box;background: #fff;}
.room_tab li a.active {color:#555555;font-weight:500;border-bottom:2px solid #555;}

.room_date_modify {position: relative;margin-top: 5px;display:  table;width: 100%;padding: 10px 15px;border-top: 1px solid #e6e6e6;box-sizing:  border-box;background: url(/resource/image/mobile/icon/select_arr.png)#fff center right 10px no-repeat;background-size: 1.5em;box-sizing: border-box;border-bottom: 1px solid #e6e6e6;moz-box-shadow: 0px 5px 10px #ddd;-webkit-box-shadow: 0px 5px 10px #ddd;box-shadow: 0px 5px 10px #ddd;background: #fff;}
.room_date_modify .topsear_box_btn02 {width:100%;background:url(/resource/image/mobile/icon/top_date.png)left center no-repeat;background-size:1.2em;padding-left:30px;}

.room_rate {text-align:right;display:table;width:100%;background:#fff;border-top:1px solid #e6e6e6;padding: 10px;box-sizing:border-box;}
.room_rate .vat_rate {text-align:right;color:#ee3471;font-weight:400;}

.total_rate_grp {}
.total_rate_grp  .vat_rate02 {}

.reser_btn {background: rgb(19, 158, 220, 0.8);z-index: 400;}
.sold_btn {background: #eee;z-index: 400;}

.coupin_grp {display:block;border:1px solid #ddd;padding:10px;text-align:center;cursor:pointer;margin-top:10px;}
.coupin_grp p {}
.coupin_grp .sale {color:#cfb093;font-weight:600;font-family: 'Montserrat';padding-right: 5px;}
.room_tab_grp {display:table;width:100%;box-sizing:border-box;}
.room_tab_ny {display:table;width:100%;padding: 15px;box-sizing:border-box;}

.room_tab_ny .room_tav_list {display:table;width:100%;}
.room_tab_ny .room_tav_list li {margin-top:5px;border-top:1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;moz-box-shadow: 0px 5px 10px #ddd;-webkit-box-shadow: 0px 5px 10px #ddd;box-shadow: 0px 5px 10px #ddd;background: #fff;padding-bottom: 10px;}
.room_tab_ny .room_tav_list li:first-child {margin-top: 0;border-top: 0;}
.room_tab_ny .room_tav_list li:last-child {box-shadow:none;}

.room_tab_ny .room_tav_list li .infor_title {padding:0;padding:0 10px;font-size:1.3em;color:#333;font-weight:500; display: inline-block;}
.people_title{color: #c0c0c0;display: inline-block;}
.room_tab_ny .room_tav_list li .room_list_title .place_detail {position:absolute;top:10px;right:10px;width:25px;height:25px;border:0;background: #9E9E9E;background-size:2em;border-radius:100%;color: #fff;text-align: center;font-family: 'Lato',sans-serif;font-weight: bold;}

.room_tab_ny .room_tav_list li .room_list_title .state01 {float:none;}

.room_tab_ny .room_tav_list li .room_list_title .place_detail:hover {background: #cfb093;background-size:2em;transition: all 250ms ease-in-out;}

.room_tab_ny .room_tav_list li .room_tab_img {width:100%;padding:10px;box-sizing:border-box;}
.room_tab_ny .room_tav_list li .room_tab_img img {width:100%;max-height:360px;overflow:hidden;position:relative !important;}
.room_tab_ny .room_tav_list li .room_list_title {position:relative;width:100%;padding:10px;box-sizing:border-box;}

.room_tab_ny .room_tav_list li .room_rate {border:0;/* padding-top: 0; */padding-bottom: 0;text-align:left;display:  inline-block;width: 70%;vertical-align:  middle;}
.room_tab_ny .room_tav_list li .total_rate{width:100%;}
.room_tab_ny .room_tav_list li .room_rate .sale_rate {padding:0;}
.room_tab_ny .room_tav_list li .room_rate .vat_rate {text-align:left;display:inline-block;vertical-align:middle;padding-right: 5px;}

.room_tab_ny .room_tav_list li .reser_btn {display:inline-block;width: calc(29% - 10px);min-height:45px;text-align:center;line-height:45px;color: #fff;background: #cfb093;font-size: 1.05em;font-weight: 500;padding: 5px 0px;box-sizing:  border-box;vertical-align: middle;margin-top: 10px;}

.room_tab_ny .room_tav_list li .sold_btn {display: block;width: calc(100% - 20px);min-height: 40px;text-align:center;line-height:45px;color: #fff;background: #c0c0c0;font-size: 1.05em;font-weight: 500;box-sizing:  border-box;vertical-align: middle;margin: 0 auto;}

.room_detail_grp {padding:15px;padding-top:60px;box-sizing:border-box;}

.tb_ameni {width:100%;border-collapse:collapse;border-spacing:0;background:#fff;border:1px solid #ddd;}
.tb_ameni tbody th {color:#555;font-weight:500;padding:10px;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;background:#f9f9f9;}
.tb_ameni tbody td {padding:10px;border-bottom:1px solid #dcdcdc;font-size:0.9em;color:#555;}


.top_day_box{padding:10px; box-sizing:border-box; background: url(/resource/image/mobile/icon/top_date.png)left 13px center no-repeat !important;
background-size:1.2em !important; background-color:#f3f3f3 !important; display:inline-block; vertical-align:middle; margin-top:3px; width: 99% !important; 
padding-left:40px !important; color:#333; font-weight:500; box-sizing:border-box; }

/* 체크박스 디자인 수정  */
.checkbox01 {position:relative;display:inline-block !important;margin-right:5px;width: 25px;height: 25px;margin-bottom: 0 !important;vertical-align: middle;}
.checkbox01 input[type=checkbox] {position:absolute;z-index:-1;opacity:0;display:inline-block;vertical-align:middle;appearance:none;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari and Chrome */position:absolute;top:0;margin: 0;left: 0;cursor: pointer;}
.checkbox01 input[type=checkbox]:focus {outline:none !important;}
.checkbox01 input[type=checkbox]:checked~ .check {background: #424242;transition:all 0.4s ease;}

.checkbox01 .check {position:absolute;top:0;left:0;display:inline-block;width: 25px;height: 25px;border: 0;background: #d1d1d1;border-radius: 100px;}
.checkbox01 .check::after {content:'';position:absolute;top: 6px;left: 10px;display:block;z-index: 6;width: 3px;height: 8px;border-width: 0 2px 2px 0 !important;border: solid #ffffff;transform: rotate(45deg);opacity: 1;}



/* 마이페이지 쿠폰 */
.reser_wrap .room_tab li {width:33.3333%;}

.coupon_use {display:block;min-width:120px;width:100%;background: #cfb093;border:none;height:34px;color: #fff;vertical-align:middle;line-height:34px;font-weight:500;padding:0 10px;box-sizing:border-box;font-family:inherit;font-size:1em;}
.coupon_txt {display:inline-block;color:#999;vertical-align:middle;}
.coupon_txt em {font-weight:500;color: #cfb093;}

.coupon_list_grp {display:table;width:100%;height:100%;}
.coupon_list_grp li {}
.coupon_list_grp li .reser_list_btn {}
.coupon_list_grp li .reser_list_btn .coupon_txt_grp {width:100% !important;padding:0;}
.coupon_list_grp li .reser_list_btn .coupon_txt_grp .coupon_use_txt {color: #cfb093;font-weight: 500;}

.coupon_btn {display:block;width: calc(100% - 40px);height: 40px;line-height: 40px;text-align: center;border: 1px solid #cfb093;margin: 20px auto;background: #cfb093;color: #fff;}

.coupon_grp {margin:20px 0;}
.coupon_btn02 {display:block;width:100%;background:#cfb093;height:50px;text-align:center;line-height:50px;color:#fff;font-size:15px;font-weight:500;}

.coupon_list_grp {display:table;position:relative;width:100%;margin:10px 0;margin-bottom:0;}
.coupon_list_grp ul {display:table;width:100%;height:auto;}
.coupon_list_grp ul li {position:  relative;width:100%;min-height: auto;position:relative;box-shadow:  none;border: 0;padding: 0;margin-top: 5px;}
.coupon_list_grp ul li .radio_area {padding:0;width:auto;height:auto;font-size:14px;position:  relative;color: #999;}

/* 라디오 버튼 수정 */
.radio_01 {position:relative;display:inline-block !important;margin-right:5px;width: 20px;height: 20px;margin-bottom: 0 !important;vertical-align: middle;}
.radio_01 input[type=radio] {position:absolute;z-index:-1;opacity:0;display:inline-block;vertical-align:middle;appearance:none;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari and Chrome */position:absolute;top:0;margin: 0;left: 0;cursor: pointer;}
.radio_01 input[type=radio]:focus {outline:none !important;}
.radio_01 input[type=radio]:checked~ .check {border-color: #cfb093;}
.radio_01 input[type=radio]:checked~ .check::after {background: #cfb093;transition:all 0.4s ease;}

.radio_01 .check {position:absolute;top:0;left:0;display:inline-block;width: 20px;height: 20px;border: 0;background: #ffffff;border: 1px solid #ddd;box-sizing:  border-box;border-radius: 100px;}
.radio_01 .check::after {content:'';position:absolute;top: 3px;left: 3px;display:block;z-index: 6;width: 12px;height: 12px;background: #ffffff;border-radius: 100%;opacity: 1;}

.radio_area {position:absolute;left:0;width:100%;padding-left:35px;height:25px;line-height:25px;z-index:7;box-sizing:border-box;} 

/* 검색필터 팝업 */
.filter_detail {width:100%;background:#fff;text-align:left;padding: 20px;box-sizing: border-box;z-index:  1;}
.filter_detail > ul {display:table;width:100%;}
.filter_detail > ul > li {width: 100%;margin-bottom: 20px;border-bottom: 1px dotted #ddd;}
.filter_detail > ul > li:last-child {/* margin:0; */}
.filter_detail > ul > li.area_all {width:100%;}
.filter_detail > ul > li:nth-child(2n) {/* margin:0; */}
.filter_detail > ul > li:nth-child(2n) .filter_slide .ui-slider-horizontal .ui-slider-range {background: #607D8B;}
.filter_detail > ul > li > .filter_title {font-size: 16px;}
.fiter_notice {float:right;font-size:12px;color: #cfb093;}

.filter_slide {width:100%;height:78px;}
.filter_slide .ui-slider-horizontal .ui-slider-handle {box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2);border-radius: 50%;border: 1px solid #ccc;background-color: #fff; width: 20px;height: 20px; margin-top: -6px;}
.filter_slide .ui-widget.ui-widget-content {border:0;background: #e8e8e8;box-sizing:  border-box;width: 94%;margin-left: 2px;margin-top: 5px;}
.filter_slide .ui-slider-horizontal {height:5px;}
.filter_slide .ui-slider-horizontal .ui-slider-range {background: #cfb093;}

.theme_tb {width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:10px;}
.theme_tb tbody td {position:  relative;padding: 10px 0px;}

.minfo_icon {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: url('/resource/image/user/icon/notice_info_icon.png')#00315f center no-repeat;
    background-size:30px;
    margin:0 auto; margin-bottom:10px;
}

.filter_btn02 {display:table;width: 50%;height: 45px;line-height: 45px;text-align:center;background:#cfb093;color:#fff;float:right;font-weight:  500;font-size: 1em;}

/* 이용후기 리스트 */
.review_notice {display:block;background: #ecf9ff;border:1px solid #cbebf9;background: #f2f3f5;border: 1px solid #ebedf1;padding:12px;box-sizing:border-box;width: 100%;}
.con_txt {position:relative;}
.v_con_txt{padding-left: 26px;}
.re_notice_icon {position:absolute;top:0px;left:0;border-right:10px solid transparent;border-left: 10px solid transparent;border-bottom: 20px solid #888;border-top: 0;}
.re_notice_icon:after {display:block;content: '!';clear:both;position:absolute;left:-2px;top:2px;color:#fff;font-weight:400;font-size:12px;} 

.review_list {display:table;}
.review_list ul li {display: table;padding: 15px 0px;box-sizing:border-box;/* border-top: 1px solid #ddd; */border-bottom:1px solid #ddd;}
.review_list ul li .review_imggrp {display: block;width: 100%;overflow:hidden;vertical-align:middle;margin-top: 20px;}
.review_list ul li .review_imggrp img {vertical-align:top;width:100%;}

.review_list ul li .review_txtgrp {position:relative;display: block;width: 100%;}
.review_state {display:inline-block;padding: 3px 10px;color: #fff;background:#cfb093;border-radius:100px;font-size:13px;font-weight:500;vertical-align:middle;}
.review_title {display:inline-block;margin-left:10px;width: calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size: 16px;font-weight: 500;color: #333;}

.review_list ul li .review_txtgrp .score_grp {display: block;width: 100%;margin-top: 10px;}
.review_list ul li .review_txtgrp .review_tb_title01 {display:inline-block;vertical-align:middle;width: calc(100% - 110px);text-align:right;color:#777;font-size:0.9em;}
.review_list ul li .review_txtgrp .review_txt {width:100%;margin-top:17px;overflow:hidden;text-overflow:ellipsis;text-align:justify;}

.review_btngrp {display:block;margin:30px 0;}
.review_btngrp .review_btn {display:block;width:120px;height:40px;background:#cfb093;line-height:40px;text-align:center;color:#fff;float:right;}
.review_btngrp .review_btn:hover {text-decoration:underline;}

.review_btngrp .review_btn02 {display:block;width:120px;height:40px;background:#3d4952;line-height:40px;text-align:center;color:#fff;float:right;}
.review_btngrp .review_btn02:hover {text-decoration:underline;}

/* 결제 */
.reser_wrap .place_list_grp ul li:first-child {margin:0;}
.reser_wrap .place_list_grp ul li {margin-bottom:5px;}
.reser_wrap .place_list_grp ul li .place_img_grp {}
.reser_wrap .place_list_grp ul li .place_txt_grp {width:100%;}
.reser_wrap .place_list_grp li .tottal_txt {font-size:1.05em; width:100%; background-color:#f5f5f5; border:1px solid #dcdcdc; box-sizing:border-box; padding:5px; text-align:right;
padding-right:14px; line-height:25px;}
.reser_wrap .place_list_grp ul li .place_txt_grp .reser_num { color:#cfb093;font-size:0.9em;padding: 7px 0;}
.reser_wrap .place_list_grp .reser_list_title {font-size:1.2em;padding: 10px;font-weight: 500;background: #fff;border-bottom: 1px dotted #ddd;color: #333;}
.reser_wrap .place_list_grp .reser_list_title em {color:#cfb093;font-family:'Montserrat';}

/* 총결제금액 */
.total_grp {width:95%;margin:30px  auto 0;background: #eee;padding: 15px 20px 15px 20px;color:#333;box-sizing:border-box;/* margin-bottom: 60px; */}
.total_grp label {font-size:1.1em;}
.total_grp .chk[type="checkbox"]:checked {background:url('/resource/image/mobile/icon/icon_chk_w.png') #111 center no-repeat;background-size:1.2em;}

.total_grp .value_grp {}
.total_grp .value_grp:after {display:block;content:'';clear:both;}
.total_grp .value_grp .l_txt {float:left;font-size:1.2em;line-height:37px;}
.total_grp .value_grp .r_txt {}

.rate_tb {width:100%;border-collapse:collapse;border-spacing:0;}
.rate_tb tbody th {text-align:left;font-size:1em;padding: 10px 0;}
.rate_tb tbody td {text-align:right;font-size:1em;padding:10px 0;}

.rate_tb tbody tr:last-child th, .rate_tb tbody tr:last-child td {border-bottom: 1px solid #fff;}


.rate_tb tfoot th {padding:16px 0;text-align:left;font-size:1.2em;font-weight:500;color: #ff0000;}
.rate_tb tfoot td {padding: 10px 0;text-align:  right;font-size: 1.5em;color: #ff0000;font-weight: 500;}
.rate_tb tfoot td .minus {}

.hr_sty01 {border-bottom:1px solid #a1a1a1;margin:15px 0;}

.btn_payment {display:block;width:95%;height:45px;line-height:45px;font-weight:bold;font-size:1.2em;
text-align:center;background:#dd3e17;color:#fff;margin:0 auto;}

.btn_addOrder {display:block;width:95%;height:45px;line-height:45px;font-weight:bold;font-size:1.2em;
text-align:center;background:#dd3e17;color:#fff;margin:0 auto;}

.input_group{display: flex; align-items: center;}
.input_group .input_group_btn{display:flex; align-items: center; justify-content: center; height: 47px; color: #fff; font-size: 17px; font-weight: 600; width: 100px; margin-left: 20px;}

/* tagify Style */
.tagify_cont {width: 100%; display: flex; align-items: center; border: 1px solid #ddd; padding: 0 5px; min-height: 47px;}
.tagify_cont .tagify{border: 0;}
.tagify_cont .tagify__input{min-width: auto;}
.tagify_cont .tagify {font-weight: 500; color: #000;}

  .tagify_cont .addTag_btn button {
    color: #444;
    font: bold 1.4em/1.65 Arial;
    border: 0;
    background: none;
    box-shadow: 0 0 0 2px inset #444;
    border-radius: 50%;
    width: 1.65em;
    height: 1.65em;
    cursor: pointer;
    outline: none;
    transition: 0.1s ease-out;
    margin: 0 0 0 5px;
    vertical-align: top;
  }
  .tagify_cont .addTag_btn button:hover {
    box-shadow: 0 0 0 5px inset #444;
  }

  /* 수분양자 예약바 */
.date_ranger_btnbox {height: 45px; margin: 10px 0;}
.thirty_btn_wrap{display: none;}
.thirty_btn_wrap.active{display: block;}
.btn_wrapper_30days{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 7px 0; width: calc(100% - 40px);
    background-color: #fff;
    padding: 26px;
    box-sizing: border-box;
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5001;
    box-shadow: 2px 4px 8px 0px #29343929;
    max-height: 233px;
    overflow-y: auto;
}
.btn_wrapper_30days.mainPstn{top: 633px;}
.btn_wrapper_30days .btn_30days{background: #f0f0f0; padding: 10px 20px; font-size: 16px; font-weight: 600; white-space: nowrap; color: #000; text-align: center;}
.btn_wrapper_30days .btn_30days:hover {background: #ddd;}
.btn_wrapper_30days .btn_30days.active {background: #ddd;}
.date_ranger_btn{font-size: 17px; height: 100%; width: 100%;  font-weight: 600; color: #fff;display: flex; flex-direction: column; align-items: center; justify-content: center;}
/* 동의 */

/* 로그인 */
.log_wrap {padding: 50px 0px;}
.log_tit {color: #333;font-size: 24px !important;font-weight: 600;text-align: center;padding-bottom: 20px;}
.log_tit em {color:#FFCE79;}

.log_wrap .log_txt {width: 80%;color: #999;font-family: 'Noto Sans KR', sans-serif;text-align: center;font-size: 1.1em;line-height: 150%;margin: 0 auto;}

.log_wrap .log_box {padding-top:15px;}

.log_wrap .log_box h4 {text-align:left;padding:10px 0 6px 0;color:#555; font-size:110%;}
.log_wrap .log_box input {width:100%;height:40px;border: 1px solid #e5e5e5;padding:0 0 0 10px;box-sizing:border-box;}
.log_wrap .login_bt {display:block;width:100%;height: 45px;line-height: 45px;font-weight: 500;border:1px solid #cfb093;color:#cfb093;font-family: 'Noto Sans KR', sans-serif;text-align: center;font-size: 1.05em;}
.log_wrap .login_bt:hover {text-decoration: underline;}

.log_wrap .log_btn02 {display:block;width:100%;height: 45px;line-height: 45px;font-weight: 500;background: #132b6b;color:#fff;font-family: 'Noto Sans KR', sans-serif;text-align: center;font-size: 1.05em;}
.log_wrap .log_btn02:hover {text-decoration: underline;}

.log_wrap .chk_log {text-align:left;padding:10px 0 15px 0;}
.log_wrap .chk_log label {vertical-align:middle;color: #999;}
.log_wrap .chk_log input {vertical-align:middle;}

.log_wrap .log_bottom {margin: 0 auto;/* margin-top: 20px; */padding:20px 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;text-align: center;}
.log_wrap .log_bottom:after {display:block;content:'';clear:both;}
.log_wrap .log_bottom a {float:left;display:inline-block;width:33%;font-size: 1em;color: #666;text-align: center;font-weight: 400;font-family: 'Noto Sans KR', sans-serif;}
.log_wrap .log_bottom a:hover {text-decoration:underline;:}
.log_wrap .log_bottom a:last-child {margin-right:0;}

.log_wrap .log_bottom a .login_ico01 {display:block;width:50px;height:50px;background: url("/resource/image/mobile/icon/login_icon3.png")#f1f0f0 center no-repeat;background-size: 2em;margin: 0 auto;margin-bottom:10px;border-radius: 100px;}
.log_wrap .log_bottom a .login_ico02 {display:block;width:50px;height:50px;background: url("/resource/image/mobile/icon/login_icon1.png")#f1f0f0 center no-repeat;background-size: 2em;margin: 0 auto;margin-bottom:10px;border-radius: 100px;}
.log_wrap .log_bottom a .login_ico03 {display:block;width:50px;height:50px;background: url("/resource/image/mobile/icon/login_icon2.png")#f1f0f0 center no-repeat;background-size: 2em;margin: 0 auto;margin-bottom:10px;border-radius: 100px;}

.conf_infor2 {width: 100%;margin: 20px auto;padding: 20px;box-sizing:border-box;background:#f9f9f9;border: 1px solid #e5e5e5;font-family: 'Noto Sans KR', sans-serif;}
.conf_infor2 .conf_stitle {width: 100%;height: 100%;font-size: 1.3em;color:#333;font-weight: 400;background: url("/resource/image/user/icon/icon_mark03.png")left center no-repeat;padding-left: 24px;}
.conf_infor2 .conf_txt {position: relative;margin-top: 10px;}
.conf_infor2 .conf_icon {margin-top:10px;padding-left: 13px;}
.conf_infor2 .conf_icon li {margin-bottom: 5px;color: #999;line-height: 150%;}
.conf_infor2 .conf_icon li:before {content: "";position:absolute;left:0;width:2px;height:2px;margin-top: 10px;background:#999;}
.conf_infor2 .conf_icon li:last-child {margin-bottom:0px;}

.my_info {padding:30px 0;text-align:center;color:#333;font-family: 'Noto Sans KR', sans-serif;font-size: 1.2em;}
.my_info span {color: #5bc0f3;font-family: 'montserrat', sans-serif;font-weight:500;}


/* 회원정보 수정 */
.btn_cell {display:block;width:100%;height:35px;line-height:35px;text-align:center;background: #999;color: #fff;font-size: 1em;margin:0 0 0 1px;letter-spacing:-0.5px;}
.btn_cell:hover {text-decoration:underline;}
.qnacell .normal_txt {font-size:1.05em;font-weight:bold;color:#E5632A;}

.from_box .pw_pop {position:absolute;top:0;left:0;width:100%;background:#fff;border:4px solid #444; box-sizing:border-box;}
.from_box .pw_pop h3 {text-align:left;padding:0 10px;height:40px;line-height:38px;background:#444;color:#fff;font-size:125%;}
.from_box .pw_pop h3 a {display:inline-block;float:right; color:#fff;}
.from_box .pw_pop h3 a:hover {text-decoration:underline;}

/* 개인정보 */
.poliycon {background:#eee;height:100px;border: 1px solid #e5e5e5;overflow-y:scroll;padding:10px;color:#555;line-height:150%;text-align:left;white-space: pre-line;}
.chk_rdi {text-align:center;padding:13px 0 5px 0;background:#fff;}
.chk_rdi .rdi {vertical-align:middle;}

.qna_grp {padding:30px 10px;background:#eee;}

.from_box {/* position:relative; *//* background:#fff; *//* border-top:2px solid #444; *//* border-bottom:1px solid #acacac; *//* padding:10px; */}
.from_tit {color:#333;font-weight: 500;padding:10px 0 5px 0;font-size: 1em;text-align:left;}
.from_tit b {color:#C71727;padding:0 4px;}
.from_tit strong {color:red;padding-left:2px;}

.qnacell {display:table;width:100%;/* margin: 10px 0; */}
.qnacell>* { display:table-cell; padding:0 0.17em; text-align:left; vertical-align:middle;}
.qnacell input {width:100%;height:35px;border: 1px solid #e5e5e5;padding-left:8px;box-sizing:border-box;background:#fff;vertical-align:middle;border-radius:  0;box-shadow: none;}
.qnacell input[type=radio] { width: 13px; height: 13px; }
.qnacell input[type=checkbox] { width: 13px; height: 13px; }
.qnacell select {width:100%;height: 40px;padding-left: 10px;border: 1px solid #e5e5e5;min-width:100px;vertical-align:middle;box-sizing: border-box;background: url(/resource/image/mobile/bg/select_arr.png)#f7f7f7 right center no-repeat;background-size:1.93em auto;-webkit-appearance:none;border-radius: 0;}
.qnacell textarea {width:100%;height:130px;border:1px solid #dcdcdc;box-sizing:border-box;resize:none;padding:10px;line-height:150%;}
.qnacell button {width:100%;height:45px;border:1px solid #ccc;background:#eee;font-size:120%;font-weight:bold;color:#350067;}
.qnacell button:hover {background:#ddd;}

.btn_grp {width:100%;height:45px;margin:20px 0;}
.btn_grp li {float:left;width:50%;}
.btn_grp li:last-child {margin-left:1%;width:49%;}
.btn_grp li a {display:block;width:100%;height: 45px;line-height: 45px;text-align:center;color:#fff;font-weight: 500;font-size: 1.05em;}
.btn_grp li a:hover {text-decoration:underline;}
.btn_grp li a.item01 {background: #505767;border: 1px solid #505767;}
.btn_grp li a.item02 {background: #fff;border: 1px solid #505767;color: #505767;}

.pro_notice {color:#a2a2a2;font-weight:400;font-size:1.1em;text-align: center;line-height: 150%;padding: 15px 0px;}

.confirmation {display:block;width:100%;height: 45px;line-height: 45px;text-align:center;background: #132b6b;color:#fff;font-size: 1.05em;margin-top:15px;font-weight:bold;}
.confirmation:hover {text-decoration:underline;}

.withdraw {display: inline-block;width: 49%;border: 1px solid #132b6b;box-sizing:  border-box;height: 45px;line-height: 45px;text-align:  center;color: #132b6b;}
.withdraw:hover {text-decoration:underline;}



/* 로그인 */

.sns_login {text-align:center;}
.sns_login:after {display:block;content:'';clear:both;}
.sns_login li {display:inline-block;float:left;width:50%;height:52px;line-height:47px;cursor:pointer;background:#ffd81f;color:#000;border:4px solid #fff;box-sizing:border-box;overflow:hidden;letter-spacing:-0.5px;font-size: 0.9em;}
.sns_login li span {background-size:1em;}
.sns_login li span.sns1 {width:43px;height:44px;background: url('/resource/image/user/icon/icon_face.png') #3b689d center no-repeat;float:left;background-size:2.1em;}
.sns_login li span.sns2 {width:43px;height:44px;background: url('/resource/image/user/icon/icon_kakao.png') #ffc300 center no-repeat;float:left;background-size:2.2em;}
.sns_login li span.sns3 {width:43px;height:44px;background: url('/resource/image/user/icon/icon_naver.png') #00b236 center no-repeat;float:left;background-size:2.2em;}
.sns_login li span.sns4 {width:43px;height:44px;background: url('/resource/image/user/icon/icon_google.png') #e5e5e5 center no-repeat;float:left;background-size:1.9em;}

.sns_login li:nth-child(1) {background:#4c7db7;color:#fff;}
.sns_login li:nth-child(3) {background:#00c73c;color:#fff;}
.sns_login li:nth-child(4) {background:#eee;color:#555;}
.sns_login li:hover {text-decoration:underline;}

/* 회원가입 테이블 수정 */
.tb_join01 {width:100%;border-collapse:collapse;border-spacing:0;font-size: 1em;border: 1px solid #ddd;}
.tb_join01 tbody th {padding: 15px;text-align:left;border-bottom: 1px solid #e5e5e5;border-right: 1px dotted #e5e5e5;color: #666;background: #fafafa;font-weight: bold;}
.tb_join01 tbody td {text-align:left;padding: 10px 15px;color:#555;}
.tb_join01 input {color: #666;width: 100%;height: 40px;padding: 8px 7px;box-sizing: border-box;font-size: 0.95em;border: 1px solid #dcdcdc;border-radius: 0;}
.tb_join01 textarea {padding:10px;width:100%;height:100px;box-sizing:border-box;border: 1px solid #e5e5e5;resize:none;}
.tb_join01 select {display:  inline-block;box-sizing:border-box;vertical-align: sub;border: 1px solid #e5e5e5;letter-spacing:-0.9px;}
.tb_join01 strong { color:#c00429; }

.from_box02 {margin-top:30px;}
.join_title {font-size:1.05em;font-weight:500;}
.join_notice {text-align:center;padding-top:20px;color:#777;}

/* .qnacell {display:table;width:100%;margin: 10px 0;}
.qnacell>* { display:table-cell; padding:0 0.17em; text-align:left; vertical-align:middle;}
.qnacell input {width:100%;height: 40px;border: 1px solid #dcdcdc;padding-left:8px;box-sizing:border-box;background:#fff;vertical-align:middle;border-radius:  0;box-shadow: none;}
.qnacell input[type=radio] { width: 13px; height: 13px; }
.qnacell input[type=checkbox] { width: 13px; height: 13px; }
.qnacell select {width:100%;height: 40px;padding-left: 10px;border: 1px solid #dcdcdc;min-width:100px;vertical-align:middle;box-sizing: border-box;background: url(/resource/image/mobile/bg/select_arr.png)#f7f7f7 right center no-repeat;background-size:1.93em auto;-webkit-appearance:none;border-radius: 0 !important;}
.qnacell textarea {width:100%;height:130px;border:1px solid #dcdcdc;box-sizing:border-box;resize:none;padding:10px;line-height:150%;}
.qnacell button {width:100%;height:45px;border:1px solid #ccc;background:#eee;font-size:120%;font-weight:bold;color:#350067;}
.qnacell button:hover {background:#ddd;}
 */
.shop_bt_sty4 {display:block;width:100%;height:40px;line-height:40px;text-align:center;background:#a2a2a2;color:#fff;}

.btn_group {display:  block;position:relative;width:100%;text-align:center;margin-top:30px}
.btn_group:after { display: block;  content: '';  clear: both; }  {}
.btn_group a {display:block;width:100%;height:45px;line-height:45px;background: #cfb093;margin-top:20px;text-align:center;color:#fff;font-size: 13px;}}
.btn_group a:hover {text-decoration:underline;}
.btn_group .shop_bt_sty1:hover { text-decoration:underline; }

.btn_group .shop_bt_sty2 {background: #fff;border: 1px solid #505767;color: #505767;height: 43px;line-height: 43px;}
.btn_group .shop_bt_sty2:hover { text-decoration:underline;  }

.btn_group .shop_bt_sty3 {display:block;float:right;height: 40px;line-height: 40px;margin:10px 0;background: #fff;border: 1px solid #909090;color: #909090;font-size:13px !important;}
.btn_group .shop_bt_sty3:hover { text-decoration:underline;  }

/* 가입완료-수정 */
.comp_p {text-align:center;color:#999;line-height:150%;}
.lable_txt {vertical-align: middle;color: #999;margin-left: 10px;}
.input_box_grp {margin: 10px 0;display:  table;}

/* 체크박스 디자인 수정  */
.input_box2 {position: relative;border: 1px solid #d9d9d9;display: inline-block;width:20px;height:20px;vertical-align: middle;background: #fff;}
.input_box2 input[type=checkbox] {display:inline-block;vertical-align:middle;appearance:none;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari and Chrome */
border:0;background: 0 0;width: 20px;height: 20px;position: absolute;top: 0;margin: 0;left: 0;cursor: pointer;}
.input_box2 input[type=checkbox]:checked  {position: absolute;left:7px;top:4px;width:5px;height:10px;border:solid #888;border-width:0 2px 2px 0;transform: rotate(45deg);} 
.input_box2 input[type=checkbox]:focus {outline:none}	

.agree_ny_line label {vertical-align:middle;padding-left: 45px;display:inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 70%;}


/* 마이페이지-예약내역보기 팝업*/
.reser_content {display:table;width:100%;margin-top: 15px;}
.reser_number {font-size: 17px;font-weight: 500;text-align: left;display: table;}
.reser_number em {color: #cfb093;padding-left: 5px;}
.reser_content .mypage_img {display: block;width: 100%;}
.reser_content .mypage_img img {width:100%;vertical-align:top;}
.reser_content .mypage_txtgrp {display: block;vertical-align:middle;margin: 20px 0 0 0;}
.reser_content .reser_title {font-size: 1.2em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;font-weight:500;padding-bottom: 10px;}
.reser_content .reser_txt {}
.reser_content .reser_txt li {position:relative;padding-left:10px;padding-bottom: 2px;font-size: 0.9em;}
.reser_content .reser_txt li:before {content: '-';position: absolute;left: 0;top: 0px;}

.reser_payment {margin: 20px 0;background:#ecf9ff;border:1px solid #cbebf9;padding:20px;box-sizing:border-box;}
.reser_paytb {width:100%;border-collapse:collapse;border-spacing:0;}
.reser_paytb tbody th {padding:8px 0;font-size:14px;border-bottom:1px dotted #cbecfb;font-weight:500;color:#000;}
.reser_paytb tbody td {border-bottom:1px dotted #cbecfb;font-size:14px;font-weight:500;}
.reser_rate {color: #0caef7 !important;}

.reser_paytb tbody tr:last-child th, .reser_paytb tbody tr:last-child td {border-bottom:0;}

.reser_content .reser_state {display: table;font-size: 0.75em;background: #cfb093;min-width: 50px;margin-bottom: 10px;text-align: center;color: #fff;padding: 3px 10px;}


.conf_infor {position:relative;padding:20px;box-sizing:border-box;background:#f7f7f7;border:1px solid #e5e5e5;}
.conf_infor .con_txt {position: relative;line-height: 170%;font-size: 15px;color: #333;padding-left: 25px;font-weight: 500;}
.conf_infor .con_txt .notice_icon:after {top: 1px;}

.conf_icon {display:block;}
.conf_icon li {position:relative;padding-left:8px;line-height:170%;font-size:13px;color:#666;}
.conf_icon li:before {content:'-';position:absolute;left:0;top:-2px;}

.conf_stitle {display:block;position:relative;padding-left:25px;font-size:1.15em;color: #333;font-weight: 600;}
.conf_txt {font-size: 0.9em;margin-top: 10px;}

/* 예약완료 */
.reser_complete {width: 100%;height: 100%;padding:20px;padding-top: 50px;box-sizing:border-box;text-align:  center;/* background: url('/resource/image/mobile/bg/reser_bg.png') center no-repeat; *//* background-size:  cover; */}
.reser_icon {width:150px;height:150px;margin:0 auto;}
.reser_icon img {width:100%;}
.reser_num02 {display:table;margin: 20px auto 15px auto;background:#ddd;padding:5px 20px;border-radius:100px;font-weight:500;color: #777;font-size:1em;letter-spacing: 0.5px;}
.reser_ok {font-size: 1.5em !important;margin: 0px auto;font-weight: 600;color: #000;}
.reser_list_btn02 {display:block;width:100%;height: 45px;background:#cfb093;line-height: 45px;color:#fff;font-weight:  500;margin-top:30px;}


.mypage_btngrp {display:block;margin-top: 30px;}
.mypage_btngrp .bill_btn {float:left;display:inline-block;width: 24.5%;background:#b1b1b1;color:#fff;height:50px;text-align:center;line-height:50px;margin-right: 1%;font-size: 15px;font-weight:500;}
.mypage_btngrp .cancel_btn {float:left;display:inline-block;width: 49%;background:#cfb093;height:50px;text-align:center;line-height:50px;color:#fff;font-size:15px;font-weight:500;}
.mypage_btngrp .review_btn{float:left;display:inline-block;width: 24.5%;background: #3d4952;color:#fff;height:50px;text-align:center;line-height:50px;margin-right: 1%;font-size: 15px;font-weight:500;}

zzzzzzzzzzzzzzzzzzzzzzzzzz
.review_edit {width:100%;background:#fff;text-align:left;padding:20px;box-sizing:border-box;z-index: 1;}
.add_txt {font-size:0.9em;padding-top:10px;color:#777;}


.review_tb {width: 100%;border-bottom: 1px solid #ddd;border-collapse: collapse;border-spacing: 0;}
.review_tb thead th {}
.review_tb thead td {}
.review_tb thead td .score_grp {display: inline-block;margin-top: 10px;float:  left;}
.review_tb thead td .score_grp .score i {margin-right:3px;}
.review_tb thead td .review_tb_title01 {display: inline-block;vertical-align: middle;width: calc(100% - 110px);text-align: right;color: #777;font-size: 0.9em;float:right;margin-top:10px;}

.review_tb tbody td {padding: 10px 0px;}

/* 비밀번호 변경 팝업창 */
.idsrch_pop .title {font-size:1.1em;color:#fff;background: #a2a2a2;font-weight: 500;padding: 10px;}
.idsrch_box {border:1px solid #ddd;border-top:0;padding:10px !important;}
.idsrch_box .t_02 .idpw_input {min-height:71px; margin-bottom:15px;  }
.idsrch_box .t_02 .idpw_input ul:after {display:block; content:''; clear:both;}
.idsrch_box .t_02 .idpw_input ul li {margin-bottom: 10px;}
.idsrch_box .t_02 .idpw_input ul li .tb_cell {width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.idsrch_box .t_02 .idpw_input ul li .txt01 {font-weight:bold;font-size: 1em;letter-spacing:-0.5px;padding-top:8px;color: #333;width: 50%;}
.idsrch_box .t_02 .idpw_input ul li .ip_text {}

.pw_title {font-size: 1em !important;line-height:150%;color: #333;font-weight:normal;}

#pw_ch9 {margin:0 auto;}
#pw_ch9:hover { background:#68BA8E; }
#pw_ch9 a {display:block;width: 100%;height: 40px;line-height: 40px;text-align:center;color: #fafafa;font-weight: 500;background: #2d2d2d;}
.tijm_info {position:relative; color:#4e4e4e; line-height:18px; font-weight:bold; margin-bottom:10px; }
.tijm_info span { color:#787878; font-weight:normal; }
.tijm_info em { font-size:0.8em; font-family:'돋움', Dotum; font-weight:normal; padding:0 3px 0 5px; }
.tijm_info .tijm_bsin { position:absolute; right:0px; top:0px; color:#fe2e2e; }


/* 공통table */
.f_room_wrap{width:100%; height:100%;padding-top:20px;}
.f_room_wrap p {font-size:14px !important; }
.f_room_wrap .room_tit{color:#000; font-size:24px;font-family: 'Montserrat', 'Noto Sans KR' ,sans-serif; font-weight:500;  }
.f_room_wrap .room_txt{color:#333; font-size:14px; font-weight:400; line-height:170%;}

.main_room_tb{width:100%; height:100%; margin-top:20px; line-height:170%;}
.main_room_tb .infor_tb_tit{font-size:20px; font-weight:500; color:#333;margin-bottom:10px;font-family: 'Montserrat', 'Noto Sans KR' ,sans-serif;}
.main_room_tb th{border:1px solid #ddd; color:#333; font-size:14px; font-weight:500; background-color:#f6f6f6; box-sizing:border-box; padding:10px;}
.main_room_tb td{border:1px solid #ddd;box-sizing:border-box;padding:10px; color:#666; font-size:14px;font-family: 'Montserrat', 'Noto Sans KR' ,sans-serif;}

.main_room_tb02 td{text-align:center;}
.main_room_tb02 td:first-child {background-color:#eee; color:#333;}
.main_room_tb02 .infor_ul_box{color:#333; padding-top:10px; font-size:14px;}
.main_room_tb02 .infor_ul_box .infor_li{padding-top:5px;}

.main_room_tb04 .infor_ul_box{color:#333; padding:10px; font-size:14px; background-color:#f6f6f6; box-sizing:border-box; }
.main_room_tb04 .infor_ul_box .infor_li{padding-top:10px;}
.main_room_tb04 .infor_ul_box .infor_li:first-child{padding-top:0px;}


.sub_tit{margin-top:50px; color:#333; font-weight:400;font-size: 22px; letter-spacing: -1px;}
.sub_sub_line01{width:100%; height:1px;  position:relative; margin:15px 0;}
.sub_sub_line02{width:35px; height:3px; background-color:#bbb5a4; position:absolute;top:-1.5px; left:0;}

.gne_line{width:35px; height:3px; background-color:#bbb5a4; margin-bottom:30px; margin-top:10px;}
.gne_img {width:100%;}
.gne_img img{width:100%;}
.main_clear{clear:both; }
.gne_box{width:100%;}
.gne_box .gne_li{width:100%; min-height:220px; position:relative; box-sizing:border-box; overflow:hidden;}
.gne_box .gne_li:nth-child(1){background-color:#fafaf3;}
.gne_box .gne_li:nth-child(2){background-color:#f8f8e5;}
.gne_box .gne_li:nth-child(3){background-color:#efefe3;}
.gne_box .gne_li .num_tit{font-family: 'Montserrat',sans-serif; font-weight:bold; font-size:124px; color:#e7e7e7; position:absolute; /* top:50%; transform: translateY(-50%); */ right:20px;
bottom: -40px; }
.gne_txt_box{position:absolute; top:0;left:0; width:100%; height:100%; padding:20px 10px 10px 20px;box-sizing:border-box;}
.gne_tit{font-size:1.7em; font-weight:bold; color:#9d887e;font-family: 'Noto Serif KR', serif;line-height:180%;}
.gne_txt{font-size:1em;font-family: 'Noto Sans KR', sans-serif; color:#666; padding-top:20px;}


/* NEW CSS */
/* 객실 상세내용 */
.tb_ameni {width:100%;min-height: 220px;border-collapse:collapse;border-spacing:0;border: 1px solid #ddd;}
.tb_ameni tbody td {padding: 20px;vertical-align:top;line-height:170%;color: #707070;}
.tb_ameni tbody td .tb_ameni_title {font-family: 'Roboto','Noto Sans KR', sans-serif;font-size: 1.05em;font-weight: 600;color: #636f54;}
.tb_ameni tbody tr:nth-child(1) td {background: #f1f3ef right 20px bottom 20px  no-repeat;background-size: 4em;}
.tb_ameni tbody tr:nth-child(2) td {background: #fff right 20px bottom 20px  no-repeat;background-size: 4em;}
.tb_ameni tbody tr:nth-child(3) td {background: #f1f3ef right 10px bottom 10px  no-repeat;background-size: 5em;}
.tb_ameni tbody tr:nth-child(4) td {background: #fff right 15px bottom 10px  no-repeat;background-size: 4em;}


.roominfo_3 { width:100%;border-collapse:collapse;border-spacing:0;  }
.roominfo_3 tr td { vertical-align:top; padding-right:20px; text-align:justify;}
.roominfo_3 tr td:last-child { padding-right:0px; }

/* 객실 */
.tb_rprice {width: 100%;border-collapse:collapse;border-spacing:0;border: 1px solid #dcdcdc;}
.tb_rprice thead th {text-align:center;font-weight: bold;background: #f1f3ef;border-right: 1px dotted #dcdcdc;border-bottom: 1px solid #dcdcdc;color: #4d5049;vertical-align:  middle;font-size: 14px;padding: 10px 10px;}
.tb_rprice thead td {padding: 8px 10px;border-bottom: 1px solid #dcdcdc;}
.tb_rprice tbody th {text-align:left;font-weight: bold;background: #f1f3ef;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;color: #4d5049;}
.tb_rprice tbody td {padding: 8px 20px;color:#595959;border-bottom: 1px solid #dcdcdc;line-height: 170%;}
.tb_rprice thead th:last-child, .tb_rprice tbody td:last-child {border-right:0px;}
.tb_rprice tfoot td {padding: 8px 10px;border-right: 1px dotted #dcdcdc;border-bottom: 1px solid #dcdcdc;text-align:center;word-break: break-all;}


/* NEW CSS */



/* 리스트01 */
.place_list_grp_pre {width:100%;}
.place_list_grp_pre ul {}
.place_list_grp_pre ul li {position:relative;height:140px;cursor:pointer;}
.place_list_grp_pre ul li:last-child {}

.place_list_grp_pre ul li .place_img_grp {position:relative;width:100%;height:140px;overflow:hidden;}
.place_list_grp_pre ul li .place_img_grp img {position:absolute;top:0;left:0;width:100%;margin-top:-105px;}

.place_list_grp_pre ul li .place_txt_grp {position:absolute;bottom:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background: -webkit-gradient(linear, 10% 100%, 10% 0%, from(rgba(0, 0, 0, 0.7)), to(transparent));background: gradient(linear, 10% 100%, 10% 0%, from(rgba(0, 0, 0, 0.7)), to(transparent));}
.place_list_grp_pre ul li .place_title {color:#fff;font-size:1.3em;padding-top: 10px;font-weight:500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.2em;height: 2.4em;}
.place_list_grp_pre ul li .rate_state {position:absolute;right:10px;top:10px;}
.place_list_grp_pre ul li .sale_rate {color:#fff;padding:0;}
.place_list_grp_pre ul li .total_rate {display:inline-block;margin-left:10px;color:#fff;}
.place_list_grp_pre ul li .score {}
.place_list_grp_pre ul li .review {color:#fff;}

.reser_notice {background:#efefef;padding:20px 0px 100px 0;text-align:center;font-size:0.9em;color:#777;}


.ckinckout_tb{width:100%;border-collapse: collapse;}
.ckinckout_tb th{padding:10px; border:1px solid #ddd;}
.ckinckout_tb .ckinckout_th_fr{background-color:#eee; color:#333; font-weight:500; font-size:1.15em;}
.ckinckout_tb .ckinckout_th{color:#000; font-weight:500; font-size:1em; background-color:#f6f6f6;}
.ckinckout_tb .ckinckout_td{color:#333; font-weight:500; font-size:1em;padding:10px; border:1px solid #ddd;}

/* 리스트02 */
.place_list_grp {width:100%;overflow:  hidden;}
.place_list_grp ul {/* overflow-y:scroll; */}
.place_list_grp ul li {display: inline-block;width:100%;/* min-height: 165px; */box-sizing:border-box;padding: 10px;border-bottom: 1px solid #e6e6e6;cursor:pointer;-moz-box-shadow: 0px 5px 12px #ddd;-webkit-box-shadow: 0px 5px 12px #ddd;box-shadow: 0px 5px 12px #ddd;background: #fff;}
.place_list_grp ul li:last-child {border-bottom:0;box-shadow: none;margin-bottom: 0 !important;min-height:  auto;}
.place_list_grp ul li .place_img_grp {float:left;display:inline-block;width: 100%; height:100%;;overflow:  hidden;}
.place_list_grp ul li .place_img_grp img {vertical-align:top;width: 100%;height: 100%;/*margin-left: -75px;*/}

.place_list_grp ul li .place_txt_grp {float:left;display:inline-block;width: 100%;box-sizing:border-box; padding-top:0px;}
.place_list_grp ul li .place_txt_grp .place_title {font-size: 1.3em;color:#222; /* 라인수 */overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:5px 0;margin-bottom:10px;
color:#fff; background-color:#cfb093; text-align:left; text-indent:14px;}

.place_list_grp ul li.non {text-align:center;padding:380px 0;color:#777;font-size:14px;}
.place_list_grp ul li.non img {vertical-align:top;}
.place_list_grp ul li.non .non_title {font-size:18px;padding:10px 0;font-weight:600;color:#333;}

.place_list_grp ul li .reser_state {display:table;font-size: 0.75em;background:#cfb093;min-width:50px;margin-bottom:10px;text-align:center;color:#fff;padding:3px 10px;}
.place_list_grp ul li .reser_list_btn {display: table;width: 100%;}
.place_list_grp ul li .more_btn {display:block;width:48%;height:40px;line-height:40px; text-align:center;border:1px solid #cfb093;margin-top:20px;color:#cfb093; float:left;}
.place_list_grp ul li .reser_review_write {display:block;width:48%;height:40px;line-height:40px; text-align:center;border:1px solid #cfb093;background: #cfb093;margin-top:20px;color:#fff; float:right;}
.place_list_grp ul li .reser_review_write_ok {display:block;width:48%;height:40px;line-height:40px; text-align:center;border:1px solid #cfb093;background: #d2cccc;margin-top:20px;color:#fff; float:right;}

.rate_state {display:inline-block;min-width: 51px;padding: 0 5px;height: 20px;line-height: 20px;text-align:center;color:#fff;background:#ddd;border-radius: 100px;vertical-align: middle;font-size: 0.85em;margin-right: 3px;}
.state01 {background: #cfb093;display: inline-block;vertical-align:  middle;}
.state02 {background: #1c2d47;vertical-align: middle;}
.state03 {background: #e43131;vertical-align: middle;}
.sale_rate {display:inline-block;font-size: 0.9em;color:#888;text-decoration: line-through;padding: 0 10px;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.total_rate {display:inline-block;text-align: left;font-size: 1.15em;padding: 5px 0;font-weight: 600;color: #b1080e;vertical-align:middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: -1px;}
.score {margin-right:10px;font-size: 14px;color: #ddd;}
.score .color01 {}
.review {color:#888;font-weight: 500;font-size: 13px; float:right}

.place_list_grp ul li:hover .place_title {color:#cfb093;transition: all 250ms ease-in-out;}
.place_list_grp .total_rate {display:block;clear:  both;}
.desc {color: #fff;font-size: 13px;font-weight: 500;/* padding-top: 5px; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:5px;}

/* 지도 팝업 */
.map_area {position:relative;width:100%;height:100%;background:#607D8B;}
.map_area > .place_list_grp {position: absolute;bottom: 0;width:100%;height:160px;max-height:160px;padding:20px;box-sizing:border-box;}
.map_area > .place_list_grp > ul {display:block;width:100%;height:120px;overflow:hidden;background: #fff;}
.map_area > .place_list_grp > ul > li {width:100%;float:left;padding:0;min-height:120px;display:block;}
.map_area > .place_list_grp > ul > li > .place_img_grp {}
.map_area > .place_list_grp > ul > li > .place_img_grp img {}

.map_area > .place_list_grp > ul > li > .place_txt_grp {float:left;display:inline-block;width: calc(100% - 90px);box-sizing:border-box;padding: 10px;}
.map_area > .place_list_grp > ul > li > .place_txt_grp > .place_title {font-size: 1.2em;font-weight:500;color:#222;margin-bottom: 7px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.2em;height: 2.4em;}

.map_area > .place_list_grp > ul > li > .place_txt_grp > .sale_rate {padding:0;float: left;width: calc(100% - 61px);text-align:right;}
.map_area > .place_list_grp > ul > li > .place_txt_grp > .total_rate {clear:both;display:block;width:100%;text-align:right; padding:0;font-size:1.2em;padding-top:9px;}

.btn_resera_color01{background-color:#b99d83;}
.btn_resera_color02{background-color:#cfb093;}



/* 호텔소개 */

.page_cont_box{width:100%;box-sizing:border-box;padding-top: 20px;}
.page_cont_box_padding_none{padding-top:0}
.gree_cont_tit01{color:#000; font-size:15px; letter-spacing:-0.2px; font-weight:700; text-align:center;}
.page_cont_imgbox{width:100%;}
.gree_cont_imgbox{margin-top:20px;}
.gree_cont_imgbox img{width: 100%;}


.gree_cont_subbox{width:100%;}
.gree_cont_sub_tbox{width:100%; ; box-sizing:border-box;}
.gree_cont_sub_tit01{ font-size:16px; color:#a37a50;}
.gree_cont_sub_tit02{font-size: 23px;font-family: 'Pretendard';color: #000;}
.gree_cont_sub_txt02{font-size: 17px !important; font-weight: 500;}

.page_history_imgbox{width:100%;display:flex;flex-direction: column;gap: 20px;}
.page_history_img{width:100%;}
 .page_history_img img{width:100%;}
 .page_history_tbox_grp{width:100%;display:flex;flex-direction:row;padding: 10px 0;}
 .page_history_tbox{margin-right: 57px;}
 .page_history_tbox:last-child{margin-right:0;}
 .page_history_subtxt{font-size:15px; color:#666; margin-bottom:0px;font-weight: 500;}
 .page_history_subtit{font-size: 18px;color:#000;font-weight:500;}
 
 .sub_content_section .sub_content_main_title{font-size: 23px;margin-bottom:15px;color:#000;}
 .sub_hotel_info_ul{width:100%;display:flex;flex-direction: column;}
 
 .sub_content_section .section_map_txt01{font-size:14px; color:#000;}
 .sub_content_section .section_map_txt02{font-size:14px;}
 
 .sub_content_section .section_map_tit{font-size: 19px;font-weight: 600;color: #000;}
 .sub_content_section .section_map_txt{font-size: 16px;font-weight: 500;line-height: 1.7;font-family: 'Pretendard';}

/* 객실 소개 */
.room_cont_tit01{text-align:center; font-size:35px; }
.room_cont_imgbox{width:100%; margin-top:30px;}
.room_cont_imgbox img{width:100%; height:800px;}
.page_cont_subbox{width:100%;}

.sub_reser_btn{display:flex;flex-direction:row;align-items:center;justify-content: center;width:100%;height:50px;color:#fff;background-color:#437855;font-size: 17px;margin:0 auto;margin-bottom:40px;font-weight: 600;}
.sub_reser_btn2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 50px;
    color: #fff;
    background-color: #437855;
    font-size: 17px;
    margin: 0 auto;
    margin-bottom: 60px;
    font-weight: 600;
    }
.room_cont_info_tit{font-size: 20px;font-weight:600;color:#000;letter-spacing:-0.2px;}
.room_cont_info_line01{width:100%;height:1px;background-color: #e0e0e0;margin: 5px 0;position:relative;margin-bottom:0;}
.room_cont_info_line02{width: 120px;background-color: #437855;height:1px;position:absolute;top:0;left:0;}
.room_cont_info_amenity_grp{display:flex;flex-direction:row;align-items:flex-start;padding: 30px 0 15px 0;box-sizing:border-box;}
.room_cont_info_amenity{width:100%; display:flex; flex-direction:column;justify-content: center;align-items: center;}
.room_cont_info_amenity_tbox{ display:flex; flex-direction:column;justify-content: center;align-items: center;}

.room_cont_info_amenity_img{width:40px;margin: 15px 0 10px 0;}
.room_cont_info_amenity_img img{width:100%;}
.room_cont_info_amenity02 .room_cont_info_amenity_img{width:30.18px;}

.room_cont_info_amenity_tit{font-size: 16px;font-weight: 500;color: #323338;}
.room_cont_info_amenity_tit02{font-weight: 500;font-family: 'pretendard';text-align: center;}

.room_cont_tbbox{padding: 20px 5px;box-sizing:border-box;width:100%;}
.room_cont_th{text-align:left;font-size: 16px;padding: 7px 0;font-weight: 600;vertical-align:top;color:#000;}
.room_cont_td{text-align:left;font-size: 16px;padding: 7px 0;font-family: 'pretendard';font-weight: 500;color: #000;line-height: 145%;}
.room_cont_guide{width:100%;padding: 15px;box-sizing:border-box;border: 1px solid #e0e0e0;}
.room_cont_guide_tit01{font-size: 17px;color: #000;font-weight: 600;}
.room_cont_guide_tit02{font-size: 16px;font-weight: 600;margin-bottom:4px;color:#000;}
.room_cont_guide_txt01{font-size:15px;font-family: 'Pretendard';color: #323338;font-weight: 500;}



/* 시설 다이닝 소개 */
.sub_page_cont_grp{display:flex;flex-direction:column;margin-top: 21px;}
.sub_page_cont_th{font-size: 16px;font-weight: 600;font-family: 'Pretendard';text-align:left;padding: 7px 0;padding-right:10px;vertical-align:top;color:#000;}
.sub_page_cont_td{font-size: 16px;font-weight: 500;font-family: 'Pretendard';text-align:left;padding: 7px 0;color: #000;}




/* 스페셜 오퍼 */
.conbogrp {display: flex;flex-direction: row;width: 100%;margin:0 auto 25px auto;box-sizing: border-box;-webkit-box-sizing: border-box;justify-content: end;}
.conbogrp:after {display:block;content:'';clear:both;}
.conbogrp li {float:left;}
.conbogrp li.dash {width:25px;line-height: 39px;text-align:center;font-size:20px;}
.conbogrp li > .ipwrap {display:inline-block;vertical-align:middle;}
.conbogrp li input {width: 142px;height: 40px;padding: 0 7px;color: #323338;border: 1px solid #ccc;font-size: 14px;font-weight: 500;}
.conbogrp li input::placeholder {font-weight:500;}
.conbogrp li input.calbg {background: url('/resource/image/user/bg/br_calinput.png') #fff right 10px center no-repeat;background: url('/resource/image/user/icon/main_cal.png')#fff right 11px center no-repeat;}
.conbogrp li label {display:inline-block;font-size:11px;font-weight:bold;padding:0 10px 0 18px;color:#555;}
.btn_rnext_box {width: 42px;margin-left: 0px;}
.conbogrp li .btn_rnext {background: #323338;height: 42px;display: flex;align-items: center;justify-content: center;width: 100%;border: 0;outline: none;box-shadow: none;position: relative;}
.btn_rnext .circle {display: block;width: 12px;height: 12px;border-radius: 50%;border: 3px solid #fff;}
.btn_rnext .line {display: block;width: 2.5px;height: 7.9px;background: #fff;position: absolute;right: 14px;bottom: 9px;transform: rotate(-45deg);}

.conbogrp li select {width: 76px;height: 42px;border: 1px solid #ccc;padding: 0 7px;margin-right: 4px;font-size: 15px;font-weight: 500;color: #323338;}


.list_offers02 {width: 100%;margin:0 auto;box-sizing:  border-box;display:flex;flex-direction: column;gap: 25px;flex-wrap:nowrap;}
.list_offers02 li {position:relative;}
.list_offers02 .list_offers02_contbox {display:block;width:100%;height: 100%;box-sizing:  border-box; cursor:pointer;}
.list_offers02 .list_offers02_contbox:hover .item-overlay {display:block;-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);}
.list_offers02 .list_offers02_contbox:hover .item-overlay h5 {display:block;}
.list_offers02 .list_offers02_contbox .imgbox {position: relative;display:block;width: 100%;height: auto; /*height: 210px;*/}
.list_offers02 .list_offers02_contbox .imgbox img {width:100%;height:100%;vertical-align:top;}
.list_offers02 .list_offers02_contbox .nybox {width: 100%;display:block;padding: 15px 0;box-sizing: border-box;}
.list_offers02 .list_offers02_contbox .offers_cont_line{width:100%;height:1px;background-color: #dcdfec;margin: 7px 0;}
.list_offers02 .list_offers02_contbox .offers_cont_tit {display:block;font-size: 18px;text-align: left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-weight:700;color: #323338;font-family: 'Pretendard';}
.list_offers02 .list_offers02_contbox .datebox {letter-spacing:-0.3px;display:block;text-align: left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;-webkit-box-sizing: border-box;color:#666;font-size: 16px;font-weight: 500;}

/* 이벤트 종료시 */
.list_offers02 li .list_offers02_contbox {position:relative;}
.list_offers02 .list_offers02_contbox .imgbox .end_bg {display:block;position:absolute;width:100%;height:100%;top:0;left:0;background: rgba(0, 0, 0, 0.3);}
.list_offers02 .list_offers02_contbox .imgbox .end_bg em {display:block;position: absolute;top: 50%;left: 50%;margin: -24px 0 0 -94px;background: #000000;font-size: 11px;letter-spacing: 2px;text-align: center;color: #fff;padding: 14px 50px;font-weight: bold;}

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

.item-overlay {height: 222px;position: absolute;top:10px;left:10px;right:10px;bottom: 10px;background: rgba(255,255,255,0.9);transition:all .3s ease;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);z-index:500;}
.item-overlay > h5{display:none;position: absolute;top:20px;left:20px;right:40px;text-align:left;font-size:16px;line-height:170%;
letter-spacing:3px;color: #222;}
.item-overlay > h5:after{content: "";position: absolute;display: block;width: 55px;height: 1px;background-color: #222;bottom: -16px;}


/* 검색 */
.sea_box { position:relative;  text-align:right; }
.sea_box .sea_ibox {display:inline-block; border:1px solid #ddd; padding-right:30px; }
.sea_box .sea_ibox .i_text{ color:#898989; padding:4px; font-size:11px; background:transparent; border:0; vertical-align:middle; }
.sea_box .sea_ibox .sea_btn { position:absolute; right:10px; top:7px; }

.srch_box {position:relative;z-index:1;text-align:right;margin-bottom:25px;}
.srch_box .sea_ibox {display:inline-block;border: 1px solid #999;height: 40px;line-height: 40px;padding:0 7px 0 5px;box-sizing: border-box;/* background: #f4f4f4; *//* border-radius: 100px; */}
.srch_box .sea_ibox .i_text {color: #7d7d7d;border:0;height: 100%;background:  transparent;padding: 0px 10px;box-sizing:  border-box;vertical-align: top;}
.srch_box .sea_ibox .sea_btn {display: inline-block;width: 30px;height: 30px;margin-top: 4px;background:transparent !important;vertical-align: top;}
.srch_box .sea_ibox .sea_btn img {vertical-align: top;height: 100%;}



/* 뷰기본형 */

.view_tbv { width:100%; }
.view_tbv th, td{}
.view_tbv .tbv_ti {font-size:23px;border-bottom:2px solid #999;font-weight:bold;text-align:left;color: #000;padding-bottom: 10px;}
.view_tbv .tbv_in {font-size:18px;text-align:right;border-bottom:2px solid #666;color:#999; letter-spacing:-0.2px;padding-bottom: 10px;}
.view_tbv .tbv_in strong { display:inline-block; padding-left:10px; }
.view_tbv .tbv_in_l {font-size:13px;text-align:left;border-bottom:1px solid #ddd;color:#9a9a9a;}
.view_tbv .tbv_in_l strong { display:inline-block;  }

.view_tbv td.con {min-height:300px;color:#555;line-height:170%; padding:80px 150px; box-sizing:border-box; border-bottom:2px solid #999;}
.view_tbv td.con img { margin-bottom:20px; }
.view_tbv td.snsgrp {}
.view_tbv .btn_snsgy {float:right;}
.view_tbv .btn_snsgy li {float:left;margin-left:8px;}
.view_tbv .btn_snsgy li a {display:block;width:31px;height:31px;background-position:0 0;}
.view_tbv .btn_snsgy li a.item01 {background:url('/resource/image/user/icon/icon_snsface.png') no-repeat;}
.view_tbv .btn_snsgy li a.item02 {background:url('/resource/image/user/icon/icon_snstwit.png') no-repeat;}
.view_tbv .btn_snsgy li a.item03 {background:url('/resource/image/user/icon/icon_kakaostory.png') no-repeat;}
.view_tbv .btn_snsgy li a:hover {background-position:0 -31px;}
.view_tbv td.file {background: #f3f3f3;font-size:12px;padding:15px;}
.view_tbv td.file ul li.tit { border-bottom:1px solid #e2e2e2; font-weight:bold; padding:0 0 5px; background:none; }
.view_tbv td.file ul li {padding:5px 0 5px 7px; background:url("/resource/image/user/icon/st_dep02.png") 0 12px no-repeat;line-height:150%; }
.view_tbv td.file ul li a {color:#818181;}
.view_tbv td.file ul li a:hover {color:#79CCC3;}
.view_tbv .jaemok {font-weight:normal;color:#666;}

.tb_btn2 { position:relative;margin-top:45px;display:flex; flex-direction:row; align-items:center;justify-content: center;  width:100%;}
.tb_btn2 .list_back_btn {width:225px;height:70px;display:flex; flex-direction:row; align-items:center; justify-content: center; background: #a37a50;
text-align:center;font-weight: 700; font-size:23px;color: #fff;}

/* 뷰기본 작성형 */

.view_tbt_qna {width:100%;border-top: 2px solid #000;}
.view_tbt_qna th, .view_tbt_qna td { height:20px; vertical-align:middle; }
.view_tbt_qna th {color: #000;font-weight: bold;font-size: 18px;text-align:left;border-bottom:1px solid #ddd;padding: 15px 0;background:url("/resource/image/user/icon/st_dep02.png") 10px 15px no-repeat;}
.view_tbt_qna td {  border-bottom:1px solid #ddd; padding:15px 0; }
.view_tbt_qna td .i_text{width:100%; height:55px; padding:15px; box-sizing:border-box; border:1px solid #d5d5d5; font-size:18px; font-weight:400;}
.view_tbt_qna td .i_text01{width:540px;}
.ibox_flex{display:flex; flex-direction:row; align-items:center;}
.view_tbt_qna td .i_text02{width:320px;}
.view_tbt_qna td .ibox_inp_center{font-size:18px; font-weight:400; margin:0 8px;}
.view_tbt_qna td .i_select{width:250px; border:1px solid #d5d5d5; height:55px; padding:15px; box-sizing:border-box; margin-left:12px; font-size:16px;}
.view_tbt_qna td .i_area{width:100%; border:1px solid #d5d5d5; padding:25px; box-sizing:border-box; min-height:360px;font-size:18px; font-weight:400;}
.impo { color:rgb(226, 10, 10); padding-left:2px; font-size:13px; }


.checkbox_info_tit{font-size:23px; font-weight:700; padding:30px 0;}
.checkbox_info_tbox{display:block; width:100%; border:1px solid #d5d5d5; padding:30px; box-sizing:border-box;}
.checkbox_info_txt{font-size:18px; }
.checkbox_info_txt02{color:#666;display:inline-block; font-size:15px;}
.chkbox_right{display:flex; flex-direction:row;justify-content: flex-end; margin-top:15px;}


/* 상담 및 문의 */
.from_box .from_tit {padding:15px 0 5px 0;font-size: 16px;font-weight: 500;color:#000;}
.from_box strong {color:red;padding:0 0 0 2px;}

.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 .tb_cell {display:table-cell;vertical-align: middle;}
.tb_divbox .tb_cell h4 {color:#111;padding-bottom:6px;font-size:1.1em;font-weight:500}
.tb_divbox .tb_cell label {display:block;color:#999;padding-top:7px;}
.tb_divbox .tb_cell input {width:100%;padding: 15px 7px;box-sizing:border-box;font-size:15px;border:1px solid #ddd;border-radius: 0;font-weight: 500; }
.tb_divbox .tb_cell input:focus{outline:none;}

.tb_divbox_emailbox{display:flex; flex-direction:row;align-items:center;width:100%; margin-bottom:8px;}
.tb_divbox_emailbox:last-child{margin-bottom:0;}
.tb_divbox_emailbox .tb_divbox_emailbox_width02{margin:0 8px;}
.tb_divbox_sel{width:100%;padding: 15px 7px;box-sizing:border-box;font-size:14px;border:1px solid #ddd;border-radius: 0;}
select{    background: url(/resource/image/user/ver02/icon/down_arrow.png)#fff center right 10px no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 10px;}

.que_from_tit_box{width:100%; box-sizing:border-box;padding-bottom:15px; border-bottom:2px solid #000;}
.que_from_tit{margin-bottom:8px;font-size:16px;color:#000;}
.que_from_txt{text-align:right !important;font-size: 14px;color: #fd4d4d;font-weight: 500;}

.que_from_cont01{padding: 30px 0;box-sizing:border-box;border-bottom:1px solid #ddd;}

.chkgrp_info_box{padding: 30px 0;box-sizing:border-box;}
.chkgrp_info_tit{font-size: 17px;color:#000;margin-bottom: 15px;}
.chkgrp_info_txtbox{border:1px solid #ddd;box-sizing:border-box;padding: 10px;}

.chkgrp_flex{display:flex; flex-direction:row;    justify-content: space-between; width:100%;align-items: flex-start;}
.chkgrp_flex .radible{width:calc(100% - 25px);color:#000;font-weight: 400; font-size: 15px;}


/* Level 2 */
.accordionf li ul li {font-size: 0.9em; }

.faq_txt {width:100%;height:65px;font-size:14.5px; background: #514c48; }
.faq_txt p {color:#fff;line-height:65px;padding:0 20px;}
.faq_txt p a {display:inline-block;padding:0 20px;height:32px;line-height:32px;background:transparent;border:1px solid #fff;color:#fff;
margin:0 0 3px 15px;vertical-align:middle;}
.faq_txt p a:hover {background:#fff;color:#020e1d; transition: all 250ms ease-in-out;}


/* 갤러리형 리스트 */
.pic_list {border: 1px solid #ddd;border-left:0;border-right:0;border-bottom:0; display:flex; flex-direction:column; gap:20px; padding:20px 0; box-sizing:border-box;flex-wrap:nowrap;}
.pic_list li {width:100%;}
.view_img .view_img_box{width:100%;}
.view_img .view_img_box img{width:100% !important; }
.fix_tit{font-size: 16px;color:#000;padding: 7px 0;font-weight: 500;}

.pic_cont_tit {display:block;font-size: 23px;text-align: left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;
font-weight:700;color: #000; padding-top:20px;}
.pic_list li a:hover .thumb { border:3px solid #f2f2f2; margin:-3px; }
.pic_list li .ptl_info {padding:10px 0 0 11px;width:100%;margin:0 auto;color:#bebebe;line-height:130%;text-align:left;font-size:13.5px;font-weight:normal !important;}
.pic_list li .ptl_info em.int {color:#444;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pic_list li .ptl_info em.int strong {font-weight:500;}
.pic_list li .ptl_info em.ins { color:#79898b; }
.pic_list li .ptl_info em.inl { padding:0 5px; }
.pic_list:after { content:''; display:block; clear:both; }


/* 객실 예약 */
.n_reser_stepbox{width:100%;}
.n_reser_topbox{display:flex; flex-direction:row; align-items:center;}
.n_reser_top_tbox{display:flex; flex-direction:row; align-items:center; margin-right:20px;}
.n_reser_top_numbox{display:flex; flex-direction:row; align-items:center;justify-content: center; width:24px; height:24px; color:#fff; font-size:18px;
 background-color:#dddddd; border-radius:50%; margin-right:10px;}
.n_reser_top_tit{color:#666; font-size:18px; font-weight:400;letter-spacing:-0.2px;}
.n_reser_top_line{width:90px; height:1px; background-color:#ddd;}

.n_reser_top_tbox.in .n_reser_top_tit{color:#a37a50; font-weight:700;}
.n_reser_top_tbox.in .n_reser_top_numbox{background-color:#a37a50; }


.n_reser_date_tbox_grp{position:relative;}
.n_reser_date_tbox_grp01{display:flex;flex-direction:row;align-items:center;justify-content: center;width:100%;background-color: #f7f7f7;}
.n_reser_datebox{width:100%;box-sizing:border-box;display:flex;flex-direction:column;}
.n_reser_datebox .reser_date_tbox01{padding: 12px 0;width:100%;gap: 20px;justify-content: center;}

.n_reser_date_tbox_grp01 .reser_date_selcetbox{flex-direction:column;}
.n_reser_date_tbox_grp01 .reser_date_selcetbox .reser_date_tit03{margin-right:0;font-size: 17px;font-weight: 700; color: #000; letter-spacing: -0.5px;}

.n_reser_datebox .reser_date_tbox02{width:100%;padding:10px 0;padding-right:0;justify-content: center;background-color: #f7f7f7;margin-top: 10px;margin-bottom: 15px;}
.n_reser_datebox .reser_date_tbox02 .reser_select_tbox:last-child{margin-right:0;}
.n_reser_datebox .n_reser_info_tbox{display:flex;flex-direction:column;margin: 10px 0 18px;}
.n_reser_datebox .n_reser_info_txt{font-size: 13px;font-family: 'Pretendard';font-weight: 500;}

.n_reser_datebox .reser_select_tbox{flex-direction: row;gap: 11px;justify-content: center;}
.n_reser_datebox .reser_date_tit01{margin-right:0;}
.n_reser_date_tbox_grp02 .reser_date_tit01{color:#000;font-size: 14px;}

/* 수분양자 예약바 */
.n_reser_cont_30days .reser_date_tit01{color: #666;}

.n_reser_room_box{width:100%; margin-top:5px;min-height:200px;}
.n_reser_room_ulbox{display:flex;width:100%;flex-direction:column;border-bottom:0;}
.n_reser_room_libox{width:100%;border-bottom: 1px solid #ddd;padding:20px 0;box-sizing:border-box;padding-bottom: 30px;}
.no_exist {font-size: 20px; font-weight: 500;text-align: center; padding-top: 50px; color: #000; line-height:145%;}
.n_reser_room_libox:last-child{border-bottom:0;}

.n_reser_room_li_grp{width:100%; display:flex; flex-direction:column;}
.n_reser_room_li_img{width:100%;height: auto;background-color:#ddd;position:relative;}
.n_reser_room_li_img img{width:100%;height: 100%;}

.room_info_move_box{
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    justify-content: end;
    margin-top: 13px;
}
.room_info_move_btn{display: inline-block;box-sizing:border-box;color: #323338;font-size: 14px;font-weight: 600;text-align: right;}
.n_reser_room_li_tbox01{width:100%; padding:0;padding-right:0;box-sizing:border-box;display: flex;padding-bottom:0;
    flex-direction: column;    justify-content: space-between;}
.n_reser_room_topbox{width:100%; display:flex; flex-direction:row;align-items:center;justify-content: space-between;}
.n_reser_room_state_grp{display:flex; flex-direction:row; align-items:center;flex-wrap:wrap; }
.n_reser_room_state{margin-right:10px;display:inline-block;padding: 3px 8px;color:#fff;font-size: 12px;font-weight: 500;margin-top: 10px;}
.n_reser_room_state01{background-color: #262e39;}
.n_reser_room_state02{background-color:#fe9a39;}
.n_reser_room_state03{background-color:#6989ff;}
.n_reser_room_state:last-child{margin-right:0;}

.n_reser_room_info_tbox{display:flex; flex-direction:row;align-items:center;}
.n_reser_room_info_tit{font-size:18px; font-weight:400;}
.n_reser_room_info_arrow_icon{width:20px;height:20px;background-image: url('/resource/image/user/ver02/icon/down_arrow.png');background-repeat:no-repeat;background-position:center;background-size: 11px;display: inline-block;transform: rotate(-90deg);}
.n_reser_room_midbox{width:100%;}
.n_reser_room_mid_tit{font-size: 20px;font-weight:700;color:#000;padding: 7px 0 13px 0;box-sizing:border-box;} 


.n_reser_room_bottombox{display:flex;flex-direction:row;align-items: flex-end;justify-content: space-between;gap: 10px;}
.n_reser_room_bottombox_tbox{width:60%;}
.n_reser_room_bottombox_btnbox{width:38%;}
.n_reser_room_bottombox_tit{display:flex;flex-direction:row;align-items: flex-end;font-size: 21px;font-weight: 600;color: #000;letter-spacing: -1px;}
.n_reser_room_bottombox_tit02{display:flex;flex-direction:row;align-items: flex-end;font-size: 16px;font-weight: 400;color: #666;letter-spacing: -1px;text-decoration: line-through;gap: 4px;}
.n_reser_room_bottombox_tit > p{font-size: 14px;font-weight:400;margin-right:8px;margin-bottom: 3px;color: #000;}
.n_reser_room_bottombox_txt{font-size: 14px !important;font-weight: 500;letter-spacing: -0.5px;color:#000 !important;}
.n_reser_room_bottombox_btn{display:flex;flex-direction:row;align-items:center;justify-content: center;height: 40px;color:#fff;background-color: #437855;font-size: 16px;font-weight: 600;width:100%;}
.out_btn{background-color: #c0c1c3;}


.n_reser_room_libox .n_reser_room_li_tbox02{width:100%; margin-top:50px; display:none;}

.n_reser_room_libox.reser_in .n_reser_room_li_tbox02{display:block;}


/* step02 */
.n_reser_datebox02{width:100%;margin-top:0; padding:15px 20px; box-sizing:border-box;background-color:#efefef; display:flex; flex-direction:row; align-items:center; border-radius:15px;}
.n_reser_date_step02_rebtnbox{width:100%;display:flex; flex-direction:row; align-items:center;justify-content: flex-end;}
.n_reser_date_step02_rebtn{padding:8px;display:flex; flex-direction:row; align-items:center;justify-content: center;}
.n_reser_date_step02box01{box-sizing:border-box;width:100%; box-sizing:border-box;}
.n_reser_date_step02_tit{font-size: 21px;width:100%;color:#000;margin-bottom: 20px;font-family: 'Pretendard';}

.n_reser_date_step02_tbox01{display:flex; flex-direction:row; width:100%;justify-content: space-between;}
.n_reser_date_step02_tbox01 .n_reser_date_step02_selcetbox .reser_date_tit01{width:100px;}
.n_reser_date_step02_tbox01 .n_reser_date_step02_selcetbox{}
.n_reser_date_step02_tbox01 .n_reser_date_step02_selcetbox:last-child{margin-bottom:0;}
.n_reser_date_step02_selcetbox{display:flex; flex-direction:row;align-items:center; gap:8px;justify-content: space-between;}
.n_reser_date_step02_selcetbox .reser_date_tit{}
.n_reser_date_step02_selcetbox .reser_date_tit:last-child{margin-right:0;}

.n_reser_date_step02_selcetbox .reser_date_tit01{font-size:14px; letter-spacing:-0.4px; font-weight:400; color:#666;}
.n_reser_date_step02_selcetbox .reser_date_tit03{font-size:14px; letter-spacing:-0.4px; font-weight:400; color:#000;}
.n_reser_date_step02_selcetbox .reser_date_tit02{font-size:14px; letter-spacing:-0.4px; font-weight:400; color:#000;}
.n_reser_date_step02_selcetbox_width .reser_date_tit04{font-size:14px; letter-spacing:-0.4px; font-weight:400; color:#000;}


.n_reser_date_step02box_ckinfo_box{width:100%;}
.n_reser_date_step02box02{width:100%}
.n_reser_date_step02_tbox02{display:flex; flex-direction:row;justify-content: space-between; align-items:center;}
.n_reser_date_step02_tbox02 .n_reser_date_step02_selcetbox{margin-right:25px;}
.n_reser_date_step02_tbox02 .n_reser_date_step02_selcetbox:last-child{margin-right:0;}


.n_reser_date_step02box03{width:100%;margin-top:20px;}

.reser_info_flex_row_box{display:flex;flex-direction:column;width:100%;margin-top: 30px;}
.reser_info_flex_left{width:100%;}

.reser_info_inp_grp{margin-bottom:50px;}
.reser_info_inp_grp:last-child{margin-bottom:0;}

.reser_info_inp_grp01 .reser_info_inp_box{display:flex;flex-direction:column;align-items:center;margin-bottom: 10px;}
.reser_info_inp_grp01  .reser_info_inp_tit{padding-bottom: 5px;color: #000;}
.reser_info_inp_grp01 .reser_info_inp_box02{align-items:flex-start; }
.reser_info_inp_grp01 .reser_info_inp_box02 .reser_info_inp_tit{padding-top:8px; }
.reser_info_inp_grp01 .reser_info_inp_box03 .reser_info_inp_div{display:flex; flex-direction:column; align-items:center;}
.reser_info_inp_grp01 .reser_info_inp_box03 .reser_info_inp_stepbox{display:flex; flex-direction:row; align-items:center; width:100%;}
.reser_info_inp_grp01 .reser_info_inp_box03 .reser_info_inp_stepbox02{margin-top:8px;}
.reser_info_inp_text{margin:0 8px;}
.reser_info_inp_box:last-child{margin-bottom:0;}
.reser_info_inp_tit{width:100%;font-size: 16px;font-weight: 500;}
.reser_info_inp_grp01 .reser_info_inp_div{width:100%;}
input:focus{outline:none;}
textarea:focus{outline:none;}
.reser_info_inp{width:100%;height: 45px;padding:0 8px;box-sizing:border-box;border: 1px solid #ddd;font-size:13px;font-weight: 500;}

.reser_info_sel{width:100%;border: 1px solid #ddd;height: 45px;padding:0 8px;box-sizing:border-box;font-size: 15px;}
.reser_info_textarea{width:100%;height:180px;padding: 13px;box-sizing:border-box;border: 1px solid #ddd;font-size: 15px;font-weight: 500;}
.reser_info_inp:placeholder{color:#666;}
.reser_info_inp_txt{font-size: 14px;font-weight: 500;color:#666;padding-top:8px;}
.reser_info_inp_grp {width:100%; position:relative;}
.reser_info_inp_top_tbox{width:100%;padding-bottom: 5px;border-bottom: 1px solid #000;margin-bottom: 18px;}
.reser_info_inp_top_tit{color:#000;font-size: 16px;font-weight: 700;}

.reser_select_btn_grp{margin-top:30px; width:100%; padding-top:40px; box-sizing:border-box; border-top:1px solid #000;}

.reser_select_btn_grp .select_btn_tbox{justify-content: normal;}
.reser_select_btn_grp .select_btn_tit{font-weight:400; width:calc(100% - 90px);overflow: hidden;text-overflow: ellipsis;    white-space: nowrap;}


.reser_info_inp_grp03 .reser_info_inp_top_tbox{margin-bottom:0;}
/* 동의 */
.agree_list {display:table;width: 100%;}

.agree_box {position:relative;width:100%;border-top: 1px solid #ddd;}
.agree_box:first-child{border-top:0;}

.label_txt {display: flex;flex-direction:row;align-items:center;color: #000;font-size: 16px;vertical-align:  middle;font-weight: 500;padding:10px 0;box-sizing:border-box;letter-spacing: -0.5px;}
.checkbox_area_txt01{color: #000000;}
.label_cursor {width:100%;height:55px;cursor:pointer;gap:3px;}

.agree_btn {width: 55px;height: 55px;float:  right;position:  absolute;top: 0;right: 0;border:  0;background:  transparent;}
.agree_btn:before {height: 11px;width: 11px;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left: 50%;margin: -9px 0 0 -9px;border: 1px solid #bbb;border-width: 0 1px 1px 0;-webkit-transform-origin: 70% 70%;transform-origin: 70% 70%;-webkit-transition: 0.3s;transition: 0.3s;content: '';}
.agree_box .open:before {-webkit-transform: rotate(225deg);transform: rotate(225deg);}

.agree_ny_line label {vertical-align:middle;/* padding-left:10px; */display:inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 70%;}
.agree_btn02 {position:absolute;right:15px;border:0;background: transparent;color: #777;font-weight: 500;}

.agree_list_info_tbox{width:100%; box-sizing:border-box; padding-top:15px; padding-bottom:40px;}
.agree_list_info_tit{font-size: 15px;font-weight: 600;color: #000;font-family: 'Pretendard';}
.agree_list_info_txt{font-size: 15px;font-weight: 500;font-family: 'Pretendard';}

/* 옵션 선택 */
.option_list {display:table;width: 100%;}

.option_box {position:relative;width:100%;border-top: 1px solid #ddd;}
.option_box:first-child{border-top:0;}

.option_page {display: flex;flex-direction: column;gap: 10px;}
.option_page .select_btn_numbox {margin-bottom: 17px;}

.option_img {width:150px;height: 150px;}

.option_box .label_txt {display: flex;flex-direction:row;align-items:center;color: #000;font-size: 16px;vertical-align:  middle;font-weight: 500;padding:10px 0;box-sizing:border-box;}
.option_box .checkbox_area_txt01{color: #000000;}
.option_box .label_cursor {width:100%;height:55px;cursor:pointer;gap:8px;}

.option_btn {width: 55px;height: 55px;float:  right;position:  absolute;top: 0;right: 0;border:  0;background:  transparent;}
.option_btn:before {height: 11px;width: 11px;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left: 50%;margin: -9px 0 0 -9px;border: 1px solid #bbb;border-width: 0 1px 1px 0;-webkit-transform-origin: 70% 70%;transform-origin: 70% 70%;-webkit-transition: 0.3s;transition: 0.3s;content: '';}
.option_box .open:before {-webkit-transform: rotate(225deg);transform: rotate(225deg);}

.option_ny_line label {vertical-align:middle;/* padding-left:10px; */display:inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 70%;}
.option_btn02 {position:absolute;right:15px;border:0;background: transparent;color: #777;font-weight: 500;}

.option_list_info_tbox{width:100%;box-sizing:border-box;padding-top: 10px;padding-bottom: 30px;}
.option_list_info_tit{font-size: 16px;color: #000;margin: 7px 0;font-weight: 600;font-family: 'Pretendard';}
.option_list_info_txt{font-size: 15px;font-weight: 500;}





/* 체크박스 디자인 수정  */
.checkbox01 {position:relative;display:inline-block !important;margin-right:5px;width: 25px;height: 25px;margin-bottom: 0 !important;vertical-align: middle;}
.checkbox01 input[type=checkbox] {position:absolute;z-index:-1;opacity:0;display:inline-block;vertical-align:middle;appearance:none;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari and Chrome */position:absolute;top:0;margin: 0;left: 0;cursor: pointer;padding: 0;height: 26px;}
.checkbox01 input[type=checkbox]:focus {outline:none !important;}
.checkbox01 input[type=checkbox]:checked~ .check {background: #424242;transition:all 0.4s ease;}

.checkbox01 .check {position:absolute;top:0;left:0;display:inline-block;width: 25px;height: 25px;border: 0;background: #dedad3;border-radius: 100px;}
.checkbox01 .check::after {content:'';position:absolute;top: 6px;left: 10px;display:block;z-index: 6;width: 3px;height: 8px;border-width: 0 2px 2px 0 !important;border: solid #ffffff;transform: rotate(45deg);opacity: 1;}



.right_reser_infobox{width:100%; position:}
.right_reser_info_grp{box-sizing: border-box;background-color: #f9f9f9;padding: 20px 15px;margin-top: 50px;}
.right_reser_btn{display:flex;flex-direction:row;align-items:center;width:100%;background-color: #437855;color:#fff;justify-content: center;font-size: 17px;height: 47px;font-weight: 600;margin-top: 30px;}
.right_reser_tbox{padding-bottom:15px; box-sizing:border-box; border-bottom:1px solid #999; margin-bottom:15px;}
.right_reser_tbox:last-child{padding-bottom:0; border-bottom:0;margin-bottom:0;}
.right_reser_tbox .right_reser_txt_grp{padding-bottom:8px; box-sizing:border-box;}
.right_reser_tbox .right_reser_txt_grp:last-child{padding-bottom:0;}

.right_reser_tbox01 .right_reser_txt_grp{display:flex; flex-direction:row; align-items:center; justify-content: space-between;}

.right_reser_tit{font-size: 17px;color:#000;font-family: 'Pretendard';}
.right_reser_txt{font-size: 16px;color: #323338;font-weight: 500;font-family: 'Pretendard';}
.right_reser_txt_grp_price{display:flex; flex-direction:row;align-items: flex-end; justify-content: space-between;}
.right_reser_txt_grp_price_tbox02{display:flex; flex-direction:row; align-items:flex-end;}

.right_reser_txt_grp_price_tbox01 .right_reser_txt_grp_price_txt01{font-size:15px;color:#000;}
.right_reser_txt_grp_price_tbox01 .right_reser_txt_grp_price_txt02{font-size:15px; color:#000;}

.right_reser_txt_grp_price_tbox02 .right_reser_txt_grp_price_txt{color: #000000;}
.right_reser_txt_grp_price_tbox02 .right_reser_txt_grp_price_txt01{font-size:15px;font-weight:500;padding-right:8px;margin-bottom: 4px;}
.right_reser_txt_grp_price_tbox02 .right_reser_txt_grp_price_txt02{font-size:22px; font-weight:600;letter-spacing: -0.5px;}

/* 예약완료 */

.reser_imgbox{width:100%;}
.reser_imgbox img{width:100%;}
.n_reser_tablebox{width:100%;}
.n_reser_table_grp{}
.n_reser_table_left{width:100%; box-sizing:border-box;}

.n_reser_table{width:100%;}
.n_reser_table_th{text-align:left;font-size: 15px;font-weight: 600;padding: 13px 0;color: #666;font-family: 'Pretendard';}
.n_reser_table_td{font-size: 15px;font-weight: 600;padding:15px 0;color:#000;font-family: 'Pretendard';}
.n_reser_table_td700v{font-weight: 600;}

.n_reser_table_th_tit{font-size:14px;font-weight:700;}
.n_reser_table_th_txt{font-size:14px;font-weight:400; color:#000;}


.n_reser_table tr th{border-bottom: 1px solid #ddd;}
.n_reser_table tr:last-child th{border-bottom:0;}
.n_reser_table tr td{border-bottom: 1px solid #ddd;}
.n_reser_table tr:last-child td{border-bottom:0;}

.n_reser_table_border_bottom{border-bottom:1px solid #eee; margin-bottom:25px;}



.n_reser_tablebox_btn_grp{display:flex; flex-direction:row; align-items:center; justify-content: center;}
.n_reser_tablebox_btn{display:flex;flex-direction:row;align-items:center;justify-content: center;width:100%;color:#fff;font-size: 16px;height: 47px;font-weight: 600;margin-right:10px;}
.n_reser_tablebox_btn:last-child{margin-right:0}
.n_reser_tablebox_btn01{background-color: #437855;}
.n_reser_tablebox_btn02{ background-color:#fb371b;}


/* 예약 조회 */

/* 예약확인 */
.res_view_tbox{width:100%; margin:30px 0;}
.res_view_tit{font-size:15px;text-align:center; color:#000;}
.res_view {width:100%;margin:0 auto;margin-bottom: 25px;}
.res_view li { width:100%;margin-bottom:10px;}
.res_view li:last-child{margin-bottom:0;}
.res_view_inp{width:100%;height: 45px;padding:0 8px;box-sizing:border-box;border: 1px solid #ddd;font-size: 14px;font-weight: 500;font-family: 'Pretendard';color:#000;}
.res_view_inp::placeholder{font-weight:400;}

.res_view .res_tip { margin-top:30px; background:#f1f5f5; padding:20px; color:#848f8f; font-size:11px; line-height:150%; }

.res_view_inp_btn{
 width:100%;
 margin:0 auto;
 display:flex;
 flex-direction:row;
 align-items:center;
 justify-content: center;
 color:#fff;
 font-size: 16px;
 height: 47px;
 font-weight: 600;
 background-color: #437855;
 }
.res_view_inp_tbox{width:100%;margin-top: 30px;}
.res_view_inp_txt{font-size: 15px;font-weight: 400;font-family: 'Pretendard';color:#000;}
.res_view_inp_txt01{font-weight: 500;}



/* 팝업 박스 */
.window_box {background: #f7f7f7;padding: 15px;box-sizing:  border-box;max-width: 600px;}
.popup_box {display:inline-block;position:relative;background:#ffffff;box-shadow: 2px 4px 8px 0px #29343929;z-index:10000;border-radius: 8px;overflow:hidden;}
.popup_box .view {min-height:100px; min-width:100px;}

.popup_box .title {
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
}
.popup_box .view img { width:100%; vertical-align: top; }
.popup_box .bar {height: 40px;line-height: 40px;tezxt-align:center;display:flex;flex-direction:row;}
.popup_box .bar .chk{width:50%;background-color: #7b7b7b;}
.popup_box .bar label {display:inline-block;height: 40px;line-height: 40px;color:#fff;font-size: 13px;cursor:pointer;width:100%;text-align:center;}
.popup_box .bar input[type="checkbox"] { vertical-align:-2px;display:none; }
.popup_box .close {cursor:pointer;width:50%;height: 40px;background-color:#2d2d2d;}
.popup_box .close h2{line-height: 40px;text-align:center;color:#fff;font-size: 14px;font-weight:400;}

/* Alert */

.alert_pop_wrap{display:flex; position:fixed; top:0; left:0; width:100%; height:100%;display:flex; flex-direction:row; align-items:center;justify-content: center;z-index:99; 
flex-direction:row; align-items:center;justify-content: center;box-sizing:border-box;}
.alert_pop{max-width:450px; padding:30px; border-radius:15px; background-color:#fff; box-sizing:border-box; position:relative;box-shadow: 2px 4px 8px 0px #29343929;}
.alert_icon{width:60px;border:5px solid #fff; height:60px; position:absolute; top:-30px; left:50%; transform:translate(-50%); background-color:#454545;border-radius:50%;}
.alert_tit{color:#fff; font-size:45px; font-weight:700;text-align:center;}
.alert_pop_tbox {margin:25px 0;margin-top:20px;}
.alert_pop_tbox > p{font-size:16px;}
.alert_pop_ok{display:flex; flex-direction:row; align-items:center;justify-content: center;width:100%; height:44px; border-radius:10px;font-size:15px; font-weight:400;background-color:#666;
color:#fff;}

#map .bc_box_grp{margin-right:10px; gap:5px; margin-top:10px;}

#map .gm-style-iw-d > div br{display:none;}


.emprt_box_txt{margin:100px 0; width:100%;}
.emprt_box_txt > h2{text-align:center; font-size:18px; color:#000; font-weight:500;}


/* 구글지도 정보 */
.gm-style .gm-style-iw {
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 145% !important;
    overflow: hidden;
}

/* 결제 팝업 */
.payPop {/* display:none; */position:fixed;width: 84%;background:#fff;z-index:99999;left:50%;top:50%;margin-top: -150px;margin-left: -42%;box-shadow: 2px 2px 8px 2px #1e20214f;}
.payPop .log_title {width:100%;height:50px;line-height:50px;color:#fff;position:relative;}
.payPop .log_title h1 {font-size:17px;font-weight:400;line-height:50px;padding-left:15px;}
.payPop .log_title .btn_pop_close {position:absolute;top:0;right:0;display:block;width:50px;height:50px;background:url(/resource/image/user/btn/pop_close.png)center no-repeat;
border-radius:0;margin:0;}
.payPop .log_cont {display: block;padding: 30px 25px 15px 25px;box-sizing: border-box;-webkit-box-sizing: border-box;overflow-y: hidden;}

.pay_notice {text-align: center !important;margin-bottom: 20px;color: #000;font-size: 17px !important;}

.payPop .tb_btn {position: relative;display: table;width: 100%;}
.payPop .tb_btn a {width: 100%; height: 47px; line-height: 47px; background: #ffffff; text-align: center; color: #323338; margin-bottom: 10px; font-weight: 600; border: 1px solid #d9dde7; font-size: 17px; display: inline-block;}
.pay_pop .tb_btn .log_btn:active {text-decoration:none; background-color: #e1e1e1; border-color: #e1e1e1;}
.payPop .tb_btn a.paypal_btn {margin-right: 2%;background: transparent;}
.payPop .tb_btn a.paypal_btn div {min-width: 100% !important;height: 40px !important;}

/* 로그인페이지 */
.member_tit {font-size: 30px;font-weight: 700;text-align: center;color:#333;}
.login_wrap {max-width: 600px;width: 100%;margin: 20px auto 0;/* padding: 0 20px; */box-sizing: border-box;}
.log_inp_box input {width: 100%;height: 50px;padding: 0 20px;font-weight: 500;font-size: 15px;color: #323338;border: 1px solid #dcdfec;border-radius: 5px;box-sizing: border-box;outline: 0;}
.log_inp_box input:focus {border-color:#323338; box-sizing: border-box;}
.log_inp_box input::placeholder {color: #666;font-size: 16px;font-weight: 500;}

.log_inp_box > div {position: relative;	display: flex;	top: 0;	left: 0;width: 100%;margin-top: 10px;border-radius: 5px;box-sizing: border-box;}

.login_wrap .log_inp_box #captcha .realperson-challenge {display: flex;align-items: center;justify-content: space-between;margin-top: 0 !important;	margin: 0;}
.login_wrap .log_inp_box #captcha .realperson-text {margin: 0 20px;}
.login_wrap .save_wrap {margin: 15px 0 0;}
.login_wrap .save_box label {display: inline-block;padding-left: 5px;vertical-align: top;font-weight: 500;font-size: 15px;color: #323338;}

.login_wrap .member_btn {margin-top: 25px;}
.login_wrap .login_sns {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 20px 0 20px 0;padding-bottom: 35px;border-bottom: 1px solid #aaacb5;flex-direction: column;}
.login_wrap .login_sns a {margin-top: 10px;width: 100%;height: 45px;border: 1px solid #dcdfec;border-radius: 5px;box-sizing: border-box;line-height: 45px;font-size: 16px;text-align: center;transition: all 0.3s;padding-left: 20px;font-weight: 500;}
.login_wrap .login_sns a:hover {border-color: #a0a2ab;}

.btn_google {background: url(/resource/image/user/ver02/icon/google_icon.svg) center left 25px no-repeat;background-size: 23px;background-position-x: 17px;}
.btn_naver {background: url(/resource/image/user/ver02/icon/naver_icon.svg) center left 20px no-repeat;background-size: 20px;}
.btn_kakao {background: url(/resource/image/user/ver02/icon/kakao_icon.svg) center left 21px no-repeat;background-size: 22px;}

.login_wrap .login_sns a img {padding: 0 30px 0 20px;}

.login_wrap .member_btn .txt__btn {margin-top: 27px;height: auto;line-height: initial;font-size: 16px;font-weight: 400;color: rgb(153, 153, 153);text-decoration: underline;}

.login_wrap .txt {font-size: 18px;font-weight: 400;line-height: 32px;}
.login_wrap .txt-box p {margin-bottom: 25px;}

.login_wrap label {font-size: 15px;line-height: 18px; cursor: pointer; margin-left:3px;}

.member_btn .member_btn01 {color: #fff;display: block;width: 100%;height: 50px;font-size: 16px;font-weight: 600;line-height: 50px;text-align: center;border-radius: 5px;box-sizing: border-box;border: 0;}
.serach_box {display:flex;flex-direction: row;justify-content: center;}
.member_btn02 {font-size: 15px;font-weight: 500;color: #323338;}
.member_btn02:hover{color:#000;}

.checkbox_wrap input[type="checkbox"] {
    -webkit-appearance: none;
    box-sizing: border-box;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    outline: none !important;
    border: 1px solid #dcdfec;
    vertical-align: middle;
    margin-left: 5px;
    border-radius: 4px;
    }
.checkbox_wrap input[type="checkbox"]::before { content: "\2713"; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); line-height: 1;}
.checkbox_wrap input[type="checkbox"]:checked {background-color: #ffffff;border-color: #000000;color: #000000;font-weight: 600;}
.checkbox_wrap input[type="checkbox"]:checked::before { border-radius: 4px; transform: scale(1) translate(-50%, -50%)}


/* 아이디/비밀번호 찾기 */
.id_search_box{margin-top: 20px;}
.search_inf {margin-top: 20px;}
.search_id { font-size: 20px;padding-left: 5px; color: #323338; font-weight: 600;}
.no_search { font-size: 16px; color: #323338; padding-left: 5px;}

.find_btn_wrap {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;]: 45px;border-top: 1px solid #aaacb5;gap: 5px;}
.find_btn_wrap a {margin-top: 25px;width: 49%;height: 50px;border: 1px solid #dcdfec;border-radius: 5px;box-sizing: border-box;line-height: 50px;font-size: 16px;text-align: center;transition: all 0.3s;font-weight: 500;}
.find_btn_wrap a:hover {border-color: #a0a2ab;}
.phone_box {margin-top:10px;}

/* 회원가입 */
button { outline: none;background-color: inherit ; cursor: pointer;}
.ex_txt {font-size: 16px;font-weight: 500;line-height: 30px;}
.member_tit02 {font-size: 18px;margin: 40px 0 20px;font-weight: 700;}
.join_id {width: calc(100% - 100px) !important;}
.btn_check {/* margin-left: 8px; */border: 1px solid #323338;height: 50px;color: #323338;font-size: 15px;font-weight: 600;width: 95px;border-radius: 5px;box-sizing: border-box;margin-left: 5px;}
.btn_check:hover {background-color:#323338; color:#fff;}
.btn_check.active {background-color:#323338; color:#fff;}
.member_msg {margin-top: 5px;font-size: 14px !important;color: #ff3660;text-align: left !important;font-weight: 500;}    
.member_select_01 {padding: 0 35px 0 20px; color: #323338; font-size: 16px; font-weight: 500;  box-sizing: border-box; border: 1px solid #dcdfec; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.inp_phone {width:55% !important; margin-left:1%;}
.btn_check02 {width: 100%;}
.red_txt {color:#ff3660;}
.join_agree{font-weight:500;font-size: 15px !important;color: #323338;cursor: pointer;}
.join_check_wrap {display: flex; justify-content: space-between; padding: 5px 0;}
.view_btn {font-size: 14px;color: #aaacb5; text-decoration: underline;}

/* 객실 예약 타입 탭 */
.type_tab_wrap {width: 100%;}
.type_tab_box {display: flex;width: 100%;flex-wrap: wrap;flex-direction: row;}
.type_tab_wrap:after {display:block;content:'';clear:both;}

.type_tab_item {list-style:none;border: 1px solid #ddd;margin-left: -1px;margin-bottom: -1px;box-sizing: border-box;flex: 1;}
.type_tab_item a {text-align:center;display: flex;background: #fff;font-size: 17px;width: 100%;color: #323338;font-weight: 500;align-items: center;justify-content: center;word-break: keep-all;height: 100%;padding: 10px 3px;box-sizing: border-box;}
.type_tab_item a:hover {background-color: #f9f9f9;}
.type_tab_item.active a{background-color: #1c1c1a; color:#fff; font-wegith: 600;}


.my_search_wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 10px 0;
    margin-bottom: 30px;
    gap: 10px;
    margin-top: 25px;
}
.my_search_btn {display: flex;
    flex-direction: row;}
.my_search_btn button {
    border: 1px solid #dcdfec;
    border-radius: 7px;
    padding: 9px 0;
    font-size: 15px;
    font-weight: 500;
    color: #323338;
    margin-right: 3px;
    width: 100%;
}
.my_search_btn_active {
    border: 2px solid #323338 !important;
}
.my_calander_wrap {width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;}
.my_calander_wrap .date_grp {
    display: inline-block;
    vertical-align: middle;
    /* min-width: 150px; */
    height: 40px;
    line-height: 40px;
    border: 1px solid #dcdfec;
    box-sizing: border-box;
    padding: 0 10px;
    padding-left: 35px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 7px;
    color: #323338;
    background: url(/resource/image/user/icon/top_icon03.png) #fff left 10px center no-repeat;
    background-size: 17px;
    width: 100%;
}
.my_opt_wrap {display: flex;
    gap: 15px;
    flex-direction: row;
    width: 100%;}
.my_opt_box {
    border: 0;
    width: 100%;
    margin-right: 0px;
    border-bottom: 1px solid #dcdfec;
    font-size: 16px;
    FONT-WEIGHT: 600;
    color: #323338;
    height: 40px;
    outline: 0;
}

.my_check_btn {
    border: 1px solid #dcdfec;
    border-radius: 7px;
    padding: 5px 35px;
    font-size: 16px;
    font-weight: 700;
    color: #323338;
    line-height: 29px;
    text-align: center;
}