@charset "utf-8";
/* 공통 레이아웃 시작 */
a, abbr, address, article, aside, audio, body, canvas, caption, cite, dd, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, img, label, legend, li, menu, nav, object, ol, p, section, span, strong, summary, table, tbody, td, tfoot, th, thead, tr, ul, video{font-family: 'Malgun Gothic','nsr_m','Dotum','arial','sans-serif';}
h1, h2, h3, h4, h5, h6, strong, b{font-weight:600;}
a:hover, a:focus, a:active{text-decoration: none;}

#body_layout{overflow:hidden;}
#body_layout *{box-sizing:border-box;}
#body_layout a{transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
#body_layout .body_wrap{width:100%;}
table caption{position: relative;width: 1px;height: 1px;margin: -1px;text-indent:-100000px;}

/* 공통 레이아웃 끝 */

#svisual_layout{overflow:hidden;position: relative;left: 0;top: 0;width:100%;height: 100%;max-height: 900px;margin: -137px 0 0;z-index:10;}
#svisual_layout .svisual-txt{position: absolute;left:calc(50% - 600px);top:40%;width: 1200px;z-index: 10;text-align: left;}
#svisual_layout .svisual-txt:before{display:inline-block;position:absolute;right:0;bottom:20px;width:20%;height:2px;background:#fff;content:'';}
#svisual_layout .svisual-txt .txt01{display: inline-block;vertical-align: bottom;}
#svisual_layout .svisual-txt .txt01 span{display: block;width:186px;height:19px;background: url(/images/chn/main/mvisual_txt01.png)center no-repeat;text-indent: -9999px;}
#svisual_layout .svisual-txt .txt01 strong{display: block;width:459px;height:106px;background: url(/images/chn/main/mvisual_txt02.png)center no-repeat;text-indent: -9999px;}
#svisual_layout .svisual-txt .txt02{display: inline-block;vertical-align: bottom;margin:0 0 10px 20px;}
#svisual_layout .svisual-txt .txt02 span{display:block;color:#fff;font-size:18px;letter-spacing:-1px;line-height:1.3;}
#svisual_layout .press{width:100%;height:100%;}
#svisual_layout .press .sliderBox{width:100%;height:100%;}
#svisual_layout .press .sliderBox *{height:100%;display: block;}
#svisual_layout .press .sliderBox li{}
#svisual_layout .press .sliderBox li .item{background-size:cover;background-repeat:no-repeat;}

#svisual_layout .controlBox{position: absolute;left:calc(50% - 600px);top: 55%;width:1200px;text-align:left;}
#svisual_layout .controlBox .paging{display: inline-block;vertical-align:middle;}
#svisual_layout .controlBox .paging button{position:relative; width:21px;height:21px;margin:0 3px;border-radius:50%;background:transparent;text-indent:-9999px;transition:0.5s;}
#svisual_layout .controlBox .paging button:before{display:inline-block;position:absolute;left:6px;top:6px;width:7px;height:7px;background:#fff;border-radius:50%;content:'';}
#svisual_layout .controlBox .paging button.on{border:1px solid #fff;}
#svisual_layout .controlBox .controler{display: inline-block;vertical-align:middle;margin:7px 0 0 5px;}
#svisual_layout .controlBox .controler button{background:transparent;text-indent:-9999px;margin: 0 10px;}
#svisual_layout .controlBox .controler .btn_arrow{position:absolute;top: -90px;width:70px;height:70px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#svisual_layout .controlBox .controler .btn_prev{left: -290px;transform:rotate(225deg);-webkit-transform:rotate(225deg);}
#svisual_layout .controlBox .controler .btn_next{right: -300px;}
#svisual_layout .controlBox .controler .btn_stop{display:inline-block;width:3px;height:13px;background:#fff;box-shadow:7px 0 0 #fff;margin: 0 10px 0 0;}
#svisual_layout .controlBox .controler .btn_play{display:inline-block;width:7px;height:7px;border-left:9px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;}

#body_layout{display:block;overflow:hidden;}
#body_layout .body_wrap{width:1200px;}

