/*index.css*/

a, img, label{display: block;}
#content{width: 100%;}
.inner{width: 1200px; margin: 0 auto;}
.clearfix::before, .clearfix::after{content: ''; display: table; line-height: 0;}
.clearfix::after{clear: both;}
#wrapper{width: 100%;}
#hd_pop, #hd_wrapper, #gnb .gnb_wrap, #container_wr, #ft_wr, #container{width: 100%;}
#hd, #wrapper, #ft{min-width: inherit;}
#container{margin: 0;}
#container_wr{margin:0;}

/*main visual S*/
.main_visual{position: relative;}
.main_visual .mv_slide img{position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.mv_title{position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; left: 15%;}
.mv_title h2{font-size: 60px; line-height: 85px; color: #fff;} 
.mv_title p{padding-top: 20px; text-align: center;font-size: 22px; line-height: 30px; color: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 5%;}
.swiper-pagination-bullet-active{background: #f2b704!important; width: 50px!important; border-radius: 6px;}
.swiper-pagination-bullet{width: 13px; height: 13px;}
.swiper-button-next{background-image: none; margin-right: 5%;}
.swiper-button-prev{background-image: none; margin-left: 5%;}
.swiper-button-next, .swiper-button-prev{width: 60px;height: 60px;}
.swiper-pagination-bullet{background: #fff; opacity: 1;}
.swiper-button-next img{width:100%;} 
.swiper-button-prev img{width:100%;}
/*main visual E*/

/*section1 S*/
.section_wrap .sect1{padding: 100px 0;overflow: hidden;}
.section_wrap .sect1 .left_con{width: 50%;float: left;}
.section_wrap .section .sect_tbox .yellow_line{width: 50px; height: 2px; background: #f2b704; margin: 15px 0;}
.section_wrap .section .sect_tbox h6{font-size: 18px; color: #333; line-height: 25px;}
.section_wrap .section .sect_tbox h5{font-size: 30px; line-height: 30px; font-weight: 300;}
.section_wrap .section .sect_tbox h5 span{font-weight: bold;}
.section_wrap .section .sect_tbox p{font-size: 16px; color: #666; line-height: 25px; margin-top: 45px; margin-bottom: 15px;}
.section_wrap .sect1 .sect_tbox .mat_p{margin-top: 20px;}
.section_wrap .sect1 .right_con{width: 50%;height: 530px;float: right; position: relative;}
.section_wrap .sect1 .right_con .sect1_backimg{width: 280px; height: 280px; border-radius: 100%; background-image: url('../img/main/section1_img2.png'); background-position: center; background-size: cover; background-repeat: no-repeat; position:absolute; bottom: 0;}
.section_wrap .sect1 .right_con .sect1_frontimg{width: 530px; height: 530px; border-radius: 100%; background-image: url('../img/main/section1_img.png'); background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute;right: 0;}
#popupDiv{z-index: 999; top : 0px;position: absolute;width: 980px;height: 500px;display: none;} 
#popupDiv>iframe{width: 980px;height: 500px; }    
#popup_mask{z-index: 998; position: fixed;width: 100%;height: 1000px;top: 0px;left: 0px; display: none; background-color:#000; opacity: 0.8;}
/*section1 E*/

/*section2 S*/
.index_sect2{padding: 100px 0; background: #f5f5f5; position: relative; height:1030px;}
.index_sect2 .sect2_yellow{width: 50%;height: 510px; background: #f2b704; position: absolute; right: 0; top: 34%;}
.index_sect2 .sect2_popup{position: relative; cursor: pointer; -webkit-transition:0.3s; transition:0.3s;}
.index_sect2 .pop_img{width: 910px;height: 510px;background-image: url('../img/main/section2_img.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 100px; margin: auto; left: 0; right: 0;}
.index_sect2 .play_btn{background-image: url('../img/main/section2_btn.png');width: 70px;height: 70px; background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; margin: auto; top: 0;bottom: 0; left: 0;right: 0;}
.index_sect2 .sect2_popup:hover .play_btn{background-image: url('../img/main/section2_btn2.png');width: 70px;height: 70px; background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; margin: auto; top: 0;bottom: 0; left: 0;right: 0;} 
/*section2 E*/

/*section3 S*/
.sect3{padding: 100px 0;}
.sect3 .s3tbox{margin-bottom: 60px;}
.owl-carousel .owl-dots.disabled{display: block!important;}
.owl-dot{display: block;}
.lat .lat_title a{color: #333;}
.lat .lat_title a:after{display: none;}
.lat{border: none;}
.lat li{padding: 9px 0; border-bottom: 1px solid #eee;}
.lat ul{padding: 15px 0;}
.lat .lat_title{padding: 5px 0 0 5px;}
.lat .lt_more{font-size: 16px; line-height: 25px; color: #666; width: 115px;top: 0; right: 2px; border: 1px solid #ddd; padding: 5px 0;}
.lat .lat_title a{font-size: 24px; line-height: 25px; color: #333;}
.lat li a{font-size: 16px; line-height: 25px; color: #666;}
.lat li:before{display: none;}
.lat .lt_date{top: 9px; line-height: 25px; color: #999; font-size: 16px;}
.pic_lt{border: none;}
.pic_lt .lt_more{font-size: 16px; line-height: 25px; color: #666; width: 115px;top: 0; right: 2px; border: 1px solid #ddd; padding: 5px 0; -webkit-transition: .3s;transition: .3s;}
.lat .lt_more{ -webkit-transition: .3s;transition: .3s;}
.pic_lt .lat_title{border: none;}
.pic_lt .lat_title a{font-size: 24px; line-height: 25px; color: #333;}
.pic_lt .lat_title a:after{display: none;}
.pic_lt .lat_title{padding: 0;}
.pic_lt li{width: 100%; padding: 20px 0;list-style:none; border-bottom: 1px solid #ddd; }
.pic_lt li a{overflow: hidden; -webkit-transition: .3s; transition: .3s;}
.owl-item a{font-size: 16px; line-height: 25px; color: #666; margin: 25px 0;}
.pic_lt li:hover a{color: #f2b704!important;}
.pic_lt li:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.pic_lt li:hover .lt_date{color: #333;}
.pic_lt .lt_date{font-size: 16px; color: #999; line-height: 25px; padding-top: 20px;}
.pic_lt{margin-bottom: 0; -webkit-transition: .3s;transition: .3s;}
.pic_lt li .lt_img img{margin-bottom: 15px 0; -webkit-transition: .3s;transition: .3s;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #725b12!important;}
.owl-dots .owl-dot{background: #fff;}
.lat .lt_more:hover{color: #f2b704; border: 1px solid #ddd;}
.pic_lt .lt_more:hover{color: #f2b704; border: 1px solid #ddd;}
.lat li a{-webkit-transition: .2s;transition: .2s;}
.lat li:hover a{color: #f2b704;}
/*section3 E*/
@media screen and (max-width:1300px){
    .inner{width: 100%; padding: 0 20px;}
}
@media screen and (max-width:1199px){
    
    .mv_title{left: 20%;}
    .section_wrap .sect1 .right_con{height: 460px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 460px; height: 460px;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 240px; height: 240px;}
    .section_wrap .section .sect_tbox p{word-break: keep-all;}
    .section_wrap .section .sect_tbox p br{display: none;}
}
@media screen and (max-width:1080px){
    .section_wrap .sect1 .right_con{height: 420px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 420px; height: 420px;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 210px; height: 210px;}
}
@media screen and (max-width:980px){
    .mv_title h2{font-size: 50px; line-height: 70px;}
    .swiper-slide{height: 700px;}
    .section_wrap .sect1 .left_con{width: 100%; float: none;}
    .section_wrap .sect1 .right_con{width: 100%; float: none; margin-top: 40px;}
    .section_wrap .sect1 .right_con{height: 460px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 460px; height: 460px; margin: auto; left: 0; right: 0;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 240px; height: 240px; left: 12%;}
    .section_wrap .section .sect_tbox p{word-break: keep-all;}
    .section_wrap .section .sect_tbox h6{font-size: 17px;}
    .section_wrap .section .sect_tbox h5{font-size: 32px;}
    .section_wrap .section .sect_tbox p{font-size: 15px;}
    .index_sect2 .pop_img{width: 100%; height: 450px;}
    .index_sect2 .sect2_yellow{width: 70%; height: 420px;}
    .index_sect2 {padding: 80px 0; height: 980px;}
    #popupDiv, #popupDiv>iframe{width: 100%;}
}
@media screen and (max-width:768px){
    .mv_title h2{font-size: 40px; line-height: 55px;}
    .swiper-button-next, .swiper-button-prev{width: 45px; height: 45px;}
    .swiper-slide{height: 500px;}
    .section_wrap .sect1 .right_con{height: 400px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 400px; height: 400px; margin: auto; left: 0; right: 0;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 200px; height: 200px; left: 12%;}
    .section_wrap .section .sect_tbox p{word-break: keep-all;}
    .section_wrap .section .sect_tbox h6{font-size: 16px;}
    .section_wrap .section .sect_tbox h5{font-size: 30px;}
    .section_wrap .section .sect_tbox p{font-size: 14px;}
    .index_sect2 .pop_img{width: 100%; height: 400px;}
    .index_sect2 .sect2_yellow{width: 70%; height: 380px;}
    .index_sect2 {padding: 80px 0; height: 920px;}
    #popupDiv, #popupDiv>iframe{height: 400px;}
    .lt_wr{width: 100%; margin: 0; margin-left: 0!important;}
    .lat .lat_title a{font-size: 22px;}
    .lat .lt_more{font-size: 14px; top: 3px; padding: 3px 0;}
    .lat li a{font-size: 15px;}
    .lat .lt_date{font-size: 15px;}
    .pic_lt .lt_more{font-size: 14px; padding: 3px 0;}
    .pic_lt .lat_title a{font-size: 22px;}
    .owl-item a{font-size: 15px;}
    .pic_lt .lt_date{font-size: 15px;}
}
@media screen and (max-width:600px){
    .mv_title{left: 10%;}
    .mv_title h2{font-size: 35px; line-height: 50px;}
    .swiper-button-next, .swiper-button-prev{display: none;}
    .swiper-slide{height: 400px;}
    .swiper-pagination-bullet{width: 10px; height: 10px;}
    .swiper-pagination-bullet-active{width: 35px!important;}
    .section_wrap .sect1 .right_con{height: 370px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 370px; height: 370px; margin: auto; left: 0; right: 0;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 180px; height: 180px; left: 5%;}
    .index_sect2 .pop_img{width: 100%; height: 350px;}
    .index_sect2 .sect2_yellow{width: 70%; height: 320px; top: 38%;}
    .index_sect2 {padding: 80px 0; height: 890px;}
    #popupDiv, #popupDiv>iframe{height: 350px;}
    .lat .lt_more{width: 100px;}
    .pic_lt .lt_more{width: 100px;}
    .sect3{padding: 75px 0;}
}
@media screen and (max-width:480px){
    .mv_title h2{font-size: 26px; line-height: 40px;}
    .swiper-slide{height: 350px;}
    .section_wrap .sect1 .right_con{height: 300px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 300px; height: 300px; margin: auto; left: 0; right: 0;}
    .section_wrap .sect1 .right_con .sect1_backimg{width: 120px; height: 120px; left: 5%;}
    .section_wrap .section .sect_tbox h6{font-size: 15px; line-height: 20px;}
    .section_wrap .section .sect_tbox h5{font-size: 24px; line-height: 35px;}
    .section_wrap .section .sect_tbox p{font-size: 13px; line-height: 20px;}
    .section_wrap .section .sect_tbox .yellow_line{width: 35px;}
    .section_wrap .sect1{padding: 70px 0;}
    .index_sect2 .pop_img{width: 100%; height: 200px;}
    .index_sect2 .sect2_yellow{width: 70%; height: 180px; top: 50%;}
    .index_sect2 {padding: 60px 0; height: 660px;}
    #popupDiv, #popupDiv>iframe{height: 200px;}
    .lat .lat_title a{font-size: 20px;}
    .lat .lt_more{font-size: 14px; top: 4px; width: 90px;}
    .lat li a{font-size: 14px;}
    .lat .lt_date{font-size: 14px;}
    .section_wrap .sect3 .sect_tbox h5{word-break: keep-all;}
    .pic_lt .lt_more{width: 90px; font-size: 14px;}
    .pic_lt .lat_title a{font-size: 20px;}
    .index_sect2 .play_btn{width: 50px;height: 50px;}
    .index_sect2 .sect2_popup:hover .play_btn{width: 50px;height: 50px;} 
    .sect3{padding: 55px 0;}
    .owl-item a{font-size: 13px;}
    .pic_lt .lt_date{font-size: 13px;}
    .pic_lt .lt_date{padding: 0;}
}
@media screen and (max-width:360px){
    .section_wrap .section .sect_tbox p{margin-top: 30px;}
    .section_wrap .sect1 .sect_tbox .mat_p{margin-top: 10px;}
    .section_wrap .sect1 .right_con{height: 250px;}
    .section_wrap .sect1 .right_con .sect1_frontimg{width: 250px; height: 250px; margin-top: 0;}
    .section_wrap .sect1 .right_con .sect1_backimg{left: 0;}
    .section_wrap .section .sect_tbox h5{word-break: keep-all;}
}