/* main_visual */
/* 배너1 */
.mv01{position:relative;height:735px;background:#050503;box-sizing:border-box}
.mv01 .text_area{position:relative;display:inline-block;margin:500px auto 0;z-index:2}
.mv01 .mv_ttl{padding-bottom:32px}
.mv01 .mv_txt{font-family:'NanumMyeongjo-bold';font-size:17px;color:#666}
.mv01 .mv_sl1_wrap{position:absolute;left:40px;top:0;width:373px;height:100%;z-index:1}
.mv01 .mv_sl1_ttl{position:relative;float:right;height:100%;padding-top:44px;box-sizing:border-box}
.mv01 .mv_sl1_ttl:before{content:'';position:absolute;left:50%;bottom:0;width:1px;height:574px;background-color:rgba(255,255,255,0.2)}
.mv01 .mv_sl2_wrap{position:absolute;right:40px;top:0;width:373px;height:100%;z-index:2}
.mv01 .mv_sl2_ttl{position:relative;float:left;padding-top:603px;height:100%;box-sizing:border-box}
.mv01 .mv_sl2_ttl:before{content:'';position:absolute;left:50%;top:0;width:1px;height:574px;background-color:rgba(255,255,255,0.2)}
.mv01 .mv_sl1_wrap .mv_slide{float:left}
.mv01 .mv_sl2_wrap .mv_slide{float:right}
.mv01 .mv_slide{width:300px}
.mv01 .mv_slide.swiper-container{height:735px}
.mv01 .mv_slide .swiper-wrapper{display:block}
.mv01 .mv_slide .swiper-slide{float:none;width:100%;height:182px;margin-bottom:40px;opacity:.2}
.mv01 .mv_slide .swiper-slide:hover{opacity:1}
.mv1_img_slide{top:0;margin-left:-583px;width:1163px;height:100%}
/* 배너2 */
.mv02{position:relative;height:735px;background:url('../img/main/12/mv02_bg.jpg')no-repeat center;background-size:cover;box-sizing:border-box}
.mv02 .mv02_ttl{padding:66px 0 16px;font-family:'NanumMyeongjo';font-size:40px;letter-spacing:-0.025em;color:#222}
.mv02 .mv02_ttl em{font-family:'NanumMyeongjoExtraBold'}
.mv02 .mv02_txt{padding-bottom:36px}
.mv02 .mv02_video_wrap{width:790px;margin:0 auto;position:relative;z-index:1}
.mv02 .mv02_video{width:100%;height:442px}
.no-video .mv02 .mv02_video{background:url('../img/main/12/mv02_video.jpg')no-repeat center}
.mv02 .video_bar_wrap{position:relative;width:100%;height:2px;background-color:rgba(0,0,0,0.2)}
.mv02 .video_bar{position:absolute;left:0;top:0;width:0;height:2px;background-color:#8c2e40}
.mv02_slide{position:absolute;left:0;bottom:0;width:100%;height:133px}
.mv02_slide li{width:241px;margin-right:24px}

.flowslide1{animation:flowslide1 20s linear 1s infinite}
@keyframes flowslide1{
    from {transform:translateY(0)}
    to {transform:translateY(-1110px)}
}
/* .mv_sl1:hover .flowslide1, .mv_sl2:hover .flowslide1{animation-play-state:paused} */
.flowslide2{animation:flowslide2 40s linear infinite}
@keyframes flowslide2{
    from {transform:translateX(0)}
    to {transform:translateX(-2385px)}
}
/* .mv02_slide:hover .flowslide2{animation-play-state:paused} */

.mv_paging{position:absolute;left:50%;bottom:40px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
.mv_paging li{width:15px;height:15px;margin-left:30px}
.mv_paging li:first-child{margin-left:0}
.mv_paging li a{display:block;width:100%;height:100%;border-radius:50%;background-color:rgba(255,255,255,0.5);font-size:0;line-height:0}
.mv_paging li.on a, .mv_paging li a:hover{background-color:#99223f}

/* notice */
.notice{background-color:#fff}
.notice .inner_rsp{height:75px;box-sizing:border-box}
.notice .notice_ttl{width:117px;font-family:'NanumMyeongjoExtraBold';font-size:20px;line-height:75px;color:#222;box-sizing:border-box}
.notice .notice_txt{width:calc(100% - 117px);padding:0 290px 0 40px;line-height:75px;color:#666;box-sizing:border-box}
.notice .notice_txt a{display:block;width:100%;height:100%;line-height:75px}
.notice .notice_txt span{display:inline-block;vertical-align:middle}
.notice .notice_txt span.ellipsis{max-width:calc(100% - 150px);margin-right:40px}
.notice .notice_box{position:absolute;right:74px;top:0;width:176px;height:75px;background-color:#99223f;font-family:'NanumMyeongjoExtraBold';font-size:20px;color:#fff;line-height:75px;text-align:center}
.notice .btn_oc{position:absolute;right:0;top:0;display:block;width:74px;height:75px;background:url('../img/main/12/btn_oc.jpg')no-repeat center;font-size:0;
-webkit-transform:rotateZ(0);
transform:rotateZ(0);
}
.notice .btn_oc.off{
-webkit-transform:rotateZ(180deg);
transform:rotateZ(180deg);
}
/* .notice .notice_sl{display:none} */
.notice .notice_sl .swiper-slide{position:relative;height:360px;background-repeat:no-repeat;background-position:center}
.notice .notice_sl .swiper-slide a{display:block;height:100%}
/* .notice .notice_sl .swiper-slide:before{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background-color:#ccc}
.notice .notice_sl .swiper-slide:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ccc} */
.notice .notice_paging{position:absolute;right:20px;top:20px}
.notice .notice_paging li{width:12px;height:12px;margin-left:20px}
.notice .notice_paging li:first-child{margin-left:0}
.notice .notice_paging li a{display:block;width:100%;height:100%;border-radius:50%;background-color:rgba(34,24,21,0.2)}
.notice .notice_paging li.swiper-pagination-bullet-active a, .notice .notice_paging li a:hover{background-color:#99223f}

/* brand */
.brand{padding:130px 0 110px}
.brand .brand_ttl{overflow:hidden;margin-left:-630px;top:-60px;z-index:6}
.brand .brand_video{overflow:hidden;padding-top:46.6667%}
.brand .brand_video .video_area{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%}
.brand .brand_video .video_wrap{overflow:hidden;padding-top:46.6667%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.brand .brand_video .video_area > img, .brand .brand_video .video_area iframe,  .brand .brand_video .video_area video{position:absolute;left:0;top:0;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

transform: scale(1.00001), translateZ(0.00001);
-webkit-transform: scale(1.00001), translateZ(0.00001);
-moz-transform: scale(1.00001), translateZ(0.00001);

-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;

-webkit-filter: opacity(.9999)
}
.brand .brand_video .brand_video_ovl{position:absolute;left:0;top:0;width:100%}
.brand .text_area{margin-left:438px;top:50%;z-index:1;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.brand .text_area:before{content:'';position:absolute;bottom:0;left:-40px;width:1px;height:500px;background-color:rgba(0,0,0,0.1)}
.brand .brand_vtxt{padding-top:28px;font-size:17px;line-height:182%;color:#666}
.brand .brand_bot{margin-top:40px}
.brand .brand_bot .brand_txt{display:inline-block;padding-top:20px;font-size:17px;color:#666}
.brand .brand_bot .brand_link{display:block;width:245px;height:64px;background-color:#99223f;font-size:17px;line-height:64px;letter-spacing:-0.02em;color:#fff;text-align:center}
.brand .brand_bot .brand_link span img{margin-left:20px}

.menu{padding:120px 0;max-height:840px;background:url('../img/main/12/menu_bg.jpg')no-repeat top center}
.menu .inner_rsp{background-color:#eae6e2}
.menu .menu_motion{padding:90px 0}
.menu .menu_ttl{margin-left:-100px;top:-180px;z-index:6}
.menu .menu_slide{width:100%;z-index:7}
.menu .back_overlay{background:#eae6e2}
.menu .menu_slide .swiper-slide{width:32.5333%}
.menu .menu_slide .swiper-slide .slide_in{width:96.72%;margin:0 1.64%}
.menu .menu_slide .text_area{margin-top:-44px;text-align:center}
.menu .menu_slide .text_area .sl_ttl{padding-bottom:12px;font-family:'NanumMyeongjoExtraBold';font-size:28px;color:#222}
.menu .menu_slide .text_area .sl_txt{font-size:17px;letter-spacing:-0.02em;color:#000}
.menu .menu_btns{position:absolute;top:50%;margin-top:-35px;width:70px;height:70px;background-repeat:no-repeat;background-position:center;font-size:0;z-index:10}
.menu .menu_btns.menu_prev{left:-35px;background-image:url('../img/main/12/menu_prev.jpg')}
.menu .menu_btns.menu_next{right:-35px;background-image:url('../img/main/12/menu_next.jpg')}
.menu .menu_link{position:absolute;left:50%;bottom:-32px;margin-left:-122px;display:block;width:245px;height:64px;background-color:#99223f;font-size:17px;line-height:64px;letter-spacing:-0.02em;color:#fff;text-align:center;z-index:6}
.menu .menu_link span img{margin-left:20px}

.boxes_wrap{padding:100px 0}
.boxes_wrap li{position:relative;overflow:hidden;float:left;width:30.67%;margin-left:3.995%}
.boxes_wrap li:first-child{margin-left:0}
.boxes_wrap a{display:block;position:relative;padding-top:121.7391%}
.boxes_wrap a span{display:block;overflow:hidden;position:absolute;left:0;top:0;width:100%;padding-top:121.7391%}
.boxes_wrap a span img{position:absolute;left:0;top:0}

.insta_wrap{position:relative;padding-bottom:100px;min-height:300px}
.insta_wrap .insta_ttl{position:absolute;left:40%;top:0;width:20%}
.insta_wrap li{float:left;width:20%}
.insta_wrap li:nth-child(2){margin-right:20%}
.insta_wrap li a{display:block;position:relative;width:100%;height:100%;padding-top:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.insta_wrap li a .iframe_wrap{position:absolute;left:0;top:0;width:100%;height:100%}

@media screen and (max-width: 1600px) {
    .menu .inner_rsp{width:calc(100% - 140px)}
}

@media screen and (max-width: 1510px) {
    .notice .notice_ttl{padding-left:20px}
}

.black_overlay, .white_overlay{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:5}
.white_overlay{background:#fff}