/**************sector3**************/
#body_layout .sector3{position:relative;padding: 90px 0;background: linear-gradient(-180deg, #03af77 5%, #05599a);}
#body_layout .sector3:before{position:absolute;right: 35%;top: -110%;width: 90%;height: 230%;/* background: url(/images/chn/main/sector3_wbg.png)right top no-repeat; */background-size:cover;content:'';background: #fff;border-radius: 50%;}
#body_layout .sector3:after{display:inline-block;position:absolute;right:0;top:0;width: 30%;height: 100%;background:url(/images/chn/main/sector3_after.png)center no-repeat;content:'';z-index:1;}
#body_layout .sector3 .sector3-title{display: block;width: 457px;height: 35px;margin: 0 auto;text-align: center;background-image: url(/images/chn/main/main_ir.png);text-indent: -9999px;}
#body_layout .sector3 .sector3-box{position: relative;margin:50px 0 0;font-size: 0;z-index: 10;}
#body_layout .sector3 .sector3-box ul{display: inline-block}
#body_layout .sector3 .sector3-box ul li{display: inline-block;vertical-align: top; width:calc(33.33% - 20px);margin:0 30px 30px 0;}
#body_layout .sector3 .sector3-box ul li:nth-child(3n){margin:0 0 30px 0;}
#body_layout .sector3 .sector3-box ul li a{position: relative; display: block;height:230px;padding:30px;color:#fff;font-size: 16px;text-align: left;transition:0.5s;}
#body_layout .sector3 .sector3-box ul li a:hover,
#body_layout .sector3 .sector3-box ul li a:focus{box-shadow: 0 0 10px rgba(0,0,0,0.6);}
#body_layout .sector3 .sector3-box ul li a:before{display: inline-block;position: absolute;right:30px;bottom:30px;width:100px;height:100px;background-repeat: no-repeat;content: '';}
#body_layout .sector3 .sector3-box ul li a:after{display: inline-block;position: absolute;left: -10px;top: -20px;width:90px;height:90px;background-repeat: no-repeat;content: '';}
#body_layout .sector3 .sector3-box ul li a .box-title{display: block;height: 40px;background-image: url(/images/chn/main/main_ir.png);text-indent: -9999px;}
#body_layout .sector3 .sector3-box ul li a .box-cont{display: block;margin:10px 0;}
#body_layout .sector3 .sector3-box ul li a .box-more{display: inline-block;position: absolute;left:30px;bottom:30px;}
#body_layout .sector3 .sector3-box ul li a .box-more:before{display:inline-block;position:absolute;right:-17px;top:9px;width:7px;height:7px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);content:'';}
#body_layout .sector3 .sector3-box ul li:nth-child(1) a{background: #0b1f3b;}
#body_layout .sector3 .sector3-box ul li:nth-child(1) a .box-title{width: 170px;background-position: 0 -40px;}
#body_layout .sector3 .sector3-box ul li:nth-child(1) a:before{background-image: url(/images/chn/main/sector3_icon01.png);}
#body_layout .sector3 .sector3-box ul li:nth-child(1) a:after{background-image: url(/images/chn/main/sector3_num01.png);}
#body_layout .sector3 .sector3-box ul li:nth-child(2) a{background: #1c71a7;}
#body_layout .sector3 .sector3-box ul li:nth-child(2) a .box-title{width: 160px;background-position: -188px -40px;}
#body_layout .sector3 .sector3-box ul li:nth-child(2) a:before{background-image: url(/images/chn/main/sector3_icon02.png);}
#body_layout .sector3 .sector3-box ul li:nth-child(2) a:after{background-image: url(/images/chn/main/sector3_num02.png);}
#body_layout .sector3 .sector3-box ul li:nth-child(3) a{background: #17adbf;}
#body_layout .sector3 .sector3-box ul li:nth-child(3) a .box-title{width: 170px;background-position: -362px -40px;}
#body_layout .sector3 .sector3-box ul li:nth-child(3) a:before{background-image: url(/images/chn/main/sector3_icon03.png);}
#body_layout .sector3 .sector3-box ul li:nth-child(3) a:after{background-image: url(/images/chn/main/sector3_num03.png);}
#body_layout .sector3 .sector3-box ul li:nth-child(4) a{background: #097336;}
#body_layout .sector3 .sector3-box ul li:nth-child(4) a .box-title{width: 200px;background-position: -554px -40px;}
#body_layout .sector3 .sector3-box ul li:nth-child(4) a:before{background-image: url(/images/chn/main/sector3_icon04.png);}
#body_layout .sector3 .sector3-box ul li:nth-child(4) a:after{background-image: url(/images/chn/main/sector3_num04.png);}
#body_layout .sector3 .sector3-box ul li:nth-child(5) a{background: #319a8a;}
#body_layout .sector3 .sector3-box ul li:nth-child(5) a .box-title{width: 150px;background-position: -699px -40px;}
#body_layout .sector3 .sector3-box ul li:nth-child(5) a:before{background-image: url(/images/chn/main/sector3_icon05.png);}
#body_layout .sector3 .sector3-box ul li:nth-child(5) a:after{background-image: url(/images/chn/main/sector3_num05.png);}
#body_layout .sector3 .sector3-box ul li:nth-child(6) a{background: #1d375c;}
#body_layout .sector3 .sector3-box ul li:nth-child(6) a .box-title{width: 230px;height: 70px;background-position: -882px -40px;}
#body_layout .sector3 .sector3-box ul li:nth-child(6) a:before{background-image: url(/images/chn/main/sector3_icon06.png);}
#body_layout .sector3 .sector3-box ul li:nth-child(6) a:after{background-image: url(/images/chn/main/sector3_num06.png);}


