@charset "utf-8";/* CSS Document */

#wrap{overflow:hidden;width:100%;min-width:320px;position:relative}

.skip_nav a{position:absolute;left:-9999px;width:1px;padding:0 0.5em;display:inline;text-decoration:none;z-index:1000}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/* ****************** HEADER ********************** */
.header{height:85px;position:fixed;z-index:999;width:100%;top:0;left:0;-webkit-transition:top 0.4s;-moz-transition:top 0.4s;-o-transition:top 0.4s;-ms-transition:top 0.4s;transition:top 0.4s;border-bottom:1px solid rgba(255,255,255,.17)}
.header .logo{position:absolute;top:22px;left:15px;z-index:100}
.header .gnb{position:relative;right:40px;top:0}
.header .gnb .web_menu {text-align:right}
.header .gnb .web_menu li{padding:0 32px 0 0;font-size:20px;font-weight:bold;color:#fff;line-height:85px;display:inline-block;position:relative;text-transform:uppercase}
.header .gnb .web_menu li:before{width:5px;height:5px;content:"";border-radius:50%;background-color:#fff;display:inline-block;margin-right:30px}
.header .gnb .web_menu li:first-child:before{background:none}
.header .gnb .web_menu li a{padding:0;margin:0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out}
.header .btn-total-open{display:block;position:absolute;top:41px;right:0px;width:22px;height:22px;font-size:17px}
.header .btn-total-open .icon-reorder:before{content:"";background:url(/images/btn_more.png) no-repeat left top;display:block;width:22px;height:22px}

.mobile_gnb{display:none}
.header:hover{color:#000;background-color:rgba(22,27,39,.90)}
.header:hover .web_menu li{color:#fff}
.header:hover .web_menu li a:hover{color:#52a6f1;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
.header:hover .web_menu li a:hover:after{color:#fff;background-color:#52a6f1;width:70%;height:4px;z-index:1;content:"";opacity:1;display:block;position:absolute;bottom:4px;left:17%;text-align:center}

.header.sticky{transition:min-height .4s ease-in-out, background .4s ease-in;background-color:rgba(22,27,39,.90);border-bottom:1px solid rgba(255,255,255,.17)}
.header.sticky a{color:#fff}
.header.sticky .gnb .web_menu li a{color:#fff; -webkit-transition:color .3s ease, opacity .3s ease; transition:color .3s ease, opacity .3s ease}
.header.sticky .hover-bg{visibility:hidden; opacity:0; transition:visibility 0s, opacity 0.5s linear}
.header.sticky .gnb li a:hover{color:#52a6f1}
.header.sticky .gnb li:before{background-color:#fff}
.header.sticky .gnb li:first-child:before{background:none}
.menuOpen,.mobile_menu  ul.category{display:none}
.inner{display:block;margin:0 auto;width:100%;max-width:1106px;padding:0 15px;height:100%;text-align:center;position:relative}
.mainVisual{position:relative;width:100%;height:953px;overflow:hidden;text-align:center;margin:0 auto}

.mainVisual .visual-cont{-webkit-transition:transform 0.7s ease-out;-moz-transition:transform 0.7s ease-out;-o-transition:transform 0.7s ease-out;transition:transform 0.7s ease-out;height:100%;width:100%;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);position:relative;top:0;left:0;display:block;overflow:hidden;z-index:1}
.mainVisual .visual-cont:before,.mainVisual .visual-cont:after{display:table;content:""}

/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none !important}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track{position:relative;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}

.slick-slide{display:block;float:left;width:100%;height:100%;min-height:1px}
.slick-slide.dragging img{pointer-events:none}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-slider *:focus{outline:none !important}

/* ******************  메인 비주얼 ********************** */
.mainVisual .main-visual-list-con,.mainVisual .main-visual-con,.mainVisual .slick-list, .mainVisual .slick-track, .main-visual-item{height:100%;overflow:hidden}
/* 메인 비주얼 ::이미지 */
.main-visual-item{position:relative}
.main-visual-item .main-visual-pc-img{background:#000 url(/images/bg2-main.jpg) no-repeat 50% 50%;width:100%;height:100%;background-size:cover !important;-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:transform 1500ms ease-in-out;-moz-transition:transform 1500ms ease-in-out;-o-transition:transform 1500ms ease-in-out;-ms-transition:transform 1500ms ease-in-out;transition:transform 1500ms ease-in-out;background-attachment:fixed}
.main-visual-item .main-visual-m-img,.main-visual-item.item2 .main-visual-m-img{display:none}
.main-visual-item.item2 .main-visual-pc-img{background:#000 url(/images/bg-main2.png) no-repeat 50% 50%}

/* 메인 비주얼 ::active효과 */
.main-visual-item.active .main-visual-pc-img{display:block;-ms-transform:scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);transform:scale(1.0,1.0)}

.main-visual-txt-inner{position:absolute;top:0;margin:0 auto;padding:0 15px;height:100%;text-align:center;width:100%}
.main-visual-txt-inner p.main-visual-txt3{text-align:center;padding:200px 0 0 0}
.main-visual-txt-inner p.main-visual-txt2{text-align:center;color:#fff;padding:31px 0 0 0;word-break:keep-all}
.main-visual-txt-inner p.main-visual-txt1{text-align:center;color:#fff;padding:20px 0 0 0;word-break:keep-all}
.main-visual-icon{margin:46px auto 0 auto;text-align:center;overflow:hidden}

.main-visual-item.active .slide{animation-name:slide;-webkit-animation-name:slide;animation-duration:1s;-webkit-animation-duration:1s;visibility:visible}
@keyframes slide{
0%{opacity:0;transform:translateY(-10%)} 
100%{opacity:1;transform:translateY(0%)} 
}

.main-visual-item.active .slide2{animation-name:slide2;-webkit-animation-name:slide2;animation-duration:3s;-webkit-animation-duration:3s;visibility:visible}
@keyframes slide2{
0%{opacity:0;transform:translateY(50%)} 
100%{opacity:1;transform:translateY(0%)} 
}

.main-visual-txt-inner p{visibility:hidden}
.main-visual-icon{visibility:hidden}

.mainVisual .dots{position:absolute;bottom:165px;text-align:center;width:100%;display:block}
.mainVisual .dots li{display:inline-block;margin:0 10px}
.mainVisual .dots li a{display:block;font-size:0;text-indent:-9999px;background-color:transparent;border:2px solid #fff;border-radius:50%;width:21px;height:21px}
.mainVisual .dots li a.active{background-color:#fff}

.mainVisual .arrow .left{position:absolute;top:50%;margin-top:53px;left:204px}
.mainVisual .arrow .right{position:absolute;top:50%;margin-top:53px;right:204px}
#business{padding:85px 0 0 0}
#technology{padding:85px 0 0 0}
#service{padding:25px 0 0 0}

.mainContent .business{padding:95px 0 127px 0;overflow:hidden}
.mainContent .service{background:url(/images/bg_bottom.png) no-repeat center bottom;background-size:100%;padding:92px 0 141px 0;overflow:hidden}
h2.tit{font-family:sans-serif;text-align:center;font-size:100%}
.titWrap:after{content:"";border-bottom:3px solid #878787;display:block;margin:0 auto;padding-bottom:24px;width:76px}
.mainTech .titWrap:after{border-bottom:3px solid #606060}
.mainTech .arrow .left{position:absolute;top:50%;margin-top:106px;left:-60px}
.mainTech .arrow .right{position:absolute;top:50%;margin-top:106px;right:-60px}

.txt{color:#000;margin-top:7px}
.titWrap .txt{margin-top:14px}
.titWrap .txt2{margin-top:7px}
.bg-wrap{margin:67px auto 0}
.bg-wrap:after{content:"";display:block;border-left:1px solid #eae9f1;width:1px;height:415px;position:relative;top:0;left:50%}
.service_ul{margin:0 auto 0}
.service_ul li{float:left;width:50%;display:inline-block;text-align:center;margin:0;position:relative}
.service_ul li .ico_border{height:263px;padding:0;text-align:center}
.service_ul h5{padding-top:22px;color:#242323;font-size:28px}
.service_ul p{color:#646161;line-height:1.3;padding-top:6px}
.service_ul li.slide_l{animation-name:slide_l;-webkit-animation-name:slide_l;animation-duration:2s;-webkit-animation-duration:2s;visibility:visible}
@keyframes slide_l{
0%{opacity:0;transform:translateY(10%)} 
100%{opacity:1;transform:translateY(0%)} 
}
.service_ul li.slide_R{animation-name:slide_R;-webkit-animation-name:slide_R;animation-duration:2s;-webkit-animation-duration:2s;visibility:visible}
@keyframes slide_R{
0%{opacity:0;transform:translateY(-10%)} 
100%{opacity:1;transform:translateY(0%)} 
}

.business_ico{margin:0 auto;padding:60px 0 0 0;height:100%}
.business_ico li{position:relative;width:33%;height:428px;display:inline-block;text-align:center}

.business_ico li .ico{border:8px solid #75c4f2;width:212px;height:212px;border-radius:50%;background:#fff;padding-top:15px;display:block;z-index:997;position:absolute;left:66px;top:0}
.business_ico li:first-child .business_cont{border-left:0}
.business_ico li .business_cont{overflow:hidden;padding:0px 16px;display:block;z-index:996;width:100%;border-left:1px solid #ececec;height:100%;box-sizing:border-box}
.business_ico li:nth-child(1) .business_cont:after{display:block;content:"";background:url(/images/img_bg_01.png) no-repeat right bottom;padding-top:80px}
.business_ico li:nth-child(2) .business_cont:after{display:block;content:"";background:url(/images/img_bg_02.png) no-repeat right bottom;padding-top:80px}
.business_ico li:nth-child(3) .business_cont:after{display:block;content:"";background:url(/images/img_bg_03.png) no-repeat right bottom;padding-bottom:80px}

.business_ico li h5{text-align:left;font-size:28px;font-weight:normal;color:#242323;font-weight:500;padding:1px 0 0 13px}
.business_ico li:first-child h5,.business_ico li:first-child p{padding-left:8px}
.business_ico li:last-child h5,.business_ico li:last-child p{padding-left:9px}
.business_ico li p{letter-spacing:-0.5px;margin-top:6px;word-break:normal;word-break:keep-all;font-size:20px;text-align:left;height:70px;line-height:26px;padding-left:13px;font-weight:300;color:#646161}
.business_ico li .img{width:100%;height:185px;margin-bottom:21px;overflow:hidden}
.business_ico li.slide3{animation-name:slide3;-webkit-animation-name:slide3;animation-duration:0.6s;-webkit-animation-duration:0.9s;visibility:visible}
@keyframes slide3{
0%{opacity:0;transform:translateY(-10%)} 
10%{opacity:0.1;transform:translateY(-10%)} 
100%{opacity:1;transform:translateY(0%)} 
}
.business_ico li.slide4{animation-name:slide4;-webkit-animation-name:slide4;animation-duration:0.6s;-webkit-animation-duration:0.6s;visibility:visible}
@keyframes slide4{
0%{opacity:0;transform:translateY(10%)} 
100%{opacity:1;transform:translateY(0%)} 
}

.bg_cont{background:url(/images/bg_sub.jpg) no-repeat 50% 50%;background-size:cover;padding:78px 0 88px 0}
.bg_tech{padding:0 60px;margin-top:65px}
.bg_tech.slide5{animation-name:slide5;-webkit-animation-name:slide5;animation-duration:3s;-webkit-animation-duration:3s;visibility:visible}
@keyframes slide5{
0%{opacity:0} 
100%{opacity:1} 
}

.bg_tech h3{font-weight:700;font-size:38px;text-align:center}
.bg_tech p{color:#262626;margin-top:7px;font-weight:300}

.bg_tech .dots{margin:22px auto 0 auto;text-align:center;display:block;left:0;width:100%}
.bg_tech .dots li{display:inline-block;margin:0 6px}
.bg_tech .dots li a{display:block;font-size:0;text-indent:-9999px;border:1px solid #262626;border-radius:50%;width:17px;height:17px}
.bg_tech .dots li a.active{background-color:#262626}

.bg_tech .tech_li{margin:62px auto 0 auto;position:relative}
.tech_li span{display:block;position:absolute;top:0;right:-28px}
.tech_li img{width:100%}
.rechnologyLI{height:460px;overflow:hidden}
.rechnologyLI li{display:inline-block;height:100%;text-align:center}
.rechnologyLI li p.display-2{font-weight:300}
.service-1{padding:74px 0 0 0;overflow:hidden}
.service-1 h3{font-family:"Noto Sans KR";font-weight:600}
.service-1 p.txt{font-family:"Noto Sans KR";color:#000;margin-top:17px;white-space:pre-wrap}
.service-1 p.display-2.txt2 br{display:none}
.service_ul p.display-1{font-weight:300}
.service_ul p.link{border-bottom:1px solid #326fea;display:inline-block;margin-top:18px}
.service_ul p.link a{font-size:20px;color:#326fea;font-weight:300}
.service-1 .slide-left{animation-name:slide_l;-webkit-animation-name:slide_l;animation-duration:1.5s;-webkit-animation-duration:1.5s;visibility:visible}
.service-1 p.txt2{font-weight:300}
@keyframes slide_l{
0%{opacity:0;transform:translateX(-30%)} 
100%{opacity:1;transform:translateX(0%)} 
}

.service-1 .bg-wrap{animation-name:slide_R;-webkit-animation-name:slide_R;animation-duration:1.5s;-webkit-animation-duration:1.5s;visibility:visible}
@keyframes slide_R{
0%{opacity:0;transform:translateX(30%)} 
100%{opacity:1;transform:translateX(0%)} 
}

.scroll-help{position:absolute;left:50%;bottom:15px;padding-top:50px;z-index:10;width:27px;overflow:hidden;font-size:12px;color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:0.2em;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url(/images/icon_mouse.png) no-repeat center top}
.scroll-help img{display:block;margin:0 auto 13px;-webkit-animation:balloon1 .8s ease-in-out infinite;-moz-animation:balloon1 .8s ease-in-out infinite;-o-animation:balloon1 .8s ease-in-out infinite;animation:balloon1 .8s ease-in-out infinite}
@keyframes balloon1{
0%,100%{transform:translate(0, 5px)}
50%{transform:translate(0, 0)}
}

.bg_address{background:#333}
.footer .inner .address, .footer .inner .copy{color:#838787}
.foot{margin-top:83px;color:#b9bcbd;letter-spacing:-0.1px;font-size:16px}
.address{margin-top:36px;font-size:16px;letter-spacing:-0.1px}
.copy{margin:21px 0 89px 0;font-size:16px;letter-spacing:-0.1px}
.foot span,.address span{color:#424249;display:inline-block;padding:0 5px}
.inner .img{width:100%}

.btn{padding:0 24px 0 47px;border-radius:34px;height:34px;background:#8f8f8f url(/images/icon_plus.png) no-repeat 18px center;line-height:32px;display:inline-block;vertical-align:middle}
.top{position:fixed;bottom:120px;right:20px}
.top img{width:100%;height:100%}


@media screen and (min-width:480px){
/* 메인 비주얼 ::텍스트 */
.main-visual-item .main-visual-txt-con,
.main-visual-item.item02 .main-visual-txt-con,
.main-visual-item.item03 .main-visual-txt-con{margin-top:-50px}
.main-visual-item .main-visual-txt-con.point{margin-top:-77px}
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con.left .main-visual-txt2{font-size:26px; line-height:31px}
.main-visual-item .main-visual-txt-con .main-visual-txt2 strong{font-size:18px}
.main-visual-item .main-visual-txt-con .main-visual-txt2 strong > span{font-size:30px; line-height:30px}

}
@media screen and (min-width:1025px) and (max-width:1500px){
.mainVisual .arrow .left{left:20px}
.mainVisual .arrow .right{right:20px}
#service{padding:15px 0 0 0}
}
@media screen and (max-width:1024px){
.mainVisual .arrow .right,.mainVisual .arrow .left{display:none}
}

@media screen and (min-width:640px) and (max-width:767px){
.slick-track{width:100%}
}

@media screen and (max-width:960px){
.header .logo{top:18px}
.main-visual-item.item2 .main-visual-pc-img,.main-visual-item .main-visual-pc-img,.main-visual-item.active .main-visual-pc-img{display:none}

.main-visual-item .main-visual-m-img{position:absolute;background:#000 url(/images/bg-main_mobile.jpg) no-repeat 50% 50%;width:100%;height:100%;background-size:100%;min-height:100vh;display:block}
.main-visual-item.item2 .main-visual-m-img{position:absolute;background:#000 url(/images/bg-main2_mobile.jpg) no-repeat 50% 50%;width:100%;height:100%;background-size:100%;display:block;min-height:100vh}

.header{height:60px}
.header .logo img{width:118px;height:22px}
.header .gnb .web_menu li{font-size:16px;line-height:40px;margin:0 12px}
.main-visual-txt-inner{left:0}
.main-visual-txt-inner p.main-visual-txt3{padding-top:180px}
.main-visual-txt-inner p.main-visual-txt3 img.txt_img{width:300px;height:9px}
.main-visual-txt-inner p.main-visual-txt3 img{width:158px;height:20px}
.main-visual-txt-inner{margin-left:0px}
.bg-wrap:after {display:none}
.bg-wrap{margin-top:30px}
.mainContent .business{padding:40px 0 0 0}
.mainContent .service{padding:40px 0}
.bg_tech{padding:30px 20px}
.tech_li{margin:40px auto}
.bg_tech .dots{bottom:30px}
.bg_cont{padding:50px 0}
.address{font-size:15px}
.main-visual-txt-inner p.main-visual-txt2 .txt_img2{width:600px;height:48px}
.mobile_gnb{display:block;margin:0;height:100%;width:100%}

.header .gnb{display:none}
.header .btn-total-open{display:block;position:absolute;top:24px;right:17px;width:22px;height:22px;font-size:17px}

.mainContent .service{background:url(/images/bg_bottom_mobile.png) no-repeat center bottom;background-size:100%}

.menuOpen,.mobile_menu ul.category{display:block}

.menuOpen{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:absolute;top:0;left:0;z-index:1002;width:100%;background:#fff}
.menuOpen .mobile_menu{background:#fff;position:relative;width:100%;right:0;top:0;z-index:1001;height:1024px}
.menuOpen .mobile_menu ul.category{width:100%;height:100%;margin:0;font-size:16px;padding:60px 0 0 0}
.menuOpen .mobile_menu ul.category li{background:#fff;margin-bottom:5px;display:block;border-bottom:1px solid #ececec;color:#333;text-align:center;margin:0 3%}
.menuOpen .mobile_menu ul.category li a{display:block;position:relative;padding:0 10px;line-height:44px;text-align:center;font-weight:bold;border-bottom:1px solid #ececec;color:#333}
.menuOpen .btn-total-close{top:20px;right:15px;font-size:19px;position:absolute;line-height:1.2;background:url(/images/btn_pop_x.png) no-repeat right top;background-size:100%;width:20px;height:20px}
.service-1 p.display-2.txt2 br{display:block}
.business_ico li p{line-height:20px}
#business{padding:65px 0 0 0}
#technology{padding:65px 0 0 0}
#service{padding:15px 0 0 0}
}
@media screen and (min-width:320px) and (max-width:640px){
.inner{padding:0 10px}
.scroll-help{padding-top:33px;width:20px;height:52px;background-size:20px 36px;bottom:13px}
.scroll-help img{width:10px;height:11px}
.mainVisual .dots{bottom:80px}
.mainVisual .dots li a{width:13px;height:13px}
.service_ul li .ico_border{width:190px;height:190px;padding-top:30px}
.service_ul li .ico_border:before{width:190px;height:190px;clip:rect(0,190px,100px,0)}
.service_ul li .ico_border img{width:100px;height:103px}
h2.tit img.size,h2.tit img.size2,h2.tit img.size3{width:90%;height:90%}
.business_ico li{width:100%;display:block;text-align:center;height:375px}
.business_ico li .business_cont{padding:0;border-left:0;height:100%}
.titWrap:after{padding-bottom:15px}
.business_ico li h5{font-size:20px;padding:0}
.business_ico li p{font-size:14px;padding:0;height:50px}
.business_ico li p br{display:none}
.business_ico li .img{margin-bottom:12px}
.business_ico li:nth-child(1) .business_cont:after{padding-top:60px}
.business_ico li:nth-child(2) .business_cont:after{padding-top:60px}
.business_ico li:nth-child(3) .business_cont:after{padding-bottom:45px}
.main-visual-txt-inner p.main-visual-txt2 .txt_img2{width:299px;height:24px}
.bg_tech h3{font-size:25px}
.bg_tech{padding:0 20px;margin-top:20px}
.bg_tech .tech_li{margin:20px auto 0 auto}
.service_ul p.link{margin-top:10px}
.service_ul p.link a{font-size:15px}
.service_ul h5{font-size:16px}
.service-1{padding:20px 0 0 0}
.foot{margin-top:30px;color:#b9bcbd;letter-spacing:-0.1px;font-size:12px}
.address{margin-top:18px;font-size:12px;letter-spacing:-0.1px}
.copy{margin:10px 0 30px 0;font-size:12px;letter-spacing:-0.1px}
.business_ico li:first-child h5, .business_ico li:first-child p{padding-left:0}
}
@media screen and (min-width:320px) and (max-width:375px){
.business_ico li:after{width:100%}
.business_ico li h5,.business_ico li p{padding:0}
.main-visual-txt-inner p.main-visual-txt3{padding-top:120px}
.main-visual-txt-inner p.main-visual-txt3 img.txt_img{width:233px;height:7px}
.main-visual-txt-inner p.main-visual-txt2 .txt_img2{width:249px;height:20px}
}
@media screen and (min-width:481px) and (max-width:640px){
.rechnologyLI{height:325px}
}
@media screen and (min-width:641px) and (max-width:720px){
.rechnologyLI{height:385px}
}
@media screen and (min-width:721px) and (max-width:820px){
.rechnologyLI{height:415px}
}
@media screen and (min-width:640px) and (max-width:820px){
.business_ico li h5{font-size:20px}
}
@media screen and (min-width:320px) and (max-width:480px){
.bg_tech p br{display:none}
.header .gnb{margin:0;position:unset}
.header .gnb ul{margin:0 auto}
.rechnologyLI{height:245px}
.business_ico{padding:60px 10% 0 10%}
.top{bottom:160px;right:10px;width:40px;height:40px}
.top img{width:100%;height:100%}
}
@media screen and (max-width:360px){
}
@media screen and (max-width:320px){
.foot{font-size:11px}
.address{font-size:11px}
.copy{font-size:11pxx}
}
@media screen and (min-width:1280px){
.main-visual-txt-inner p.main-visual-txt3{padding:210px 0 0 0}
}
@media screen and (max-width:1280px){
.business_ico li p{font-size:15px}
.main-visual-item .main-visual-icon img{width:80vw;height:20vw}
.main-visual-item.item2 .main-visual-icon img{width:80vw;height:25vw}
.main-visual-item .arrow img,.main-visual-item .arrow img{width:70px;height:70px}
}
@media screen and (min-width:992px) and (max-width:1099px){
.tech_li span{right:-24px}
.tech_li span img{width:80%;height:100%}
}
@media screen and (min-width:768px) and (max-width:991px){
.tech_li span{right:-14px}
.tech_li span img{width:75%;height:100%}
}
@media screen and (min-width:680px) and (max-width:767px){
.tech_li span{right:-14px}
.tech_li span img{width:70%;height:100%}
}
@media screen and (min-width:480px) and (max-width:679px){
.tech_li span{right:-22px}
.tech_li span img{width:60%;height:100%}
.business_ico{padding:60px 20% 0 20%}
}
@media screen and (min-width:320px) and (max-width:479px){
.tech_li span{right:-29px}
.tech_li span img{width:45%;height:100%}
}

@media screen and (min-width:576px){
.slick-track{width:540px}
}
@media screen and (min-width:768px){
.slick-track{width:720px}
}
@media screen and (min-width:992px){
.slick-track{width:960px}
}

.layer{background:#f6f6f6;width:1067px;padding-bottom:30px}
.header_pop{position:relative;height:92px}
.tit_pop{font-size:35px;font-weight:500;position:absolute;top:24px;left:4.4%}
.close_pop{position:absolute;top:24px;right:3%}
.cont_pop{text-align:center;position:relative;margin:0 4.4%}
.detail{position:absolute;right:0;bottom:0}
.adress{padding-top:30px}
.adress p{text-align:center;font-size:20px}
.adress p:before{content:"";display:inline-block;background:#333333;border-radius:50%;width:6px;height:6px;margin:0 9px 5px 0}
@media screen and (max-width:1070px){
.layer{width:100%}
.cont_pop img{width:100%}
.adress p{text-align:center;font-size:16px}
.header_pop{position:relative;height:72px}
.tit_pop{font-size:26px}
.close_pop a img{width:80%}
.adress p:before{content:"";display:inline-block;background:#333333;border-radius:50%;width:4px;height:4px;margin:0 9px 5px 0}
}