/*index.css*/

/*visual S*/
.visual_container{width: 100%;}
.visual_wrapper{width: 100%; height: 100%;}
.visual_slide{width: 100%;height: 100vh!important;background-size: cover; background-position: center; background-repeat: no-repeat;}
.vs1{background-image: url('../img/main/banner1.png');width: 100%;height: 100vh!important;background-size: cover; background-position: center; background-repeat: no-repeat;}
.vs2{background-image: url('../img/main/banner2.png');width: 100%;height: 100vh!important;background-size: cover; background-position: center; background-repeat: no-repeat;}
.vs3{background-image: url('../img/main/banner3.png');width: 100%;height: 100vh!important;background-size: cover; background-position: center; background-repeat: no-repeat;}
.vs4{background-image: url('../img/main/banner4.png');width: 100%;height: 100vh!important;background-size: cover; background-position: center; background-repeat: no-repeat;}
.vs5{background-image: url('../img/main/banner5.png');width: 100%;height: 100vh!important;background-size: cover; background-position: center; background-repeat: no-repeat;}
.vs6{background-image: url('../img/main/banner6.png');width: 100%;height: 100vh!important;background-size: cover; background-position: center; background-repeat: no-repeat;}
.vs7{background-image: url('../img/main/banner7.png');width: 100%;height: 100vh!important;background-size: cover; background-position: center; background-repeat: no-repeat;}
/*.vs2{background-image: url('../img/main/banner2.png');}
.vs3{background-image: url('../img/main/banner3.png');}*/







.swiper-container-horizontal>.swiper-pagination-bullets span {position: relative;    opacity:1;width:20px; height:20px; background:url('../img/main/dot.png') no-repeat; vertical-align: middle; cursor: pointer;}
.swiper-container-horizontal>.swiper-pagination-bullets span::after{content: ""; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; position: absolute; left: 5px; top: 2px; background-color: rgba(0, 0, 0, 0.685);}
.swiper-container-horizontal>.swiper-pagination-bullets::before{content: ""; width: 1px; height: 78%; background-color: #aaa; position: absolute; left: 9px; top: 50%; transform: translateY(-50%);}
/* .swiper-container-horizontal>.swiper-pagination-bullets span:last-child:after {display:none} */

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:20px 0px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:20px 0px !important;}