/**************sector4**************/
#body_layout .sector4{position:relative;overflow: hidden;padding:130px 0 70px;background:#0a2b4c;}
#body_layout .sector4:before{display:inline-block;position:absolute;left: -32%;top:-90px;width: 100%;height:100%;background:url(/images/chn/main/sector4_before.png)center no-repeat;content:'';opacity:0.5;}
#body_layout .sector4:after{display:inline-block;position:absolute;right: -37%;bottom:0;width: 100%;height:100%;background:url(/images/chn/main/sector4_after.png)center no-repeat;content:'';opacity:0.5;}
#body_layout .sector4 .box-tit{display: inline-block;width: 150px;height:40px;margin-bottom:20px;background-image:url(/images/chn/main/main_ir.png);text-indent: -9999px;}
#body_layout .sector4 .box01{position:relative;display: inline-block;vertical-align: top;width: 67%;margin-right: 2.5%;text-align: left;z-index:100;}
#body_layout .sector4 .box01 .box-tit{background-position: 0 -152px;}
#body_layout .sector4 .box01 ul{font-size:0;}
#body_layout .sector4 .box01 ul li{display: inline-block;vertical-align: top;width: calc(33.33% - 10px);margin-right: 15px;}
#body_layout .sector4 .box01 ul li:last-child{margin-right:0;}
#body_layout .sector4 .box01 ul li a{display: block;}
#body_layout .sector4 .box01 ul li a .box-img{position:relative; display: inline-block;width:100%;height:240px;overflow: hidden;}
#body_layout .sector4 .box01 ul li a .box-img img{position:absolute;left:50%;top:50%; height:100%;width:auto;max-width:1000px;transform:translate(-50%, -50%);}
#body_layout .sector4 .box01 ul li a .box-txt{display: block;margin-top:10px;color:#fff;font-size:18px;}
#body_layout .sector4 .box01 .more{position:absolute;right: 30px;top:0;display:inline-block;padding-right: 10px;color:#fff;font-size:16px;}
#body_layout .sector4 .box01 .more:before{display:inline-block;position:absolute;right:-10px;top:6px;width:1px;height:15px;background:#fff;content:'';}
#body_layout .sector4 .box01 .more:after{display:inline-block;position:absolute;right:-17px;top:12px;width:15px;height:1px;background:#fff;content:'';}
#body_layout .sector4 .box02{display: inline-block;vertical-align: top;width:30%;text-align: left;position: relative;z-index: 100;}
#body_layout .sector4 .box02 .box-tit{background-position: -153px -152px;}
#body_layout .sector4 .box02 a{position: relative; display: block;width:100%;height:240px;background:url(/images/chn/main/movie_img01.jpg)center no-repeat;background-size:cover;text-indent: -9999px;}
#body_layout .sector4 .box02 a:before{display: inline-block;position: absolute;left:50%;top:50%;width:69px;height:48px;background: url(/images/chn/main/movie_icon.png)center no-repeat; content: '';transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}


