/*@import url("content01.css");
@import url("content02.css");*/

/* 다국어 대응 */
:lang(en) #nav .gnb-area .gnb-menu{table-layout:auto;}
:lang(en) #nav .gnb-area > .gnb-menu > li{ max-width:none; min-width:145px;}
@media (max-width:1380px) {
	/* 다국어 대응 */
	:lang(ko) #nav .gnb-area > .gnb-menu,
	:lang(en) #nav .gnb-area > .gnb-menu,
	:lang(ja) #nav .gnb-area > .gnb-menu,
	:lang(zh) #nav .gnb-area > .gnb-menu{margin-right:0}
}
/************** common.css :: Layout 내용 동일 ***************/
.content hr{margin:60px 0;}

/* footer */
#footer{position:relative; background:#2b2b2b; min-width: 1280px}
#footer .footer-inner{position:relative; height:100%; }
#footer .footer-inner.top{border-bottom:1px solid #333; padding:0;}
.footer-inner .footer-info,
.footer-inner .footer-bottom{position:relative; max-width:1280px; margin:0 auto;}
.footer-info-list{display:block; overflow:hidden; vertical-align:top; margin-top:12px;  text-align:left; padding-bottom:0; border-bottom:0;}
.footer-info-list ul{width:100%;}
.footer-info-list li{display:inline-block; font-size:13px; color:#9c9c9c; padding:0 3.2% 0 0; margin:0; letter-spacing:0; line-height: 1.6;}
.footer-info-list li a span,.footer-info-list li a:hover{color:#fff;}
.footer-inner.bottom .footer-affi{position:relative; padding:30px 15% 0 0; min-height:40px; max-width:1280px; margin:0 auto;}
.footer-affi .affi-list{width:100%; padding-top:0; border-top: 0}
.affi-list ul{overflow:hidden;}
.affi-list ul li{float:left;  margin:0 40px 0 0; white-space:nowrap;}
.affi-list ul li a{display:block;}
.affi-list ul li a > em{margin-bottom:0;}
.affi-list ul li a .ico-affi{display:block; min-height:44px; background-size:cover}
.affi-list ul li a .ico-affi.ico-skyhill{width:162px; background:url("../image/icon/ico_footer_skyhill.png") no-repeat; background-position:0 -1px;}
.affi-list ul li a .ico-affi.ico-signiel{width:103px;background:url("../image/icon/ico_footer_signiel.png") no-repeat; background-position:0 0;}
.affi-list ul li a .ico-affi.ico-hotels{width:184px;background:url("../image/icon/ico_footer_honre.png") no-repeat; background-position:0 0;}
.affi-list ul li a .ico-affi.ico-city{width:81px;background:url("../image/icon/ico_footer_city.png") no-repeat; background-position:0 0;}
.affi-list ul li a .ico-affi.ico-l7{width:43px;background:url("../image/icon/ico_footer_l7.png") no-repeat; background-position:0 0;}
.affi-list ul li a .ico-affi.ico-dutty{width:40px;background:url("../image/icon/ico_footer_duty.png") no-repeat; background-position:0 0;}
.affi-list ul li a .ico-affi.ico-lpoint{width:81px;background:url("../image/icon/ico_footer_lpoint.png") no-repeat; background-position:0 -1px;}
.affi-list ul li a .ico-affi.ico-skyhill:hover { background-position:0 -93px}
.affi-list ul li a .ico-affi.ico-signiel:hover { background-position:0 -93px}
.affi-list ul li a .ico-affi.ico-hotels:hover {background-position:0 -93px}
.affi-list ul li a .ico-affi.ico-city:hover { background-position:0 -93px}
.affi-list ul li a .ico-affi.ico-l7:hover { background-position:0 -93px}
.affi-list ul li a .ico-affi.ico-dutty:hover { background-position:0 -93px}
.affi-list ul li a .ico-affi.ico-lpoint:hover { background-position:0 -93px}
.footer-affi .family-site{position:absolute; top:30px; right:0; width:242px; height:40px; background:#333; line-height:40px; font-size:14px;}
.footer-affi .family-site > p a{position: relative; display: inline-block; padding:0 15px; color:#9c9c9c; width: 192px; height: 100%;}
.footer-affi .family-site > p a:after{position: absolute; right: 15px; top: 22px; vertical-align: middle;width: 5px;height: 5px;content: '';border: solid #979797;border-width: 0 1px 1px 0;margin-top: -5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.footer-affi .family-site > p a.on:after{position: absolute; right: 15px; top: 25px; vertical-align: middle;width: 5px;height: 5px;content: '';border: solid #979797;border-width: 0 1px 1px 0;margin-top: -5px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.footer-affi .family-site .family-site-detail{display: none; position: absolute; top: -210px; padding: 12px 17px 1px; width: 192px; height: 210px; overflow-y: scroll; background: #5b5b5b; border: 1px solid #333; box-sizing: border-box; z-index: 500;}
.footer-affi .family-site .family-site-detail > ul{color: #fff; line-height: 26px; font-size: 13px;}
.footer-affi .family-site > a{position:absolute; top:0; right:0; display:block; color:#9f9f9f; background:#222; width:50px; height:100%; text-align:center}
.footer-inner .footer-bottom{padding:24px 0 25px; color:#9c9c9c; font-size:13px;}
.footer-inner .footer-bottom .footer-number-list{overflow:hidden; padding-bottom:0}
.footer-address address,
.footer-address ul{display:inline-block; overflow:hidden; vertical-align:top; margin:0;}
.footer-address address span,
.footer-address ul li{display:inline-block;vertical-align:top;  margin-right:15px}
.footer-inner .footer-bottom .footer-number-list{margin-top:11px; text-align: left;}
.footer-inner .footer-bottom .footer-number-list li{display:inline-block;vertical-align:top; margin-right:15px}
.footer-inner .footer-bottom .footer-sns-list{position:absolute; top:33px; right:0; padding:0;  border:0; background:none}

/* 다국어 대응 위치 수정 */
:lang(en) .footer-inner .footer-bottom .footer-sns-list,
:lang(zh) .footer-inner .footer-bottom .footer-sns-list,
:lang(ja) .footer-inner .footer-bottom .footer-sns-list{position:absolute; top:22px; right:0; padding:0;  border:0; background:none}

.footer-sns-list ul{overflow:hidden;}
.footer-sns-list ul li{display:inline-block;vertical-align:top; margin-left:20px}
.footer-sns-list ul li .ico-sns{display:block; width:30px; height:30px; background:url("../image/icon/ico_sns.png") no-repeat; background-size:30px 230px;}
.footer-sns-list ul li .ico-sns.ico-ytb{background-position:0 0}
.footer-sns-list ul li .ico-sns.ico-fb{background-position:0 -50px}
.footer-sns-list ul li .ico-sns.ico-int{background-position:0 -100px}
.footer-sns-list ul li .ico-sns.ico-blog{background-position:0 -150px}
.footer-sns-list ul li .ico-sns.ico-kakao{background-position:0 -200px}
.footer-mob-top .lang-list > .lang:before{top:3px;}
.web-view {display:block}
.mob-view {display:none !important}
.btn-gotop{display:none; position:fixed; bottom:50px; right:10px; width:4rem; height:4rem; border-radius:50%; background:#aaa; z-index:100;background:url("../image/btn/btn_top.png") no-repeat!important;background-size:40px 40px!important}
.btn-gotop:after{display:block; font-size:11px;}
.footer-inner .footer-info{position:relative; padding:15px 0 25px 220px; min-height:34px;}
.footer-inner .footer-logo{display:block;  position:absolute; top:20px; left:0; width:189px;}
.footer-inner .footer-logo img{max-width:100%;}
:lang(en) .footer-inner .footer-logo,
:lang(ja) .footer-inner .footer-logo,
:lang(zh) .footer-inner .footer-logo{position:static;}
:lang(en) .footer-inner .footer-info,
:lang(ja) .footer-inner .footer-info,
:lang(zh) .footer-inner .footer-info{padding:15px 0 25px 0;}
.web-view {display:block !important}
.mob-view {display:none !important}
.footer-info-list li.web-view{display:inline-block !important}


/**************
 Content
***************/
.content-wrap{padding:0 0 90px;}
.content-wrap.reser-complete {padding:0px 0 90px;}
.content{position:relative; padding:0;}
.sub-title{font-size:30px; color:#333; font-weight:normal}

/* breadcrumbs */
.breadcrumbs{max-width:1280px; margin:0 auto;}
.breadcrumbs ol{float:right;}
.breadcrumbs:after,.breadcrumbs ol:after{clear:both; display:block; content:'';}
.breadcrumbs ol li{float:left; padding:0 0 0 8px;}
.breadcrumbs ol li span{color:#888; font-size:14px; padding-right:8px;}
.breadcrumbs ol li.current span{color:#333; display:block;}
.breadcrumbs ol li.current h1{color:#333; display:block; font-size: 14px; font-weight: 400; padding-right:8px;}
.breadcrumbs ol li.current:after{content:none;}
.breadcrumbs ol li:after{display: inline-block; vertical-align: middle; width:5px; height:5px; content: ''; border: solid #979797; border-width: 0 1px 1px 0; margin-top:-5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.breadcrumbs + .title-area{margin-top:15px;}

/* title-area h1 */
.title-area{max-width:1280px; margin:0 auto; padding:0;}
.title-area .page-title{display:inline-block; font-size:4.6rem; color:#333; font-weight:normal; transition:none; -webkit-transition:none;}

/* title-area h2 */
.title-sub-area{min-height:44px; max-width:1280px;}
.slide-area .content  .title-sub-area{padding:0;}
.breadcrumbs,.title-area{display:block;}
.title-area + .tab-menu{margin-top:50px;}
.tab-menu ~ .tab-container{margin-top:30px;}
.title-area + .title-sub-area{margin-top:50px;}

/**************
 Tab
***************/
.inner-tab{padding:0;}
.inner-tab > ul > li{height:50px;}
.inner-tab > ul > li > a{line-height:50px; font-size:16px;}
.inner-tab.fix ul li{ min-width:178px;}
.tab-menu{position:relative; padding:0; background:#fff;}
.tab-menu ul{position:relative; width:100%; display:table; border:1px solid #ddd; border-bottom:0;}
.tab-menu ul > li{position:relative; display:table-cell; height:5.3rem; vertical-align:middle; border-left:1px solid #ddd; text-align:center; border-bottom:1px solid #ddd;}
.tab-menu ul > li > a{position:relative; display:block; width:100%; max-height:5.3rem; padding:5px 15px; text-align:center; font-size:15px;}
.tab-menu ul > li > a > span{position:relative; display:inline-block; height:100%;}
.tab-menu ul > li:first-child{border-left:0;}
.tab-menu ul > li.active{border-bottom:0;}
.tab-menu ul > li.active a{border-bottom:1px solid transparent}
.tab-menu ul > li.active:before{display:block; content:''; position:absolute; z-index:1; top:-1px; left:-1px; width:calc(100% + 2px); height:3px; background:#da291c;}

/**************
 Table
***************/
/* Infomation Table */
.detailroom-tb {margin-top:10px}
.detailroom-tb table {width:100%; table-layout:fixed}
.detailroom-tb table th{color:#333;}
.detailroom-tb table th,.detailroom-tb table td{font-size:13px;padding:3px 0;color:#666;line-height:1.6em; text-align:left}

/**************
 Button
***************/
.btn-xlg{height:60px; line-height:60px; padding:0 20px; font-size:18px; font-weight:700;}
.btn-lg{min-width:50px; height:50px; line-height:50px; padding:0 13px; font-size:14px;}
.btn-md{min-width:40px; height:44px; line-height:44px; padding:0 20px; font-size:15px;}
.btn-sm{min-width:30px; height:30px; line-height:30px; padding:0 10px; font-size:12px;}
.btn-xs{min-width:20px; height:26px; line-height:26px; padding:0 8px; font-size:13px;}
.btn-arrow{position: relative;color: #333;font-size: 15px;}
.btn-arrow:after{display: inline-block; vertical-align: middle; width:6px; height:6px; content: ''; border: solid #333; border-width: 0 1px 1px 0; margin:-2px 0 0 2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.btn-arrow2{position: relative;color: #fff;font-size: 15px;margin-left: 5px;}
.btn-arrow2:after{display: inline-block; vertical-align: middle; width:6px; height:6px; content: ''; border: solid #fff; border-width: 0 1px 1px 0; margin:-2px 0 0 2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.btn-promotion{min-width: 165px;}
.btn-promotion:before{display:inline-block; content:''; vertical-align:middle; width:20px; height:14px; margin:-2px 7px 0 0; background:url("../image/icon/ico_promotion.png");}
/* Button area */
.btn-bottom-area{position:relative; width:100%; text-align:center; white-space:nowrap}
.btn-bottom-area:after{display:block; content:''; clear:both;}
.btn-bottom-area > .btn{margin:0 .4rem 0 .3rem}
.btn-bottom-area .btn-xlg{min-width: 40.4rem;}
.btn-bottom-area .btn-xlg.btn-default{font-weight:normal}
.btn-bottom-area{display:table; width:100%;}
.btn-bottom-area > .btn-xlg{display:inline-block; width:auto; min-width:40.4rem;}
.btn-bottom-area > .btn-xlg:only-child{width:auto; min-width:40.4rem; float:none; margin:0;}
.btn-bottom-area > .btn-xlg:first-child,
.btn-bottom-area > .btn-xlg:last-child{float:none;}

/**************
 Popup
***************/
.popup-content-txt2{font-size: 15px;color: #333;line-height:1.6em}
.popup-content-txt3{font-size: 13px;color: #333;}
.popup-guide-txt .ico-exc, .popup-guide-txt .ico-txt{display: inline-block; vertical-align: middle;}


/************************
 통합예약 컨텐츠
 (content01,content02.css)
*************************/
/***** content01.css 내용 시작 *****/
/* 공툥 */
.m-btn-md{min-width:40px; height:33px; line-height:33px; padding:0 10px; font-size:13px;}
.base-txt {color:#333;font-size:13px;line-height:1.5em}
.mr20 {margin-right:20px}
.tr {text-align:right}
.ml10 {margin-left:10px}

/* layer-pop 상세금액  */
.detail-tit1 {font-size:20px;color:#333;line-height:1.6em}
.detail-tit2 {font-size:15px;color:#333; font-weight:700; margin-bottom:10px}
.detailroom-tit2 {font-size:15px;color:#333; font-weight:700; margin-bottom:10px}
.detailroom-img {margin-top:5px}
.detailroom-img img {width:520px;height:294px}
.detailroom-txt > li {padding:20px 0;border-bottom:1px solid #ebebeb}
.detailroom-txt > li:last-child {border-bottom:0}
.detailroom-service {line-height:1.6em;color:#666;font-size:13px}
.detailroom-service strong {display:block;color:#333; font-weight:700; margin-top:10px}
.detailPrice-tb {margin-top:6px;border-top:2px solid #5a5a5a;border-bottom:1px solid #e5e5e5;padding-top:15px}
.detailPrice-tb table {width:100%}
.detailPrice-tb table th {font-size:14px;padding:5px 0 5px 30px;text-align:left;color:#666666;line-height:1.5em}
.detailPrice-tb table td {font-size:14px;padding:5px 30px 5px 0px;text-align:right;color:#333333;line-height:1.5em}
.detailPrice-tb table .last th {font-size:14px;padding:5px 0 15px 30px;text-align:left;color:#666666;line-height:1.5em}
.detailPrice-tb table .last td {font-size:14px;padding:5px 30px 15px 0px;text-align:right;color:#333333;line-height:1.5em}
.detailPrice-tb table strong {color:#000000;margin-left:15px;}
.detailPrice-tb table .result-st2 th {padding:23px 0px 23px 30px;text-align:left;background:#fbfbfb;font-size:14px;color:#666666;line-height:1.3em;margin-top:10px}
.detailPrice-tb table .result-st2 td {padding:23px 30px 23px 0px;text-align:right;background:#fbfbfb;font-size:15px;color:#333333;vertical-align:middle;margin-top:10px}
.detailPrice-tb table .result-st2 strong {color:#da291c;font-size:26px;margin:0;margin-right:4px}
.detailPrice-tb table .line {border-bottom:1px solid #ebebeb}
.detailPrice-tb table .last, .detailPrice-tb table .last  {padding-bottom:15px}

/* layer-pop 느낌표아이콘 */
.ico-exc2{position:relative; display:inline-block; vertical-align:top; width:1.8rem; height:1.8rem; border:1px solid #d73f3f; border-radius:100%; margin-right:1px;}
.ico-exc2:before{position:absolute; content:''; display:block; top:.4rem; left:.7rem; width:.2rem; height:.5rem; background:#d73f3f;}
.ico-exc2:after{position:absolute; content:''; display:block; bottom:.4rem; left:.7rem; width:.2rem; height:.2rem; background:#d73f3f;}

/* sartch-box 속성 */
.search-box.text-center {text-align:center}
.search-box.bgnone {background:none}

/* 객실예약 쿠폰타입 속성 */
.coupon-room-number {text-align:right;margin-top:8px}
.coupon-room-number .num {font-family:'Lato',sans-serif;;font-size:40px;color:#333;font-weight:700}
.coupon-room-number .txt {color:#666666;font-size:15px;margin-left:5px}
.coupon-room-txt {color:#d73f3f;line-height:1.5em;font-size:14px;margin-top:24px}
.input-group.w800 {width:800px}

/* 준회원가, 얼리버드 할인 속성 */
.roomtype-list .roomtype-info .coupon-price {font-size:12px;color:#da291c;font-weight:700;margin-right:10px;display:inline-block;background:url("../image/icon/ico_coupon.png") left 1px no-repeat;padding-left:25px;line-height:1.3em;vertical-align:2px;background-size:20px auto}
.ealry-price {font-size:12px;color:#da291c;font-weight:700;margin-right:5px;display:inline-block;background:url("../image/icon/ico_earlybird.png") left 1px no-repeat;padding-left:17px;line-height:1.3em;vertical-align:2px;background-size:14px auto; background-position: left 3px;}
.ealry-price .ep {text-decoration:line-through;color:#333333;margin-left:4px}
.ealry-price.none-icon {padding-left: 0;background: none;}
.pop-txt-box .inner-box2 {padding: 30px;line-height:1.5em;color:#666666}
.pop-txt-box .inner-box2 li {line-height:1.8em}
.member-price {font-size:12px;color:#da291c;font-weight:700;margin-right:5px;display:inline-block;padding-left:17px;line-height:1.3em;vertical-align:2px;}

/* 팝업컨텐츠 타이틀별 사이즈 */
.popup-content-tit2 {color:#333;font-size:20px;font-weight:normal;line-height:1.5em}
.popup-content-tit3 {color:#333;font-size:22px;font-weight:700;line-height:1.5em}
.popup-content-tit4 {color:#333;font-size:15px;font-weight:normal;line-height:1.5em}
.popup-content-tit5 {color:#333;font-size:28px;font-weight:700;line-height:1em}

/* 패키지 정보 팝업*/
.mt05 {margin-top:5px}
.point-color1 {color:#978773}
.point-color2 {color:#666666}
.text-list .link {text-decoration:underline;color:#000000;margin-left:5px}
.type-coupon .input-text {display:none}

/* 테마파크 이용권 슬라이드 */
.sub-visual-slide.h400 {height:400px}
.sub-visual-slide {width:100%;}
.sub-visual-slide .slick-dots {position:static;display:inline-block;width:auto;padding: 0;margin: 0;list-style: none;text-align: center;z-index:10}
.sub-visual-slide .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none; background:url('../image/btn/btn_slide_off.png') center no-repeat;}
.sub-visual-slide .slick-dots li button:hover,.sub-visual-slide .slick-dots li button:focus {outline: none;}
.sub-visual-slide .slick-dots li button:hover:before,.sub-visual-slide .slick-dots li button:focus:before{opacity:1;}
.sub-visual-slide .slick-dots li button:before{font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height:20px;content: '';    text-align: center;   color: black;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
.sub-visual-slide .slick-dots li.slick-active button:before{background:url('../image/btn/btn_slide_on.png') center no-repeat ;}
.sub-visual-slide .slick-dots li.slick-active button {background:url('../image/btn/btn_slide_on.png') center no-repeat ;display:inline-block}
.sub-visual-slide .slick-dots li button:before {display:none}
.sub-visual-slide .btn-sld-ctrl {position:static;text-align:center;background:url('../image/btn/btn_slide_stop.png') center no-repeat ;display:inline-block;width:20px; height:20px;z-index:10;text-indent:-99999px;bottom:auto;vertical-align:-5px;margin-left:3px}
.sub-visual-slide .btn-sld-ctrl.play {background:url('../image/btn/btn_slide_play.png') center no-repeat ;display:inline-block;width:20px; height:20px;}
.sub-visual-slide .slide-btns {position:relative;display:block;margin:0 auto;text-align:center;margin-top:-50px}
.sub-visual-slide .desc {position:absolute;top:50px;left:50px;z-index:10}
.sub-visual-slide .desc .st1 {color:#fff;font-size:1.6rem;font-weight:600}
.sub-visual-slide .desc .st2 {color:#fff;font-size:4.5rem;margin-top:10px;font-weight:700}
.sub-visual-slide .desc .st3 {color:#fff;font-size:1.5rem;margin-top:10px;line-height:1.5em}
.sub-visual-slide .list {position:relative}

/* 카테고리 타입별 속성 */
.category.type1 {padding:0 15px;height:44px;color:#fff;text-align:center;display:inline-block;background:#237489;line-height:44px}
.category.type2 {padding:0 15px;height:44px;color:#fff;text-align:center;display:inline-block;background:#6d4b42;line-height:44px}

/* 객실예약 추가속성 */
.roomtype-list .roomtype-info {position:relative}
.roomtype-list .desc .bottom .price.first {margin-bottom:5px}
.roomtype-list .th-txt {font-size:12px;color:#333;margin-right:5px}

/*테마파크 이용방법 레이어팝업 */
.th-step-pop {background:#fbfbfb;position:relative;text-align:center;padding:22px 0;margin-top:30px}
.th-step-pop li {display:inline-block;text-align:center;width:75px;text-align:center;margin-left:45px;position:relative;vertical-align: top}
.th-step-pop li:before {background:url('../image/icon/ico_arrow2.png') no-repeat;background-size:22px auto;display:inline-block;width:22px;height:8px;content: '';position:absolute;top:20px;left:-34px;}
.th-step-pop li:first-child {margin-left:0}
.th-step-pop li:first-child:before {background:none;}
.th-step-pop li img {width:53px;vertical-align:top}
.th-step-pop li .img {display:table-cell;vertical-align:middle;height:54px;text-align:center;width:75px;}
.th-step-pop li .txt {margin-top:6px}
.th-step-pop li .txt span {display:table-cell;vertical-align:middle;height:34px;font-size:13px;text-align:center;width:75px;line-height:17px;font-weight:600;color:#333}

/* 테마파크 이용권 */
.theme-num > div {width:310px;display:inline-block}
.theme-num  .st1 {vertical-align:17px;margin-right:10px}
.theme-num > ul {margin-left:47px;margin-top:5px}
.in-b {display:inline-block}
.theme-price {font-family:'Lato',sans-serif;font-size:26px;color:#da291c;font-weight:700}
.theme-num .number-ctrl input {display:none}
.theme-ticket {position:relative;margin-top:10px}
.theme-ticket > ul {width:auto;margin:0 -10px}
.theme-ticket > ul:after{clear:both; content:''; display:block}
.theme-ticket .ticket-box.bg1 {background:#e4e4e4}
.theme-ticket .ticket-box.bg2 {background:#eeeeee}
.theme-ticket .ticket-box.bg1 .tit {color:#333333;font-size:26px}
.theme-ticket .ticket-box.bg2 .tit {color:#999999;font-size:26px}
.theme-ticket .ticket-box {border:1px solid #dddddd;height:230px;padding:5px}
.theme-ticket .ticket-box .inner {border:1px solid #fff;padding:0 32px;height:100%}
.theme-ticket > ul > li {margin-top:0px;padding:10px;}
.theme-ticket  ul  li .top {position:relative;;display:block;font-weight:700;border-bottom:1px dashed #cdc4ba;padding-top:32px;padding-bottom:40px}
.theme-ticket  ul  li .top .link {font-size:15px;color:#7d6c56;text-decoration:underline;position:absolute;right:0px;top:20px;font-weight:normal;}
.theme-ticket  ul  li .bottom ul:after{clear:both; content:''; display:block}
.theme-ticket  ul  li .bottom  {height:111px;padding:30px 0}
.theme-ticket  ul  li .bottom li {float:left;font-size:14px;color:#666666;width:200px}
.theme-ticket  ul  li .bottom li:first-child {margin-left:0}
.theme-ticket  ul  li .bottom li strong {color:#333333;font-weight:normal;margin-top:10px;display:block}
.theme-ticket .theme-btn1 {display:inline-block;text-align:center;height:30px;line-height:30px;border:1px solid #dddddd;font-size:12px;color:#666;font-weight:normal;background:#fff;padding:0 10px;margin-left:10px}
.theme-ticket  ul  li .bottom .w1 {width:180px}
.theme-ticket  ul  li .bottom .w2 {width:154px}
.theme-ticket  ul  li .bottom .w3 {width:200px}
.theme-ticket  ul  li .top .right {position:absolute;right:0px;top:10px;font-weight:normal;}
.theme-ticket .complete {background:url(../image/bg/bg_coupon2.png) no-repeat;display:inline-block;width:85px;height:85px;text-align:center;font-size:19px;color:#999999;display:table-cell;vertical-align: middle}
.theme-ticket .complete .st1 {font-size:16px}
.tb-view.type2 .last th {padding-bottom:30px}
.layer-pop.layer-xlg2 {width:80rem;margin-left: -41rem;}
.roomtype-item .btn_theme:hover{border: 1px solid transparent; background: #666; color: #fff;font-weight: 800}
.roomtype-item .btn_theme:hover span {position: relative; padding-left: 22px;display:inline-block}
.roomtype-item .btn_theme:hover span:before{position: absolute;top:19px;left: 0;width: 16px; height: 13px; background: url(../image/icon/ico_button_check.png)0 0 no-repeat; background-size: cover; content: "";}
.info-txt {font-size:14px;color:#666666;}
.info-txt .ico-info {margin-right:5px}
.text-box .bold {font-weight:800}

/* 인증코드 입력 박스 */
.certify .grid-area{width:470px;margin-top:20px}
.certify .grid-area .certi-select{text-align: center; }
.certify .grid-area .certi-select a {display:block;padding:32px 0 30px 0;background:#f5f5f5;}
.certify .grid-area .certi-select .image{display: block;margin: 0 auto 30px; width: 56px; height: 64px;background: url(../image/icon/ico_mypage_idf.png)10px 0 no-repeat;background-size: 150px 65px;}
.certify .grid-area .certi-select .image.type{background-position: right 0;}
.agree-terms-box .inner-box2 {padding:30px; color:#666; line-height:21px; font-size:14px;}
.agree-terms-box.scroll .inner-box2 {overflow-y: auto;max-height:180px;padding-right: 20px;}
.result-box .bold {font-weight:800}
.input-group.input-lg .input-group-add.txt.pr35{padding-right:35px}
.search-box .guide {font-size:14px;color:#666666;margin-top:10px}
.search-box .guide .ico-info {margin-right:5px}
.package-img {margin-top:10px}
.package-img img {width:520px;height:380px}
.theme-use .input-group-add.txt {width:110px}

/* 테마파크 이용권 슬라이드 arrow */
.sub-visual-slide .slick-arrow{margin-top:-10px;position:absolute; top:50%; background:#000; z-index:10;width:60px;height:60px;border:2px solid #ddd;border-radius:50%;text-align:center;opacity:.2;transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out;text-indent:-99999px}
.sub-visual-slide .slick-arrow:hover {opacity:.6;}
.sub-visual-slide .slick-arrow.slick-prev{left:40px;}
.sub-visual-slide .slick-arrow.slick-prev:before {position:absolute;left:22px;top:17px;display:inline-block;vertical-align: middle;width:17px;height:17px;content: '';border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(-225deg);-webkit-transform: rotate(-225deg);}
.sub-visual-slide .slick-arrow.slick-next{right:40px;}
.sub-visual-slide .slick-arrow.slick-next:before {position:absolute;right:22px;top:17px;display:inline-block;vertical-align: middle;width:17px;height:17px;content: '';border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

.tooltip-view .text-list {padding-left:0}
/***** content01.css 내용 끝 *****/

/***** content02.css 내용 시작 *****/
/* 간격 */
.mt0{margin-top: 0 !important;}
.padr30{padding-right: 30px;}

/* font-style */
.font-bold{font-weight: bold;}
.text-underline{text-decoration: underline;}

/* layer-popup scroll */
.popup-fix{padding: 0 40px 25px;margin-top: -10px;}
.popup-content.scroll.type{max-height: 520px;}

/* 정렬 - table text middle */
.text-align{display: inline-block;vertical-align: middle;}
.text-align + .btn{display: inline-block;vertical-align: middle;margin-left: 10px;}

/* 예약규정 확인 - table border 있는 경우 */
.tb-view-line thead tr td.bor_left,
.tb-view-line thead tr th.bor_left,
.tb-view-line tbody tr td.bor_left,
.tb-view-line tbody tr th.bor_left {border-left: 1px solid #ddd !important;}

/* table color 변경 */
.tb-view-line tbody tr td{color: #333;}

/* table 중앙정렬 */
.tb-wrap.text-center thead tr th,
.tb-wrap.text-center thead tr td,
.tb-wrap.text-center tbody tr th,
.tb-wrap.text-center tbody tr td{text-align: center;}

/* 객실예약 - 콘도분양회원이 호텔형 클릭시 */
.result-box.type{padding:50px 0;}
.result-box.type .box-inner{margin: 0 auto; width: 557px;}
.result-box.type .box-inner p + .desc,
.result-box.type .box-inner .desc + .desc{margin-top: 20px;}

/* 추첨예약 - 잔여박수 조회 */
.residual-wrap{display: table; width: 100%; margin-top: 10px; min-height: 50px;}
.residual-wrap ul{display: table-cell; vertical-align: middle;}
.residual-wrap ul:after{display: block; content: ""; clear: both;}
.residual-wrap ul li{float:left; min-width: 20%; max-width: 50%; padding-right: 40px; font-size: 16px;color: #333; box-sizing: border-box;line-height: 1.5;}
.residual-wrap .residual-day{color: #da291c;}

/* 추첨예약 - 잔여박수 확인 */
.residual-date-list:after{display: block;content: "";clear: both;}
.residual-date-list li{float: left;padding-right: 20px;}
.residual-date-list li:last-child{padding-right: 0;}
/* 추첨예약 - 데이터 없음 */
.date-wrap + .btn-bottom-area{margin-top: 90px;}

/* 단체예약 - whitebox */
.reser-certify-wrap{margin-top: 50px; padding: 0 40px; width: 1280px; border: 1px solid #ddd;}
.reser-certify-wrap table{width: 100%;}
.reser-certify-wrap table th, .reser-certify-wrap table td{padding: 27px 0; font-size: 15px;}
.reser-certify-wrap table td{padding-left: 5px; font-weight: bold; color: #333; text-align: left;}
.reser-certify-wrap table th{text-align: right;}
.reser-certify-wrap table th:first-child{padding-left: 0;}
.reser-certify-wrap table th:before{display: inline-block; margin-right: 40px; width: 1px; height: 13px; background: #ddd; content: "";}
.reser-certify-wrap table th:first-child:before{display: none;}
.reser-certify-wrap table tr.line{border-top: 1px solid #ddd;}
/* 단체예약 - 레이어팝업 */
.pop-txt-box .tb-wrap > table tbody th{background: #f6f6f6;}
/* 단체예약조회 - layerpopup */
.popup-radio-wrap{margin-top: 40px;}
.popup-radio-wrap .custom-radio + .custom-radio{margin-left: 20px;}
.layer-pop .popup-wrap .popup-bottom .btn-bottom-area.full .btn{width: 100%;}
/* 단체예약조회 - table style */
.booking-num{font-weight: bold;font-size: 15px;color: #000;text-decoration: underline;}
.room-name{font-weight: bold;font-size: 15px;color: #333;margin-top: 5px;}
/* 단체예약상세조회 */
.result-box + .w-max .detail-wrap{margin-top: 60px;}
.detail-wrap{margin-top:60px;}
.detail-wrap:after{display: block;content: "";clear: both;}
.detail-wrap .datail-col{float: left; width: calc(50% - 2rem)}
.datail-col + .datail-col{margin-left: 4rem;}

/* s: 20220318 롯데리조트 예약 상세내역 - 바다 속 과자집 만들기 */
.lotte-resort-reser-wrap {position:relative; float:left;}
/* .lotte-resevation-info-tb-wrap {width:1280px;} */
.lotte-resevation-info-tb-wrap {width:1280px;}
/* e: 20220318 롯데리조트 예약 상세내역 - 바다 속 과자집 만들기 */

/* 예약완료 페이지 table */
.tb-view.line{padding-top: 10px; border-top:1px solid #5a5a5a;}
.tb-view.line2{padding-top:0px; border-top:1px solid #5a5a5a;}

/* 간격 */
.datail-col .tb-view.line + .title-sub-area,
.datail-col .tb-wrap + .title-sub-area{margin-top: 30px;}

/* 예약조회 - 예약완료(위약금부가) */
.notice-box{padding: 40px; background: #666;}
.notice-box .notice-list{}
.notice-box .notice-list > li{position: relative;font-size: 15px;color: #fff;padding-left: 1rem;line-height: 23px;}
.notice-box .notice-list > li:before{display: block;content: '';position: absolute;top: 12px;left: 0;width: 3px;height: 3px;border-radius: 50%;background-color: #fff;}

/* 객실다건예약 */
.title-area .page-desc + .page-desc{margin-top: 5px;}
.tb-wrap table tbody td .desc{color: #666;}
.tb-wrap.col table tbody tr .last-padding{padding-right: 20px;}
.result-check-wrap{width: 1280px;margin: 40px auto 0;text-align: center;}
.result-check-wrap .result-txt{font-size: 20px;color: #333;}
.result-check-wrap + .btn-bottom-area{margin-top: 60px!important;}
/* 객실다건 로딩 bar popup */
.popup-wrap.loading-pop .popup-content{padding: 60px}
.popup-wrap.loading-pop .popup-content .popup-content-tit2 + .popup-content-txt{margin-top: 5px;}
.loading-area{width: 350px; margin: 30px auto 0;}
.loading-area .loading-bar{width: 100%; height: 10px; background: #f5f5f5; border-radius: 5px; overflow:hidden;}
.loading-area .loading-bar:after{display: block;content: '';clear: both;}
.loading-area .loading-bar > span{float: left; height: 10px; transition: all ease-in-out .15s; background: #da291c;}
.loading-area .loading-bar .loading-10{width: 10%;}
.loading-area .loading-bar .loading-9{width: 11.11%;}
.loading-area .loading-bar .loading-8{width: 12.5%;}
.loading-area .loading-bar .loading-7{width: 14.28%;}
.loading-area .loading-bar .loading-6{width: 16.66%;}
.loading-area .loading-bar .loading-5{width: 20%;}
.loading-area .loading-bar .loading-4{width: 25%;}
.loading-area .loading-bar .loading-3{width: 33.33%;}
.loading-area .loading-bar .loading-2{width: 50%;}
.loading-area .loading-bar .loading-1{width: 100%;}
.loading-area .loading-txt-wrap{text-align: right;font-size: 13px;margin-top: 10px;}
.loading-area .loading-txt-wrap .loading-txt{color: #da291c;font-weight: bold;}
.loading-area .loading-txt-wrap .total{color: #333;}
/* 객실다건예약 추가 */
.apply-list .input-group .input-group-cell.w-130{min-width:130px;}
.apply-list .input-group .input-group-cell.w-190{min-width:190px;}
.apply-list .input-group .input-group-cell.w-240{min-width:240px;}

/* 일괄예약신청 - 신청서 다운로드 영역 */
.search-box.type4{padding: 30px 90px;}
/***** content02.css 내용 끝 *****/

/* 객실현황 달력 */
.calendar-area{position:relative; margin-top:60px;}
.calendar-wrap{margin-top:20px; border-top:1px solid #6a6a6a; border-bottom:1px solid #ebebeb;}
.calendar-wrap table{width:100%;}
.calendar-wrap.fix table{table-layout:fixed;}
.calendar-wrap table thead th{background:#fbfbfb; padding:20px 0; vertical-align:middle; font-size:15px; color:#666;}
.calendar-wrap table th,.calendar-wrap table td{border-left:1px solid #ebebeb; vertical-align:middle;}
.calendar-wrap table .room-info{border-left:0; text-align:left; color:#333; font-size:15px; }
.calendar-wrap table .room-info .in-txt strong{font-weight:700; }
.calendar-wrap table .room-info .in-txt .roomMain-type {padding:0;}
.calendar-wrap table .room-info .in-txt .roomMain-type li{padding:9px 0 11px; font-weight: 700; text-align:left;}
.calendar-wrap table .room-info .in-txt .room-type {padding:0 10px}
.calendar-wrap table .room-info .in-txt .room-type li{padding:9px 0 11px;}
.calendar-wrap table tr th:first-child,
.calendar-wrap table tr th:first-child{border-left:0;}
.calendar-wrap table tbody tr:not(.sep-line) td,
.calendar-wrap table tbody tr:not(.sep-line) th{border-top:1px dashed #eee;}
.calendar-wrap table tbody tr.week td,
.calendar-wrap table tbody tr.week th{border-top:1px solid #eee; padding-top:11px;vertical-align:middle;position:relative}
.calendar-wrap table tbody td{vertical-align:top}
.calendar-wrap table tr.sep-line td,
.calendar-wrap table tr.sep-line th{height:10px; background:#fbfbfb; border-top:1px solid #eee;}
.calendar-wrap table tbody td .in-txt{width:100%; padding:10px 33px;display:table-cell;vertical-align:middle}
.calendar-wrap table .in-txt.before .date{color:#999; font-weight:normal}
.calendar-wrap table .in-txt .date{position:absolute; display:block; top:10px; left:11px; color:#666; font-weight:700; font-size:13px;}
.calendar-wrap table tbody tr.result td{border-left:0; padding:185px 0;}
.calendar-wrap tr.result .date-wrap .date-none {padding:0}
.calendar-wrap table .calendar-result{font-size:26px; color:#333;}
.calendar-result p{text-align:center}
/* colum 너비 */
.calendar-wrap.fix table .col-info{width:133px;}
.calendar-wrap.fix table .col-week{width:145px;}
.in-txt .btn-cal-reser{display:block; width:80px; font-size:14px; height:33px; border:1px solid #da291c; background:#fff; color:#333}
.btn-cal-reser + .btn-cal-reser{margin-top:4px;}
.btn-cal-reser[disabled]{opacity:1;border: 1px solid #ddd;color: #666;}
.calendar-head{position:relative; text-align:center;}
.calendar-head .date-ctrl{position:relative; padding:0 35px;  width:300px; height:40px; margin:0 auto;}
.calendar-head .date-ctrl span{display:inline-block; color:#000; vertical-align:middle; font-family:'Lato','Noto Sans KR',sans-serif; font-weight:700}
.date-ctrl .year{font-size:20px;}
.date-ctrl .month{font-size:35px; margin-left:10px;}
:lang(en) .date-ctrl .year{font-size:20px;margin-top:5px}
:lang(en) .date-ctrl .month{font-size:29px; margin-left:10px;}
.date-ctrl .ico-cal{position:absolute; display:block; width:23px; height:18px; top:50%; transform:translateY(-50%); background:url(../image/btn/btn_datepicker_arrow.png) 0 0;}
.date-ctrl .ico-cal.prev{left:0; background-position:0 bottom ;}
.date-ctrl .ico-cal.next{right:0; background-position:0 0 ;}
.calendar-head .date-select{position:absolute; top:0; right:0;}
.calendar-head .date-select .select{font-size:15px; font-family:'Lato','Noto Sans KR',sans-serif; color:#333; font-weight:normal}
.calendar-head .date-select .btn{min-width:70px;}
.calendar-head .date-select .input-group-add.txt{padding-right:20px;}
:lang(en) .calendar-head .date-select .input-group.w-300{width:320px;}
.calendar-head .cal-en {position: absolute;;top:8px;left:0;font-size:13px;color:#666666;text-align:left;}
.calendar-head .cal-en p {margin-bottom:8px;color:#333333}
.calendar-head .cal-en .ra:before {content:'';display:inline-block;width:10px;height:10px;background:#da291c;margin-right:3px}
.calendar-head .cal-en .ru:before {content:'';display:inline-block;width:8px;height:8px;border:1px solid #dddddd;margin-right:3px;margin-left:15px}

/* 통합 예약 */
.content-wrap .reser-box{position:relative; z-index:10; width:100%; height:130px; background-color:#2b2b2b}
.content-wrap .reser-box.scroll{position:fixed; top:108px; z-index:20; margin:0;}

/*search-table */
.search-table{position:relative; width:100%; padding-right:156px;}
.search-table .btn-search{position:absolute; top:0; right:0; width:116px; height:100%; font-size: 18px; font-weight: bold;}
.search-table table{width:100%; table-layout:auto}
.search-table table td,.search-table table th{font-size:15px; vertical-align:middle; padding:0 0 16px;}
.search-table table tr:last-child td,.search-table table tr:last-child th{padding:0;}
.search-table .input-group-date .btn{width:80px;}
.search-table .input-group > .input-group-add{padding:0 5px 0 6px;}
.search-table .input-group > .input-group-add:first-child{padding:0 5px 0 0;}
.search-table .input-group-date.input-group > .input-group-add:last-child{padding: 0 0 0 5px;}
.search-table .input-group label.input-group-add.txt:first-child{max-width:120px; width:90px;}

.w-229{width:229px !important;}
.w-320{width:320px !important;}
.search-table .colum.wp-18{width:18.8%;}
.search-table .colum.wp-40{width:43.6%;}


/* 예약  상단 summary 박스 */
.reser-box .reser-summary{width:1280px; height:100%; margin:0 auto; padding:20px 0; }
.reser-box .reser-summary .grid-area,.reser-box .reser-summary .grid-area .colum{height:100%;}
/* Defult */
.reser-summary .summary-step1{width:248px;}
.reser-summary .summary-step1-1{width:478px;}
.reser-summary .summary-step2-1{width:379px;}
.reser-summary .result-price{width:180px; text-align:right}
.reser-summary .summary-step1-1 .in-box-colum .left{min-width:320px;}
.reser-summary .summary-step2 .in-box-colum .left{width:270px; }
.reser-summary .summary-step2 .in-box-colum .right{width:180px; }
.reser-summary .result-price .in-box-colum{padding:20px 0 18px 0; white-space:nowrap;}
.reser-summary .in-box-colum{position:relative; height:100%; padding:20px 30px 18px; }
.reser-summary .in-box-colum .left{float:left; padding-right:40px}
.reser-summary .in-box-colum .right{float:left;}
/* type2 */
.reser-summary.type-2 .summary-step1{width:188px;}
.reser-summary.type-2 .summary-step1-1{width:347px;}
.reser-summary.type-2 .summary-step2{width:281px;}
.reser-summary.type-2 .summary-step2-1{width:279px;}
:lang(en) .reser-summary.type-2 .summary-step1-1{width:420px;}
:lang(en) .reser-summary.type-2 .summary-step2{width:225px;}
:lang(en) .reser-summary.type-2 .summary-step2-1{width:270px;}
.reser-summary.type-2 .result-price{width:180px; text-align:right}
.reser-summary.type-2 .summary-step1-1 .in-box-colum .left{min-width:235px;}
.reser-summary.type-2 .summary-step2 .in-box-colum .left{width:270px; }
.reser-summary.type-2 .summary-step2 .in-box-colum .right{width:180px; }
.reser-summary.type-2 .result-price .in-box-colum{padding:20px 0 18px 0; white-space:nowrap;}
.reser-summary.type-2 .in-box-colum{padding:20px 20px 18px; }
.reser-summary .in-box-colum .left{padding-right:25px}
.reser-summary .in-box-colum dl{width:100%;}
.reser-summary .in-box-colum dt.box-label{color:#999; font-size:13px; }
.reser-summary .in-box-colum dd{color:#fff; font-size:16px; margin-top:12px; display:block; width:100%; height:33px; white-space: nowrap;}
.reser-summary .in-box-colum dd em{font-family: 'Lato',sans-serif; font-weight:400}
.reser-summary .result-price .in-box-colum dd em{font-family: 'Lato',sans-serif; font-weight:900; font-size:26px; color:#da291c; padding-right:4px;}
.reser-summary .in-box-colum dd .night{display:inline-block; height:30px;padding:0 5px; border:1px solid #fff; border-radius:30px; text-align:center; line-height:30px; font-size:13px; color:#fff; vertical-align:top; margin:-5px 2px 0;}

/* 20250122 텍스트 위치 정렬 */
.reser-summary .in-box-colum dd.new-type01 {display: flex; align-items: center; margin-top: 5px;}
.reser-summary .in-box-colum dd.new-type01 .night { display: flex; justify-content: center;	align-items: center; margin: 0 5px;}

/* 선택 없을 경우 */
.reser-summary .in-box-colum .sum-value.none-select:after{content:''; display:inline-block; vertical-align:middle;  width:10px; border-bottom:1px solid #fff;}
.in-box-colum .step1-1-value.none-select .night{display:none;}
.in-box-colum .step1-2-value.none-select span{display:none;}
/* clickable 버튼 */
.reser-summary .colum .in-box-colum .btn-focus-step{position:absolute; top:0; left:0; display:block; width:100%; height:0px; z-index:1; }
.reser-summary .colum .in-box-colum .btn-focus-step .ico-edit{display:none; position:absolute; top:10px; right:10px; content:''; width:19px; height:19px; background:url("../image/icon/ico_edit.png") 0 0 no-repeat; background-size:cover}
.reser-summary .in-box-colum .btn-focus-step:hover .ico-edit{background-position:0 bottom;}
/* clickable 활성화 */
.reser-summary .colum.clickable .in-box-colum{border-radius:4px; background-color: #363636;}
.reser-summary .colum.clickable .in-box-colum .btn-focus-step{display:block; height:100%;}
.reser-summary .colum.clickable .in-box-colum .btn-focus-step .ico-edit{display:block;}
/* Motion */
.in-box-colum{transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out;}
/* 간격 */
.reser-box ~ .breadcrumbs{margin-top:20px;}

/* Radio Box type */
.box-radio-wrap .left{display:table;}
.box-radio-wrap .left .box-radio{display:table-cell; padding-right:8px;}
.box-radio-wrap .left .package-title{display:table-cell; vertical-align:middle; padding-left: 12px; word-break: break-all; font-size:19px; color: #333;}

/* 달력,체크인/아웃 영역  */
.top-select-area{position:relative;}
.top-select-area .right{position:absolute; top:0; right:0;}
.datepicker-info-box{position:relative; margin-top:20px;}
.datepicker-info-box .check-info{width:370px; height:460px; background-color: #fbfbfb; padding:50px 30px 30px;}
.datepicker-info-box .check-info.right{position:absolute; top:0; right:0;}
.check-info .top{width:100%; height:102px; position:relative; border-bottom:1px dotted #ccc}
.check-info .top .selected-date{position:absolute; top:0; width:120px; }
.check-info .top .selected-date strong{display:block; font-size:14px; color:#333; font-weight:normal}
.check-info .top .selected-date.checkin{left:0; padding-right:25px;}
.check-info .top .selected-date.checkout{right:0; padding-left:25px;}
.check-info .top .night{display:block; padding:0 120px; box-sizing:border-box; text-align:left; font-size:14px; position:relative; top:27px; min-height:16px;}
.check-info .top .night:after{position:absolute; bottom:-14px; left:120px; display:block; content:''; width:70px; height:1px; background:#999;}
.check-info .top .night:before{display:block; position:absolute; bottom:-8px; right:116px; content:''; width:18px; height:1px; background:#999; transform: rotate(225deg); -webkit-transform: rotate(225deg);}
.selected-date .date-num{position:relative; margin-top:15px; padding-left:50px; font-size:14px; color:#666; line-height:20px;}
.selected-date .month{font-size:14px;}
.selected-date .date{position:absolute; top:0; left:0; font-size:40px; font-family: 'Lato',sans-serif; font-weight:900; color:#333; line-height:1.2; margin-top:-4px;}
.selected-date .day{font-size:14px;}
.check-info .bottom{position:relative; padding-top:25px;}
.check-info .bottom h3{display:block; font-size:14px; color:#333; font-weight:normal; margin-bottom:10px;}
.check-info .bottom .btn-icon.ico-info{margin:0px 0 0 -10px; height:22px;}
.btn-icon.ico-info:before{width:22px; height:22px; background:url(../image/icon/ico_info2.png) no-repeat 0 0; background-size: cover;}
.check-info .btn-xlg{position:absolute; width:310px; bottom:30px; right:30px; font-weight:700}
.check-info .bottom .form-group .label-line{margin-bottom:8px;}

/* 툴팁 위치 */
.form-group label + .txt{display: inline-block; vertical-align: top; margin-left: 5px;}

/* 선택 없을 경우 */
.check-info .top.none-select .selected-date .date-num,.check-info .top.none-select .night span{display:none;}
.check-info .top.none-select .selected-date:after{display:block; content:''; width:10px; height:2px; background:#333; margin-top:40px;}
/* 간격 */
.title-area ~ .datepicker-info-wrap{margin-top:30px;}

/* 객실예약 - 프로모션 */
.check-info .promotion{position: relative; margin-top: -10px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dotted #ccc;}
.check-info .promotion label{font-size: 14px; color: #333;}
.check-info .promotion .input-text{font-size: 16px;font-family: 'Lato',sans-serif; font-weight:900; padding: 6px 0; background: transparent; border: none;}
.check-info .promotion .code-del{position: relative; display: inline-block; vertical-align: middle; width: 18px;height: 18px; background: #d8d8d8;border-radius: 50%;}
.check-info .promotion .code-del:before, .check-info .promotion .code-del:after{content: '';position: absolute;height: 1px;width: 1rem;top: 50%;left: 0.4rem;margin-top: -1px;background: #fff;}
.check-info .promotion .code-del:before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.check-info .promotion .code-del:after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

/* 객실예약 - 조회(아트빌라스 - tab 없는 경우) */
.roomtype-list-wrap .list-top{position:relative; width:100%;}
.roomtype-list-wrap .list-top .total{font-size:20px; color:#333;}
.roomtype-list-wrap .list-top .total em{color:#da291c; font-weight:700;}
.roomtype-list-wrap .list-top ~ .roomtype-list{margin-top: 25px;}

/* 객실예약 - 로그인 유도 및 회원유형 선택 */
.search-box.type2{padding:30px 40px;}
.search-box.type3{padding:45px 0;}
.input-group > .custom-select + .custom-select{padding-left:5px;}
.input-group > .custom-select + .custom-select.opt-color > label{width:calc(100% - 5px);}
.custom-select.wp-1{width: 30%}
.custom-select.wp-2{width: 20%}
/* 셀렉트박스 붙는 현상 수정 0531 */
.search-box .input-group-cell[class*="cell-"]{padding:0 5px;}
.search-box .input-group-cell[class*="cell-"]:first-child{padding:0 5px 0 0;}
.search-box .input-group-cell[class*="cell-"]:last-child{padding:0 0 0 5px;}
.search-box .input-group-cell[class*="cell-"]:only-child{padding:0;}

/* 리스트 상단 */
.list-top{position:relative; width:100%;}
.list-top .right{position:absolute; top:-10px; right:0;}
.list-top .right .custom-select{width:172px;}
.list-top .total{font-size:20px; color:#333;}
.list-top .total em{color:#da291c; font-weight:700}

/* 패키지 선택 */
.product-list-area{background:#f5f5f5; padding:40px 0 0;}
.product-list-wrap{position:relative; max-width:1280px; margin:0 auto; padding-bottom:70px;}
.product-list-wrap .list-top ~ .product-list{margin-top:20px;}
.product-list-wrap.selected .btn-product-view{display:block}
.product-list-wrap .btn-product-view{display:none; position:absolute; bottom:-22px; left:50%; margin-left:-80px;}
.product-list > ul > li{position:relative; background:#fff; height:236px; border:1px solid transparent; overflow:hidden; width:100%;}
.product-list > ul > li .img{float:left; width:351px; height:234px; background:#ddd;}
.product-list > ul > li .img img {width: 100%; height: 100%;}
.product-list > ul > li .product-desc{float:left; width:calc( 100% - 351px );  height:234px; box-sizing:border-box;} /* 20200612. width:927px; 에서 수정*/
.product-list > ul > li ~ li{margin-top:20px;}
.product-list > ul > li:only-child{margin-bottom:-30px;}
/* 패키지 - 자세히보기 */
.product-list .product-item .btn-icon.ico-detail{vertical-align: bottom;margin-left: 5px;}
/* 패키지 badge */
.product-item .badge .category{padding: 15px 20px;}

/* 상세 내용 */
.product-desc .grid-area-fix{padding:30px 0; height:100%;}
.product-desc .grid-area-fix .colum{padding-left: 30px; height:100%; position:relative;}
.product-desc .grid-area-fix .colum:last-child{padding:0 30px 0 0; text-align:right}
.product-desc .title{display:inline-block; max-width:557px; max-height:50px;color:#333; font-size:22px;}
.product-desc .price{display:block; margin-bottom:5px; font-size:24px; color:#333;}
.product-desc .price em{display:inline-block; vertical-align:middle; font-family: 'Lato','Noto Sans KR',sans-serif; font-weight:900; margin-left:5px;}
.product-desc .standard{display:block; font-size:13px; color:#333;}
.product-desc .standard small{color:#666; font-size:12px;}
.product-desc .btn-lg{font-size:18px; min-width:230px; position:absolute; bottom:0; right:30px;}

.product-desc .date{display:block; font-size:15px; color:#333; margin:7px 0 0;}
.product-desc .guest{display:block; font-size:15px; color:#333; margin:8px 0 15px;}
.product-item .product-desc .text-list.st2{padding-left:0;}
.product-item .product-desc .text-list.st2 li{padding-left:0;}
.product-item .product-desc .text-list.st2 li::before{display:none;}



/* 결과없음 */
.date-wrap .date-none{padding: 160px 0 110px; text-align: center; font-size: 24px; color: #000;}
.date-wrap .date-none .ico-nodate{position:relative; width:5.4rem; height:5.4rem; border:2px solid #b4b4b4; border-radius:100%;margin: 0 auto;}
.date-wrap .date-none .ico-nodate:before{position:absolute; content:''; display:block; top:1.2rem; left:2.4rem; width:.4rem; height:1.8rem; background:#b4b4b4;}
.date-wrap .date-none .ico-nodate:after{position:absolute; content:''; display:block; bottom:1.1rem; left:2.4rem; width:.4rem; height:.6rem; background:#b4b4b4;}
.date-wrap .date-none .ico-nodate + p{margin-top: 30px;}

/* 팝업 내에서 결과없을경우 */
.popup-content .date-wrap .date-none{padding: 110px 0 70px;}

/* 객실 선택 */
.roomtype-list-wrap .inner-tab{margin-bottom:20px;}
.roomtype-list{position:relative;}
.roomtype-list > ul > li{margin-bottom:20px;}
.roomtype-list ul li .roomtype-info{border:2px solid transparent;}
.roomtype-list > ul > li .img{width:100%; height:233px; background:#eee;}
.roomtype-list > ul > li .img img{width:100%;height:232px}
.roomtype-list ul li .desc{position:relative; background-color:#f5f5f5; padding:20px 30px 30px; height:250px;}
.roomtype-list ul li .desc dt{font-size:20px; color:#333; margin-bottom:9px;overflow: hidden; text-overflow: ellipsis;width:90%;}
:lang(ko) .roomtype-list ul li .desc dt { white-space: nowrap; }
.roomtype-list ul li .desc dt small{font-size:16px;}
.roomtype-list ul li .desc dd.room-desc{font-size:15px; color:#333; margin-bottom:5px; line-height:1.47; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height:44px; text-align: left; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

:lang(ko) .roomtype-list ul li .desc dd.room-desc,
:lang(ja) .roomtype-list ul li .desc dd.room-desc {word-break: keep-all}

.roomtype-list ul li .desc dd{font-size:13px; color:#666;}
.roomtype-list ul li .desc dd .sep{padding:0 4px;}
.roomtype-list ul li .desc dd .sep:after{display:inline-block; content:'/';}
.roomtype-list ul li .desc .bottom{position:absolute; bottom:30px; left:30px; width:353px; text-align:right}
.roomtype-list .desc .bottom .btn{width:100%; font-size:18px; text-align:center}
.roomtype-list .desc .bottom .standard{font-size:12px; color:#000; display:inline-block;}
.roomtype-list .desc .bottom .standard small{color:#666; font-size:12px;}
.roomtype-list .desc .bottom .price{position: relative; text-align:right; font-size:20px; color:#333; margin:1px 0 14px;} /* 2020-02-04 온라인 회원 특가 */
.roomtype-list .desc .bottom .price > em{font-family: 'Lato',sans-serif; font-weight:900; font-size:20px; display:inline-block; margin-left:4px;} /* 2020-02-04 온라인 회원 특가 */
.roomtype-list .desc .bottom .price > .discount {color: #da291c;} /* 2020-02-04 온라인 회원 특가 */
.roomtype-list .desc .bottom .price > .discount em {font-family: 'Lato',sans-serif; font-weight:900; font-size:20px; display:inline-block; margin-left:4px;} /* 2020-02-04 온라인 회원 특가 */
.roomtype-list .desc .bottom .price > del{font-family: 'Lato',sans-serif; font-weight:900; font-size:14px; display:inline-block; margin-left:3px;} /* 2020-02-04 온라인 회원 특가 */
.roomtype-list .desc .bottom .price > .onlinePrice {position: absolute;top: 0px;left: 0;display: block;height: 22px;padding: 4px 8px;font-size:12px;font-weight: 700;color:#da291c;border: 1px solid #da291c;border-radius: 10px;} /* 2020-02-04 온라인 회원 특가 */
.roomtype-list .desc .btn-icon.ico-detail{position:absolute; top:20px; right:30px;}
.roomtype-list ul li .desc dt.maxline3 {white-space: normal; line-height: 1.2; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;max-height:74px;overflow: hidden;}

/* 활성화 버튼 컬러 변경 */
.roomtype-list > ul > li.active .btn.btn-default,
.product-list > ul > li.active .btn.btn-default{border: 1px solid transparent; background: #666; color: #fff;font-weight: bold;}
.roomtype-list > ul > li.active .btn.btn-default span,
.product-list > ul > li.active .btn.btn-default span{position: relative; padding-left: 22px;}
.roomtype-list > ul > li.active .btn.btn-default span:before,
.product-list > ul > li.active .btn.btn-default span:before{position: absolute;top: 8px;left: 0;width: 16px; height: 13px; background: url(../image/icon/ico_button_check.png)0 0 no-repeat; background-size: cover; content: "";}
/* motion */
.product-list > ul > li.active,.product-list > ul > li:hover,
.roomtype-list > ul > li.active > .roomtype-info,.roomtype-list > ul > li:hover > .roomtype-info{border-color:#da291c}
.product-list > ul > li,.roomtype-list ul li,
.roomtype-list > ul > li .roomtype-info{transition:all .2s ease-in; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in;}
.roomtype-list.none-hover > ul > li:hover > .roomtype-info{border-color:transparent}

/* 정보 입력 */
.field-box{max-width:1280px; margin:0 auto;}
.field-box .grid-area ~ .grid-area{margin-top:40px;}

/**/
.agree-check-list:after{clear:both; display:block; content:'';}
.agree-check-list > li{float:left; margin-right:60px; font-size:14px}
.radio-wrap .custom-radio {margin-right:40px}
.pop-txt-box .custom-checkbox label {margin-right:20px}
.pop-txt-box .custom-checkbox label:last-child {margin-right:0px}
.btn-bottom-area.type2 {padding: 0;display: table;width: 100%;}
.btn-bottom-area.type2 > .btn {display: table-cell;width: calc(50% - .5rem);}

/* 간격 */
.datepicker-info-wrap ~ .step-content{margin-top:60px;}
.step-content ~ .title-sub-area,.field-box ~ .title-sub-area{margin-top:60px;}
.title-sub-area + .product-list-area,
.title-sub-area + .field-box{margin-top:20px;}
.title-sub-area ~ .tb-wrap,.title-sub-area ~ .guidance-area{margin-top:7px;}
.product-list-area ~ .roomtype-list-wrap{margin-top:82px;}
.tb-view ~ .agree-check-list,.tb-wrap ~ .agree-check-list{margin-top:20px;}
.tb-wrap ~ .btn-bottom-area{margin-top:50px;}
.agree-check-list ~ .btn-bottom-area{margin-top:60px;}
.title-sub-area ~ .map-txt{margin-top:20px;}
.title-sub-area.type{margin:60px auto 20px;}
.title-sub-area.type2{margin:50px auto 20px;}

/* 예약완료 */
.content-wrap.package-sokcho{padding:0}
.content-wrap.reser-complete .breadcrumbs {padding-top:20px;}
.content-wrap.reser-complete .breadcrumbs ol li.current span {color:#fff;display: block;}
.content-wrap.reser-complete .breadcrumbs ol li span {color:#bbbbbb;font-size:14px; padding-right:8px}
.content-wrap.reser-complete .breadcrumbs ol li.current h1 {color:#fff;display: block; font-size: 14px; font-weight: 400;}
.content-wrap.reser-complete .breadcrumbs ol li h1 {color:#bbbbbb;font-size:14px; padding-right:8px; font-size: 14px; font-weight: 400;}

/* 주변관광지 */
.slide-area{background-color: #f5f5f5; padding:70px 0 165px 0; margin-top:90px; overflow:hidden}
.title-sub-area + .slider-list{margin-top:30px;}
.content-wrap .slide-area:last-child{margin-bottom:-95px;}
.slick-dots{position: absolute;bottom: -55px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slider-list .room-list{margin-top:40px; overflow:hidden; width:1920px;min-width:1280px; margin:0 auto;}

/* 테마파크 예얀완료배경 */
.theme-sokcho {background:url('../image/bg/img_theme_sokcho.jpg') no-repeat center top;background-size:cover;padding-bottom:100px}
.theme-buyeo {background:url('../image/bg/img_theme_buyeo.jpg') no-repeat center top;background-size:cover;padding-bottom:100px}

/* 예약완료 배경 */
.package-sokcho {background:url('../image/bg/img-sokcho.jpg') no-repeat center top;background-size:cover;padding-bottom:100px}
.package-buyeo {background:url('../image/bg/img-buyeo.jpg') no-repeat center top;background-size:cover;padding-bottom:100px}
.package-artvillas {background:url('../image/bg/img-artvillas.jpg') no-repeat center top;background-size:cover;padding-bottom:100px}
/* 20240715 김해 지점 추가 임시로 속초 이미지 사용 */
.package-gimhae {background:url('../image/bg/img-sokcho.jpg') no-repeat center top;background-size:cover;padding-bottom:100px}
.content-wrap.package-bg .breadcrumbs {padding-top:20px;}
.content-wrap.package-bg .breadcrumbs ol li.current span {color:#fff;display: block;}
.content-wrap.package-bg .breadcrumbs ol li span {color:#bbbbbb;font-size:14px;padding-right:8px;}
.package-complete {width:1280px;margin:0 auto;padding-top:50px}
.package-complete .title-txt1 {font-size:40px;color:#fff;text-align:center; font-weight:700;}
.package-complete .title-txt2 {position: relative;font-size:18px;color:#fff;text-align:center;margin-top:15px;line-height:26px;} /* 2020-05-15 부여CC 예약 버튼 추가 */
/*.package-complete .title-txt2 {font-size:18px;color:#fff;text-align:center;margin-top:15px;line-height:26px}*/
.package-complete .top {background:#2b2b2b;margin-top:39px;padding:39px 72px;text-align:center;height:110px}
.package-complete .top:after {display:block;content:'';clear:both}
.package-complete .top2 {background:#2b2b2b;margin-top:39px;padding:29px 51px;text-align:center;height:110px}
.package-complete .top2:after {display:block;content:'';clear:both}
.package-complete .top2 .top-left {float:left}
.package-complete .top2 .top-left .st1 {font-size:20px;color:#aaa;line-height:28px;text-align:left}
.package-complete .top2 .top-right {float:right;margin-right:-30px}

.package-complete .btn-xlg-auto {position: absolute;bottom: 0;right: 0;font-size: 14px;line-height: 1.2;} /* 2020-05-15 부여CC 예약 버튼 추가 */

/* 대기예약완료 */
.package-complete.wait{height: 864px;}
.package-complete.wait .top2{height: auto;}
.package-complete.wait .top2 .wait_wrap{padding-bottom: 25px; text-align: center;border-bottom: 1px solid #555; margin-bottom: 25px;}
.package-complete.wait .top2 .wait_wrap .title{color: #fff; font-size: 20px;}
.package-complete.wait .top2 .wait_wrap .cont{margin:15px auto 0; color: #999; font-size: 15px; line-height: normal;}

/* 예약 완료 */
.package-complete > .top > .st1 {font-size:24px;color:#aaaaaa;line-height:28px}
.package-complete .top-right li {text-align:center;float:left;position:relative;width:158px}
.package-complete .top-right .st1 {font-size:14px;color:#999999;}
.package-complete .top-right .st2 {font-size:26px;color:#ffffff;margin-top:5px}
.package-complete .top-right .days {border:2px solid #da291c;padding:0 6px;height:22px;line-height:16px;display:inline-block;border-radius:10px;color:#da291c;position:absolute;top:-3px;left:98px;font-size:15px}
:lang(en) .package-complete .top-right .days {left:118px}
.package-complete .bottom {background:#fff;position:relative}
.package-complete .bottom:after {display:block;content:'';clear:both}
.package-complete .bottom-left {width:793px;padding-left:40px;}
.package-complete .bottom-right {width:450px;padding-right:45px;background:#f3f3f3;padding-left:45px;height:100%;position:absolute;right:0;top:0}
.package-complete .bottom-left div:after {display:block;content:'';clear:both}
.package-complete .bottom-left ul:after {display:block;content:'';clear:both}
.package-complete .bottom-left li {float:left;}
.package-complete .bottom-left .st1 {font-size:13px;color:#666666}
.package-complete .bottom-left strong {font-size:16px;color:#000000;margin-top:8px;display:block;font-weight:normal}
.package-complete .bottom-left strong .txt1 {font-size:15px}
.package-complete .bottom-left strong .txt2 {font-size:13px}
.package-complete .bottom-left li.wd1 {width:240px}
.package-complete .bottom-left li.wd2 {width:260px}
.package-complete .bottom-left li.wd3 {width:220px}
.package-complete .bottom-left div.box1 {height:180px;border-bottom:1px dashed #cdcdcd;padding:40px 10px 40px 10px;position:relative}
.package-complete .bottom-left div.box2 {height:110px;border-bottom:1px dashed #cdcdcd;padding:32px 10px 30px 10px;position:relative}
.package-complete .bottom-left div.box3 {height:118px;border-bottom:1px dashed #cdcdcd;padding:32px 10px 40px 10px;position:relative}
.package-complete .bottom-left div.box4 {height:137px;border-bottom:1px dashed #cdcdcd;padding:45px 10px 45px 10px;position:relative}
.package-complete .bottom-left div.box5 {height:200px;border-bottom:1px dashed #cdcdcd;padding:40px 10px 40px 10px;position:relative}
.package-complete .bottom-left div.box6 {height:130px;border-bottom:1px dashed #cdcdcd;padding:40px 10px 30px 10px;position:relative}
.package-complete .bottom-left div.box4.type2 {padding:35px 10px 35px 10px;}
.package-complete .bottom-left div:last-child {border-bottom:0}
.package-complete .bottom-right ul {border-bottom:1px dashed #cdcdcd;padding:30px 0px 20px 5px;position:relative}
.package-complete .bottom-right .price-div {padding-top:20px}
.package-complete .bottom-right .price-div .btn-area{text-align: right;}
.package-complete .bottom-right .price-div .btn-area .btn{height: 30px;font-size: 12px;line-height: 30px;}
.package-complete .bottom-right .st1 {font-size:13px;color:#666666;line-height:1.5em}
.package-complete .bottom-right .st2 {font-weight:700;font-size:17px;color:#000000;margin-top:10px;display:block}
.package-complete .bottom-right .st2.mt05 {margin-top:5px}
.package-complete .bottom-right .st3 {font-size:14px;color:#333333;width:40px;height:40px;border:1px solid #333333;display:inline-block;border-radius:50%;text-align:center;line-height:36px;margin-left:10px;}
.package-complete .bottom-right .st3.long {font-size:14px;color:#333333;width:auto;height:40px;border:1px solid #333333;display:inline-block;border-radius:20px;text-align:center;line-height:36px;margin-left:10px;padding:0 5px}
.package-complete .bottom-right .st5 {font-size:15px;color:#666666;text-align:right;margin-right:10px}
.package-complete .bottom-right .st6 {font-size:18px;color:#333;margin-left: 3px;}
.package-complete .bottom-right .st7 {font-size:16px;color:#333;float:right}
.package-complete .bottom-right .price {font-family:'Lato',sans-serif; font-weight:900; font-size:35px;color:#da291c}
.package-complete-txt {width:1280px;margin:0 auto}
.white {color:#fff}

/* 패키지예약 완료 */
.payment-div:after{display: block;content: "";clear: both;}
.payment-div .method{font-size: 16px; color: #333;}

/* 예약완료 지도 */
.map {width:100%;height:450px;border:1px solid #ddd}
.map-txt {background:#fbfbfb;height:70px;line-height:70px;font-size:15px;color:#666666;padding:0 20px 0 20px}
.map-txt .link {text-decoration:underline;margin-left:20px}
.map-txt .st1 {color:#333333;font-size:20px;}

/* 추첨예약 안내사항 */
.guidance-area{border-top:1px solid #000;}
.guidance-area .guidance-box:last-child{border-bottom:0;}
.guidance-area .guidance-box .desc{margin-top: 20px; font-size: 14px; color: #333;}
.guidance-area .text-list li{font-size: 14px;}

.guidance-box{padding:30px; border-bottom:1px solid #ddd;}
.guidance-box h3{color:#333; font-size:20px; font-weight:normal; margin-bottom: 20px}
.guidance-box .grid-area h4{color:#333; font-size:15px; font-weight:normal; margin-bottom:10px;}
.guidance-box .guidance-title-wrap{margin-bottom: 20px;}
.guidance-box .guidance-title-wrap h3{margin-bottom: 7px;}
.guidance-box .guidance-title-wrap h3 + .sub-text{font-size: 14px;color: #000;}

/* 추첨예약 투숙자 정보 입력 */
.tb-wrap.col > table tbody .apply-line td{padding:0;}
.apply-line .apply-list{padding:20px;}
.apply-line .apply-list li:after{clear:both; content:'';}
.apply-line .apply-list li .tit{display:block; float:left;}
.apply-line .apply-list li + li{margin-top: 15px;}
.apply-list .input-group > .input-group-cell{padding:0 5px;}
.apply-list .input-group .input-group-add,
.apply-list .input-group .input-group-cell{width:auto;}
.apply-list .input-group .input-group-cell.w-220{min-width:220px;}
.apply-list .input-group .input-group-cell.w-170{min-width:170px;}
.apply-list .input-group .input-group-cell.w-180{min-width:180px;}
.apply-list .input-group .input-group-cell.w-100{min-width:100px;}
.apply-list .input-group .input-group-cell.w-270{min-width:270px;}
.apply-list .custom-select .select{padding-right: 1.5rem;}
.apply-list .input-group.input-lg .input-group-add.txt{min-width:50px}

/* table font */
.tb-wrap.font-15 > table tbody td{font-size: 15px;line-height: normal;}

/* layer-popup 안 sub title */
.popup-wrap .popup-content .sub-tit{font-size:26px; color:#000; font-weight:normal;}
.input-group .input-group-cell.w-350{width:350px;}
.layer-pop .popup-wrap .btn-bottom-area.full .btn{width: 100%;font-size:16px}

.tb-view.result {padding:0}



/* 비회원 로그인 유도 팝업 20231031 수정 */
.popup-wrap .popup-content2{padding: 40px 0;font-size:1.4rem;background-color: #f5f5f5;} /* 2020-06-24 비회원 로그인 유도 팝업 수정 */
.popup-wrap .popup-content2 .popup-bottom{padding: 50px 0 0;} /* 2020-06-24 비회원 로그인 유도 팝업 수정 */
.popup-content2 .cont-wrap{font-size: 0;}
.popup-content2 .cont-wrap ul {display: flex; justify-content: center;}
.popup-content2 .cont-wrap li {width: 30%; display: inline-block;text-align: center;vertical-align: top;}
.popup-content2 .cont-wrap li + li {padding-left: 2rem;margin-left: 2rem;border-left: 1px solid #efefef;}
.popup-content2 .cont-wrap .img{display: block;width: 14rem;height: 14rem;padding-top: 2.5rem;background: #fff;border-radius: 50%;margin: 0 auto;}
.popup-content2 .cont-wrap .img > i {display: inline-block;width: 9rem;height: 9rem;background-position: center;background-repeat: no-repeat;}
.popup-content2 .cont-wrap .list-01 {background-image: url('../image/icon/ico_list_benefit1.png');}
.popup-content2 .cont-wrap .list-02 {background-image: url('../image/icon/ico_list_benefit5_90px.png');}
.popup-content2 .cont-wrap .list-03 {background-image: url('../image/icon/ico_list_benefit6_90px.png');}
.popup-content2 .cont-wrap .list-04 {background-image: url('../image/icon/ico_list_benefit7_90px.png');}
.popup-content2 .cont-wrap .tit {display: block;margin-top: 1.5rem;color: #000000;font-size: 1.8rem;line-height: 2.6rem;}
.popup-content2 .cont-wrap .cont{margin-top: 1rem;font-size: 1.5rem;line-height: 2.4rem;}



/* 220420 예약완료 팝업 */
.pkg_modal{font-size:0;}
.pkg_modal .grid-area.gap-3 {padding:34px 22px 30px 22px;margin: 0;background-color:#fff;}
.pkg_modal .grid-area.gap-3 .colum {padding: 0;margin: 0;}
.pkg_modal .grid-area.gap-3 .colum .btnwrap {background-color: #fff;text-align: center;padding:10px 0 20px;}
.pkg_modal .grid-area.gap-3 .colum:first-child{border-right: 1px solid #eee;}
.pkg_modal .notice-area .btn-notice-toggle {position: absolute;left: 0;top:0;background-color: #000;width: 50px;height: 140px;border:0;z-index: 20}
.pkg_modal .notice-area .btn-notice-toggle i {display: block;height: 36px}
.pkg_modal .notice-area .btn-notice-toggle i::before {content: '';background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30.5px' height='28.5px'%3e%3cpath fill-rule='evenodd' fill='rgb(218, 41, 28)' d='M13.998,9.500 C11.784,9.500 9.990,11.289 9.990,13.495 C9.990,15.701 11.784,17.490 13.998,17.490 C16.212,17.490 18.006,15.701 18.006,13.495 C18.006,11.289 16.212,9.500 13.998,9.500 Z'/%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M26.590,10.782 L13.127,1.232 L13.127,26.612 L26.590,17.062 L26.590,10.782 Z'/%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M27.000,8.500 L29.000,8.500 C29.552,8.500 30.000,8.948 30.000,9.500 L30.000,17.500 C30.000,18.052 29.552,18.500 29.000,18.500 L27.000,18.500 C26.448,18.500 26.000,18.052 26.000,17.500 L26.000,9.500 C26.000,8.948 26.448,8.500 27.000,8.500 Z'/%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M-0.000,12.500 L8.000,12.500 L8.000,13.500 L-0.000,13.500 L-0.000,12.500 Z'/%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M7.475,17.818 L1.818,23.475 L2.525,24.182 L8.182,18.525 L7.475,17.818 Z'/%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M7.329,8.495 L2.005,3.171 L2.671,2.505 L7.995,7.829 L7.329,8.495 Z'/%3e%3c/svg%3e");background-size: 100% 100%;display: block;width: 30px;height: 28px;margin: 0 auto}
.pkg_modal .notice-area .btn-notice-toggle em {display: block;font-size: 14px;line-height: 14px;color:#fff;}
.pkg_modal {position: relative;width: 100%;height: 100%}
.pkg_modal .notice-area {position: absolute;left: 0;top:180px;z-index: 10}
.pkg_modal .notice-area[data-state="active"] .btn-notice-toggle i::before {content: '';background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M20.167,1.040 L11.212,9.514 L20.011,18.313 L19.313,19.011 L10.495,10.193 L1.540,18.667 L0.833,17.960 L9.788,9.486 L0.989,0.687 L1.687,-0.011 L10.505,8.807 L19.460,0.333 L20.167,1.040 Z'/%3e%3c/svg%3e");background-size: 100% 100%;display: block;width: 21px;height: 19px;margin: 0 auto}
.pkg_modal .notice-area[data-state="active"] #swiper-notice   {-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 1;z-index: 10;-webkit-box-shadow:21px 21px 30px 0px rgba(0, 0, 0, 0.2); box-shadow:21px 21px 30px 0px rgba(0, 0, 0, 0.2);}
.pkg_modal .notice-area #swiper-notice {-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity:0;z-index: 10;}
.pkg_modal .pkg_tit{font-size:24px;line-height:26.5px;font-weight:bold;color:#000000;text-align:center;}
.pkg_modal .pkg_tit span{color:#da281c}
.pkg_modal .pkg_link_wrap{padding-top:32px;}
.pkg_modal .pkg_link_wrap .link_list li{position:relative;}
.pkg_modal .pkg_link_wrap .link_list li + li{margin-top:10px;}
.pkg_modal .pkg_link_wrap .link_list li .txt_wrap{position:absolute;top:0;right:0;width:163px;height:153px;text-align:center;display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
.pkg_modal .pkg_link_wrap .link_list li .txt_wrap p{font-size:16px;color:#000;line-height:18px;}
.pkg_modal .pkg_link_wrap .link_list li .txt_wrap .btn{margin-top:5px;padding:0 18px;display:inline-block;width:100px;height:28px;font-size:14px;line-height:28px;color:#fff;border:none;background:#666;box-sizing:border-box;}


/* 2023-03-27 추가 */
.roomtype-list-new ul li .desc{height: 280px;}
.roomtype-list-new .ealry-price .ep{display: block;}
.roomtype-list-new .ealry-price{line-height: 1.6em;display: block; text-align:left;                                }
.roomtype-list-new .desc .bottom .standard{display: block;}
.roomtype-list-new .price .ep{text-decoration: line-through;color: #333333;margin-left: 4px;font-size: 14px;}

/* 20240814 영문 지점 두줄처리 */
:lang(en) .reser-summary .in-box-colum {padding: 16px 26px 10px;}
:lang(en) .reser-summary .summary-step1 .in-box-colum dd.sum-value.step1-value {	display: -webkit-box;  height: 34px;   overflow: hidden;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    white-space: pre-line;   }

/* 20250110 메인 예약하기 얼리버드 할인 추가 pc*/
.roomtype-info.ealry-event .early-bird {position: relative;width: 114px;height: 24px;border: 1px solid #FFBBC0;border-radius: 20px;padding: 0 15px;display: flex;justify-content: flex-end;align-items: center;line-height: 1.8rem;font-size: 13px;color: #E50113;font-weight: 600;background: none;}
.roomtype-info.ealry-event .early-bird::before {position: absolute;content: '';top: 5px;left: 12px;width: 13px;height: 12px;background:url("../image/icon/early_bird_siren.png");background-repeat: no-repeat;background-size: contain; }

/* 20250114 오늘의 특가 추가pc */
.roomtype-list ul li .roomtype-info.today-deal { border: 2px solid #162657; }
.roomtype-list ul li .roomtype-info.today-deal .img .deal-box { position: absolute; top: -2px; right: -2px; display: flex; pointer-events: none;   background-color: #162657;   clip-path: polygon(0 0, 100% 0%, 100% 100%, 11% 100%);   }
.roomtype-list ul li .roomtype-info.today-deal .img .deal-box .deal-txt { display: flex; width: 100%; min-width: 17.2rem; height: 3.9rem; color: #ffffff; background-color: #162657; padding: 13px 11px; align-items: center; justify-content: flex-end; clip-path: polygon(0 0, 100% 0%, 100% 100%, 11% 100%); }
.roomtype-list ul li .roomtype-info.today-deal .img .deal-box .deal-txt span { font-size: 1.7rem; line-height: 22px; font-weight: 500; letter-spacing: -0.12em; }
.roomtype-list ul li .roomtype-info.today-deal .img .deal-box .deal-txt::before { content: ''; display: inline-block; width: 1.2rem; height: 1.2rem; background-image: url("../image/icon/today_deal_check.png"); background-repeat: no-repeat; background-size: contain; margin-right: 7px; margin-top: 1px;}


/* 2024-07-29 김해리조트 영문 수정 */
.package-complete .bottom-right .st2 {
	font-size: 1.5rem;
}