@charset "utf-8";


#main_visual {position:relative;}
#main_visual .swiper-pagination {position:absolute; bottom:15px; width:100%; text-align:center;}
#main_visual .swiper-pagination-bullet {width:12px; height:12px; margin:0 3px; border:1px solid #fff; background:none; opacity:1; }
#main_visual .swiper-pagination-bullet-active {opacity:1; background:#fff;}
#main_visual .swiper-pagination-bullet-active:after {opacity:1;}

#main_visual .swiper-slide {position:relative; padding-bottom:115.27%; background:no-repeat center; background-size:cover;}
#main_visual .swiper-slide img {position:absolute; top:0; left:0; width:100%; height:100%;}

#main_visual .swiper-slide.slide01 {background-image:url('../images/main/visual01_bg.jpg');}
#main_visual .swiper-slide.slide02 {background-image:url('../images/main/slider02.jpg');}
#main_visual .swiper-slide.slide03 {background-image:url('../images/main/slider03.jpg');}
#main_visual .swiper-slide.slide04 {background-image:url('../images/main/slider04.jpg');}
#main_visual .swiper-slide.slide05 {background-image:url('../images/main/m_slider08.jpg');}
#main_visual .swiper-slide.slide06 {background-image:url('../images/main/slider06.jpg');}
#main_visual .swiper-slide.slide07 {background-image:url('../images/main/m_slider07.jpg');}



#antiage {position:relative; overflow:hidden; padding-bottom:132.9%; background:url('../images/main/antiage_bg.jpg') no-repeat center; background-size:cover;}
#antiage .txt {position:absolute; top:0; left:0; width:100%; height:100%;}

#solution {overflow:hidden; padding-top:45px; background:url('../images/main/solution_bg.jpg') no-repeat center; background-size:cover;}
#solution h2 {padding:0 20px;}
#solution h2 img {width:302px;}
#solution img {width:100%;}
#solution .swiper-container {margin-top:20px; margin-right:-40%;}
#solution .tit {position:absolute; top:102px; left:50%; margin-left:-600px;}
#solution .swiper-slide {position:relative;}
#solution .swiper-slide:before {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); transition:all .4s; content:'';}
#solution .swiper-slide-active img {opacity:1;}
#solution .swiper-slide-active:before {background:rgba(0,0,0,0); content:'';}
#solution .swiper-button-next {top:50%; right:0; margin-right:35%; width:35px; height:35px; margin-top:-18px; background:url('../images/main/solution_btn_next.png') no-repeat center; background-size:35px auto;}


#solution .txt_list {position:relative; height:132px; padding:0 20px;}
#solution .txt_list li {position:absolute; top:-100%; left:-100%; width:100%; height:100%; opacity:0; transition:all .4s; -webkit-transition:all .4s;}
#solution .txt_list .t01 {margin-top:1px; font-size:45px; color:#333333; font-weight:300; letter-spacing:-0.07em;}
#solution .txt_list .t02 {font-size:15px; color:#333333; font-weight:300; letter-spacing:-0.07em;}
#solution .txt_list li.on {position:relative; top:auto; left:auto; opacity:1;}

#tv {overflow:hidden; position:relative; padding:40px 20px; background:url('../images/main/tv_bg.jpg') no-repeat center top #de535d; background-size:100% auto;}
#tv .tit {}
#tv .tit img {width:199px;}
#tv .sbtn {display:inline-block; margin-top:20px;}
#tv .sbtn img {width:184px;}

#tv .movie_box {position:relative; z-index:5; overflow:hidden; margin-top:20px; padding:0;}
#tv .movie_box .screen {position:relative; padding-bottom:56.25%; background:#000;}
#tv .movie_box .screen iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
#tv .movie_box .list {}
#tv .movie_box .list li {overflow:hidden; font-size:13px; color:#383838; line-height:1.38; letter-spacing:-0.07em; background:#fff; transition:all .4s; -webkit-transition:all .4s;}
#tv .movie_box .list li+li {border-top:1px solid #e1e1e1;}
#tv .movie_box .list .box {position:relative; overflow:hidden; display:block; padding:15px; }
#tv .movie_box .list .img_wrap {position:relative; width:130px; height:82px;}
#tv .movie_box .list .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#tv .movie_box .list .txt_box {position:absolute; top:50%; left:155px; right:45px; word-break:break-all; transform:translateY(-50%); display:-webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
#tv .movie_box .list li .play {position:absolute; bottom:15px; right:15px; width:25px; height:18px; background:url('../images/main/tv_play.png') no-repeat center; background-size:contain; transition:all .4s; -webkit-transition:all .4s;}
#tv .movie_box .list li.active {color:#fff; background:#2c2c2c; border-color:#2c2c2c;}
#tv .movie_box .list li.active .play {background-image:url('../images/main/tv_play_red.png');}

#youtube_list {overflow:hidden; position:relative; margin-top:5px; height:450px; padding-right:16px; background:#fff;}
#youtube_list .iScrollVerticalScrollbar {top:0 !important; bottom:0 !important; right:0 !important; width:16px !important; background:#e8e8e8 !important;}
#youtube_list .iScrollIndicator {left:4px; top:0px; right:4px; border:0 !important; width:8px !important; border-radius:0px !important; -webkit-border-radius:0px !important; background:#e8e8e8 !important;}
#youtube_list .iScrollIndicator:after {position:absolute; top:5px; left:0; right:0; bottom:5px; border-radius:5px; background:#db4952; content:'';}


#youtube_swiper {background:#ffffff;}
#youtube_swiper .swiper-wrapper {display: -ms-flexbox!important; display: flex!important; -ms-flex-align: stretch!important; align-items: stretch!important;}
#youtube_swiper .swiper-slide {width:95px; height:auto; padding:15px;}
#youtube_swiper .img_wrap {width:100%;}
#youtube_swiper .img_wrap img {width:100%;}
#youtube_swiper .txt_box {padding-top:10px; padding-bottom:26px; margin-right:-10px; font-size:12px; line-height:15px; color:#383838;}
#youtube_swiper .swiper-slide.active {background:#2c2c2c;}
#youtube_swiper .swiper-slide.active .txt_box {color:#fff;}
#youtube_swiper .play {position:absolute; bottom:15px; left:15px; width:25px; height:18px; background:url('../images/main/tv_play.png') no-repeat center; background-size:contain; transition:all .4s; -webkit-transition:all .4s;}
#youtube_swiper .swiper-slide.active {color:#fff; background:#2c2c2c; border-color:#2c2c2c;}
#youtube_swiper .swiper-slide.active .play {background-image:url('../images/main/tv_play_red.png');}