/**************sector5**************/
#body_layout .sector5{padding: 70px 0 300px;background: url(/images/kor/main/sector4_bg.jpg) no-repeat center bottom;background-size: cover;}
#body_layout .sector5 span,
#body_layout .sector5 p,
#body_layout .sector5 strong,
#body_layout .sector5 em,
#body_layout .sector5 b{display:inline-block;}
#body_layout .sector5 .vision_top .logo{display:block;width:57px;height:65px;margin:0 0 0 5px;background:url("/images/kor/main/main_ir.png") no-repeat -2232px 0;font-size:0;text-indent:-9999px;}
#body_layout .sector5 .vision_top .vision_tit{display:block;text-align:left;font-size:40px;color:#fff;}
#body_layout .sector5 .vision_top .vison_slogan{display:block;/* width:803px; *//* height:41px; */margin:0 0 0 7px;font-size: 36px;font-weight: 400;text-align:left;}
#body_layout .sector5 .vision_top .vison_slogan span{display:block;color:#fff;line-height: 1.2;letter-spacing: -1.5px;}
#body_layout .sector5 .vision_top .vison_slogan span em{color:#58ffb6;}
#body_layout .sector5 .vision_top .vison_slogan span:first-child em{color:#55d8f9;}
#body_layout .sector5 .vision_top .vision_chn{display:block;width:432px;height:25px;margin:30px 0 53px 8px;background:url("/images/kor/main/main_ir.png") no-repeat -2291px -29px;font-size:0;text-indent:-9999px;}
#body_layout .sector5 h2{display:inline-block;padding: 0 15px;margin: 0 0 30px 8px;border-radius:105px;background:#fff;color: #22488f;font-weight:700;text-align:center;line-height:37px;font-size: 17px;letter-spacing: -1.5px;}
#body_layout .sector5 .linkbn{display:inline-block;position:absolute;font-size: 19px;border-bottom: 7px solid #fff;padding-bottom: 10px;line-height: 1.7;}
#body_layout .sector5 .linkbn span{color:#fff;line-height: 1.3;}
#body_layout .sector5 .linkbn span span{display:block;}
#body_layout .sector5 .linkbn em{position:absolute;right: 3px;top:0;width:33px;height:16px;background:url("/images/kor/main/main_ir.png") no-repeat -2974px -1px;}


