@charset "utf-8";
@font-face{font-family: 'RIDIBatang';src: url('../font/RIDIBatang.woff') format('woff');font-weight: normal;font-style: normal;}
body{margin: 0 auto; background-color: #0d0d0d;}
body,html{overflow: hidden;}
.content{position: relative;display: block;overflow: hidden;left: 50%;top: 50%;right: 0;bottom: 0; min-width: 100%;min-height: 100vh;transform: translate3d(-50%, -50%, 0);text-align: center;padding: 0 10px;color: #fff;}

.content.cb{color: #202020;}
.content.cb .con_txt  p+p{margin-top: 5px;}
.content .vr{height: 100%;position: absolute;width: 100%;left: 50%;top: 50%;right: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;background-size: cover;transform: translate3d(-50%, -50%, 0);}
.content .nav{position: absolute;top: 50%;right: 40px;margin-top: -55px;}
.content .scroll{position: absolute;bottom: 5%;left: 50%;margin-left: -46px;}
.content .page{position: absolute;bottom: 3%;left: 50%;margin-left: -14px;font-size: 18px;}

.content .tit{font-size: 50px;line-height: 1.4;font-family: 'RIDIBatang';position: relative; letter-spacing: -0.04em;}
.content .tit.line{margin-bottom:180px;}
.content .tit.line::after{content: "";position: absolute;bottom:-155px;left:50%;width: 1px;height: 110px;margin-left: 0.5px; background-color: #fff;}
.content .tit .series{display: block; margin-bottom: 10px; font-size: 26px; font-weight: 500; font-family: arial;}
@media (max-width:820px){
    .content .tit{font-size: 30px;}
    .content .tit .series{font-size: 18px;}
}
.content .tit.subtit{padding-top: 15%;}
.content .con_txt{display: block;margin-top: 30px;}
.content .con_txt p{font-size: 18px;line-height: 30px;}
.content .tit .num{display: block; margin-left: 6px; margin-bottom: 10px; margin-top: 0; font-size: 30px;font-family: 'RIDIBatang'; line-height: 30px;}
.content .con_txt.sbox{position: relative;}
.content .con_txt p{font-size: 18px;line-height: 30px;}
.content .con_txt p+p{margin-top:40px;}

@media (max-width:820px){
    .content .con_txt.sbox{margin: 70px auto 0;}
    .content .con_txt.sbox p.be:before{top:28%;height: 50px;}
    .content .con_txt p{font-size: 16px;line-height: 1.4;}
    .content .con_txt p+p{margin-top: 25px;}
}
@media (max-width:670px){
    .content .con_txt.sbox{max-width: auto;margin: 30px auto 0;}
    .content .con_txt.sbox p.be:before{display: none;}
}

/* 판교 */
.explor_01 #page-1{background:url(../images/exploration/01/exploration01_img01.png);background-size: cover;}
.explor_01 #page-2{background:url(../images/exploration/01/exploration01_img02.png);background-size: cover;}
.explor_01 #page-3{background:url(../images/exploration/01/exploration01_img03.png);background-size: cover;}
.explor_01 #page-4{background:url(../images/exploration/01/exploration01_img04.png);background-size: cover;}
.explor_01 #page-5{background:url(../images/exploration/01/exploration01_img05.png);background-size: cover;}
.explor_01 #page-6{background:url(../images/exploration/01/exploration01_img06.png);background-size: cover;}
.explor_01 #page-7{background:url(../images/exploration/01/exploration01_img07.png);background-size: cover;}
.explor_01 #page-8{background:url(../images/exploration/01/exploration01_img08.png);background-size: cover;}
.explor_01 #page-9{background:url(../images/exploration/01/exploration01_img09.png);background-size: cover;}

/* 축제 */
.explor_02 #page-1{background:url(../images/exploration/02/exploration02_img01.png);background-size: cover;}
.explor_02 #page-3{background:url(../images/exploration/02/exploration02_img02.png);background-size: cover;}
.explor_02 #page-4{background:url(../images/exploration/02/exploration02_img03.png);background-size: cover;}
.explor_02 #page-5{background:url(../images/exploration/02/exploration02_img04.png);background-size: cover;}
.explor_02 #page-6{background:url(../images/exploration/02/exploration02_img05.png);background-size: cover;}
.explor_02 #page-7{background:url(../images/exploration/02/exploration02_img06.png);background-size: cover;}
.explor_02 #page-8{background:url(../images/exploration/02/exploration02_img07.png);background-size: cover;}
.explor_02 #page-9{background:url(../images/exploration/02/exploration02_img08.png);background-size: cover;}
.explor_02 #page-10{background:url(../images/exploration/02/exploration02_img09.png);background-size: cover;}
.explor_02 #page-11{background:url(../images/exploration/02/exploration02_img10.png);background-size: cover;}

/* 장항 */
.explor_03 #page-1{background:url(../images/exploration/03/exploration03_img01.png);background-size: cover;}
.explor_03 #page-2{background:url(../images/exploration/03/exploration03_img02.png);background-size: cover;}
.explor_03 #page-3{background:url(../images/exploration/03/exploration03_img03.png);background-size: cover;}
.explor_03 #page-4{background:url(../images/exploration/03/exploration03_img04.png);background-size: cover;}
.explor_03 #page-5{background:url(../images/exploration/03/exploration03_img05.png);background-size: cover;}
.explor_03 #page-6{background:url(../images/exploration/03/exploration03_img06.png);background-size: cover;}
.explor_03 #page-7{background:url(../images/exploration/03/exploration03_img07.png);background-size: cover;}
.explor_03 #page-8{background:url(../images/exploration/03/exploration03_img08.png);background-size: cover;}
.explor_03 #page-9{background:url(../images/exploration/03/exploration03_img09.png);background-size: cover;}
.explor_03 #page-10{background:url(../images/exploration/03/exploration03_img10.png);background-size: cover;}

/* 힐링 */
.explor_04 #page-1{background:url(../images/exploration/04/exploration04_img01.png);background-size: cover;}
.explor_04 #page-3{background:url(../images/exploration/04/exploration04_img02.png);background-size: cover;}
.explor_04 #page-4{background:url(../images/exploration/04/exploration04_img03.png);background-size: cover;}
.explor_04 #page-5{background:url(../images/exploration/04/exploration04_img04.png);background-size: cover;}
.explor_04 #page-6{background:url(../images/exploration/04/exploration04_img05.png);background-size: cover;}
.explor_04 #page-7{background:url(../images/exploration/04/exploration04_img06.png);background-size: cover;}
.explor_04 #page-8{background:url(../images/exploration/04/exploration04_img07.png);background-size: cover;}
.explor_04 #page-9{background:url(../images/exploration/04/exploration04_img08.png);background-size: cover;}
.explor_04 #page-10{background:url(../images/exploration/04/exploration04_img09.png);background-size: cover;}
.explor_04 #page-11{background:url(../images/exploration/04/exploration04_img10.png);background-size: cover;}


/* 드라이브 */
.explor_05 #page-1{background:url(../images/exploration/05/exploration05_img01.png);background-size: cover;}
.explor_05 #page-2{background:url(../images/exploration/05/exploration05_img02.png);background-size: cover;}
.explor_05 #page-3{background:url(../images/exploration/05/exploration05_img03.png);background-size: cover;}
.explor_05 #page-4{background:url(../images/exploration/05/exploration05_img04.png);background-size: cover;}
.explor_05 #page-5{background:url(../images/exploration/05/exploration05_img05.png);background-size: cover;}
.explor_05 #page-6{background:url(../images/exploration/05/exploration05_img06.png);background-size: cover;}
.explor_05 #page-7{background:url(../images/exploration/05/exploration05_img07.png);background-size: cover;}

/* hotpick */
.explor_06 #page-1{background:url(../images/exploration/06/exploration06_img01.png);background-size: cover;}
.explor_06 #page-3{background:url(../images/exploration/06/exploration06_img02.png);background-size: cover;}
.explor_06 #page-4{background:url(../images/exploration/06/exploration06_img03.png);background-size: cover;}
.explor_06 #page-5{background:url(../images/exploration/06/exploration06_img04.png);background-size: cover;}
.explor_06 #page-6{background:url(../images/exploration/06/exploration06_img05.png);background-size: cover;}
.explor_06 #page-7{background:url(../images/exploration/06/exploration06_img06.png);background-size: cover;}
.explor_06 #page-8{background:url(../images/exploration/06/exploration06_img07.png);background-size: cover;}
.explor_06 #page-9{background:url(../images/exploration/06/exploration06_img08.png);background-size: cover;}
.explor_06 #page-10{background:url(../images/exploration/06/exploration06_img09.png);background-size: cover;}


.content .box{max-width: 700px;text-align: left;color: #fff;}
.content .box .tit strong{display: block;color: #aa1928;}
.content .box p{margin-top:40px;font-size: 18px;line-height: 30px;}
.content .simgbox{padding-top: 5%;}
.content .simgbox:after{content: "";display: block;clear: both;}
.content .simgbox li{float: left;width: 32%;margin-left: 2%; margin-bottom: 20px; text-align: left;}
.content .simgbox li:first-child{margin-left: 0;}
.content .simgbox li>img{ width: 100%;}
.content .simgbox li em{display: block; font-size: 16px;}

.content .mimgbox{padding-top: 10%; width: 84%; margin: 0 auto;}
.content .mimgbox:after{content: "";display: block;clear: both;}
.content .mimgbox li{float: left; width: 32%;margin-left: 2%; margin-bottom: 2%; text-align: left;}
.content .mimgbox li:first-child{margin-left: 0;}
.content .mimgbox li>img{width: 100%; margin-bottom: 20px;}
.content .mimgbox li em{display: block; text-align: center; font-size: 26px; font-weight: bold; letter-spacing: -0.025em;}
@media (max-width:1240px){
    .content .mimgbox li em{margin-bottom: 10px; font-size: 22px;}
}
@media (max-width:1024px){
    .content .simgbox li{width: 49%;text-align: center;}
    .content .simgbox li:nth-child(3){margin-left: 0;}
    .content .simgbox li em{margin-bottom: 10px;}

    .content .mimgbox{width: 100%;}
    /* .content .mimgbox li{width: 49%;text-align: center;} */
    /* .content .mimgbox li:nth-child(3){margin-left: 0;} */
    .content .mimgbox li>img{margin-bottom: 10px;}
    .content .mimgbox li em{margin-bottom: 10px; font-size: 20px;}
}
@media (max-width:840px){
    .content .box .tit{font-size: 30px;line-height: 40px;}
    .content .box p{margin-top:30px;font-size: 16px;line-height: 26px;}
}
@media (max-width:640px){
    .content .simgbox li em{min-height: 50px;font-size: 14px;}
}


.content .lbox{position: absolute;top:15%; left:13%; width: 500px;min-height: 700px;padding: 85px 50px 10px 65px;text-align: left; background-color: #fff;opacity: 0.8;color: #000;}
.content .lbox .tit strong{display: block;color: #aa1928;}
.content .lbox p{margin-top:40px;font-size: 18px;line-height: 30px;}
@media (max-width:1400px){
    .content .lbox{max-width: 80%;min-height: auto;padding: 30px 10px;}
}
@media (max-width:820px){
    .content .lbox{left:10%;width: 80%;min-height: auto;padding: 20px 10px 50px;}
    .content .lbox p{margin-top:30px;font-size: 16px;line-height: 26px;}
}

.content .cbox{width: 580px;text-align: center; margin:0 auto; padding-top: 15%;}
.content .cbox .inner{vertical-align: middle;width:100%;position: relative;padding: 50px 10px 100px;background-color: #fff;opacity: 0.8;color: #000;}
.content .cbox .inner span{color:#333;font-size:18px;letter-spacing: -0.025em;}
.content .cbox .inner span em{font-weight:bold;margin-right:5px;}
.content .cbox .inner .tit strong{display: block;color: #aa1928;}

@media(max-width:820px){
    .content .cbox{width:95%;}
}

.content .rbox{position:absolute;top:200px;right:210px;max-width: 575px;min-height: 685px;padding: 85px 50px 10px 65px;text-align: left; background-color: #19774d;opacity: 0.8;color: #fff;}
.content .rbox p{margin-top:40px;font-size: 18px;}
@media (max-width:1400px){
    .content .rbox{top:10%;right:7%;}
}
@media (max-width:820px){
    .content .rbox{right:10%;width: 80%;min-height: auto;padding: 30px 10px 40px;}
    .content .rbox p{margin-top:30px;font-size: 16px;}
}


.content .rbox.tumyeong{background-color: rgba(255,255,255,0.8);color:#333;}

.content .rbox.yel{position:absolute;top:200px;right:210px;max-width: 575px;min-height: 685px;padding: 85px 50px 10px 65px;text-align: left; background-color: #e9ad2c;opacity: 0.9;color: #fff;}
.content .rbox.yel p{margin-top:40px;font-size: 18px;line-height: 30px;}
@media (max-width:1400px){
    .content .rbox.yel{top:10%;right:7%;}
}
@media (max-width:820px){
    .content .rbox.yel{right: 10%;width: 80%;min-height: auto;padding: 30px 10px 50px;}
    .content .rbox.yel .tit{font-size: 30px;line-height: 40px;}
    .content .rbox.yel p{margin-top:30px;font-size: 16px;line-height: 26px;}
}

.content .half_box{position:absolute;right:0;max-width: 50%;height: 100%;text-align: left;background-color: #393966;opacity: 0.8;color: #fff;}
.content .half_box .txt{padding: 50% 190px 0 135px;}
.content .half_box .txt .tit em{display: block;color:#fff;font-size:18px;}
.content .half_box .txt .tit span{display: block;}
.content .half_box .txt p{margin-top:40px;font-size: 18px;line-height: 30px;}
@media (max-width:1400px){
    .content .half_box .txt{padding: 30% 90px 0 35px;}
}
@media (max-width:840px){
    .content .half_box{max-width: 95%;width:100%;}
}

.content .bbox{padding: 30% 6% 0 9.8%;max-width: 1090px;min-height: 200px;text-align: left;color: #fff;}
.content .bbox .tit{letter-spacing: -3px;}
.content .bbox .tit strong{display: block;color: #aa1928;}
.content .bbox p{margin-top:40px;font-size: 18px;line-height: 30px;}

@media (max-width:767px){
    .content .bbox{padding: 35% 45% 0 5%;}
}

.content .last_box{padding-top: 350px;}
.content .last_box .txt{display: block;}
.content .last_box .txt p{margin-bottom: 40px; font-size: 18px;line-height: 30px;}
.content .last_box .txt strong{display: block; font-family: 'RIDIBatang'; font-size: 50px; margin-bottom: 40px; font-weight: 100;}
.content .last_box .btnwrap{margin-top: 50px;}
.content .last_box .btnwrap a{display:inline-block;width:190px;height:53px;margin:22px auto 0;border:1px solid #fff;;font-size:14px;color:#fff;font-weight:bold;line-height:53px;text-align:center;}
@media (max-width:1400px){
    .content .last_box .txt strong{font-size: 30px;}
}
@media (max-width:800px){
    .content .last_box{padding-top: 25%}
    .content .last_box .txt p{font-size: 14px;line-height: 24px;}
    .content .last_box .txt strong{font-size: 25px;}
}

.content .temp_btn{position: absolute;top: 23%;left: 18%;}
/* explor_01 판교 */
.explor_01 .content .tit .num{color: #202020;}
.explor_01 #page-3 .rbox{min-height: 545px;}
.explor_01 #page-3 .rbox .tit .num{color: #fff;}
.explor_01 #page-4 .lbox{width: 600px;min-height: 500px;}
.explor_01 #page-4 .lbox .tit{color:#8c1218;}
.explor_01 #page-5 .rbox{min-height: 470px;background-color:#fff;color: #202020;}
.explor_01 #page-5 .rbox .tit{color:#a57940;}
.explor_01 #page-6 .lbox{width: 600px;min-height: 500px;opacity: 90%; background-color: #d16e04;color: #fff;}
.explor_01 #page-7 .lbox{width: 600px;min-height: 500px;opacity: 90%;}
.explor_01 #page-7 .lbox .tit{color:#b20d0d;}
.explor_01 #page-8 .lbox{padding: 0;background-color: transparent;width: 630px;}
.explor_01 #page-8 .lbox .tit{color:#202020;}
.explor_01 #page-8 .simgbox{position: absolute;bottom: 5%;left: 13%;}
.explor_01 #page-8 .simgbox li{width: 24.25%;margin-left: 1%; margin-bottom: 20px;}
.explor_01 #page-8 .simgbox li:first-child{margin-left: 0;}
.explor_01 #page-8 .simgbox li>img{ width: 100%;}
.explor_01 #page-8 .simgbox li em{margin-bottom: 10px;font-size: 26px;font-weight: bold;}
@media (max-width: 767px){
    .explor_01 #page-3 .rbox,
    .explor_01 #page-4 .lbox,
    .explor_01 #page-5 .rbox,
    .explor_01 #page-6 .lbox,
    .explor_01 #page-7 .lbox,
    .explor_01 #page-8 .lbox{min-height: auto;}
}
@media (max-width: 640px){
    .explor_01 #page-8 .simgbox li em{min-height: auto;margin-bottom: 5px;font-size: 20px;}
}
/* explor_01 판교 End */

/* exploration02 축제 */
.explor_02 .content .ibox .point{position: relative; margin-left: 20px; font-weight: bold;}
.explor_02 .content .ibox .point::before{position: absolute; width: 18px; height: 22px; top: 3px; left: -20px; background: url(../images/exploration/marker_y.png);  content: "";}
.explor_02 .content .ibox .marker{margin-left: 0; font-weight: normal;}
.explor_02 .content .ibox .marker:before{display: none;}
.explor_02 .content .rbox{padding: 80px 50px; min-height: auto;}
.explor_02 .content .lbox{left: 10%; top: 50%; transform: translateY(-50%);}
.explor_02 #page-3 .lbox{padding: 80px 50px; width: 580px; min-height: auto; background-color: #783300; color: #fff;}
.explor_02 #page-3 .lbox .tit{line-height: 1.2;}
.explor_02 #page-3 .page{color:#202020;}
.explor_02 #page-4 .ibox{max-width: 1230px;}
.explor_02 #page-5 .rbox{max-width: 610px; background-color: #930800; color: #fff;}
.explor_02 #page-6 .ibox{max-width: 1340px;}
.explor_02 #page-6 .ibox div{margin-left: 0;}
.explor_02 #page-6 .ibox ul{overflow: hidden; margin-top: 40px;}
.explor_02 #page-6 .ibox li{float: left; width: 33.33%;}
.explor_02 #page-6 .ibox ul + p{margin-top: 30px; font-size: 18px;}
.explor_02 #page-7 .rbox{ max-width: 660px; background-color: #fff; color: #202020;}
.explor_02 #page-7 .rbox .tit{color:#004cb3;}
.explor_02 #page-7 .rbox .tit .num{color:#202020;}
.explor_02 #page-9 .lbox{ width: 667px; padding: 80px 50px; min-height: auto; background-color: #0093c3; color:#fff;}
@media (max-width: 820px){
    .explor_02 .content .rbox{width: 80%; padding: 30px;}
    .explor_02 #page-3 .lbox .tit br{display: none;}
    .explor_02 #page-3 .lbox{width: 80%; padding: 30px;}
    .explor_02 #page-5{width: 80%;}
    .explor_02 #page-7{width: 80%;}
    .explor_02 #page-9 .lbox{width: 80%; padding: 30px;}
}
@media (max-width: 767px){
    .explor_02 #page-3 .con_txt p{font-size: 14px;line-height: 1.4;}
    .explor_02 #page-3 .con_txt p+p{margin-top: 15px;}
    .explor_02 #page-4 .ibox{bottom: 7%;}
    .explor_02 #page-6 .ibox ul{margin-top: 15px;}
    .explor_02 #page-6 .ibox ul + p{font-size: 15px; margin-top: 15px;}
}
@media (max-width: 540px){
    .explor_02 #page-4 .ibox img,
    .explor_02 #page-10 .ibox img{width: 40%;}
    .explor_02 #page-8 .ibox img{width: 60%;}
}
/* exploration02 축제 End */

/* exploration03 장항 */
.content>.tit .series .spot{display: inline-block; width: 22px; height: 28px; margin-right: 12px; background: url(../images/exploration/spot.png) no-repeat; background-size: contain; vertical-align: text-top;}
.content.p8{padding: 7% 8% 0 9%;}
.content .simgbox .name{margin-top: 4%; line-height: 1.4; min-height: auto;font-size: 26px; font-weight: bold;}
.content .simgbox .txt{ margin-top: 2%; margin-right: 10%; font-size: 18px;}
.content .fbox{position: absolute; left: 11%; bottom: 12%; text-align: left; font-size: 18px;}
.content .br{display: block;}
.explor_03 .content.cb .con_txt P:first{margin-top: 55px;}
.explor_03 .content .lbox{left: 9%;}
.explor_03 #page-3 .con_txt{background-color: #151515; min-height: 585px;}
.explor_03 #page-3 .page{color:#333;}
.explor_03 #page-4 .fbox{left: 9%;}
.explor_03 #page-5 .box{max-width: 450px; color:#000;}
.explor_03 #page-5 .box p:first-child{margin-top: 0;}
.explor_03 #page-5 .mimgbox{padding-top: 5%;}
.explor_03 #page-6 .lbox{min-height: auto; padding: 85px 60px 130px;background-color: #390853; color:#fff;}
.explor_03 #page-7{padding: 9% 0 0 10%;}
.explor_03 #page-7 .box p{margin-top: 20px;}
.explor_03 #page-7 .tit{font-size: 50px; line-height: 1.4; letter-spacing: -0.04em;}
.explor_03 #page-7 .box{max-width: 100%;}
.explor_03 #page-7 .simgbox{width: 100%; padding-top: 3.4%;}
.explor_03 #page-8 .lbox{padding: 80px 60px 50px 65px; min-height: 458px; background: #0c5308; color:#fff;}
.explor_03 #page-9 .lbox{padding: 55px 60px 40px 60px; min-height: 440px; top: auto; bottom: 15%;}
@media (max-width: 1024px){
    .content .simgbox .name{font-size: 22px;}
    .content .simgbox .txt{margin-right: 0; font-size: 18px;}

    .explor_03 #page-5 .mimgbox{width: 100%;}
    .explor_03 #page-5 .mimgbox li{width: 31%;}
    .explor_03 #page-5 .mimgbox li:nth-child(3){margin-left: 0;}
    .explor_03 #page-5 .mimgbox li>img{margin-bottom: 10px;}
    .explor_03 #page-5 .mimgbox li em{margin-bottom: 10px; font-size: 20px;}

    .explor_03 #page-7{padding: 6% 8% 0 8%;}
    .explor_03 #page-7 .simgbox{width: 100%; padding-top: 3.4%;}
    .explor_03 #page-7 .simgbox .txt{font-size: 14px;}
    .explor_03 #page-7 .simgbox li{width: 31%;}
    .explor_03 #page-7 .simgbox img{width: 60%;}
    .explor_03 #page-7 .simgbox .txt{min-height: 125px;}
}
@media (max-width: 820px){
    .content .fbox{font-size: 16px;}
    .content .simgbox .name{font-size: 20px;}
    .content .simgbox .txt{margin-right: 0; font-size: 16px;}
    .content .mimgbox li em{font-size: 16px;}
    .explor_03 .content>.tit .series .spot_w{width: 15px; height: 19px; margin-right: 8px;}
    .explor_03 #page-3 .con_txt{padding: 30px; min-height: auto;}

    .explor_03 #page-6 .lbox{padding: 40px 30px;}
    .explor_03 #page-7 .tit{font-size: 30px;}
    .explor_03 #page-7 .box p{font-size: 14px; line-height: 26px;}
    .explor_03 #page-8 .lbox{padding: 40px 30px; min-height: auto;}
    .explor_03 #page-9 .lbox{padding: 40px 30px; min-height: auto;}
}
@media (max-width: 670px){
    .content .fbox{left: 8%; right: 8%;}
    .explor_03 #page-5 .mimgbox li em{font-size: 16px;}
    .explor_03 #page-7 .tit{font-size: 26px;}
}
@media (max-width: 570px){
    .content .br{display: inline;}
}
/* exploration03 장항 End */


/* exploration04 힐링 */
.explor_04 .content.cb{color:#fff;}
.explor_04 .content.cb .con_txt P:first{margin-top: 55px;}
.explor_04 .content>.tit .series .spot_w{display: inline-block; width: 22px; height: 28px; margin-right: 12px; background: url(../images/exploration/spot_w.png) no-repeat; background-size: contain; vertical-align: text-top;}

.explor_04 .content .num{color:#202020;}
.explor_04 #page-3 .con_txt{padding: 80px 60px; background-color: #087120; min-height: auto;}
.explor_04 #page-3 .rbox{top:5%;right:10%;}
.explor_04 #page-3 .page{color:#333;}
.explor_04 #page-3 .num{color :#fff;}
.explor_04 #page-5 .lbox{padding: 40px 55px 65px; min-height: auto; top: auto; bottom: 12.5%;}
.explor_04 #page-5 .lbox .tit{color:#3e5208;}
.explor_04 #page-6 .inner{position: absolute;bottom: 6%;left: 50%;transform: translateX(-50%);width: 80%;}
.explor_04 #page-6 .box{ max-width: 100%;}
.explor_04 #page-6 .mimgbox{width:100%;padding-top: 60px;}
.explor_04 #page-7 .lbox{padding: 85px 50px 75px; min-height: auto; top: 50%; transform: translateY(-50%);}
.explor_04 #page-7 .lbox .tit{color:#6f3112;}
.explor_04 #page-7 .rbox{min-height: auto;}
.explor_04 #page-9 .rbox{ padding: 85px 50px 80px 65px;background-color: #fff; min-height: auto;top: 50%; transform: translateY(-50%);}
.explor_04 #page-9 .rbox .tit{color:#ac3500;}
.explor_04 #page-9 .rbox p{color:#202020;}
.explor_04 #page-10 .box{max-width:100%; color: #202020;}
@media (max-width: 767px){
    .explor_04 #page-3 .con_txt,
    .explor_04 #page-5 .lbox,
    .explor_04 #page-7 .lbox,
    .explor_04 #page-9 .rbox{padding: 30px 20px;}
    .explor_04 #page-5 .lbox p{margin-top:10px;font-size: 14px;line-height: 20px;}

}
/* exploration04 힐링 End */

/* exploration05 드라이브 */
.explor_05 .content .fbox,
.explor_05 .content .lbox{left: 8%;}
.explor_05 .content .lbox .tit{ line-height: 1.3; letter-spacing: -0.04em;}
.explor_05 #page-2 .lbox{padding: 95px 48px; width: 580px; top: auto; bottom:10%;min-height: auto; background-color: #af064e; color:#fff;}
.explor_05 #page-4 .lbox{width: 554px; top: 50%; transform: translateY(-50%); padding: 60px 90px 90px 45px; min-height: auto; background-color: #001f93; color:#fff;}
.explor_05 #page-4 .lbox span{font-family: 'RIDIBatang'; line-height: 1.3;}
.explor_05 #page-4 .page{color:#333;}
.explor_05 #page-5 .tbox{position: absolute; top: 12%; right: 8%; color:#202020; text-align: left; font-size: 18px;}
.explor_05 #page-5 .page{color:#333;}
@media (max-width: 820px){
    .explor_05 #page-2 .lbox{padding: 40px 30px;}
    .explor_05 #page-5 .tbox{font-size: 1px;}
    .explor_05 #page-5 .tbox{ font-size: 16px;}
}
@media (max-width: 767px){
    .explor_05 .content .tit{font-size: 24px;}
    .explor_05 #page-4 .lbox{padding: 30px 20px}
}
/* exploration05 드라이브 End */

/* exploration06 캠핑 */
.content .ibox{position: absolute; left: 10%; bottom: 14.5%; color:#fff;text-align: left;}
.content .ibox>img{display: inline-block; margin-right: 50px;}
.content .ibox div{display: inline-block; text-align: left; vertical-align: bottom;}
.content .ibox .marker{display: block; position: relative; margin-left: 25px; font-size: 18px; font-weight: bold;}
.content .ibox .marker:before{position: absolute; width: 18px; height: 22px; top: 3px; left: -25px; background:url(../images/exploration/marker.png); content: "";}
.content .ibox .marker span{position: relative; margin-left: 10px; font-weight: normal;}
.content .ibox .marker span::before{position: absolute; width: 1px; height: 17px; top: 6px; left: -8px; background:#fff; content: "";}
.content .ibox .point{display: block; margin-top: 20px; color:#fef507; font-size: 20px;}
.content .ibox .point span{ display: inline-block; font-size: 0; width: 110px; height: 27px; background: url(../images/exploration/point.png); vertical-align: top;}
.content .ibox div + p{font-size: 18px; margin-top: 60px;}

.explor_06 #page-3 .con_txt{right: 10%; background-color: #151515;max-width: 580px; min-height: auto; padding: 80px 50px;}
.explor_06 #page-5 .rbox{right: 10%; top: auto; bottom: 21.5%; max-width: 580px; padding: 80px 50px; min-height: auto; background-color: #fff; color:#08658f;}
.explor_06 #page-5 .rbox p{color:#202020;}
.explor_06 #page-7 .lbox{left: 10%; top: auto; bottom: 10%; max-width: 580px; padding: 80px 50px; min-height: auto; background-color: #0b0b0b; color:#fff;}
.explor_06 #page-7 .page{ color:#202020;}
.explor_06 #page-10{background-position: center;}
.explor_06 #page-10 .txt{color: #202020; max-width: 1400px; margin: 0 auto;}
.explor_06 #page-10 .tip{display: block; margin-top: 100px; margin-bottom: 130px; text-align: center;}
.explor_06 #page-10 .list li{float: left; width: 22.6%; margin: 0 1.2% 25px;}
.explor_06 #page-10 .list p {font-weight: bold;font-size: 17px; line-height: 1.4; min-height: 46px; margin-top: 5px;}
.explor_06 #page-10 .slider .slider-item p {font-weight: bold;font-size: 17px; line-height: 1.4; min-height: 46px; margin-top: 5px;}
.explor_06 #page-10 .slider .slider-item img {width: 100%;}

/* slick */
.explor_06 #page-10 .slider .slick-slide {margin: 0 13px;}
.explor_06 #page-10 .slick-prev:before, .explor_06 #page-10 .slick-next:before {color: #000;}
.explor_06 #page-10 .slick-dots {position: absolute; bottom: -50px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.explor_06 #page-10 .slick-dots li {display: inline-block; width: 15px; height: 15px; margin: 0 4px; border-radius: 50%; background-color: rgba(0,0,0,0.3);}
.explor_06 #page-10 .slick-dots li.slick-active {background-color: #000;}
.explor_06 #page-10 .slick-dots li button {font-size: 0;}
.explor_06 #page-10 .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); font-size: 40px;}
.explor_06 #page-10 .slick-prev {left: -80px;}
.explor_06 #page-10 .slick-next {right: -80px;}

@media (max-width: 1240px){
    .content .ibox{left: 4%;}
    .content .ibox img{width: 300px;}
    .explor_06 #page-10 .tip {margin-top: 80px; margin-bottom: 100px;}
}
@media (max-width: 1024px){
    /* .explor_06 #page-10 .list li{width: 30.93%;} */
}
@media (max-width: 820px){
    .content .ibox{left: auto; padding: 0 30px;}
    .content .ibox>img{display: block; margin-bottom: 30px;  margin-right: 0;}
    .content .ibox div{display: block;}

    .explor_06 #page-3 .con_txt{padding: 20px;}
    .explor_06 #page-5 .rbox{padding: 20px;}
    .explor_06 #page-7 .lbox{padding: 20px;}
}
@media (max-width: 767px){
    .explor_06 #page-10 .slider .slider-item p {font-size: 12px;min-height: 30px;}
    .explor_06 #page-10 .slider .slider-item p span{display: none;}

    .explor_06 #page-10 .list li img{width: 80%;}
    .explor_06 #page-10 .list p {font-size: 12px;min-height: 30px;}
    .explor_06 #page-10 .list p span{display: none;} 
    .content .ibox .point{font-size: 18px;}
    .content .ibox .marker{font-size: 16px;}
    .content .ibox .marker span::before{height: 12px;}
    .content .ibox div + p{font-size: 15px; margin-top: 10px;}
}
@media (max-width: 630px){
    .explor_06 #page-10 .tip {margin-top: 50px; margin-bottom: 70px;}
    /* .explor_06 #page-10 .list li{width: 47.6%;} */
}
@media (max-width: 400px){
    /* .explor_06 #page-10 .list li{width: 100%; margin: 0 0 15px;} */
}
/* exploration06 캠핑 End */


/* 페이지관련css */
section {display: flex;align-items: center;justify-content: center;flex-flow: row;color: #fff;position: relative;}

/* #page-1 .text,
#page-1-clone .text {background-color: #3F51B5;}
#page-2 .text {background-color: #673AB7;}
#page-3 .text {background-color: #9C27B0;}
#page-4 .text {background-color: #E91E63;}
#page-5 .text {background-color: #F44336;}
#page-6 .text,
#page-6-clone .text {background-color: #4CAF50;} */

.scroller {position: absolute;bottom: 20px;left: 50%;width: 40px;height: 65px;border: 4px solid #fff;border-radius: 30px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
.scroller::after {content: "";position: absolute;top: 12px;left: 50%;width: 14px;height: 14px;border-radius: 50%;background-color: #fff; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-animation: 1200ms ease 0ms forwards infinite scroll; animation: 1200ms ease 0ms forwards infinite scroll;}
.scroller small {position: absolute;width: 174px;left: -64px;top: -34px;}

@-webkit-keyframes scroll {
  from { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
  to { -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); opacity: 0;}
}

@keyframes scroll {
  from { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
  to { -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); opacity: 0;}
}

.anchors {display: none;}
/* .anchors {position: fixed;top: 25px;right: 50px;z-index: 100;}
.anchors ul {margin: 0;padding: 0;}
.anchors ul li {float: left;list-style: none;}
.anchors ul li a {padding: 12px;color: #fff;text-decoration: none;position: relative;}
.anchors ul li a.active::after {position: absolute;bottom: 0px;left: 10%;width: 80%;height: 3px;background-color: rgba(255, 255, 255, 0.6);content: "";} */

.text {width: 100%;height: 100%;display: flex;/*align-items: center;*/justify-content: center;flex-flow: column;}

nav { height: 100vh;position: fixed;top: 0;z-index: 100;right: 20px;display: flex;align-items: center;justify-content: center;display: none;}
nav ul li a span {background: #fff;}
nav li {display: block;width: 10px;height: 10px;margin: 16px;position: relative;}
nav span:after {background: rgba(255, 255, 255, 0.15);position: absolute;content: "";display: block;top: 4px;left: 4px;right: 4px;bottom: 4px;border-radius: 100%;transition: 0.3s;}
nav li .active span {background: #fff;position: absolute;}
nav li .active span:after {top: -6px;left: -6px;bottom: -6px;right: -6px;}
nav ul {margin: 0;padding: 0;}
nav ul li {display: block;width: 14px;height: 13px;margin: 7px;position: relative;}
nav ul li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
nav ul li a.active span,
nav ul li:hover a.active span {height: 12px;width: 12px;margin: -6px 0 0 -6px;border-radius: 100%;}
nav ul li a span {border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #fff;left: 50%;top: 50%;margin: -2px 0 0 -2px;transition: all 0.1s ease-in-out;}
nav ul li:hover a span {width: 10px;height: 10px;margin: -5px 0px 0px -5px;}
.mb-bar {background-color: #fff;}
.mb-track-y {width: 5px;background-color: rgba(255, 255, 255, 0.2);}
#scroll {height: 90vh;}

#listeners {margin: 0;padding: 0;display: flex;flex-flow: column;}
#listeners li {list-style: none;border: 3px solid #fff;border-radius: 3px;color: #fff;padding: 6px 12px;margin: 0 10px 10px 0;font-weight: bold;}
#listeners li.active {background-color: #fff;color: #000;}
:not(pre) > code[class*="language-"], pre[class*="language-"] {background: transparent;border: 3px solid #fff;}
code {font-weight: bold;font-family: Inconsolata;}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
  }
}

.rangeable-container {margin: 20px 0 20px 0;}
.rangeable-handle {border-color: transparent;width: 18px;height: 18px;}
.rangeable-progress {height: 2px;background-color: #fff;}
.rangeable-tooltip {background-color: transparent;}
.rangeable-tooltip::before {border-color: transparent;}
.rangeable-track {height: 8px;width: 100%;border-radius: 4px;border: 3px solid #fff;box-sizing: border-box;background-color: transparent;}

.selectr-selected {background-color: transparent;border: 3px solid #fff;color: #fff;font-weight: bold;padding: 7px 28px 7px 18px;}
.selectr-selected::before {border-color: #fff transparent transparent;}
.selectr-options {padding: 8px;overflow: hidden;}
.selectr-option {border-radius: 2px;padding: 6px 10px;}
.selectr-container.native-open .selectr-selected::before,
.selectr-container.open .selectr-selected::before {border-color: transparent transparent #000;}
.selectr-container.open .selectr-selected {color: #000;background-color: #fff;border-color: #fff #fff transparent;}
.selectr-options-container {border-width: 0 3px 3px;border-color: transparent #fff #fff;}

.progress {position: fixed;top: 10px;left: 10px;width: calc(100vw - 20px);height: 5px;}
.progress .bar {position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  background-color: #fff;
}
.page-progress {width: 40px;height: 40px;position: fixed;left: 10px;top: 20px;}

svg {border-radius: 50%;width: 40px;height: 40px;}

circle {stroke: #fff;fill: transparent;stroke-dasharray: 87.9645943005 87.9645943005;stroke-dashoffset: 87.9645943005;}