/*index.css*/

/*visual S*/
.visual_container{width: 100%;}
.visual_wrapper{width: 100%; height: 100%;}
.visual_slide{width: 100%;height: 969px!important;background-size: cover; background-position: center; background-repeat: no-repeat;}
.vs1{background-image: url('../img/main/banner1.png');}
.vs2{background-image: url('../img/main/banner2.png');}
.vs3{background-image: url('../img/main/banner3.png');}
.visual_pagi .swiper-pagination-bullet{width: 70px; background: #fff; opacity: 0.5; border-radius: 0; height: 4px; bottom: 35px;}
.visual_pagi .swiper-pagination-bullet-active{opacity: 1;}
.vs_txt_wrap{position: relative; top: 15%; left: -35%; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%);}
.vs_txt_wrap h3{font-size: 60px; line-height: 68px;}
.vs1 .vs_txt_wrap h3{color: #222;}
.vs2 .vs_txt_wrap h3{color: #fff;}
.vs3 .vs_txt_wrap h3{color: #222;}
.vs_txt_wrap p{font-size: 18px; line-height: 50px;}
.vs1 .vs_txt_wrap p{color: #888;}
.vs2 .vs_txt_wrap p{color: #fff;}
.vs3 .vs_txt_wrap p{color: #888;}
.vs_btn_wrap{margin-top: 40px;}
.vs_btn{float: left;width: 180px; padding: 10px 0; border-radius: 30px; text-align: center; -webkit-transition: .3s; transition: .3s;}
.vs_btn:hover{cursor: pointer; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.2); box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.vs_btn:hover a{font-size: 15px;}
.vs_btn a{font-size: 14px; line-height: 26px; -webkit-transition: .3s; transition: .3s;}
.vs_theme{border: 1px solid #444; margin-right: 15px;}
.s2 .vs_theme{border: 1px solid #fff; margin-right: 15px;}
.vs_theme a{color: #444;}
.vs2 .vs_theme a{color: #fff;}
.vs_more{background: #444; border: 1px solid #444;}
.vs2 .vs_more{background: #fff; border: 1px solid #fff;}
.vs_more a{color: #fff;}
.vs2 .vs_more a{color: #444;}
/*visual E*/

/*section1 S*/
.sect1 .txt_wrap p{padding: 40px 0;}
.sect1 .left_area{float: left; width: 45%; margin-right: 5%;}
.sect1 .left_area .list_wrap li{font-size: 15px; line-height: 45px; border-bottom: 1px solid #ddd;color: #888;}
.sect1 .left_area .list_wrap li span{font-size: 10px; color: #f2b705; padding-right: 10px;}
.sect1 .right_area{float: right; width: 50%;}
.sect1 .right_area img{width: 100%;}
/*section1 E*/

/*section2 S*/
.sect2 .txt_wrap{margin-bottom: 70px;}
.sect2 .con_title{text-align: center;}
.sect2_con li{float: left; width: 31.33%; margin: 0 1%;}
.sect2_img{width: 240px; height: 240px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 100%; margin: 0 auto; -webkit-transition: .3s; transition: .3s;  overflow: hidden;}
.s2i1{background-image:url('../img/main/section2_img1.png');}
.s2i2{background-image:url('../img/main/section2_img2.png');}
.s2i3{background-image:url('../img/main/section2_img3.png');}
.sect2_tbox{text-align: center; margin-top: 40px;}
.sect2_tbox h6{font-size: 14px; line-height: 24px; color: #f2b705;}
.sect2_tbox h5{font-size: 18px; line-height: 40px; color: #222;}
.sect2_tbox p{padding-top: 15px; font-size: 14px; line-height: 24px; color: #666;}
.sect2 li:hover .sect2_img{-webkit-box-shadow: 0 0 30px rgba(242,183,5,0.4);box-shadow: 0 0 30px rgba(242,183,5,0.4); -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg);}
/*section2 E*/

/*section3 S*/
.sect3 .txt_wrap{width: 25%; float: left; padding: 25px 0;}
.pic_lt{width: 73%; float: right;margin-bottom: 0; border: none; background: none;}
.pic_lt ul{padding: 0;}
.pic_lt li{padding: 0;}
.pic_lt li .lt_img{margin: 0;}
.pic_lt .lat_title{padding: 0; border-bottom: none; color: #333; background: none;}
.pic_lt .lat_title a{color: #333;}
.pic_lt .lat_title a::after{background: none; display: none;}
.lat{border: none; background: none; margin-bottom: 0;}
.lat .lat_title{padding: 0; border-bottom: none; color: #333; background: none;}
.lat .lat_title a{color: #333;}
.lat .lat_title a::after{background: none; display: none;}
.atGallery .pic_lt .lat_title, .atGallery .pic_lt li .new_icon, .atGallery .pic_lt li .new_icon + a, .atGallery .pic_lt li .lt_date, .atGallery .fa.fa-plus{display: none;}
.atNotice .pic_lt li .new_icon, .atNotice .pic_lt li .new_icon + a, .atNotice .pic_lt li .lt_date{display: none;}
.atGallery{width: 100%;}
.atGallery .pic_lt li{margin-bottom: 2%;position: relative;}
.atGallery .pic_lt li:nth-child(1){width: 49%; margin-right: 1%}
.atGallery .pic_lt li:nth-child(2){width: 49%; margin-left: 1%;}
.atGallery .pic_lt li:nth-child(3){width: 49%; margin-right: 1%}
.atGallery .pic_lt li:nth-child(4){width: 49%; margin-left: 1%;}
.atGallery .pic_lt li .view_large{display: block; position: absolute; width:100%; height: 100%; background: rgba(255,255,255,0.7); opacity: 0; z-index: 10;  -webkit-transition-duration: 0.6s;  transition-duration: 0.6s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.atGallery .pic_lt li .view_con{width: 80%; height: 75%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);opacity: 0;}
.atGallery .pic_lt li:hover .view_large{opacity: 1;}
.atGallery .pic_lt li:hover .view_con{opacity: 1; z-index: 999;}
.atGallery .more-view{width: 180px; margin-top: 100px; background: #333; border-radius: 35px; text-align: center; padding: 15px 0; -webkit-transition: .3s; transition: .3s;}
.atGallery .more-view a{color: #fff; font-size: 14px; -webkit-transition: .3s; transition: .3s;}
.atGallery .more-view:hover{cursor: pointer; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.2); box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.atGallery .more-view:hover a{font-size: 15px;}
.atGallery .pic_lt li.empty_li{width: 100%; height: 300px; line-height: 300px; text-align: center; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; color: #666; font-size: 15px;}
.atGallery .pic_lt li .view_large .view_txt a{background: transparent;}
.atGallery .pic_lt li .view_large .lat_title_txt{font-size: 18px; color: #333;text-align: center; font-weight: bold;}
.atGallery .pic_lt li .view_large .lat_con_txt{font-size: 16px; color: #666;text-align: center; line-height: 30px;}
.la_text{position: relative; top: 40%;}
.sect3 .line{display: block; width: 170%; height: 3px; background: #f2b705; position: absolute;}
.sect3 .line2{width: 3px; height: 100%;}
.sect3 .line_box1 .line{left: 0; top: 0;}
.sect3 .line_box1 .line2{left: 0; top: 0;}    
.sect3 .line_box2 .line{right: 0; bottom: 0;}
.sect3 .line_box2 .line2{right: 0; bottom: 0;}
.pic_lt li:hover .line_box{opacity: 1;}
.line_box{width: 30px; height: 50px; position: absolute; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.line_box1{left: 0; top: 0;}
.line_box2{bottom: 0; right: 0;}
.line{display: block; width: 100%; height: 3px; background: #000; position: absolute;}
.line2{width: 3px; height: 100%;}
.line_box1 .line{left: 0; top: 0;}
.line_box1 .line2{left: 0; top: 0;}
.line_box2 .line{right: 0; bottom: 0;}
.line_box2 .line2{right: 0; bottom: 0;}
.contents{width: 100%; height: 100%; background: skyblue; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.test_area:hover .contents{opacity: 1;}
.test_area:hover .line_box{opacity: 1;}
/*section3 E*/

@media screen and (max-width:1500px){
    .gnb_1da{font-size: 16px;}
    #logo img{width: 150px;}
    .vs_txt_wrap h3{font-size: 70px; line-height: 75px;}
    .section_wrap .con_title h5{font-size: 35px; line-height: 40px;}
    .sect1 .txt_wrap p{padding: 20px 0;}
    .sect1 .left_area .list_wrap li{font-size: 14px; line-height: 43px;}
    .main_page .sect3 .con_title p br{display: none;}
    .main_page .sect3 .con_title p{line-height: 20px;word-break: keep-all;}
    .atGallery .more-view{margin-top: 30px;}
}
@media screen and (max-width:1320px){
    .section_wrap .con_title p{word-break: keep-all; font-size: 14px;}
    .section_wrap .con_title p br{display: none;}
    .sect1 .left_area .list_wrap li{line-height: 39px;}
    .sect1 .txt_wrap p{padding: 16px 0;}
}
@media screen and (max-width:1199px){
    #aside{display: none;}
    #wrapper{width: 100%;}
    .visual_slide{height: 760px!important;}
    .vs_txt_wrap{left: -45%; top: 5%;}
}
@media screen and (max-width:980px){
    .vs_txt_wrap h3{font-size: 60px; line-height: 65px;}
    .vs_btn{width: 150px;}
    .section_wrap .con_title h5{font-size: 33px; line-height: 38px;}
    .section_wrap .con_title p{font-size: 14px; line-height: 20px;}
    .sect1 .left_area .list_wrap li{line-height: 30px;}
    .sect2_tbox p{word-break: keep-all;}
    .sect2_tbox p br{display: none;}
    .sect2_img{width: 220px; height: 220px;}
    .sect2_tbox{margin-top: 30px;}
}
@media screen and (max-width:830px){
    .sect1 .left_area{width: 100%; margin: 0;}
    .sect1 .right_area{width: 100%; margin-top: 40px;}
    .sect1 .left_area .list_wrap li{line-height: 35px;}
    .sect2_img{width: 190px; height: 190px;}
    .sect2_tbox h5{font-size: 16px; line-height: 35px;}
    .sect2_tbox p{padding-top: 10px;}
    .atGallery .pic_lt li:nth-child(1){width: 100%; margin: 0; margin-bottom: 2%;}
    .atGallery .pic_lt li:nth-child(2){width: 49%; margin-left: 0; margin-right: 1%;}
    .atGallery .pic_lt li:nth-child(3){width: 49%; margin-right: 0; margin-left: 1%;}
    .atGallery .pic_lt li:nth-child(4){width: 100%; margin: 0;}
    .atGallery .more-view{width: 140px; padding: 11px 0;}
}
@media screen and (max-width:785px){
    .pic_lt{width: 100%;}
    .sect3 .txt_wrap{width: 100%; text-align: center;}
    .main_page .sect3 .con_title p{line-height: 50px;}
    .atGallery .more-view{margin: 17px auto;}
}
@media screen and (max-width:768px){
    .vs_txt_wrap h3{font-size: 45px; line-height: 50px;}
    .vs_txt_wrap p{font-size: 16px;}
    .vs_btn{width: 135px;}
    .visual_slide{height: 640px!important;}
    .sect2_con li{width: 100%; margin: 0; margin-bottom: 40px;}
    .sect2_tbox p br{display: block;}
    .sect2_tbox p{word-break: normal; padding-top: 0;}
    .sect2_tbox{margin-top: 20px;}
}
@media screen and (max-width:600px){
    .vs_txt_wrap h3{font-size: 30px; line-height: 35px;}
    .vs_txt_wrap p{font-size: 14px; padding: 30px 0;}
    .vs_btn{width: 130px;}
    .visual_slide{height: 480px!important;}
    .visual_pagi .swiper-pagination-bullet{width: 50px;}
    .vs_btn_wrap{margin-top: 20px;}
    .vs_txt_wrap{top: 0; left: -52%; width: 100%; padding: 0 20px;}
    .sect1 .left_area .list_wrap li{line-height: 40px;}
    .atGallery .pic_lt li .view_large .lat_con_txt{font-size: 14px;}
    .atGallery .pic_lt li .view_large .lat_title_txt{font-size: 16px;}
    .atGallery .pic_lt li:nth-child(2){width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 2%}
    .atGallery .pic_lt li:nth-child(3){width: 100%; margin-right: 0; margin-left: 0;}
}
@media screen and (max-width:480px){
    .visual_pagi .swiper-pagination-bullet{width: 40px;}
    .vs_txt_wrap p{word-break: keep-all; line-height: 20px; padding-top: 20px;}
    .vs_btn{width: 110px; padding: 5px 0;}
    .vs_btn a{font-size: 12px;}
    .vs_btn:hover a{font-size: 13px;}
    .visual_slide{height: 420px!important;}
    .sect1 .left_area .list_wrap li{font-size: 12px;}
    .sect1 .left_area .list_wrap li span{padding-right: 5px;}
    .sect1 .left_area .list_wrap li{font-size: 13px; padding: 12px 0; line-height: 16px;}
    .sect2_tbox h6{font-size: 12px;}
    .sect2_tbox h5{font-size: 14px;}
    .sect2_tbox p{font-size: 12px; line-height: 18px;}
    .sect2_tbox{margin-top: 10px;}
    .main_page .sect3 .con_title p{line-height: 16px; padding-top: 15px;}
    .atGallery .more-view{width: 110px; padding: 9px 0;}
    .atGallery .more-view a{font-size: 12px;}
    .atGallery .more-view:hover a{font-size: 13px;}
    .sect2 .txt_wrap{margin-top: 40px;}
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    .sect2_tbox p br{display: none;}
    .sect2_tbox p{word-break: keep-all;}
}