#body_layout .sector5 .vision_middle{position:relative;margin:20px 0 0;text-align:left;}
#body_layout .sector5 .vision_middle ul{/*display:inline-block;margin:0 0 0 -65px;*/margin-bottom:50px;}
#body_layout .sector5 .vision_middle ul:after{display:block;overflow:hidden;clear:both;content:'';}
#body_layout .sector5 .vision_middle ul li{position:relative; display:inline-block;float:left;width:20%;/*margin:0 0 0 80px;*/text-align:left;}
#body_layout .sector5 .vision_middle ul li em{float:left;display:block;margin-left:10px;background:url("/images/kor/main/main_ir.png") no-repeat;font-size:0;text-indent:-9999px;}
#body_layout .sector5 .vision_middle ul li em.num1{width:20px;height:61px;margin-left:20px;background-position:-3951px -47px;}
#body_layout .sector5 .vision_middle ul li em.num2{width:38px;height:61px;background-position:-3972px -47px;}
#body_layout .sector5 .vision_middle ul li em.num3{width:39px;height:61px;background-position:-4011px -47px;}
#body_layout .sector5 .vision_middle ul li em.num4{width:39px;height:61px;background-position:-4051px -47px;}
#body_layout .sector5 .vision_middle ul li .tit{position:absolute;left: 60px;top: 10px;display:block;font-size: 18px;color:#fff;letter-spacing: -0.5px;line-height: 1.2;}
#body_layout .sector5 .vision_middle ul li b{width:161px;height:161px;}
#body_layout .sector5 .vision_middle ul li b.bg1{background:url("/images/kor/main/cnt7_img1.jpg") no-repeat;}
#body_layout .sector5 .vision_middle ul li b.bg2{background:url("/images/kor/main/cnt7_img2.jpg") no-repeat;}
#body_layout .sector5 .vision_middle ul li b.bg3{background:url("/images/kor/main/cnt7_img3.jpg") no-repeat;}
#body_layout .sector5 .vision_middle ul li b.bg4{background:url("/images/kor/main/cnt7_img4.jpg") no-repeat;}
#body_layout .sector5 .vision_middle .linkbn,
#body_layout .sector5 .vision_bottom .linkbn{top:50px;left: 83%;width: 155px;font-weight: 600;letter-spacing: -0.5px;}

#body_layout .sector5 .vision_bottom{position:relative;margin:30px 0 0;text-align:left;}
#body_layout .sector5 .vision_bottom:after{display:block;overflow:hidden;clear:both;content:'';}
#body_layout .sector5 .vision_bottom .model{display:inline-block;/*float:left;*/width:238px;text-align:center;vertical-align:bottom;}
#body_layout .sector5 .vision_bottom .model em{width:111px;height:126px;background:url("/images/kor/main/main_ir.png") no-repeat -3010px -1px;font-size:0;text-indent:-9999px;}
#body_layout .sector5 .vision_bottom .model b{display:block;margin:10px 0;font-size:18px;color:#fff;line-height:1;}
#body_layout .sector5 .vision_bottom .model > span{display:block;padding:0 0 0 27px;font-size:15px;color:#fff;text-align:left;}
#body_layout .sector5 .vision_bottom .model > span span{display:block;line-height:1.4;}
#body_layout .sector5 .vision_bottom .exp{display:block;/*float:left;*/vertical-align:bottom;}
#body_layout .sector5 .vision_bottom .exp:after{display:block;overflow:hidden;clear:both;content:'';}
#body_layout .sector5 .vision_bottom .exp li{float:left;position:relative;width:20%;padding: 0 0 0 10px;text-align:left;}
#body_layout .sector5 .vision_bottom .exp li.item1{}
#body_layout .sector5 .vision_bottom .exp li.item2{}
#body_layout .sector5 .vision_bottom .exp li.item3{}
#body_layout .sector5 .vision_bottom .exp li.item4{}
#body_layout .sector5 .vision_bottom .exp li .alphabet{position:absolute;top:0;left:15px;background:url("/images/kor/main/main_ir.png") no-repeat;font-size:0;text-indent:-9999px;}
#body_layout .sector5 .vision_bottom .exp li.item1 .alphabet{width:40px;height:62px;background-position:-3136px -1px;}
#body_layout .sector5 .vision_bottom .exp li.item2 .alphabet{width:17px;height:62px;background-position:-3180px -1px;}
#body_layout .sector5 .vision_bottom .exp li.item3 .alphabet{width:54px;height:62px;background-position:-3199px -1px;}
#body_layout .sector5 .vision_bottom .exp li.item4 .alphabet{width:56px;height:62px;background-position:-3256px -1px;}
#body_layout .sector5 .vision_bottom .exp li .text_wrap{}
#body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_top{display:block;font-size:17px;color:#fff;}
#body_layout .sector5 .vision_bottom .exp li.item1 .text_wrap .txt_top{padding:0 0 0 55px;}
#body_layout .sector5 .vision_bottom .exp li.item2 .text_wrap .txt_top{padding:0 0 0 45px;}
#body_layout .sector5 .vision_bottom .exp li.item3 .text_wrap .txt_top{padding:0 0 0 75px;}
#body_layout .sector5 .vision_bottom .exp li.item4 .text_wrap .txt_top{padding:0 0 0 72px;}
#body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_top span{display:block;line-height:1;}
#body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_top .txt1{}
#body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_top .ico{width:9px;height:9px;margin:10px 0;background:url("/images/kor/main/main_ir.png") no-repeat -3125px -1px;}
#body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_top .txt2{}
#body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_middle{display:block;margin:50px 0 0;font-size: 15px;color:#fff;/* font-weight:700; */letter-spacing: -1px;}
#body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_middle span{display:block;line-height:1;}
#body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_middle .txt1{}
#body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_middle .txt2{margin:8px 0 0;}
#body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_bottom{margin:10px 0 0;font-size:15px;color:#fff;line-height:1;}
#body_layout .sector5 .vision_bottom .exp li .text_wrap > .ico{position:absolute;bottom:0;right:0;background:url("/images/kor/main/main_ir.png") no-repeat;}
#body_layout .sector5 .vision_bottom .exp li.item1 .text_wrap > .ico{right:13px;width: 52px;height:56px;background-position:-3315px -1px;}
#body_layout .sector5 .vision_bottom .exp li.item2 .text_wrap > .ico{right:19px;width:45px;height:50px;background-position:-3370px -1px;}
#body_layout .sector5 .vision_bottom .exp li.item3 .text_wrap > .ico{right:10px;width:56px;height:45px;background-position:-3418px -1px;}
#body_layout .sector5 .vision_bottom .exp li.item4 .text_wrap > .ico{width:56px;height:56px;right:15px;background-position:-3477px -1px;}


