@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css); 

@import "normalize.css"; /* reset */
@import "slick.css"; /* slick swiper */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');
/* 
   WEB FONT (CDN server)
   Nanum Barun Gothic, Nanum Myeongjo
*/
@font-face { font-family: 'MapoGoldenPier'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoGoldenPierA.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GyeonggiTitleM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@import url(//cdn.rawgit.com/puts-blog/NanumSquare/master/NanumSquare.css);
@font-face {
	font-family:'Levenim';
	font-weight:normal;
	src:url('../font/Levenim_Bold.eot');
	src:url('../font/Levenim_Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/Levenim_Bold.woff') format('woff');
}
@font-face { font-family: 'YiSunShinDotumM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/YiSunShinDotumM.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BBTreeGB'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_nine_@1.1/BBTreeGB.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Cafe24Simplehae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight: normal; font-style: normal; }
/* default */
html {height:100%; }
body {position:relative; }
div,header,section,article,aside,nav,ul,ol,li,p,a { box-sizing:border-box; }
a { text-decoration:none; }
ul,
h1, h2, h3, h4, h5, h6,
address, p { margin:0; padding:0; font-weight:normal; font-size:inherit; }
li { list-style-type:none; }
dl, dt, dd { margin:0; }
figure { margin:0; padding:0; }
caption { display:none; }
button { border:0; outline:0; background-color:transparent; }
em, address, i { font-style:normal; }

/* layout */
.freeze { overflow:hidden; }
.bg-mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1100; background:rgba(0,0,0,0.6); }
.bg-mask.on { display:block; }
.mobile-only { display:none; }
.myVideo {width: 1920px;}

.scroll-obj { opacity:0; }
.scroll-obj.active { opacity:1; -webkit-animation:active-y 1.5s 1; -ms-animation:active-y 1.5s 1; animation:active-y 1.5s 1; }



/* Tour */
.box-tit.bg-tour { background-image:url('/web/img/rev/tour_main.jpg'); }
.tour-info { width:996px; margin:60px auto 0 auto; }
.tour-info .txt-top { text-align:center; font-family:'Levenim'; font-size:12px; color:#9e9d9c; }
.tour-info h1 { max-width:620px; margin:25px auto 40px auto; padding-bottom:15px; text-align:center;  font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.tour-info .txt-sub { text-align:center; font-size:14px; color:#8a8988;  }

.tour-list-wrap { max-width:1480px; margin:40px auto 100px auto; padding:0 10px; }
.tour-list { overflow:hidden; }
.tour-list li { clear:both; min-height:400px; overflow:hidden; margin-bottom:20px; margin-top: 3%; }
.tour-list li .tour-slide { float:right; width:50%; }
.tour-list li .tour-slide .slide { height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.tour-list li .tour-txt { float:left; width:50%; padding:40px; color:#646464; border: 2px solid #999; height: 400px; }
.tour-list li .tour-txt h1 { margin-bottom:20px; }
.tour-list li .tour-txt h1 span { font-size:15px; }
.tour-list li .tour-txt h1 strong { display:block; font-size:25px; font-weight:normal; color:#434450; }
.tour-list li .tour-txt p { font-size:14px; }
.tour-list li .tour-txt .distance span { display:inline-block; margin-top:20px; border-bottom:1px solid #646464; }
.tour-list li .tour-txt a { display:inline-block; margin-top:20px; }
.tour-list li:nth-child(even) .tour-slide { float:left; width:50%; }
.tour-list li:nth-child(even) .tour-txt { float:right; width:50%; border: 2px solid #999; height: 400px; }

/*rev*/
.box-tit.bg-rev { background-image:url('/web/img/rev/rev_main.jpg'); }
.box-tit.bg-con { background-image:url('/web/img/rev/com_main.jpg'); }

.supmap { position:relative; margin:2.5em 0; font-size:1.1em; font-weight:400; text-align:center; color:#585858; }
.supmap .title01 {display:block;font-family: 'SpoqaHanSansNeo-Regular';font-size:2.2em;line-height:1.2em;/* letter-spacing:-0.02em; */margin-bottom:0.5em;color: #4f608f;} 
.supmap .title02 {letter-spacing: 2px;display:block;font-size:1.1em;line-height:1.3em;margin-bottom:1em;font-family: 'Pretendard-Light';font-weight: bold;}
.supmap .title03 {display:block;font-family: 'Kanit', sans-serif;font-size:10px;line-height:1.2em;color:#a7a7a7;font-weight: 200;letter-spacing:0.05em;opacity:0.6;}
.title_line:before { content:''; display:block; margin:30px auto 15px; width:1px; height:40px; background:#a7a7a7;  }

.sup_rev{max-width:100%; margin:auto; text-align:center;}
.sup_rev a { display:inline-block; width:260px; margin-top:40px; line-height:45px; color:#7e8389; border:1px solid #7e8389; border-radius:40px; text-align:center;}
.sup_rev a:hover {color: #fff; background-color: #90b0e0; border: 1px solid #90b0e0; transition: all 0.3s ease-in-out;}



.refun_info { border: 1px solid #ccc; width: 100%;    text-align: center; line-height: 1.5rem; margin-top:2%;}
.refun_info tr { border: 1px solid #ccc; }
.refun_info th { border: 1px solid #ccc; background-color: #eee; }
.refun_info tr td {border: 1px solid #ccc; }
.refun_info td { border: 1px solid #ccc; }
				
.dash-list li {position:relative;padding-left:10px;line-height:2;font-size: 15px;margin-top: 3px;font-family: 'Pretendard-Light';}
.dash-list li:before { content:'-'; position:absolute; left:0; top:0;  }
.dash-list li strong { font-weight:600; color:#a62222;}
.dash-list li span { color:#a62222; }

.reserve-price { max-width:80%; overflow:hidden; margin:0 auto;  padding:0 10px; margin-top:0 !important;}
.reserve-price .table-wrap {  }

.rev-info-01 .txt { text-align:center; width:100%; padding-top:45px; color:#777877;}
.rev-info-01 .txt h1 strong{ line-height:4; display:block; font-size:15px; font-weight:600 !important; }
.rev-info-01 .txt h1 span{ font-size:35px; font-family: 'Muli', sans-serif;}
.rev-info-01 .txt ul li { line-height:1.7; color:#545454; font-size:15.5px;}
.rev-info-01 .basic-list {margin-top:30px;}
.reserve-info-01 { max-width:1530px; overflow:hidden; margin:0 auto; margin-top:130px; padding:0 10px; }
.reserve-info-01 .img { float:left; width:50%; }
.reserve-info-01 .txt {float:left;width:50%;padding-top:30px;font-family: 'Pretendard-Light';}
.reserve-info-01 h1 {margin-bottom:15px;vertical-align: middle;}
.reserve-info-01 h1 * { display:inline-block; vertical-align:baseline; }
.reserve-info-01 h1 strong {font-size: 28px;font-family: 'SpoqaHanSansNeo-Regular';font-weight:bold;text-transform: uppercase;color:#8ea8cf;}
.reserve-info-01 h1 span {margin-left:10px;padding-left:10px;border-left:1px solid #626262;font-size: 19px;color:#626262;vertical-align: middle;font-weight: 600;margin-bottom: 10px;}
.reserve-info-01 .txt p { line-height:1.7; color:#545454; }
.reserve-info-01 .txt dt { display:inline-block; width:100px;  font-size:16px; }
.reserve-info-01 .txt dd { display:inline-block;font-size:20px; color:#888888; }
.reserve-info-01 .txt dd span { font-size:14px; }
.reserve-info-01 .txt .m-top-1 {margin-top:30px;margin-bottom: 15px;}
.reserve-info-01 .txt .m-top-2 { margin-top:50px; }

.reserCon02, .reserCon03 {max-width:1370px;margin:5% auto 5%;}
.rev-info-02 {max-width: 79%;margin: 8% auto 45%;}
.rev-info-02 .img {margin-bottom:45px;}
.rev-info-02 h1 {margin-bottom:15px;vertical-align: middle;}
.rev-info-02 h1 * { display:inline-block; vertical-align:baseline; }
.rev-info-02 h1 strong {font-size: 28px;font-family: 'SpoqaHanSansNeo-Regular';font-weight:bold;text-transform: uppercase;color:#8ea8cf;}
.rev-info-02 h1 span {margin-left:10px;padding-left:10px;border-left:1px solid #626262;font-size: 19px;color:#626262;vertical-align: middle;font-weight: 600;margin-bottom: 10px;font-family: 'Pretendard-Light';}
.rev-info-02 .info ul b {font-size: 18px;font-weight:bold;}
.rev-info-02 .info ul { margin-bottom:40px; color:#545454; font-size:13px; line-height:1.8;}
.rev-info-02 .info ul li span{color:#c83d3d;}
.rev-info-02 .img img {width:100%;}
.rev-info-02 .information {float:left; width:48%;} .rev-info-02 .price {float:right; width:50%;} .rev-info-02 .refund{width:100%; display:inline-block;}

table { border: 1px solid #ccc; width: 100%; text-align: center; line-height: 1.5rem; }
table tr { border: 1px solid #ccc;}
table th {border: 1px solid #ccc;background-color: #eee;line-height: 1.5;padding: 10px 0;font-size: 13px;}
table tr td {border: 1px solid #ccc;line-height: 1.5;padding: 10px 0px;font-size: 12px;}
table td { border: 1px solid #ccc; line-height:3;}
#mo {display:none;}

.rev_roominfo{  margin-top: 20px;}
.revoom_b{font-size: 20px;margin-bottom: 15px;font-family: 'Pretendard-Regular'; color: #a62222;}
.re_txt{line-height: 2;font-size: 15px;/* border-bottom: 1px dotted #ccc; */padding-bottom: 2px;font-family: 'Pretendard-Light';}
.re_txt span { display: block;   font-weight: 600;  color: #789082;   margin-top: 18px;}

	


.pc-price { display:block; }
.m-price { display:none;}

/* Animation */
@keyframes up-down {
	0% { bottom:50px; }
	50% { bottom:10px; }
	100% { bottom:50px; }
}

@keyframes table-guide {
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:0; }
}

@keyframes active-y {
	0% { transform:translateY(100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

@keyframes slide-effect {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}

/* media query */
@media all and (max-width: 1700px) {
.rev-info-02{/* margin-bottom:52%; */}
}

@media all and (max-width: 1600px) {
.reserve-info-01, .rev-info-02{max-width:1400px;}
.reserve-info-01 .txt{width:40%; margin-left:25px;}
}

@media all and (max-width: 1440px) {
.reserve-info-01, .rev-info-02, .tour-list-wrap{max-width:1250px;}
.reserve-info-01 .txt{margin-left:110px;}
}

@media all and (max-width: 1280px) {
.reserve-info-01, .rev-info-02, .tour-list-wrap{max-width:1200px;}
.dash-list li{font-size:14px;} .reserve-info-01 .txt dd{font-size:17px;}
}

@media all and (max-width: 1024px) {
.reserve-info-01, .rev-info-02, .tour-list-wrap{max-width:95%;}

.reserve-info-01 .img, .reserve-info-01 .txt, .rev-info-02 .information, .rev-info-02 .price{width:100%;}
.rev-info-02 .price{float:none;}
.reserve-info-01 .img img {width:100%;} .reserve-info-01 .txt{ margin:0;}
.rev-info-02{/* margin-bottom:135% !important; */}


	

	.tour-info { width:auto; }
	.tour-list-wrap { max-width:none; width:auto; }
	.tour-list li { min-height:100px; border-width:1px; }
	.tour-list li .tour-slide { float:none !important; width:auto !important; }
	.tour-list li .tour-slide .slide { height:300px; }
	.tour-list li .tour-txt { float:none !important; width:auto !important; padding:20px 10px; }
	.tour-list li .tour-txt h1 { margin-bottom:15px; }
	.tour-list li .tour-txt h1 span { font-size:11px; }
	.tour-list li .tour-txt h1 strong { font-size:17px; }
	.tour-list li .tour-txt p { font-size:12px; }
	.tour-list li .tour-txt a { margin-top:15px; }
	
	.pc-price { display:none; }
	.m-price { display:block; }
	
}

@media all and (max-width: 700px) {
.reserve-info-01{margin-top:70px;}
    
}

@media all and (max-width: 450px) {	
table th, table tr td{font-size:10px;} .reserve-price{padding:0;}
.re_txt{font-size:13px;} .sup_rev a{ font-size:12px;}
.dash-list li{font-size:12px;} .rev-info-02 h1 strong, .reserve-info-01 h1 strong{font-size:23px;}
.reserve-info-01 .txt dd{font-size:14px;} .reserve-info-01 .txt dt{width:80px;}

.reserve-info-01{padding:0;}
}
