@charset "utf-8";

#main_visual {position:relative; max-width:1920px; margin:0 auto;}
#main_visual .swiper-slide {height:650px; background:url('/images/main2/main_visual01_bg.jpg') no-repeat center;}
#main_visual .swiper-slide.slide02 {background-image:url('/images/main2/main_visual02_bg.jpg');}
#main_visual .swiper-slide.slide03 {background-image:url('/images/main2/main_visual03_bg.jpg');}
#main_visual .swiper-slide.slide04 {background-image:url('/images/main2/main_visual04_bg.jpg');}
#main_visual .swiper-slide.slide05 {background-image:url('/images/main2/main_visual05_bg.jpg');}
#main_visual .swiper-slide.slide06 {background-image:url('/images/main2/main_visual1122_bg.jpg'); cursor:pointer;}
#main_visual .swiper-slide.slide07 {background-image:url('/images/main2/main_visual07_bg.jpg');}
#main_visual .swiper-slide.slide08 {background-image:url('/images/main2/main_visual08_bg.jpg');}

#main_visual .swiper-slide.slide06 .slide06_a{width:100%; height:100%; display:block; position:absolute;}

#main_visual .swiper-slide .txt {position:absolute; top:250px; right:50%; margin-right:-480px;}
#main_visual .swiper-slide .txt img {display:block;}
#main_visual .swiper-slide .txt .btn_view {position:relative; margin-top:58px; padding-left:2px;}

/* 슬라이드 텍스트 좌측 추가 - 2번, 4번 슬라이드 */
#main_visual .swiper-slide.slide02 .txt {position:absolute; top:250px; left:50%; margin-left:-480px; margin-right: 0; right: auto;}
#main_visual .swiper-slide.slide04 .txt {position:absolute; top:250px; left:50%; margin-left:-480px; margin-right: 0; right: auto;}

#main_visual .swiper-slide .s01,
#main_visual .swiper-slide .s02 {opacity:0; transform:translateY(40px); transition:all 0.4s 0.5s; text-align: center;}
#main_visual .swiper-slide.active .s01,
#main_visual .swiper-slide.active .s02 {opacity:1; transform:translateY(0px);}
#main_visual .swiper-slide.active .s01 {transition: all 1.2s 0.8s;}
#main_visual .swiper-slide.active .s02 {transition: all 1.2s 0.9s;}
#main_visual .swiper-pagination {position:absolute; top:590px; left:50%; z-index:200; margin-left:-600px;}
#main_visual .swiper-pagination * {vertical-align:top;}
#main_visual .swiper-pagination-bullet {position:relative; width:auto; height:auto; margin-right:22px; border-radius:0; background:transparent; opacity:1;}
#main_visual .swiper-pagination .num {font-family: 'Roboto', sans-serif; font-size:19px; font-weight:900; color:#ffffff; transition:color 0.4s;}
#main_visual .swiper-pagination .progress {display:none; position:absolute; top:50%; right:0; width:110px; height:3px; margin-top:-3px; background:#fff;}
#main_visual .swiper-pagination .progress span {display:block; height:3px; background:#292929;}
#main_visual .swiper-pagination-bullet-active {padding-right:130px;}
#main_visual .swiper-pagination-bullet-active .num {color:#2a2a2a;}
#main_visual .swiper-pagination-bullet-active .progress {display:block;}
#main_visual .scroll {position:absolute; bottom:26px; left:50%; z-index:10; margin-left:-16px;}

/* 움직이는 슬라이드 (인물, 텍스트) */



#selfie {width:1320px; margin: 110px auto; text-align:center;}
#selfie .title {margin-bottom:50px;}
#selfie ul {overflow:hidden; margin:-3px;}
#selfie li {float:left; height:285px; padding:3px;position:relative;}
#selfie a {overflow:hidden; display:block; height:279px;}
#selfie p {overflow:hidden;}
#selfie .type02 a {height:564px;}
#selfie img {transition:all 0.4s;}
#selfie li:hover img {transform:scale(1.2);}
#selfie li .hover_box {opacity:0;height:0px;width:0px; overflow:hidden;}
#selfie li:hover .hover_box {display:block;box-sizing:border-box;width:calc(100% - 6px); position:absolute; height:calc(100% - 6px);opacity:1; background:rgba(158,86,150,0.7);z-index:99;color:#fff;font-size:1.6em;line-height:285px;transition:opacity 0.3s ;}
#selfie li.type02:hover .hover_box {line-height:564px;height:564px;}

#event {text-align:center; background:url('/images/main2/event_bg.jpg') no-repeat center top !important;}


#tv {width:1320px; margin:100px auto 0; text-align:center;}
#tv .title {display:block; margin:0 auto 45px;}
#tv .cbox {display:inline-block; width:100%; vertical-align:top; margin-top:70px;}
#tv .movie_box {float:left; width:860px; height:483px;}
#tv .movie_box iframe {width:100%; height:100%;}
#tv_swiper {float:right; position:relative; width:428px; height:483px;}
#tv_swiper .inwrap {overflow:hidden; position:relative; width:428px; height:483px; padding:19px; border:1px solid #ece0dc;}
#tv_swiper img {width:193px;}
#tv_swiper .swiper-container {padding-bottom:20px;}
#tv_swiper .swiper-slide {width:100%; height:123px;}
#tv_swiper .inbox {display:inline-block; width:100%;}
#tv_swiper .inbox img {float:left;}
#tv_swiper .tcont {margin-left:208px; padding-top:7px; text-align:left;}
#tv_swiper .tcont p {margin-bottom:5px; font-size:20px; color:#272727; font-weight:500; line-height:1.35;}
#tv_swiper .tcont span {font-size:15px; color:#898989;}
#tv_swiper .swiper-button-prev,
#tv_swiper .swiper-button-next {position:absolute; left:50%; right:auto; width:44px; height:44px; margin:-22px; background:url('/images/main2/icon_tv_arr.png') no-repeat center; transition:opacity 0.4s;}
#tv_swiper .swiper-button-prev {top:0; transform:rotate(180deg);}
#tv_swiper .swiper-button-next {top:100%;}
#tv_swiper .swiper-button-prev::after,
#tv_swiper .swiper-button-next::after {display:none}

#why {max-width:1920px; margin:150px auto -150px;}
#why .title {display:block; margin:0 auto 65px;}
#why img {display:block;}
#why_swiper {position:relative;}
#why_swiper .swiper-pagination {bottom:60px; left:0; width:100%; font-size:0; text-align:center;}
#why_swiper .swiper-pagination-bullet {width:18px; height:18px; margin:0 5px; background:#fff; opacity:1;}
#why_swiper .swiper-pagination-bullet-active {background:#000000;}


.btn_view {display:inline-block; position:relative; left:0; transition:all 0.2s ease-in-out;}
.btn_view:hover {left:8px;}

#mcont {overflow:hidden; width:1320px; margin:135px auto 0;}
#mcont .cbox {position:relative; overflow:hidden; float:left; width:640px; height:319px; border-radius:10px;}
#mcont .cbox+.cbox {margin-left:40px;}
#mcont .cbox > div {}
#mcont .cbox .img {position:relative; overflow:hidden; transition:all .4s;}
#mcont .cbox:hover .img {transform:scale(1.1);}
#mcont .cbox .txt {position:absolute; top:186px; left:70px;}