#body_layout .sector5 .body_wrap span[class^="line"]{}
#body_layout .sector5 .body_wrap span[class^="line"]:before{display:inline-block;position:absolute;top:300px;left:0;width:1px;height:200%;background:rgba(255,255,255,0.2);content:'';}
#body_layout .sector5 .body_wrap span[class^="line"]:after{display:inline-block;position:absolute;top:300px;left:0;width:1px;height:200%;background:rgba(255,255,255,0.2);content:'';}
#body_layout .sector5 .body_wrap span.line1:before{left:0;}
#body_layout .sector5 .body_wrap span.line1:after{left:238px;}
#body_layout .sector5 .body_wrap span.line2:before{left:476px;}
#body_layout .sector5 .body_wrap span.line2:after{left:714px;}
#body_layout .sector5 .body_wrap span.line3:before{left:952px;}
#body_layout .sector5 .body_wrap span.line3:after{left:1190px;}

#foot_layout #btn_top {top: 630px;}

@media (max-width: 1919px){
    #svisual_layout .controlBox .controler .btn_prev{left:-100px;}
    #svisual_layout .controlBox .controler .btn_next{right:-100px;}

}

@media (max-width: 1439px){
    #svisual_layout{height:750px;}
    #svisual_layout .svisual-txt{left: 50px;width:auto;}
    #svisual_layout .svisual-txt:before{display: none;}
    #svisual_layout .svisual-txt .txt02{display: block;margin:0;}
    #svisual_layout .controlBox{left:50px;top:65%;}
    #svisual_layout .controlBox .controler .btn_arrow{position: static;width:15px;height:15px;border-width:2px;margin: 0 5px;}
    #foot_layout #btn_top{top:auto; bottom:20px;}
}

@media (max-width: 1279px){
    #body_layout .body_wrap{width:100%;padding:0 30px;}

    #body_layout .sector3 .sector3-box ul li{width:calc(50% - 10px);margin:0 15px 15px 0;}
    #body_layout .sector3 .sector3-box ul li:nth-child(3n){margin:0 15px 15px 0;}
    #body_layout .sector3 .sector3-box ul li:nth-child(2n){margin:0 0 15px 0}

    #body_layout .sector5 .body_wrap span[class^="line"]{display: none;}
    #body_layout .sector5 .vision_middle ul{margin-bottom:20px;}
    #body_layout .sector5 .vision_middle ul li{width:25%;}
    #body_layout .sector5 .vision_bottom .exp li{width:25%;}
    #body_layout .sector5 .vision_middle .linkbn, #body_layout .sector5 .vision_bottom .linkbn{position: relative;left:auto;top:auto;}
    #body_layout .sector5 .linkbn{margin:10px;}
}

