@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {margin:0; padding:0;}
li {list-style: none;}
a { text-decoration: none; color:inherit;}
img { vertical-align: top;}ㄴ

body { font-family: 'S-CoreDream-5Medium';}
.wrap { width: 1200px; margin:0 auto; position:relative;}
.wrap:after, ul:after, .cl:after, a:after{content:""; clear:both; display:block;}
.blind { position:absolute; left:-9999px; width:0; height:0; font-size:0; overflow:hidden;}


header { background: #fff; height:120px; color:#333;font-size:18px; border-bottom:1px solid #ddd;position:fixed; z-index:99;width: 100%;} 
header h1 { padding:24px 0; }
header h1 img { height:70px;}

header #gnb { font-family: 'GmarketSansBold';position:absolute; left:316px; top:50px;}
header #gnb li { float:left; margin-right:46px;line-height:1;}

header #snb { font-family: 'GmarketSansLight';position:absolute; right:0; top:50px;}
header #snb li { float:left; margin-left:20px;line-height:1;}

.blank {height: 120px;}

#main #mb #frame {width:1200px; height:800px; overflow:hidden;}
#main #mb #frame .slide {width:3600px; height:800px;}
#main #mb #frame .slide li {float:left; width:1200px; height:800px;}
#main #mb #frame .slide li:nth-child(1){background:url(../images/main.jpg) no-repeat center/cover;}
#main #mb #frame .slide li:nth-child(2){background:url(../images/main2.jpg) no-repeat center/cover;}
#main #mb #frame .slide li:nth-child(3) {background:url(../images/main3.jpg) no-repeat center/cover;}
#main #mb .slide .text { font-family: 'S-CoreDream-3Light';width:244px; height:340px; background: #fff; padding:40px 0 44px 30px; box-sizing:border-box; float:right; margin:220px 60px 0 0;}
#main #mb .slide .text h3 { font-size:14px;line-height:1.6;}
#main #mb .slide .text span {font-family: 'S-CoreDream-6Bold'; display:block; font-size:20px; }
#main #mb .slide .text p { padding:36px 0 50px; line-height:1.6; font-size:20px;}
#main #mb .slide .text a { text-decoration: underline; font-size:20px;}

#main #mb > a { width:46px; height:68px; background:rgba(0, 0, 0, 0.5); display:flex; align-items:center; justify-content:center; position:absolute; bottom:0;}
#main #mb .prev { left:520px;}
#main #mb .next { right: 518px;}
#main #mb .page { width:66px; height:68px;background:rgba(0, 0, 0, 0.5);display:flex; align-items:center; justify-content:center; position:absolute; bottom:0; left:568px;}
#main #mb .page li:first-child{ font-family: 'S-CoreDream-3Light';color:#ccc;}
#main #mb .page li:last-child { color:#666666;}

#main #reserve { margin-top:76px;text-align:center; width:516px; height:100px; border:1px solid #333; border-radius: 100px;}
#main #reserve ul { float:left;}
#main #reserve ul li{ float:left;}
#main #reserve ul li:nth-child(2n+1) { padding-top:30px;margin-right:12px;}
#main #reserve #where { margin-left:54px;}
#main #reserve #where li:last-child { margin:32px 20px 0 0;height:34px; border-right:1px solid #ddd;padding:12px 28px 0 0;}
#main #reserve #when li:last-child {line-height:106px;}

#main #frame { width:1200px; height:800px; position:relative; overflow:hidden;}
#main #frame .slide { position:relative; width:3600px;}
#main #frame .slide li { float:left; }

#promo { font-family: 'S-CoreDream-3Light';margin-top:76px;background: #f0eceb; padding:76px 0;}
#promo .text { font-size:18px;}
#promo .text p { padding:90px 0; line-height:1.6;}
#promo .text a span { line-height:1.6;}
#promo .text a span:first-child { font-size:36px; font-family: 'S-CoreDream-6Bold';}
#promo .text a span:last-child { padding:30px 0 188px; display:inline-block;}

#promo .text ul li { float:left;}
#promo .text ul li:nth-child(2) { color:#666; margin-right:8px;}
#promo .text ul .prev { padding-top:2px;}
#promo .text ul .next { padding-top:2px;}

#promo .wrap > a { position:absolute; right:0; top:0; }

#best { margin: 96px 0 0px; font-size:24px; }
#best .wrap { padding-bottom:100px;}
#best h2 { font-family: 'GmarketSansBold'; font-size:20px; text-align:center;}
#best ul {border-bottom:2px solid #ddd; padding-bottom:100px;}
#best ul li {float:left; margin-top:60px; position:relative; margin-right:20px;}
#best ul li:last-child{margin-right:0;}
#best ul li a p{font-family: 'S-CoreDream-5Medium';  color:#fff; width:100%; position:absolute; top:0; text-align:center;line-height:164px; }
#best ul li:hover a{position:relative; bottom:30px; transition:1.5s; }

#camping { padding-bottom:100px; }
#camping .wrap { display:block; position:relative;}
#camping .wrap a img{ display:block; max-width:100%; background-color:#000;}
#camping span.text {position:absolute; top:50%; left:0; transform:translateY(50%-50px); margin-top:-50px; width:100%;font-size:60px; color:#fff; font-weight:900; text-align:center; display:none; transition:1.8s; }
#camping .banner::before, #camping .banner::after { content:""; position:absolute; top:50%; left:50%; width:98%; height:95%; transform: translate(-50%,-50%); transition:all 1.3s; }
#camping .banner::before {  border-top:2px solid #fff; border-bottom:2px solid #fff; width:0;}
#camping .banner::after { border-left:2px solid #fff; border-right:2px solid #fff; height:0;}
#camping .banner:hover span.text { display:block; }
#camping .banner:hover::before { width:98%;}
#camping .banner:hover::after { height:96%;}



#find h2 {font-family: 'GmarketSansBold';text-align:center; font-size:20px;}
#find ul li {float:left; margin:60px 74px 148px 0; position:relative;}
#find ul li:last-child { margin-right:0;}
#find ul li p { color:#fff; font-family: 'S-CoreDream-5Medium'; margin-top:18px; font-size:22px;position:absolute; left:20px;bottom:70px;}
#find ul li span { color:#fff; font-family: 'S-CoreDream-3Light'; font-size:16px; position:absolute; left:20px; bottom:20px;line-height:1.4;float:left; display:block; }
#find ul li:last-child span { line-height:2.6;}

#recruit { background: url(../images/house.jpg)no-repeat center/cover; height:640px; padding:160px 0; box-sizing:border-box;}
#recruit #left,#right { width:596px; height:320px; border:1px solid #fff; color:#fff;font-family: 'S-CoreDream-5Medium'; }
#recruit #right { border-left:none;}
#recruit ul li { float:left; text-align:center;align-items:center;padding:60px 40px; box-sizing: border-box; }

#recruit ul li dl dt { font-family: 'S-CoreDream-6Bold'; font-size:30px;}
#recruit ul li dl dd { font-family: 'S-CoreDream-5Medium'; font-size:18px; padding:25px 0 40px;}
#recruit ul li a { width:244px; height:58px; background: #fff; display:flex; text-align:center; color:#333; font-size:18px; align-items: center; justify-content: center;margin:0 110px;
transition:0.3s;}
#recruit ul li a:hover { background:rgba(0,0,0,0.3); color:#fff}
#recruit #right a { margin-left:136px;}

