

/* 반응형******************************************************************/
@media (max-width:1280px) {
.pc-gnb .gnb,
.foot-area,
.site-banner-area{width:96%;}
#bottom-fixed ul{width:100%; padding-left:380px;}
.bf-img{left:10px; margin-left:0; top:5px;}
.bf-img img{width:350px;}

.pc-gnb .gnb{padding-left:150px;}

#side-fixed{right:30px; top:auto; bottom:200px;}

.busi-menu-list li{padding:0 5px;}


#snb{width:100%; top:0;}
#sub-top{height:320px;}
.sub-nav-list{bottom:30px; left:48%; width:50%;}
.sub-content{max-width:95%; margin-top:50px;}

#visual{height:auto; padding-top:114px;}
.visual-img-bg{padding-top:35%; }
.visual-img-bg img{width:140%; margin-left:-70%;}
.visual-img-text{margin-top:-10%;}
.visual-img-text img{width:50%;}

/*인사말*/
.sub11-img{width:45%;}
.sub11-img img{width:100%; max-width:490px;}
.sub11-text{ width:43%;}

}

@media (max-width:1024px) {
.pc-all-gnb{display:none;}
.pc-all-gnb .mobile-gnb-box{display:none;}
header{margin-top:30px;}
.header-logo{width:100%; left:0; text-align:left; margin-top:-30px; padding-left:10px; box-sizing:border-box; margin-left:0; height:84px}
.gnb-open-btn{display:block; position:absolute; right:10px; top:50%; margin-top:-19px;  z-index:999; height:38px; line-height:38px; text-align:center; background:#0369c0; font-size:15px; color:#fff; padding:0 7px;}
.gnb-close-btn{display:block; position:absolute; top:0; right:280px; width:40px; height:40px; line-height:40px; text-align:center; background:#0369c0; font-size:20px; color:#fff; z-index:999}
.home-btn{display:block; position:absolute; left:10px; top:50%; margin-top:-19px;  z-index:999; width:38px; height:38px; line-height:38px; text-align:center; background:#0369c0; font-size:24px; color:#fff;}
/*sidemenu*/
#sidebar{position:fixed;top:0;bottom:0; display:none; right:-200px; z-index:999999;　-webkit-transition: right 1s;  transition: right 1s; width:auto; overflow:visible;}
.mobile-gnb-box{position:relative; z-index:55; width:280px; left:auto; right:0; overflow:hidden auto; height:100%;background:#005caa;}
#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.05);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;}
.mo-depth2{display:block; background:rgba(255,255,255,0.2)}
.mo-depth2 a{display:block;color:rgba(255,255,255,0.7); padding:9px 20px; border-top:1px dashed rgba(255,255,255,0.1); font-size:0.875rem;}
.mo-depth2 a:first-child{border-top-width:0;}
.depth2-tab li{display:none;}

#sub{padding-top:114px;}
.sub-content{margin-top:2%;}
.depth2-tab li.current{display:block; width:100%;}

.tnb-sns{margin-left:0; left:0; top:-30px; text-align:left; width:100%; background:#005caa;}
.tnb-sns li{width:33.33333%; float:left; display:block; margin:0;text-align:center;}
.tnb-sns li a{width:100%; height:30px; background:#d4272d;}
.tnb-sns li a img{width:30px;}
.tnb-sns li.tnbs-blog a{background:#32b34a;}
.tnb-sns li.tnbs-kakao a{background:#ffe800;}
.tnb-sns li.tnbs-band a{background:#4c4c4c;}

#site-banner{padding:10px 0;}
#site-banner h2{display:none;}
.site-banner-area{padding-left:0px; height:auto; line-height:1em;}

#bottom-fixed ul{padding-left:0;}
#bottom-fixed li{width:48%;}
.bf-img{width:50%; left:0%; top:0; text-align:center; display:table; height:100%; box-sizing:border-box;}
.bf-img img{width:90%; max-width:200px;}
.bf-img-mobile{display:block; display:table-cell; vertical-align:middle;}
.bf-img-pc{display:none;}

.main-slogan{padding:40px 0;}
.main-slogan p{font-size:28px; background-size:90px 71px; padding-left:110px;}

.moblie-menu{display:block; padding-top:114px; background:#0369c0}
.moblie-menu ul:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.moblie-menu li{float:left; width:25%; box-sizing:border-box; border-left:1px rgba(255,255,255,0.3) solid;}
.moblie-menu li:first-child{border-width:0;}
.moblie-menu li a{display:block; width:100%; padding:10px 0; box-sizing:border-box; color:rgba(255,255,255,0.9); text-align:center;}


.business-area section{display:block; width:100%; padding:40px 0;}

.sub-nav-list{width:100%; left:0;}

#bottom-fixed{padding:0;}
#bottom-fixed ul{width:100%;}
#bottom-fixed li{width:50%; float:right; text-align:center; padding:10px 0; padding-left:0;background:#c3e4f8}
#bottom-fixed li h3{position:relative; left:auto; top:auto; background:transparent; padding:0; margin-top:0; color:#001351;}
#bottom-fixed li h3 img{display:none;}
#bottom-fixed li.bf-bank{display:none; background:#c3e4f8}
#bottom-fixed li div{padding:0;}
#bottom-fixed li div p{font-size:22px;}
#bottom-fixed li div span{font-size:14px;}
#bottom-fixed li div span img{width:80px;}

#side-fixed{display:none;}

/*인사말*/
.sub11{display:flex;
  flex-flow: row wrap;}
.sub11-img{width:100%; text-align:center; order:2; padding-top:20px; display:block;}
.sub11-text{ width:100%; padding-left:0; order:1;}

/*회사소개*/
.sub12-dl dt{position:relative; top:auto;}
.sub12-dl dd{padding-left:0}

#snb55{background:#fff; color:#333; height:35px; line-height:35px; margin:0 auto;margin-bottom:130px;text-align:center; width:100%;}
#snb55 li{display:inline-block; position:relative; margin-left:-3px; width:49%; border:1px #e0e0e0 solid; }
#snb55 li a{display:block; color:#777;  font-size:12px; position:relative; font-weight:300;}
.download-list li{display:inline-block; margin:0 1% 40px 1%;width:47%;  box-sizing:border-box; border:1px #c9d2d9 solid; background:#eef3f7; border-radius:5px; }
}

@media (max-width:768px) {
body, th, td, input, select, textarea, button{font-size:15px;}

.header-logo img{width:200px; margin-top:0px;}

.main-slogan{padding:20px 0;}
.main-slogan p{font-size:17px; background-size:50px 39px; padding-left:60px; width:97%; box-sizing:border-box; margin:0 auto;  word-break:keep-all;}
.main-slogan p br{display:none}

.visual-img-bg{padding-top:55%; }
.visual-img-bg img{width:200%; margin-left:-100%;}
.visual-img-text{margin-top:-15%;}
.visual-img-text img{width:70%;}

#gallery{padding:0; padding-top:2px;}
.gallery-area .slick-arrow{display:none; width:0; height:0; overflow:hidden;}
#gallery .main-title-link a{position:absolute; right:0;}
.gallery-box a p{font-size:17px; margin-top:10px;}


#side-fixed{right:10px; bottom:120px;}
#side-fixed li{margin-bottom:5px;}


.business-area section{padding:20px 0;}
.business-title h2{font-size:26px;}
.business-title p{font-size:14px;}
.busi-icon{width:70px; border-radius:35px;}
.busi-menu-list li a{font-size:15px;}
.busi-menu-list{margin-top:10px;}

.site-banner-img{padding:0 5px;}

.foot-area{text-align:center; position:relative; padding-top:30px; padding-bottom:200px;}
.foot-area .foot-info{width:100%; display:block; padding-right:0;}
.foot-area .foot-customer{width:100%; display:block; padding-left:0;}
footer address p{margin:0 5px;}
.foot-area .foot-info .copyright{position:absolute; font-size:14px; bottom:160px; line-height:1.3em; text-align:center; display:block; width:100%;}
.foot-title{margin-bottom:10px;}
.foot-title p{font-size:18px;}
.foot-title p a{display:block; width:90%; margin:20px auto 0; position:absolute; bottom:120px;}
.foot-title span{font-size:15px;}

#snb{display:none;}
.sub-nav-list{display:none;}

#sub-top{padding-bottom:0; height:120px;}
.sttb-t1{font-size:32px; padding-bottom:0; background-size:50px 38px; padding-top:40px;}
.sub-content{padding-bottom:50px;}

/*인사말*/
.sub11-text p{margin-top:20px; font-size:16px;}
.sub11-text  .sub11-text1{font-size:20px; }
.sub11-text .sub11-text2{font-size:20px;}

/*회사소개*/
.history-list li,
.history-list li.hisli-li{width:100%; margin-right:0%; height:auto; padding:0; margin-bottom:0; border-top-width:0;}
.history-list li:first-child{border-top-width:1px;}
.history-list li span,
.history-list li p{font-size:15px;padding:10px 0;}
.history-list li p br{display:none;}

.history-list li span{font-size:16px; width:100%; border-bottom-width:1px; background:#eef6fc; border-bottom:1px #e1e7ed solid;}
.history-list li span:after{display:none;}
.history-list li.hisli-li span{background:#0369c0}


/*오시는길*/
.sub-float-box dl{float:none; width:100%; margin-left:0;}

/*사업분야*/
.sub-product-box{padding-top:20px;}

.sub-table-overflow-box{width:100%; overflow-y:scroll;}
.sub-table-overflow-box table{min-width:900px;}

.sub-left-right dl{display:block; width:100%; margin-bottom:30px;}

.sub-cont-box1 dl dt {position:relative; top:auto; margin-bottom:10px; width:100%;}
.sub-cont-box1 dl dt br{display:none;}
.sub-cont-box1.scb1-ww1 dt{width:100%;}
.sub-cont-box1 dl dd{padding-left:0;}
.sub-cont-box1.scb1-ww1 dd,
.sub-cont-box1.scb1-ww2 dd{padding-left:0;}

.sub-cont-box3{padding:20px 10px;}

.sub-cont-box3 .sub-cont-tit1,
.sub-cont-tit1{font-size:18px; padding-bottom:15px;}

.sub-cont-tit2{font-size:18px;}

.sub-ma-top50{margin-top:30px;}

.sub-cont-ul5 li{width:49%; margin-bottom:2%;}
.sub-cont-ul5 li:nth-child(2n+1){margin-left:0;}

.sub-cont-text1{font-size:1em;}

.sub-cont-box3 .sub-table-overflow-box table{min-width:700px;}

.sub-cont-ul6 li{width:100%; margin-right:0;}

.mo-table-block-box,
.mo-table-block-box thead,
.mo-table-block-box tbody,
.mo-table-block-box tr,
.mo-table-block-box th,
.mo-table-block-box td{display:block;}
.mo-table-block-box td{display:block; width:100%;}

.sub-cont-ul7 li{width:100%; margin-left:0;}

.sub-cont-ul5-w2 li{width:100%; margin-right:0;}

.line2{min-height:1.4em;}

/*동영상자료*/
.sub-product-list li{display:block; width:100%; margin:0; margin-bottom:20px;}

/*단가표*/
.download-list li{display:block; width:100%; margin:0; margin-bottom:20px;}


.sub14-top{padding:10px; text-align:left;  font-size:14px; margin-bottom:50px;} 
}


@media (max-width:480px) {
#bottom-fixed li{ text-align:center; padding:5px 0; padding-left:0;}
#bottom-fixed li div span{font-size:11px;}
.sub14-top{padding:20px 10px; text-align:left; font-size:13.5px; margin-bottom:20px;line-height:180%;} 
}