.swiper-container-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet-active::after{background-color: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet-active{background:url('../img/main/dot_01.png') no-repeat; background-size: cover; background-position: center -3px; position: relative; }
/* .swiper-container-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet-active:after {}  */

.swiper-container-horizontal>.swiper-pagination-bullets span:before {white-space:pre; font-size:14px; padding-left: 30px;}
.swiper-container-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet-active:before {font-size:15px; font-weight: bold;}

.swiper-container-horizontal>.swiper-pagination-bullets span:first-child:before {content:"SAFETY"; color:#fff; position: absolute;  width: 123px;  }
.swiper-container-horizontal>.swiper-pagination-bullets span:nth-child(2):before {content:"CONVENIENCE"; color:#fff; position: absolute; width: 123px;}
.swiper-container-horizontal>.swiper-pagination-bullets span:nth-child(3):before {content:"SMART"; color:#fff; position: absolute;  width: 123px; }
.swiper-container-horizontal>.swiper-pagination-bullets span:nth-child(4):before {content:"MONITORING"; color:#fff; position: absolute;  width: 123px; }

.swiper-pagination{display: flex; flex-direction: column; width: auto !important; left: 90% !important; top: 50% !important; transform: translateY(-50%) !important; text-align: left !important; justify-content: center;}
.swiper-container-horizontal > .swiper-pagination-bullets{height: 200px;}



.visual_pagi .swiper-pagination-bullet-active{opacity: 1;}
.vs_txt_wrap{position: relative; top:55%; left: 28%; -webkit-transform: translateY(-50%); -ms-transform: translateY(40%); transform: translateY(-50%); height: 70vh;}
.vs_txt_wrap h3{font-size:40px; }
.vs1 .vs_txt_wrap h3{color: #fff; word-break: keep-all; line-height: 160%; padding-bottom: 80px; font-weight: 500;}
.vs1 .vs_txt_wrap h3 b{font-size:50px; line-height:46px;}
.vs1 .vs_txt_wrap h3 b span{font-weight: 800;}

.vs_txt_wrap p{font-size: 18px; line-height:30px; font-weight:100}
.vs1 .vs_txt_wrap p{color: #fff; padding-bottom:20px; padding-right: 40px;}
.vs_txt_wrap .bottom-txt{position: absolute;  bottom: 0;}
.vs_txt_wrap .bottom-txt p{font-size: 16px;;}

.add-txt{position: relative; padding-left: 50px; padding-bottom: 50px;}
.swiper-slide .add-txt::before{position: absolute; left: 0; top: 0;}
.swiper-slide.vs1 .add-txt::before{content: url(../img/main/section01-icon.png);}
.swiper-slide.vs2 .add-txt::before{content: url(../img/main/section02-icon.png);}
.swiper-slide.vs3 .add-txt::before{content: url(../img/main/section03-icon.png);}
.swiper-slide.vs4 .add-txt::before{content: url(../img/main/section04-icon.png);}
.add-txt span{display: block; font-size: 25px; font-weight: 800; font-style: italic; padding-bottom: 10px;}

b {font-weight:600}

.vs1 .main_cont {padding-top:50px;}
.vs1 .main_cont ul {display: flex;  flex-wrap: wrap;}
.vs1 .main_cont ul:first-child {margin-bottom:30px}
.vs1 .main_cont ul li {color:#fff; padding-right:30px; margin-right:30px; border-right:1px solid #fff; position: relative; }
.vs1 .main_cont ul:first-child li:last-child {margin-right:0px; }
.vs1 .main_cont ul:last-child li:first-child h1 {margin-right:27px; }

.vs1 .main_cont ul li h2{font-size:18px; line-height:30px; font-weight:bold; vertical-align:top; display:inline-block}
.vs1 .main_cont ul li h1{color:#d2d2d2; font-size:14px; line-height:26px;display:block; font-weight:300;  margin-left:50px}
.vs1 .main_cont ul li h4{color:#d2d2d2; font-size:14px; line-height:26px;display:inline-block; font-weight:300;  padding-left:10px; border-left:1px solid #fff}


.vs1 .main_cont ul:last-child  li:last-child h1:last-child{margin-left:0px}

.vs1 .main_cont ul:first-child li:first-child:before {background-image:url('../img/main/main_icon01.png'); width:39px; height:37px; margin-right:6px}
.vs1 .main_cont ul:first-child li:nth-child(2):before {background-image:url('../img/main/main_icon02.png'); width:39px; height:39px;; margin-right:6px}
.vs1 .main_cont ul:nth-child(2) li:nth-child(1):before {background-image:url('../img/main/main_icon03.png'); width:36px; height:36px; ; margin-right:6px}
.vs1 .main_cont ul:nth-child(2) li:nth-child(2) {border:0; padding-top:25px}

.vs1 .main_cont ul li:before {content:""; display:inline-block;}
.vs1 .main_cont ul li:after {content:""; display:block;  position: absolute; right:-21px; transform: translateY(50%); top:40%; width: 0;   height: 0;  border-bottom:5px solid transparent;  border-top: 5px solid transparent;  border-left: 10px solid #ec1b26;  border-right: 10px solid transparent;}

.vs1 .main_cont ul li:nth-child(2) {border:0}
.vs1 .main_cont ul li:nth-child(2):after{display:none}

.vs1 .main_cont ul li:nth-child(3):after{display:none}

.vs1 .vs1_bg01 {position: absolute; background-image:url('../img/main/main_bg01.png'); width:595px; height:543px; animation: rotate_image 30s linear infinite; transform: initial !important; transform-origin: 50% 50%; top:150px; right:50px;}
.vs1 .vs1_bg02 {position: absolute; background-image:url('../img/main/main_bg02.png'); width:198px; height:316px; right:240px; top:270px}
@keyframes rotate_image{
    100% {
        transform: rotate(360deg) ;
    }
}

.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: 18px; font-weight:600}
    #logo img{width: 150px;}
    .vs_txt_wrap h3{font-size:32px; line-height:44px;}
    .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; }

	.vs1 .main_cont ul li h1 {font-size:13px; letter-spacing:-0.6px;}
	.vs1 .main_cont ul:last-child li:first-child h1 {margin-right:25px; }
}
@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;}*/

.vs1 .vs1_bg01 {position: absolute; background-image:url('../img/main/main_bg01.png'); width:400px; height:365px; background-size:cover; animation: rotate_image 30s linear infinite;transform-origin: 50% 50%; top:-80px; right:50px;}
.vs1 .vs1_bg02 {position: absolute; background-image:url('../img/main/main_bg02.png'); width:120px; height:192px; background-size:cover; right:185px; top:10px}
.vs_txt_wrap {left:20px;}

.swiper-container-horizontal > .swiper-pagination-bullets span::before{display: none;}
.swiper-pagination{left: 95% !important;}
}
@media screen and (max-width:980px){

    .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;}

    .add-txt span{font-size: 22px;}


	/* .vs1 .main_cont ul li {padding-right:0px; margin-right:0px; margin-bottom:20px; border-right:0px solid #fff;} */

	/* .vs1, vs2 {height:100% !important} */
	.vs_txt_wrap {top:0; left:0; transform: translateY(0%); padding:50px 20px; height: 90%;}

.swiper-container-horizontal>.swiper-pagination-bullets {bottom:30px !important;}

.vs_txt_wrap h3{font-size:24px; line-height:36px;}
.vs1 .vs_txt_wrap p {font-size:16px; line-height: 28px;}
.vs1 .vs_txt_wrap h3 b {font-size:40px; line-height:54px;}
.vs1 .main_cont ul {flex-direction: column;}
.vs1 .main_cont ul li:after {display:none}
.vs1 .main_cont ul:last-child li:last-child {margin-left:50px; border-top:1px solid #fff; margin-right:20px; padding-top: 0px;}
/* .vs1 .main_cont ul:last-child li:last-child h1:last-child { } */

.vs1 .vs_txt_wrap h3{padding-bottom: 40px;}
.vs1 .vs_txt_wrap p{font-size: 16px;}
.vs1 .vs_txt_wrap .bottom-txt p{font-size: 15px;}



}
@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_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;}

    .vs1 .vs_txt_wrap p{font-size: 15px;}
    .vs1 .vs_txt_wrap .bottom-txt p{font-size: 13px;}
/* .vs1 .vs1_bg01 {top:-80px; right:-100px;}
.vs1 .vs1_bg02 {right:25px; top:0px}
.vs_txt_wrap {left:0px; top: -10%;} */




/* .swiper-container-horizontal>.swiper-pagination-bullets span:after {display:none }


.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0px 5% !important;}

.swiper-container-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet-active   {width:58px; height:57px; background:url('../img/main/dot_01.png') no-repeat;}
.swiper-container-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet-active:after {content:""; position: absolute; background:#fff; width:130%; height:1px; top:50%; transform: translateY(50%); left:55px} 

.swiper-container-horizontal>.swiper-pagination-bullets span:before {white-space:pre; display:none}
.swiper-container-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet-active:before {font-size:13px; display:block} */


}
@media screen and (max-width:600px){
	#logo img{width: 130px; }

    .vs_txt_wrap h3{font-size:20px; line-height: 32px;}
	.vs1 .vs_txt_wrap h3 b {font-size:28px; line-height:40px;}
    .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;}

    .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;}
	.vs1 .main_cont ul li:last-child h1:last-child {display:block}

    .add-txt span{padding-top: 20px;}
    .add-txt span{font-size: 18px;}
}
@media screen and (max-width:480px){
/* .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0px 3% !important;} */
    /* .visual_pagi .swiper-pagination-bullet{width: 40px;} */
    .swiper-pagination{left: 90% !important;}
    .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;}
}