@charset "utf-8";

.img_controlling .main_controller_img_con{display:block;}
.main_controller_img_con{position: fixed; top:0; left:0; width:100%; height:100%; display:none;
    background-color:#e1d741; z-index: 999;}
.main_controller_img_con .main_controller_img{position:absolute; width:100%; height:100%; top:5px; left:0; opacity: 0;
    background-image:url('../img/main_controll_img.png'); background-repeat: no-repeat; background-position: center center; background-size: 24%;}
.main_controller_img_con .main_controller_line_container{position: absolute; top:32%; left:0; width:100%; height:55px; z-index: 1000; overflow: hidden;}
.main_controller_img_con .main_controller_line{position: absolute; border-bottom:9px solid #fff; width:100%; right:-100%; top:calc(50% - 5px);}
.main_controller_img_con .main_controller_logo_con{position: absolute; top:20px; left:20px; z-index: 1000;}
.main_controller_img_con .main_controller_logo_con > img{width:140px; height:35px;}


.main_visual_container.swiper-container{height:100%;}
.main_visual_container .swiper-slide{height:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden;}
.main_visual_container .swiper-slide-active > div{overflow: initial;}
.main_visual_container .main_visual_img{
    position: absolute; width:100%; height:100%; left:0; top:0; background-position: center center; background-repeat: no-repeat; background-size: cover;  z-index: -1;
    /*transition: margin-top, margin-left 1s ease-out ;*/
}
.main_visual_container .main_visual_slide_000 .main_visual_img{background-image: url('../img/main_visual_img_M_000.jpg');}
.main_visual_container .main_visual_slide_001 .main_visual_img{background-image: url('../img/main_visual_img_M_001.jpg');}
.main_visual_container .main_visual_slide_002 .main_visual_img{background-image: url('../img/main_visual_img_M_002.jpg');}
.main_visual_container .main_visual_slide_003 .main_visual_img{background-image: url('../img/main_visual_img_M_003.jpg');}
.main_visual_container .main_visual_slide_004 .main_visual_img{background-image: url('../img/main_visual_img_M_004.jpg');}
.main_visual_container .main_visual_slide_005 .main_visual_img{background-image: url('../img/main_visual_img_M_005.jpg');}
.main_visual_container .main_visual_slide_006 .main_visual_img{background-image: url('../img/main_visual_img_M_006.jpg');}
.main_visual_container .main_visual_slide_007 .main_visual_img{background-image: url('../img/main_visual_img_M_007.jpg');}
.main_visual_container .main_visual_slide_008 .main_visual_img{background-image: url('../img/main_visual_img_M_008.jpg');}
.main_visual_container .main_visual_slide_009 .main_visual_img{background-image: url('../img/main_visual_img_M_009.jpg');}
.main_visual_container .main_visual_contents_wrap{height: 100%; right:-120%; transition: all 0.6s ease-in-out; /*transition-delay: 0.1s;*/ }
.main_visual_container .main_visual_contents{text-align: center; position: relative; top:calc(50% - 30px);}
.main_visual_container .main_visual_contents > img{width:952px;}
/*.main_visual_container .main_visual_contents{display: table-cell; vertical-align: middle; text-align: center; padding-top:135px;}*/
.main_visual_contents_wrap.prev{right:120%; opacity: 0;}
.main_visual_contents_wrap.next{right:-120%; opacity: 0;}
.main_visual_contents_wrap.end{right:0% !important; opacity: 1 !important;}

.main_visual_btn_wrap{position:absolute; left:calc(50% - 83px); bottom:50px; z-index: 2; width:auto; display:none;}
.main_visual_btn_con{display: table; width:auto;}
.main_visual_btn_con > div{display: table-cell; vertical-align: middle;}
.main_visual_container .btn_prev{font-size:13px; font-size:1.3rem; line-height:18px; line-height:1.8rem; font-weight:500; color:#fff; padding-right:14px; background-image: url('../img/btn_left_arrow.png'); background-repeat: no-repeat; background-position: right 0px center; cursor: pointer;}
.main_visual_container .btn_mouse{padding-left:18px; padding-right: 18px;}
.main_visual_container .btn_mouse > img{width:36px; height:36px;}
.main_visual_container .btn_mouse .origin_img{display: inline-block;}
.main_visual_container .btn_mouse .hover_img{display: none;}
.main_visual_container .btn_next{font-size:13px; font-size:1.3rem; line-height:18px; line-height:1.8rem; font-weight:500; color:#fff; padding-left:14px; background-image: url('../img/btn_right_arrow.png'); background-repeat: no-repeat; background-position: left center; cursor: pointer;}

.main_line_container{position:absolute; top:32%; left:0; width:100%; height:55px; z-index:3; overflow: hidden;}
.line{position:absolute; top:calc(50% - 5px); right:80%; width:100%; border-bottom:9px solid #fff; z-index: 3;}
.line2{display:none; position:absolute; top:calc(50% - 5px); right:-100%; width:100%; border-bottom:9px solid #fff ; z-index: 3;}
.line3{position:absolute; top:calc(50% - 5px); right:80%; width:100%; border-bottom:9px solid #fff; z-index: 3;}
.line4{position:absolute; top:calc(50% - 5px); right:-96%; width:100%; border-bottom:9px solid #fff ; z-index: 3;}
.line5{position:absolute; top:32%; left:0%; width:100%; border-bottom:9px solid #fff; z-index: 3; display: none; margin-top: 29px;}
.active_num{position:absolute; top:calc(50% - 28px); right:calc(80% - 67px); width:auto; font-size:38px; font-size:3.8rem; line-height:66px; line-height:6.6rem; font-weight:700; color:#fff; z-index: 3; overflow: hidden;}
.active_num .num_inner{padding-left:20px; margin-left:-100%;}
.next_num{position:absolute; top:calc(50% - 28px); right:4%; width:auto; font-size:45px; font-size:4.5rem; line-height:55px; line-height:5.5rem; font-weight:700; color:#fff; z-index: 3; overflow: hidden;}
.next_num .num_inner{padding-right:24px; margin-left:100%;}
/*.num_inner{transition: 0.3s all ease-out;}*/
.num_inner.active {margin-left:0%;}
.main_visual_container .line,.main_visual_container .line2{display: none;}

.index_num{position:absolute; top:100px; left: 20px; z-index:3; font-size: 30px; font-size: 3.0rem; line-height: 30px; line-height: 3.0rem; letter-spacing:0.03em; font-weight: 500; color:#fff;}

.main_visual_sub_title_con{position:relative; left:20px; height:13px;}
.main_visual_sub_title_con > li{display:none; font-size:13px; font-size: 1.3rem; line-height: 13px; line-height: 1.3rem; color:#fff; font-weight: 500;}
.main_visual_sub_title_con > li.on{ display: block;}



/* popup */
.popup_wrap{display:none;}
.popup_wrap .popup_inner{overflow: hidden;}
.popup_wrap .popup_close_btn_con{float:right; margin-bottom:15px; margin-right:20px;}
.popup_wrap .popup_close_btn_con > a{display:block;}
.popup_wrap .popup_youtube_con , .view_section .youtube_con{height:400px;}
.popup_wrap .popup_youtube_con > iframe , .view_section .youtube_con > iframe{width:100%; height:100%;}



@media all and (min-width:768px) {
    .main_visual_container .main_visual_contents_wrap{transition:right 1s;}
    .active_num .num_inner{padding-left:30px;}
    .main_visual_container .main_visual_contents{top:42%;}
    .main_visual_contents_wrap.prev{right:120%; opacity: 1;}
    .main_visual_contents_wrap.next{right:-120%; opacity: 1;}
    .line5{display: none !important;}
}

@media all and (min-width:1199px){
    .main_visual_container .main_visual_img{width:120%; height:120%; left:-10%; top:-7%;}
    .main_visual_container .main_visual_slide_000 .main_visual_img{background-image: url('../img/main_visual_img_000.jpg');}
    .main_visual_container .main_visual_slide_001 .main_visual_img{background-image: url('../img/main_visual_img_001.jpg');}
    .main_visual_container .main_visual_slide_002 .main_visual_img{background-image: url('../img/main_visual_img_002.jpg');}
    .main_visual_container .main_visual_slide_003 .main_visual_img{background-image: url('../img/main_visual_img_003.jpg');}
    .main_visual_container .main_visual_slide_004 .main_visual_img{background-image: url('../img/main_visual_img_004.jpg');}
    .main_visual_container .main_visual_slide_005 .main_visual_img{background-image: url('../img/main_visual_img_005.jpg');}
    .main_visual_container .main_visual_slide_006 .main_visual_img{background-image: url('../img/main_visual_img_006.jpg');}
    .main_visual_container .main_visual_slide_007 .main_visual_img{background-image: url('../img/main_visual_img_007.jpg');}
    .main_visual_container .main_visual_slide_008 .main_visual_img{background-image: url('../img/main_visual_img_008.jpg');}
    .main_visual_container .main_visual_slide_009 .main_visual_img{background-image: url('../img/main_visual_img_009.jpg');}

    .main_visual_container .main_visual_contents{padding-left:40px; padding-right:40px; top:calc(48% - 85px);}
    .main_visual_sub_title_con{left:50px;}
    .index_num{left:50px;}
    .active_num{right:calc(80% - 82px); font-size:45px; font-size:4.5rem; line-height:55px; line-height:5.5rem;}
    .next_num{font-size:45px; font-size:4.5rem;}
    .line2{display: block;}
    .line5{display: none !important;}
    .popup_wrap .popup_youtube_con{height:790px;}
    .view_section .youtube_con{height:647px;}
    .main_visual_btn_wrap{display:block;}

    .main_visual_container .btn_prev:hover{color:#f1e754; background-image: url('../img/btn_left_arrow_h.png');}
    .main_visual_container .btn_next:hover{color:#f1e754; background-image: url('../img/btn_right_arrow_h.png');}
    .main_visual_container .btn_mouse:hover .origin_img{display: none;}
    .main_visual_container .btn_mouse:hover .hover_img{display: inline-block;}

    .main_line_container{top:27%;}


    .main_controller_img_con{top:0; background-size: 320px 353px;}
    .main_controller_img_con .main_controller_img{background-size: 202px 224px;}
    .main_controller_img_con .main_controller_line_container{top:27%;}
    .main_controller_img_con .main_controller_logo_con{top:34px; left:50px;}
    .main_controller_img_con .main_controller_logo_con > img{width:178px; height:44px;}

    .popup_wrap .popup_close_btn_con{margin-right:0px;}

}

@media all and (min-width:1900px){


}