@charset "utf-8";
/* CSS Document */

#wrap {position:relative; overflow:hidden;}
#container {}
.content {width:100%; height:100vh;}
.sec {width:100%; height:100%; position:relative;}
.sec:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.55);}
.sec > img {width:100%; height:100%; display:block; object-fit:cover; z-index:-1;}

/*header*/
#header {width:100%; background:rgba(255, 255, 255, 1); position:fixed; top:0; left:0; right:0; zoom:1; z-index:99998;}
#header:after {display:block; clear:both; content:'';}
#gnb h1 {padding:18px 0 9px 0; text-align:center;}
#gnb h2 {padding:0 0 9px 0; text-align:center;}

/* content */
.travel {position:relative;}
.travel .swiper {width:100%; height:100%; background:#000; position:relative;}
.travel .swiper-slide {text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.travel .swiper-pagination {width:50%; left:50%; top:88vh; transform:translateX(-50%); height:20px;}
.travel .swiper-pagination-bullet {background:#fff; opacity:0.8; vertical-align:middle;}
.travel .swiper-pagination-bullet-active {opacity:1; background:none; border:2px solid #fff;}
.sec .travelType {position:absolute; left:30px; right:30px; top:17vh; bottom:15vh; z-index:1000;}
.sec .travelType h2 {font-weight:700; color:rgba(255, 255, 255, 1); font-size:30px;}
.sec .travelType h2 > span {font-family:'NotoSansM'; font-weight:300; font-size:17px; color:rgba(255, 255, 255, 0.8); display:block; padding-top:8px;}
.sec .travelType ul {position:absolute; left:0; right:0; bottom:0;}
.sec .travelType ul li {background:rgba(255, 255, 255, 0.85); border-radius:15px; padding:16px 20px; zoom:1;}
.sec .travelType ul li:after {content:''; clear:both; display:block;}
.sec .travelType ul li + li {margin-top:10px;}
.sec .travelType ul li a {font-size:15px; color:#000;}
.sec .travelType ul li .logo {width:28%; max-height:30%; display:block; float:right; text-align:right;} 
.sec .travelType ul li .info {text-align:left; width:70%; float:left; display:block;}
.sec .travelType ul li .info > font {display:block;}
.sec .travelType ul li .info .fontB {font-weight:600;}
.sec .travelType ul li .info .note {font-size:13px; color:#159a83; letter-spacing:-1px; padding-left:15px; text-indent:-15px; margin-top:4px;}
.sec .travelType ul li .info .note_check {font-size:13px; color:#ef3f3b; margin-top:4px;}
.travel .scrolldown {text-align:center; width:50%; background:rgba(0, 0, 0, 0.7); padding:10px 10px; border:1px solid #fff; border-radius:10px; position:absolute; left:50%; bottom:15vh; transform:translateX(-50%); z-index:999;}
.travel .scrolldown a {color:#fff;}
.travel .scrolldown span {display:block;}
.travel .scrolldown span img + img {display:inline-block; padding-left:10px;}
.package {background:url('http://img.hyundaidreamtour.com/images/tour/tourmall/common/mbl/m_bg_package_0502.jpg') no-repeat; background-size:cover; position:relative;}
.package:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0); z-index:1;}
.package .inner {position:absolute; left:0; right:0; top:15vh; bottom:0; z-index:999;}
.package h2 {font-weight:700; color:rgba(255, 255, 255, 1); font-size:30px; text-align:center;}
.package .packAgency {margin-top:3vh;}
.package .swiper {width:100%;}
.package .swiper-slide {width:70%; height:280px; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.package .packAgency .agency, .package .packAgency .promo {border-radius:30px; position:relative;}
.package .packAgency .agency.lotte {background:#e5ebff;}
.package .packAgency .agency.hana {background:#ede6f9;}
.package .packAgency .agency.hanjin {background:#daf1fc;}
/*2023-01-25 추가*/
.package .packAgency .agency.promo {background:url(http://img.hyundaidreamtour.com/images/tour/tourmall/common/mbl/m_promo_common_230518.jpg) no-repeat 50% 50%; background-size:cover;}
.package .packAgency .agency.trt {background:url(http://img.hyundaidreamtour.com/images/tour/tourmall/common/mbl/m_promo_trt.jpg) no-repeat 50% 50%; background-size:cover;}

/*//2023-01-25 추가*/
.package .packAgency .agency .benefit {position:absolute; top:0; left:0; right:0; background:#0054b2; border-radius:30px 30px 0 0; color:#fff; padding:10px;}
.package .packAgency .agency .benefit.hana {background:#5e2bb8;}
.package .packAgency .agency .benefit.hanjin {background:#0a9ad1;}
.package .packAgency .agency .discount {font-family:'NotoSansB'; font-size:15px; color:#009c75; text-align:center; padding-top:5px;}
.package .packAgency .agency .logo {position:absolute; top:16%; left:0; right:0;}
.package .packAgency .agency .logo.hanjin {top:17%; left:0; right:0;}
.package .packAgency .agency .contact {background:#fff; border-radius:30px; position:absolute; top:40%; bottom:0; left:0; right:0; padding:20px;}
.package .packAgency .agency .contact .box {width:100%; height:100%; position:relative;}
.package .packAgency .agency .contact .box .callcenter {font-family:'NotoSansB'; font-size:20px; color:#000; padding-top:10px; display:block;}
.package .packAgency .agency .contact .box .btnArea {position:absolute; left:0; right:0; bottom:14px; zoom:1;}
.package .packAgency .agency .contact .box .btnArea:after {content:''; clear:both; display:block;}
.package .packAgency .agency .contact .box .btnArea a {display:inline-block; border:1px solid #000; border-radius:20px; padding:8px 24px;}

/*2023-01-25 추가*/
.package .packAgency .agency .promo_contact {position:absolute; top:25%; bottom:0; left:0; right:0;}
.package .packAgency .agency .promo_contact .title {font-family:'NotoSansB'; font-size:22px; color:#000;}
.package .packAgency .agency .promo_contact .sub_text {font-weight:300; font-size:16px; color:#000; padding-top:8px;}
.package .packAgency .agency .promo_contact .box {width:100%; height:100%; position:relative;}
.package .packAgency .agency .promo_contact .box .btnArea {position:absolute; left:0; right:0; bottom:75px; zoom:1;}
.package .packAgency .agency .promo_contact .box .btnArea:after {content:''; clear:both; display:block;}
.package .packAgency .agency .promo_contact .box .btnArea a {display:inline-block; border:1px solid #000; border-radius:20px; padding:8px 24px;}

/*//2023-01-25 추가*/
/*.package .packAgency .promo a{width:100%; height:100%; border-radius:20px; background:url(http://img.hyundaidreamtour.com/images/tour/tourmall/common/mbl/m_promo_common_230125.png) no-repeat 50% 50%; background-size:cover; }프로모션 2023-01-25 삭제*/
.package .infoArea {width:70%; margin:4.3vh auto; overflow:hidden; position:relative; display:flex; flex-wrap:wrap;} /* 2026-01-06 수정 */
.package .infoArea li:not(.scrolldown) {flex:1;}/* 2026-01-06 추가 */
.package .infoArea li {height:40px; background:#fff; float:left; text-align:center;}
.package .infoArea .gift {width:25%; height:40px; padding-top:25px; border-radius:10px 0 0 0; color:#4a433b; font-size:12px; font-weight:700; letter-spacing:-1px;}
.package .infoArea .shilla {width:25%; height:43px; padding-top:22px; border-left:1px solid #ccc;}
.package .infoArea .special_ehb {width:25%; height:40px; padding-top:25px; border-left:1px solid #ccc; color:#4a433b; font-size:12px; font-weight:700; letter-spacing:-1px;} /* 26-01-06 추가 */
.package .infoArea .jeju {width:23.5%; height:40px; padding-top:25px; border-left:1px solid #ccc;}
.package .infoArea .usim {width:25%; height:43px; padding-top:22px; border-left:1px solid #ccc; border-radius:0 10px 0 0;}
.package .infoArea .scrolldown {width:100%; height:20px; padding:14px 0; text-align:center; background:#009782; color:#fff; border-radius:0 0 10px 10px;}
.package .infoArea .scrolldown a {color:#fff;}
.package .infoArea .scrolldown img {margin:5px 0 0 7px;}
/* banner*/
.popup {text-align:center; background:rgba(0,0,0,0.75); overflow:auto; outline:0; position:fixed; top:0; right:0; bottom:0; left:0; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform:translate3d(0,0,0); transition:opacity .4s cubic-bezier(0.23, 1, 0.32, 1) 0s; will-change:opacity,transform; visibility:hidden; z-index:99999;}
.popup:after {width:0; height:100%; vertical-align:middle; display:inline-block; content:'';}
.p_cont {width:80vw; display:inline-block; vertical-align:middle; position:relative; background:#fff; border-radius:10px; overflow:hidden; transform:scale(0.8); transition:opacity .2s ease,visibility 0s .1s, transform 450ms cubic-bezier(.23,1,.32,1) 0s; will-change:transform,opacity;}
.p_cont.kakao {width:80vw; height:66vh; background:#fbe902; display:inline-block; vertical-align:middle; position:relative; border-radius:30px; overflow:hidden; transform:scale(0.8); transition:opacity .2s ease,visibility 0s .1s, transform 450ms cubic-bezier(.23,1,.32,1) 0s; will-change:transform,opacity;}
.popup.opened {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility:visible;}
body.popup-opened {position:fixed; top:0; left:0; right:0; overflow:hidden;}
.popup.opened .p_cont {transform:scale(1);}
.p_close {position:absolute; top:2vh; right:3.5vw; width:20px; height:20px; background:url('http://img.hyundaidreamtour.com/images/tour/tourmall/common/close_btn.png') no-repeat; cursor:pointer;}

/* 2025-12-24 메리츠화재 여행자보험 추가 */
body.meritz {position:relative; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; font-size:12px; color:#797979; letter-spacing:-0.7px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1; -webkit-overflow-scrolling:touch;}
/* 체크박스 */
.chkBox {display:inline-block; vertical-align:top;}
.chkBox input[type="checkbox"] {display:none;}
.chkBox input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:24px; font-size:13px; line-height:18px; color:#797979;}
.chkBox input[type="checkbox"] + label:after {content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:18px; height:18px; border:1px solid #d0d0d0; box-sizing:border-box; background:#fff;}
.chkBox input[type="checkbox"]:checked + label:after {border:1px solid #004d45; background:url("http://img.hyundaidreamtour.com/images/tour/tourmall/common/m_meritz_chk_icon.gif") center no-repeat #fff; background-size:17px;}
.chkBox.right input[type="checkbox"] + label {padding-left:0; padding-right:27px;}
.chkBox.right input[type="checkbox"] + label:after {left:auto; right:0;}
/* agreeDiv */
.agreeDiv .list {position:relative; border-bottom:1px solid #e5e5e5;}
.agreeDiv .list:last-child {border-bottom:1px solid #797979;}
.agreeDiv .list .topD {position:relative; padding:15px 10px 15px 0;}
.agreeDiv .list .topD:after {content:''; display:block; clear:both;}
.agreeDiv .list .topD .chkBox label {font-size:min(3vw, 13px); line-height:min(3.8vw, 20px); color:#000; word-break:keep-all;}
.agreeDiv .list .topD .chkBox label .redT {color:#e64949;}
.agreeDiv .list .bottomD {display:none; max-height:115px; overflow-y:auto; padding:10px 15px; background:#fafafa; font-size:14px; line-height:22px; color:#797979; border-top:1px solid #e5e5e5;}
.agreeDiv .list .bottomD .subTit {margin-top:20px; padding-bottom:6px; font-size:min(2.5vw, 12px); line-height:20px; color:#000;}
.agreeDiv .list .bottomD .subTit:first-child {margin-top:0;}
.agreeDiv .list .bottomD .txt {font-size:min(2.5vw, 12px); line-height:min(3.8vw, 20px); color:#797979;}
.thtHPromo {position:relative; margin:0 auto; background:#fff; padding-top:min(12.5vw, 80px); width:100%; max-width:640px;}
.thtHPromo h1 {margin-bottom:min(9.375vw, 60px); color:#2d2d2d; font-weight:700; font-size:min(6.25vw, 40px); line-height:1.35; text-align:center;}
.thtHPromo .promo_img {margin:0 auto; background:#fff; width:min(82vw, 480px);}
.thtHPromo .agree_section {margin:0 auto; width:min(82vw, 480px);}
.thtHPromo .agree_section .agree_title {margin-top:min(6.25vw, 40px); border-top:1px solid #333; border-bottom:1px solid #333; padding:min(3.125vw, 20px) 0; color:#333; font-weight:500; font-size:min(3.2vw, 18px);}
.thtHPromo .essential {margin:min(2.5vw, 16px) auto min(6.25vw, 40px); width:min(82vw, 480px); color:#b60000;}
.thtHPromo .bottomBtnDiv {margin:0 auto; width:min(62.5vw, 400px);}
.thtHPromo .bottomBtnDiv2 {display:block; margin-top:clamp(0px, 4.6875vw, 30px); font-weight:600; font-size:clamp(0px, 3.75vw, 24px); text-align:center; text-decoration:underline;}
.thtHPromo .bottomBtnDiv2 a {color:#3f3f3f;}
.thtHPromo .precautions {margin-top:min(10.625vw, 68px); background:#f3f3f3; padding:clamp(0px, 6.25vw, 40px); color:#333; font-size:clamp(0px, 3.4375vw, 22px); line-height:clamp(0px, 5.3125vw, 34px); text-align:left; word-break:keep-all;}
/* //2025-12-24 메리츠화재 여행자보험 추가 */