

/* 반응형******************************************************************/
@media (max-width:1280px) {
/*visual*/
.visual-text-area{margin-top:-210px;}
.pc-gnb .gnb > li > a{margin-left:10px;}

}

@media (max-width:1200px) {
.header-logo{left:10px; margin-left:0;}
.pc-gnb .gnb{width:90%;}

/*visual*/
.visual-text{bottom:5%;}
.visual-btn a{padding:10px;}

.main-product a{height:auto; padding:80px 0;}
.mp-area{width:100%; display:block;}
.mp-txt{display:block; margin:0 auto; text-align:center;}
.mp-img{position:relative; right:auto; top:auto; margin-top:auto; margin:30px auto 0; width:100%; text-align:center;}
.mp-img img{width:80%; max-width:620px;}
.video-motion{width:90%; height:auto;}
.video-motion img{width:100%;}
.video-area{width:90%; }
.vm-after1, .vm-after2{width:50%;}
.video-text2{width:90%;}

.main-gallery{padding:70px 0;}
.bottom-banner{width:100%;}
.bq-form{width:95%;}

/*sub*/
.sub-content{width:95%; margin:0 auto 70px;}

/*회사소개*/
.sub11-box2{margin-top:0; width:100%;}
.sub11-t1{font-size:22px; }
.sub11-t1 img{width:100px;}
.sub11-t2{font-size:20px; padding:10px 0 5px;}
.sub11-t3{font-size:17px;}
.sub11-t3 img{width:60px; vertical-align:-1px;}
.sub11-t3 p{padding-top:10px;}
.sub11-box3{margin-top:20px; padding:50px 30px; word-break:keep-all;}
.sub11-box3 dt{font-size:22px; margin-bottom:20px;}
.sub11-box3 li span{font-size:32px;}
.sub11-box3 li p{font-size:20px;}
.sub11-box3 li div{font-size:16px;}
.sub11-box3 li p:after{margin:10px auto;}


}
@media (max-width:1024px) {
header{height:70px;}
.header-logo{left:50%; margin-left:-75px;}
.gnb-open-btn{display:block; position:absolute; right:10px; top:50%; margin-top:-22px;  z-index:999; width:45px; height:45px; line-height:45px; text-align:center; background:#1a4285; font-size:24px; color:#fff;}
.gnb-close-btn{display:block; position:absolute; top:0; right:280px; width:40px; height:40px; line-height:40px; text-align:center; background:#1a4285; font-size:20px; color:#fff; z-index:999}
.home-btn{display:block; position:absolute; left:10px; top:50%; margin-top:-22px;  z-index:999; width:45px; height:45px; line-height:45px; text-align:center; background:#2475ba; font-size:24px; color:#fff;}
.home-btn2{display:block; position:absolute; left:60px; top:50%; margin-top:-22px;  z-index:999; width:45px; height:45px; line-height:45px; text-align:center; background:#8f0f0f; font-size:16px; color:#fff;font-weight:600;}
header i{line-height:45px !important;}
/*sidemenu*/
#sidebar{position:fixed;top:0;bottom:0;background:#e5e5e5; display:none; right:-200px; z-index:9999999999;　-webkit-transition: right 1s;  transition: right 1s; width:auto; overflow:visible; }
#sidebar .close-sb{height:60px;width:60px;position:absolute; left:-60px; top:0px; z-index:999; text-align:center; background:#3b2929}
#sidebar .close-sb img{width:70%; display:block; margin:10px auto;}
#sidebar .gnb{position:relative; z-index:55; width:280px; left:auto; right:0; overflow:hidden auto; height:100%;background:#0c3463}
#sidebar .gnb > li{display:block; width:100%;}
#sidebar .gnb > li > a{line-height:40px;  display:block; box-sizing:border-box; padding:0 20px; color:#fff;}
#sidebar ul li li > a{display:block;border-bottom:1px solid rgba(255,255,255,0.1);font-size:15px;color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.04);padding:10px 20px;}
.sidebg{position:fixed; height:150%; background:rgba(0,0,0,0.5); width:100%; top:0; right:0; z-index:44;}
.mobile-gnb{display:block;}
.pc-gnb{display:none;}

.visual-btn{display:none;}
.visual-text-area{margin-top:-100px; }

.right-quick {top:auto; bottom:70px; right:10px;}
.right-quick ul{display:none; }
.top,
.top div{width:55px; height:55px; font-size:15px;}

#video{padding:70px 0;}
#video h2{font-size:40px;}
.video-text1{font-size:18px; word-break:keep-all; width:90%; margin:0 auto;}
.video-text1 br{display:none;}
.video-motion{margin:20px auto 0;}
.video-area{margin-top:30px;}
.video-text2{margin-top:30px;}
.video-text2 li{display:block; width:100%; border-left-width:0;}
.video-text2 li{border-top:1px #d9e4ee solid; padding-top:20px; margin-top:20px;}
.video-text2 li:first-child{border-top-width:0; padding-top:0; margin-top:0;}
.video-text2 li strong{font-size:28px;}
.video-text2 li p{font-size:20px;}
.video-text2 li p:after{margin:15px auto;}
.video-text2 li div{font-size:16px; width:90%; margin:0 auto; word-break:keep-all; }
.video-text2 li div br{display:none;}

.main-gallery{padding:30px 0;}
.main-gallery h2{font-size:24px; text-align:left; margin-left:10px;}
.main-gallery-slide{margin-top:20px;}
.main-gallery-slide a p{padding-top:10px; font-size:17px;}

#gallery-sub{padding:25px 0 40px;}
.sub-gallery-slide{width:95%; overflow:hidden; margin-left:5%;}
#gallery-sub.main-gallery h2{margin-left:5%; margin-bottom:15px;}

.slick-arrow{display:none;}
.more-btn{left:auto; right:10px; margin-left:0; top:30px;}

.bottom-banner{margin:20px auto 0;}
.bottom-banner section{float:none; width:100%; padding:0 15px;}
.bottom-banner section a{background-size:120px 114px; padding-bottom:20px;}
.bottom-banner section a h2{font-size:22px;}
.bottom-banner section a p{font-size:15px;}
.bottom-banner #agency{;border-right:0; }
.bottom-banner #as{background:#edf2f7; padding-top:15px;}


.bottom-quick{display:none; background:none; background-color:#7bbfe6; padding:40px 0 80px;}
.bottom-tab{position:fixed; display:block; bottom:0; width:100%; z-index:999;}
.bottom-tab:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.bottom-tab li{float:left; width:50%; height:60px; line-height:60px; text-align:center; font-size:16px;}
.bottom-tab li a{display:block; width:100%;}
.bt-btn1 a{background:#2475ba; color:#fff;}
.bt-btn1 img{width:22px; margin-right:4px;}
.bt-btn2{background:#7bbfe6; color:#333d43}
.bt-btn3{background:#192e47; color:#fff;}
.bt-btn3{display:none;}

.bq-form input{width:100%; margin-bottom:3px;}
.bq-form button{width:100%;}
.bq-form input[type="checkbox"]{width:auto;}

footer{padding-bottom:80px;}
.foot-info{padding:10px 0;}
footer address{margin-right:10px; line-height:1.55em;}
.foot-customer p{padding-top:60px;}

.video-text-img{margin-top:20px;}
.video-text-img img{width:90%; max-width:475px;}

/*sub*/
#sub-top{height:150px; }
#snb{display:none;}
#sub{font-size:16px;}
.sttb-t{padding-bottom:0; font-size:38px;}
#sub-tit{padding:50px 0 30px; font-size:32px;}

/*회사소개*/
.sub11-box1 p{margin-left:-85px; margin-top:-22px;}
.sub11-box1 p img{width:170px; }
.sub11-box2{padding:30px 0; word-break:keep-all;}
.sub11-box3 li{width:100%; border-left-width:0; border-top:1px #d9e4ee solid; padding-top:20px; margin-top:20px;}
.sub11-box3 li:first-child{border-top-width:0; margin-top:0;}
.sub11-box3 li div br{display:none;}
.sub11-t3 br{display:none;}

/*인증서*/
.certi-list li{width:48%; margin-left:4%; margin-bottom:4%;}
.certi-list li:nth-child(2n+1){margin-left:0}
.certi-txt{padding:10px 0px; word-break:keep-all;}
.certi-img{padding:5px;}

/*영상자료*/
.sub-news-list li{margin-bottom:30px;}
.snl-img{margin-bottom:10px;}
.snl-text{height:24px;}

/*6-3 A/S안내*/
.as-txt1{font-size:22px; word-break:keep-all;}
.as-txt1 br,
.as-txt2 br{display:none;}
.as-txt2:after{display:none;}
.as-txt2{font-size:18px; margin-bottom:20px;}
.as-txt3,
.as-txt4{width:100%;}
.as-txt3{display:block; padding:10px;}
.as-txt3 strong{display:block; width:100%;}
.as-txt3 div{display:block; width:100%; border-top:#afbfcc 1px solid; margin-left:0; padding-left:0; margin-top:10px; padding:15px 10px; box-sizing:border-box; border-left-width:0;}
.as-txt4{padding:10px 0 20px;}
.as-txt3 div p{font-size:16px;}

/*오시는길*/
.location-info dt{width:80px; height:80px; line-height:80px;}
.location-info ul{margin:10px 0 20px;}
.location-box{width:95%; margin:0 auto;}
.location-box .root_daum_roughmap .wrap_map{height:280px !important;} 
}

@media (max-width:768px) {
.visual-text-area{margin-top:-90px;}
.visual-text-area img{width:420px;}

.main-product a{padding:30px 0;}
.mp-txt h2{font-size:32px; line-height:1.25em;}
.mp-img{margin-top:0px;}
#video{padding:40px 0;}
#video h2{font-size:32px}


.foot-customer p{font-size:32px;}
.foot-customer div{font-size:17px;}
footer address{width:90%; margin:0 auto;}
footer address p{margin-right:0;}

/*paging*/
.paging a, .paging strong, .paging span{width:30px; height:30px; line-height:30px; font-size:15px;}
.p-prev i, .p-next i{line-height:30px;}

/*설치사례*/
.sub-news-list.snl-case li{width:49%; margin-right:2%;}
.sub-news-list.snl-case li:nth-child(2n){margin-right:0%;}
.sub-news-list.snl-case li:nth-child(3){margin-right:2%;}
.list-btn{margin-bottom:20px;}
.list-btn a{padding:0 10px; margin:0; margin-bottom:5px;}
.list-btn a:after{left:0px;}


}

@media (max-width:480px) {
.visual-text-area{margin-top:-65px;}
.visual-text-area img{width:290px;}
}