@media (max-width: 1024px){
    #body_layout .sector4{padding:70px 0;}
    #body_layout .sector4:before{top:-25%}
    #body_layout .sector4:after{bottom:-15%}
    #body_layout .sector4 .box-tit{margin-bottom:0;}
    #body_layout .sector4 .box01{width:100%;margin-bottom:30px;}
    #body_layout .sector4 .box02{width:100%;}

    #body_layout .sector5 .vision_middle ul li,
    #body_layout .sector5 .vision_bottom .exp li{margin-top:0 !important;margin-left:0 !important;opacity:1 !important;}
    #body_layout .sector5 .vision_bottom .exp li .text_wrap .ico{display: none;}
}
@media (max-width: 767px){
    #body_layout .body_wrap{padding:0 20px;}

    #body_layout .sector3 .sector3-box ul li{width:100%;margin:0 0 15px 0 !important;}
    #body_layout .sector3 .sector3-box ul li a{height:auto;}
    #body_layout .sector3 .sector3-box ul li a:before{right:0;bottom:0;transform: scale(0.6);-webkit-transform: scale(0.6)}
    #body_layout .sector3 .sector3-box ul li a .box-cont{margin-bottom:20px;}
    #body_layout .sector3 .sector3-box ul li a .box-more{position: relative;left:0;bottom:0;}

    #body_layout .sector4 .box01 ul li{width:100%;margin:0 0 10px 0 !important;}

    #body_layout .sector5 .vision_top .vision_tit{font-size: 25px;}
    #body_layout .sector5 .vision_top .vison_slogan{margin:0;font-size: 27px;}
    #body_layout .sector5 .vision_middle ul li{width:100%;margin:0 0 10px 0;}
    #body_layout .sector5 .vision_middle ul li .tit{top:50%;transform: translate(0,-50%);}
    #body_layout .sector5 .vision_middle ul li .tit br{display: none;}
    #body_layout .sector5 .vision_bottom .exp li{width:100%;margin: 0 0 50px 0;padding:0;}
    #body_layout .sector5 .vision_bottom .exp li .alphabet{left:0;}
    #body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_top{display: inline-block;margin:0 0 0 70px;padding-left:0 !important;}
    #body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_top span{display:inline-block;vertical-align:top;}
    #body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_middle{position:absolute;left:70px;top:25px;margin:0;}
    #body_layout .sector5 .vision_bottom .exp li .text_wrap .txt_middle .txt2{margin:0;line-height:1.3;}
    #body_layout .sector5 .vision_bottom .exp li.item1 .alphabet{margin-left:8px}
    #body_layout .sector5 .vision_bottom .exp li.item2 .alphabet{margin-left:15px}
    #body_layout .sector5 .linkbn{width:100% !important;margin:0;}
    #body_layout .sector5 .linkbn br{display:none;}
    #body_layout .sector5 .linkbn em{top:5px;}

}

@media (max-width: 560px){
    #svisual_layout{height:600px;}
    #svisual_layout .svisual-txt{left:20px;}
    #svisual_layout .svisual-txt .txt01 strong{width: 300px;height: 90px;background-size:100%;}
    #svisual_layout .svisual-txt .txt02 span{font-size:15px;}
    #svisual_layout .controlBox{left:20px;top:80%}
    #svisual_layout .controlBox .paging{display:block;margin:0 0 10px 0;}

    #body_layout .sector3 .sector3-title{width: 300px;height: 55px;background-position: 0 -195px;}
    #body_layout .sector3 .sector3-box ul li a{padding:20px;font-size: 15px;}

    #body_layout .sector5 .vision_top .vison_slogan{font-size: 20px;}
    #body_layout .sector5 .vision_top .vision_chn{display: none;}
}