@import url('jquery.mCustomScrollbar.css');

html, body, #wrap{height:100%}
html{overflow:hidden}
.layer1{background-color:#faf9f5}
.layer1 > .rel{padding-bottom:30px}
.layer1 .inner_dvl{margin-top:190px}
.layer1 .inner_dvr{padding-top:140px;padding-bottom:130px;box-sizing:border-box}
.layer1 .lyr1_ttl{padding-bottom:44px}
.layer1 .inner{clear:both;padding:190px 0 115px}
.layer1 .text_area{position:relative;padding-left:600px;z-index:1}
.layer1 .lyr1_sttl{padding:40px 0 25px;font-family:'NanumMyeongjoExtraBold';font-size:20px;color:#222}
.lyr1_dec{bottom:-32px;margin-left:-1280px;z-index:1}
.lyr1_bar{position:absolute;left:0;bottom:0;width:100%;height:30px;background-color:#d7d2cc}

.layer2{position:relative;height:100%;z-index:1}
.lyr2_left{width:50%;height:100%}
.lyr2_right{width:50%;height:100%;background-color:#720218}
.lyr2_left .bg_slide{position:absolute;left:0;top:0;width:100%;height:100%}
.lyr2_left .bg_slide .container{height:100%}
.lyr2_left .bg_slide ul{height:100%}
.lyr2_left .bg_slide li{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
}
.lyr2_left .bg_slide li:first-child{
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
.lyr2_left .bg_slide li div{height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;
-webkit-transform:translateY(95%);
-ms-transform:translateY(95%);
transform:translateY(95%);
}
.lyr2_left .bg_slide li:first-child div{
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
.lyr2_left .bg_slide li.slide1 div{background-image:url('../img/page/ck/l_img1.jpg')}
.lyr2_left .bg_slide li.slide2 div{background-image:url('../img/page/ck/l_img2.jpg')}
.lyr2_left .bg_slide li.slide3 div{background-image:url('../img/page/ck/l_img3.jpg')}
.lyr2_left .bg_slide li.slide4 div{background-image:url('../img/page/ck/l_img4.jpg')}
.lyr2_left .bg_slide li.slide5 div{background-image:url('../img/page/ck/l_img5.jpg')}
.lyr2_left .lyr2_sttl{position:absolute;left:11.3%;top:22.6%}
.mid{position:absolute;left:50%;top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.lyr2_left .mid{width:455px}
.lyr2_left .lyr2_ttl{padding-bottom:188px;color:#fff}
.lyr2_paging{border-left:1px solid rgba(255,255,255,0.2)}
.lyr2_paging li{margin-left:-1px;padding-left:40px;height:60px;line-height:60px;box-sizing:border-box}
.lyr2_paging li a{font-family:'NotoSansKR-Light';font-size:17px;color:#999}
.lyr2_paging li.on, .lyr2_paging li:hover{border-left:1px solid #fff}
.lyr2_paging li.on a, .lyr2_paging li:hover a{color:#fff}
.lyr2_right .sml_slide{overflow:hidden;width:630px;height:460px}
.lyr2_right .sml_slide li{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);
}
.lyr2_right .sml_slide li:first-child{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
.lyr2_right .sml_slide li div{height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;
-webkit-transform:translateX(95%);
-ms-transform:translateX(95%);
transform:translateX(95%);
}
.lyr2_right .sml_slide li:first-child div{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
.lyr2_right .sml_slide li.swiper1 div{background-image:url('../img/page/ck/s_img1.jpg')}
.lyr2_right .sml_slide li.swiper2 div{background-image:url('../img/page/ck/s_img2.jpg')}
.lyr2_right .sml_slide li.swiper3 div{background-image:url('../img/page/ck/s_img3.jpg')}
.lyr2_right .sml_slide li.swiper4 div{background-image:url('../img/page/ck/s_img4.jpg')}
.lyr2_right .sml_slide li.swiper5 div{background-image:url('../img/page/ck/s_img5.jpg')}
.sml_slide_txt{overflow:hidden;top:50%;margin-left:-203px;margin-top:180px;width:569px;height:104px}
.sml_slide_txt li{overflow:hidden;position:absolute;right:0;top:0;width:100%;height:100%;opacity:0;
-webkit-transition:opacity .3s;
transition:opacity .3s;
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);
}
.sml_slide_txt li.on{opacity:1}
.sml_slide_txt li:first-child{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
.sml_slide_txt li div{width:100%;height:100%;background-repeat:no-repeat;background-position:right top;
-webkit-transform:translateX(95%);
-ms-transform:translateX(95%);
transform:translateX(95%);
}
.sml_slide_txt li:first-child div{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
.sml_slide_txt li.swiper1 div{background-image:url('../img/page/ck/sml_slide_txt1.png')}
.sml_slide_txt li.swiper2 div{background-image:url('../img/page/ck/sml_slide_txt2.png')}
.sml_slide_txt li.swiper3 div{background-image:url('../img/page/ck/sml_slide_txt3.png')}
.sml_slide_txt li.swiper4 div{background-image:url('../img/page/ck/sml_slide_txt4.png')}
.sml_slide_txt li.swiper5 div{background-image:url('../img/page/ck/sml_slide_txt5.png')}

.layer3{background-color:#faf9f5}
.layer3 .dvl_ttl{margin-top:200px;color:#666}
.layer3 .inner_dvr{padding-top:144px;padding-bottom:150px;background-color:#fff}
.layer3 .title{width:600px}
.layer3 .text{padding-bottom:74px}
.layer3 .map_wrap{height:566px}
.layer3 .map_wrap .video_area{overflow:hidden;left:0;top:0;width:1010px;height:566px;background:url('../img/page/ck/floor1.jpg')no-repeat center}
.layer3 .map_wrap .img_area{overflow:hidden;left:0;top:0;width:1010px;height:566px}
.layer3 .map_wrap .img_area li{opacity:0;position:absolute;left:100%;top:0;
-webkit-transition:all .4s;
transition:all .4s
}
.layer3 .map_wrap .img_area li:after{content:'';position:absolute;right:-1px;top:0;width:1px;height:100%;background:#d7d2cc}
.layer3 .map_wrap .img_area li.on{opacity:1;left:0}
.layer3 .map_wrap .tab_area{right:0;top:96px}
.layer3 .map_wrap .tab_area li{width:230px;height:125px}
.layer3 .map_wrap .tab_area li a{position:relative;display:block;width:100%;height:100%;background-color:#bab4a8;border-bottom:1px solid rgba(255,255,255,0.2);box-sizing:border-box}
.layer3 .map_wrap .tab_area li a:before{display:none;content:'';position:absolute;top:50%;left:-22px;width:35px;height:1px;background-color:#fff}
.layer3 .map_wrap .tab_area li:last-child a{border-bottom:0}
.layer3 .map_wrap .tab_area .floor{float:left;width:80px;height:100%;font-size:17px;line-height:124px;color:#fff;text-align:center}
.layer3 .map_wrap .tab_area .map_ttl{float:left;padding-top:36px;font-family:'NanumMyeongjo';font-size:20px;line-height:125%;color:#fff}
.layer3 .map_wrap .tab_area li a:hover{background-color:#720218}
.layer3 .map_wrap .tab_area li a:hover:before{display:block}

.layer4_wrap{margin-top:-150px;height:calc(100% + 150px);background-color:#d7d2cc}
.layer4{height:calc(100% - 150px);padding-top:150px}
.layer4 .dvl_ttl{margin-top:202px;color:#666}
.layer4 .flow_txt{overflow:hidden;position:relative;height:calc(100% - 200px);padding-top:200px}
.layer4 .flow_txt li{margin-bottom:65px}
.layer4 .flow_txt li:first-child{margin-bottom:140px}
.layer4 .flow_txt li:nth-child(2){margin-bottom:120px}
.layer4 .flow_txt li:last-child{padding-bottom:200px;margin-bottom:0}
.layer4 .flow_txt .title{padding-bottom:38px}
.layer4 .flow_txt .stitle{font-family:'NanumMyeongjoExtraBold';font-size:25px;letter-spacing:-0.025em;color:#222}
.layer4 .flow_txt .ltext{position:relative;display:inline-block;padding-top:34px;font-family:'NanumMyeongjoExtraBold';font-size:50px;color:#222}
.layer4 .flow_txt .ltext em{font-size:100px}
.layer4 .flow_txt .ltext:before{content:'';position:absolute;left:0;bottom:-20px;width:100%;height:8px;background-color:#000}
.layer4 .flow_txt .title2{font-family:'NotoSansKR-Medium';font-size:17px;color:#444}
.layer4 .flow_txt .stext{font-family:'NanumMyeongjoExtraBold';font-size:34px;color:#222}
.layer4 .flow_txt .stext em{font-size:60px}
.layer4 .tang_img{top:-172px;margin-left:-40px}
.layer4 .tang_img span{position:absolute;left:0;top:0}
.layer4 .tang_img .spoon{opacity:0;transform:translate(300px, -200px);transition:transform .5s}
.layer4 .tang_img .spoon.animate{opacity:1;transform:translate(0, 0)}

.layer5 .inner_dvl{padding-top:40px}
.layer5 .inner_dvr{margin-top:-150px;background:#720218;padding-top:150px}
.layer5 .title, .layer5 .text em{color:#fff}
.layer5 .text{padding-bottom:80px;color:#c1a4a8}
.lyr5_video{height:652px;margin-bottom:150px;background:url('../img/page/ck/lyr5_video.jpg')no-repeat center;background-size:cover}
.no-video .lyr5_video img{display:block}
.no-video .lyr5_video iframe{display:none}
/* .lyr5_tabmenu{text-align:left}
.lyr5_tabmenu a{text-align:center}
.lyr5_tabconts{overflow:hidden;background:#faf9f5;padding:150px 0 150px 100px}
.lyr5_tabconts .swiper-slide{width:auto;cursor:grab}
.lyr5_tabconts .swiper-container{padding:0 100px 120px 0}
.lyr5_tabconts .swiper-scrollbar{width:960px;height:2px;background:rgba(0,0,0,0.2)}
.lyr5_tabconts .swiper-scrollbar-drag{position:absolute;left:0;top:0;width:100%;height:2px;background:#720218} */

/* .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0;bottom:0;width:960px;height:2px;opacity:1}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{background:rgba(0,0,0,0.2);margin:0}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:2px;background:#720218;border-radius:0;margin:0} */