footer {background: #f0eceb; padding:50px 0 50px; font-size:13px; font-family: 'S-CoreDream-3Light';}
footer h3 img { height:70px; margin-bottom:46px;}
footer #left li { float:left; margin-right:30px;}
footer address { font-style:normal; margin-top:30px;}
footer address span { margin-right:8px; line-height:2;}

footer #sns {position:absolute; right:0; top:0;}
footer #sns li { float:left;}
footer #contact { position:absolute; right:10px; top:60px;}
footer #contact li  { margin-top:30px;}

#checkin { margin-top: 86px; color:#333;}
#checkin h2 { font-size:24px; text-align:center;font-family: 'S-CoreDream-6Bold'; }
#checkin h3 { font-size:18px; text-align:center; margin-top:20px;font-family: 'S-CoreDream-5Medium';}
#checkin input {border:none; }
#checkin #findstay {padding-left:60px; }
#checkin #find1 { margin-top:120px; }
#checkin #find1 .where {border:none; border-bottom:3px solid #333; width:250px; height:30px;font-size:16px; }
#checkin #find1 li {float:left; margin-right:70px;}
#checkin #find1 li .startday,#checkin #find1 li .endday { width:160px; height:30px; border-bottom:3px solid #333;}
#checkin #keyword li { float:left; padding:36px 0 58px; margin-right:25px;font-family: 'S-CoreDream-3Light';}

#checkin #find2 li {float:left; margin-right:46px; }
#checkin #find2 #person select,#checkin #find2 #price select,#checkin #find2 #type select
{ width:200px; height:30px; border:none; border-bottom:3px solid #333; color:#333;}

#checkin #subfind {text-align:center;}
#checkin #subfind a{ width:220px; height:54px; background: #333; color:#fff; margin:120px 0; line-height:54px;font-family: 'S-CoreDream-6Bold'; font-size:20px; text-align:center; border-radius:100px; display:inline-block;}


#subcont1 .wrap { border-top:3px solid #333;}
#subcont1 h2 {font-family: 'S-CoreDream-6Bold';margin-top:74px; font-size:24px; color:#333;}
#subcont1 #best { margin-top:24px;}
#subcont1 #best li {float:left; margin-right:10px; position:relative;color:#fff;}
#subcont1 #best li a { display:inline-block; width:390px; height:550px; overflow: hidden;border-radius: 20px;}
#subcont1 #best li a img { width:100%; }
#subcont1 #best li a img:hover { transform:scale(1.2); transition:1.1s;}
#subcont1 #best li:last-child {margin-right:0px;}
#subcont1 #best li p { font-family: 'S-CoreDream-3Light';font-size:16px; position:absolute; bottom:70px; left:24px;}
#subcont1 #best li h3 { font-family: 'S-CoreDream-6Bold'; font-size:24px; position:absolute; bottom:30px; left:24px;}
#subcont1 #best li span { font-family: 'S-CoreDream-3Light'; font-size:16px;position:absolute; right:24px; bottom:34px; border:1px solid #fff; line-height:28px; padding:0 10px;}

#subcont1 #page{position:relative; left:50%; margin-left:-50px;}
#subcont1 #page a { float:left;}
#subcont1 #page .prev { margin-right:20px;}
#subcont1 #page .next { margin-left:20px;} 
#subcont1 #page a p { font-size:18px; display:inline-block; padding-top:4px; }
#subcont1 #page a p:first-child { font-family: 'S-CoreDream-6Bold';}
#subcont1 #page a p:nth-child(2) { color:#aaa;font-family: 'S-CoreDream-3Light';}

#subcont2 { margin-top:120px;}
#subcont2 h2 { font-family: 'S-CoreDream-6Bold'; font-size:24px; margin-bottom:100px;}
#subcont2 #ordermenu { position:absolute; right:0; top:0;}
#subcont2 #ordermenu li {float:left; margin-left:30px;font-family: 'S-CoreDream-3Light'; font-size:16px; color:#666;}
#subcont2 #ordermenu .select { font-family: 'S-CoreDream-6Bold'; color:#333;}

#subcont2 #staylist li{float:left; margin-right:8px; margin-bottom:78px;display:inline;}
#subcont2 #staylist #info {width:220px; height:240px; box-sizing:border-box;}
#subcont2 #staylist #info h3 { font-family: 'S-CoreDream-6Bold'; font-size:24px;}
#subcont2 #staylist #info span { font-family: 'S-CoreDream-3Light';font-size:14px;padding:14px 0 80px; display:block;}
#subcont2 #staylist #info p{ font-family: 'S-CoreDream-3Light';font-size:14px; }
#subcont2 #staylist #info p:first-child {line-height:1.8;}
#subcont2 #staylist #info p:last-child {font-family: 'S-CoreDream-3Light'; font-size:18px; border-bottom:1px solid #333; display:inline-block; margin-top:20px;}

#subcont2 #sublist {position:relative; left:492px; margin:30px 0 100px;}
#subcont2 #sublist li {float:left; margin-right:14px; font-size:16px; font-family: 'S-CoreDream-5Medium'; color:#aaa; padding-top:3px;}
#subcont2 #sublist li:first-child img{ width:14px; margin-top:-2px;}
#subcont2 #sublist li:last-child img{ width:14px; margin: top -2px;}
#subcont2 #sublist li:nth-child(2) { font-family: 'S-CoreDream-6Bold'; color:#333;}
#subcont2 #sublist li:nth-child(7):before { content:"..."; }

#sub2main .wrap h3{ font-family: 'S-CoreDream-6Bold';font-size:36px;position:absolute; right:110px; bottom:160px;}
#sub2main .wrap p { font-family: 'S-CoreDream-3Light';font-size:18px; position:absolute; right:62px; bottom: 30px; line-height:1.8;}

#sub2cont1 { margin-top:120px;}
#sub2cont1 h2{ text-align:center;font-family: 'GmarketSansLight'; font-size:24px; color:#333; text-transform: uppercase; margin-bottom:56px;}

#sub2cont1 .mag {float:left; width:482px; height:342px; margin-right:8px;margin-bottom:8px;position:relative;  }
#sub2cont1 .mag:nth-of-type(1) { background: url(../images/magazine1.jpg)no-repeat center;margin-left:110px;}
#sub2cont1 .mag:nth-of-type(2) { background: url(../images/magazine2.jpg)no-repeat center;}
#sub2cont1 .mag:nth-of-type(3) { background: url(../images/magazine3.jpg)no-repeat center;margin-left:110px;}
#sub2cont1 .mag:nth-of-type(4) { background: url(../images/magazine4.jpg)no-repeat center;}
#sub2cont1 .mag .text { width: 210px; height:256px; background:#fff; color:#333;  padding:38px 0;text-align:center; box-sizing:border-box;font-family: 'S-CoreDream-3Light';position:absolute; right:30px; top:48px;}
#sub2cont1 .mag .text h3 { height:80px; line-height:1.7; padding-top:12px;font-family: 'S-CoreDream-6Bold';}
#sub2cont1 .mag:nth-of-type(2) h3 { line-height:80px; }
#sub2cont1 .mag .text a { display:block; padding-top:24px; text-decoration:underline;}

#sub2cont1 .more {text-align:center;}
#sub2cont1 .more a { display:inline-block; width:128px; height:36px; border:1px solid #333;  font-family: 'GmarketSansLight'; line-height:38px; margin-top:60px; }

#sub2cont2 { margin:130px 0;}
#sub2cont2 h2 { font-family: 'GmarketSansLight'; font-size:24px; margin-bottom:36px; text-align:center;}
#sub2cont2 .podo dl dt {font-family: 'S-CoreDream-6Bold'; font-size:20px; margin:24px 0; }
#sub2cont2 .podo dl dd {font-family: 'S-CoreDream-3Light';font-size:16px; line-height:1.6; }
#sub2cont2 .video { position:absolute; right:40px; top:66px;}
#sub2cont2 .video ul {margin-bottom:13px;}
#sub2cont2 .video ul li {float:left;font-family: 'S-CoreDream-3Light'; color:#333;}
#sub2cont2 .video ul li h3 { font-size:14px; margin-bottom:8px;}
#sub2cont2 .video ul li p { font-size:18px;font-family: 'S-CoreDream-6Bold'; margin-bottom:60px;}
#sub2cont2 .video ul li a { text-decoration:underline; margin-top:6px; display:inline-block;}
#sub2cont2 .video ul li:nth-child(2) { margin-left:8px;}
#sub2cont2 .video > a {font-size:16px; font-family: 'GmarketSansLight';display:flex; align-items: center;justify-content: center; border:1px solid #333; width:130px; height:36px; margin:50px 0 0 140px; }

#sub2cont3 { background: url(../images/vision.jpg)no-repeat center/cover; height:800px;box-sizing:border-box; }
#sub2cont3 h2 { text-align:center; color:#fff; font-size:24px;font-family: 'GmarketSansBold';padding-top:60px; text-transform: uppercase;}
#sub2cont3 ul { padding-top:60px;}
#sub2cont3 ul li { width:380px; height:512px; background: #fff; float:left; margin-right:30px;}
#sub2cont3 ul li:last-child { margin-right:0;}
#sub2cont3 ul li div {text-align:center; padding-top:70px; }
#sub2cont3 ul li dl { text-align:center;color:#333; }
#sub2cont3 ul li dl dt{ font-size:24px; font-family: 'S-CoreDream-6Bold';padding:50px 0;}
#sub2cont3 ul li dl dd { font-size:16px;font-family: 'S-CoreDream-3Light'; line-height:1.8;}