@media screen and (max-width:850px){ 

.subMenuWrap{width:100%; float:left; position:relative; background:#fff;}

.subMenuOn{width:100%; height:40px; float:left; position:relative; background:#fff;}
.subMenuOn a{display:inline-block; width:100%; float:left; height:40px; box-sizing:border-box; padding:10px 20px; line-height:20px; border:1px solid #c2c2c2; background:#fff; position:relative; font-size:16px;}
.subMenuOn a span{display:inline-block; float:right; padding-top:5px;}
.subMenuOn a:click{background:#ebebeb;}

.subMenu{width:100%; float:left; font-size:14px; text-align:center; line-height:24px; position:absolute; top:40px; left:0; display:none; z-index:20;}
.subMenu a{ display:inline-block; width:100%; height:40px; padding:10px 20px; box-sizing:border-box; line-height:20px; border:1px solid #c2c2c2; border-top:none; float:left; color:#161616; background:#fff; font-size:16px; text-align:left;}
.subMenu a.on{color:#fff; font-weight:bold; display:none;}
/*.subMenu hr{clear:both; width:100%; height:1px; background:#CCC; margin:4px 0;}*/



#subTopTit{width:100%; float:left; margin-top:84px; background:#fff;}
#subTopTit .topTit{width:100%; float:left; padding:30px 0 20px; font-size:30px; font-weight:bold; text-align:center; line-height:30px; color:#161616; text-transform:uppercase;}
#subTopTit .topTit span{}


#subWrap{width:100%; float:left; background:#fff;}
#subWrap .subTit{width:100%; float:left; padding:20px 0; font-size:22px; text-align:center; line-height:30px; color:#000;}
#subWrap .subTit img{width:100%;}
#subWrap .subTit span{padding-bottom:5px; border-bottom:1px solid #000;}

#subWrap .subConts{width:94%; float:left; margin:15px 3%; min-height:500px;}
/*#subWrap .subConts .contents{{width:100%; float:left; margin-top:20px; font-family: 'Nanum Gothic', serif;}*/
#subWrap .subBoard{width:96%; float:left; margin:15px 2%; min-height:500px;}
#subWrap .subBoard02{width:92%; float:left; margin:15px 4%; min-height:500px;}

#subWrap .subContsLeft{width:94%; float:left; margin:15px 3%; max-width:440px;}
#subWrap .subContsRight{width:94%; float:left; margin:15px 3%; max-width:440px;}


/* sub page common */ 

.subTab{width:100%; float:left; margin:20px 0; text-align:center;}
.subTab a{display:inline-block; width:45%; height:40px; line-height:40px; font-size:13px; box-sizing:border-box; text-align:center; border:1px solid #900; background:#fff; color:#900;}
.subTab a.on{border:none; background:#900; color:#fff;}


/* sub page */

/* 채용공고 */
.recruit{width:100%; color:#666666; line-height:180%; float:left; background:#f1f1f1;}
.recruit .tit{padding:10px; color:#444444; font-size:18px; padding-bottom:18px; font-weight:bold; width:100%; text-align:center;}
.recruit .part1{padding:10px 10px 20px; clear:both; width:100%; box-sizing:border-box; text-align:center;}
.recruit .part2{padding:10px 10px 10px 10px; clear:both; width:100%; box-sizing:border-box; text-align:center;}
.recruit  p span{font-weight:bold; font-size:14px; color:#444444;}
.recruit  img{padding-right:10px;}

.recruit .left{width:100%; float:left; text-align:center;}
.recruit .right{width:100%; float:left; text-align:left;}



/* 회사소개*/
.company{width:100%; float:left; text-align:center; color:#666666; line-height:200%;}
.company .ci{font-size:20px; font-weight:bold; color:#000000; padding-bottom:18px;}
.company .ci span{font-size:20px; font-weight:bold; color:#831f1f;}
.company .idea{width:100%; float:left; clear:both; text-align:center; padding:30px 0;}
.company .idea ul{width:143px; height:124px; background:url(../images/sub/company_idea.png); padding:30px 10px 10px 10px; margin:15px; float:left;}
.company .idea ul:first-child{width:143px; height:124px; background:url(../images/sub/company_idea.png); padding:30px 10px 10px 10px; margin:15px 15px 15px 250px; float:left;}
.company .idea ul li{width:100%; color:#949494; text-align:center; line-height:160%;}
.company .idea ul li.tit{width:100%; color:#7f1f20; font-size:18px; padding-bottom:14px; font-weight:bold;}

.company2{width:100%; float:left; color:#666666; line-height:200%;}
.company2 .part1{width:100%; float:left; margin-top:20px;}
.company2 .part2{width:100%; float:left; margin-top:20px;}
.company2 .tit{width:100%; color:#7f1f20; font-size:18px; line-height:30px; font-weight:bold; margin:20px 0; background:#7f1f20; color:#fff; text-align:center;}
.company2 ul li{width:100%; float:left;}
.company2 ul li span{font-weight:bold; color:#000000; padding-right:10px; font-size:13px;}


/* 견적문의 */
.inquire{width:100%; float:left;  color:#666666; background:#f1f1f1; line-height:180%; text-align:center;}
.inquire .tit{padding:10px;color:#444444; font-size:18px;  padding-bottom:18px;  font-weight:bold;}
.inquiret .part1{padding:10px 10px 30px 10px; clear:both;}
.inquire .part2{padding:10px 10px 15px 10px; clear:both;}
.inquire p{width:100%; font-weight:bold;}
.inquire p span{font-weight:normal; padding-right:20px;}


/* 찾아오시는 길 */
.location{width:100%; float:left; color:#666666; line-height:180%; text-align:center; padding:10px 0; background:#f5f5f5; margin:20px 0;}
.location .tit{padding:10px;color:#444444; font-size:18px;  padding-bottom:18px; font-weight:bold;}
.location .part1{padding:10px 10px 20px 10px; clear:both;}
.location .part2{padding:10px 10px 10px 10px; clear:both;}
.location  p span{font-weight:bold; font-size:14px; color:#444444;}
.location  img{padding-right:10px;}

.location02{width:100%; float:left;line-height:180%; text-align:center; padding:10px 0; background:#fff; margin-top:20px;}
.location02 .tit{color:#444444; font-size:18px; font-weight:bold;}



/* Direct Order */

.requestTop ul li br.brPC{display:none;}

.requestBottom{width:100%; float:left; margin:30px 0; text-align:center; background:#f8f8f8;}

.requestBottom .inputForm{width:100%; float:left; border-bottom:1px solid #CCC; padding:10px 5%; box-sizing:border-box;}
.requestBottom .inputForm ul{width:100%; display:flex; flex-wrap:wrap;}
.requestBottom .inputForm li{line-height:180%;}
.requestBottom .inputForm li.item{width:100%;}
.requestBottom .inputForm li.item1{width:100%; font-size:1.125rem;}
.requestBottom .inputForm li.inp{width:100%;}
.requestBottom .inputForm li.inpBlank{display:none;}
.requestBottom .btn{width:100%; text-align:center; float:left; clear:both; background:#fff;}

.requestHosting {width:90%; margin:0 auto;}
.requestHosting .info{width:100%; float:left; text-align:center;}

/* Direct Order : Print request*/
.print{width:820px;margin:0 auto;}
.print .banner{width:100%; float:left;} 
.print .printInfo{width:100%; float:left; margin-top:20px;}
.print .printInfo ul li{width:100%; float:left; margin-bottom:20px;}

/* input */
  .input_txt{border:1px solid #cccccc;
        background:#f9f9f9;}

/* 사업영역 */
.business{width:100%; float:left;}
.business .cont{width:100%; margin:0 auto;}
.business .cont ul{width:96%; margin:0 0 20px 2%; float:left; box-sizing:border-box; border:1px solid #a39276; text-align:center;}
.business .cont li{width:100%; display:block;}
.business .cont li.tit{width:100%; padding-top:10px;}
.business .cont li.tit img{vertical-align:middle;}
.business .cont li.tit span{padding-top:2px;color:#989898; font-size:14px;}
.business .cont li.conTit{padding-top:20px;color:#000; font-size:16px; width:100%;}
.business .cont li.con{color:#989898; font-size:12px;padding-bottom:15px; line-height:180%; width:96%; padding:10px 2% 20px;}
.business .cont li.btn{color:#ffffff; background:#a39276; font-size:12px; width:100%; line-height:30px; text-align:center; box-sizing:border-box; padding:0; margin:0;}
.business .cont li.btn a{color:#ffffff;}



.business .cont02{width:100%; float:left; margin-top:30px;}
.business .cont02  ul{width:100%; float:left;}
.business .cont02  li{width:100%; line-height:180%; font-size:12px; color:#505050; margin-bottom:10px;}
.business .cont02  li.conTit{width:100%; line-height:180%; font-size:20px; color:#505050;  margin-bottom:0;}
.business .cont02  li.conTit02{width:100%; line-height:180%; font-size:20px; color:#fff; margin-bottom:0; background:#505050; text-align:center; margin-bottom:15px;}
.business .cont  li p{font-size:18px; color:#1b1b1b; font-weight:bold; padding-bottom:6px;}

.business .cont02  li.subCon{width:96%; padding:0px 2%; margin-left:2%; box-sizing:border-box; border:1px solid #dddddd; line-height:180%; font-size:12px; color:#777777; margin-bottom:30px; background:#f5f5f5;}
.business .cont02  li.subCon li{width:100%; margin-bottom:15px; line-height:180%; float:left;}
.business .cont02  li.subCon li.conTit{width:100%; margin-bottom:0px; line-height:180%; float:left; font-size:16px; color:#822020; font-weight:bold;}
.business .cont02  li.subCon li.tit span{font-weight:bold;} 
.business .cont02  li.subCon li.tit{width:100%; margin-bottom:0px; line-height:180%; float:left; font-size:14px; color:#777777; font-weight:bold;}


/* payment guide*/
.guide{width:100%; float:left; padding:20px 0;}

.guide .part1{width:100%; float:left; clear:both; position:relative; margin-bottom:20px;}
.guide .part1 li{width:100%; float:left; font-size:12px; color:#666666; line-height:200%; font-size:12px;}
.guide .part1 li.tit{background:url(../images/sub/dot_01.jpg) no-repeat 5px 12px; padding-left:12px; font-size:14px; font-weight:bold; color:#1b1b1b;}
.guide .part1 li span{font-weight:bold; color:#1b1b1b; font-size:14px;}
.guide .part1 li.goBtn{width:100%;}
.guide .part1 li.goBtn a{display:inline-block; width:18%; text-align:center; max-width:76px;}
.guide .part1 li.goBtn a img{width:100%; max-width:76px;}

.guide .part1 .btn_go{width:150px; height:30px; line-height:30px; text-align:center; color:#ffffff; background:#3b3b3b; float:left; margin:20px 10px;}
.guide .part1 .btn_go a{color:#ffffff;}

.guide .part2{width:100%; float:left; clear:both; position:relative; margin-bottom:20px;}
.guide .part2 li{width:100%; float:left; font-size:12px; color:#666666; line-height:200%; font-size:12px; background:url(../images/sub/dot_02.jpg) no-repeat 8px 10px; padding-left:10px; box-sizing:border-box;}
.guide .part2 li.tit{background:url(../images/sub/dot_01.jpg) no-repeat 5px 12px; padding-left:12px; font-size:14px; font-weight:bold; color:#1b1b1b; }
.guide .part2 li span{font-weight:bold; color:#1b1b1b; font-size:14px;}

.guide .part2 .btn_go{width:150px; height:30px; line-height:30px; text-align:center; color:#ffffff; background:#3b3b3b; float:left; margin:20px 10px;}
.guide .part2 .btn_go a{color:#ffffff;}



.fontBD{font-weight:bold;}







/* login*/
.loginWrap{width:100%; float:left; padding:20px 0;}
.loginWrap .left{width:100%; float:left;}
.loginWrap .left .box{width:90%; background:#fff;  float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-size:12px; color:#5a5a5a;}
.loginWrap .left .box ul{width:100%; float:left;}
.loginWrap .left .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}
.loginWrap .left .box li.idpw{border:1px solid #f1f1f1; border-radius:4px; width:100%; padding:16px 10px; margin-bottom:10px;}
.loginWrap .left .box li.idpw input{width:100%;  font-size:16px; color:#a7a7a7;  background:#ffffff; font-weight:600; line-height:20px;}
.loginWrap .left .box li.confirm{font-size:12px; color:#a7a7a7; }
.loginWrap .left .box li.confirm a{color:#a7a7a7;}
.loginWrap .left .box li.confirm a:hover{color:#cccccc;}

.loginWrap .right{width:100%; float:left; margin-top:0px;}
.loginWrap .right .box{width:100%; background:#fff; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-size:12px; color:#5a5a5a;}
.loginWrap .right .box ul{width:100%; float:left;}
.loginWrap .right .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}

.loginWrap .right .box2{width:100%; float:left; padding:10px;  font-size:12px; color:#5a5a5a; line-height:180%; text-align:left; box-sizing:border-box;}


/*idpw*/

.idpw{width:100%; float:left; padding:20px 0;}
.idpw .left{width:470px; float:left;}
.idpw .left .box{width:400x; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-size:12px; color:#5a5a5a;}
.idpw .left .box ul{width:100%; float:left;}
.idpw .left .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}
.idpw .left .box li.idpw{background:url(/images/sub/login_box2.jpg) no-repeat; width:364px; height:28px; padding:16px 10px; margin-bottom:10px;}
.idpw .left .box li.idpw input{width:100%; border:none; font-size:16px; color:#a7a7a7;  background:#ffffff; font-weight:normal;}
.idpw .left .box li.confirm{font-size:12px; color:#a7a7a7; }
.idpw .left .box li.confirm a{color:#a7a7a7;}
.idpw .left .box li.confirm a:hover{color:#cccccc;}

.idpw .right{width:470px; float:right;}
.idpw .right .box{width:400px; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-size:12px; color:#5a5a5a;}
.idpw .right .box ul{width:100%; float:left;}
.idpw .right .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}

.idpw .right .box li.idpw{background:url(/images/sub/login_box2.jpg) no-repeat; width:364px; height:28px; padding:16px 10px; margin-bottom:10px;}
.idpw .right .box li.idpw input{width:100%; border:none; font-size:16px; color:#a7a7a7;  background:#ffffff; font-weight:normal;}
.idpw .right .box li.confirm{font-size:12px; color:#a7a7a7; }
.idpw .right .box li.confirm a{color:#a7a7a7;}
.idpw .right .box li.confirm a:hover{color:#cccccc;}

.idpw .right .box2{width:384px; float:left; padding:30px 20px 15px 20px; font-size:12px; color:#5a5a5a; line-height:180%; text-align:left;}

/* font common*/
.fBold{font-weight:bold;}
.fBold600{font-weight:600;}
.fBold700{font-weight:700;}




/* Direct Order */
.requestTop{width:100%; float:left; margin:0px; padding-bottom:10px;}
.requestTop ul{width:100%; float:left;}
.requestTop ul li{width:100%; background:#f1f1f1; text-align:center; color:#666666; line-height:180%; padding:20px 10px; border-radius:10px; box-sizing:border-box;}
.requestTop ul li p{padding-bottom:10px;padding-top:10px;}
.requestTop ul li p span{color:#9a324d; font-weight:bold;}
.requestTop ul li .tit{font-weight:bold; color:#393939; font-weight:bold; }
.requestTop ul li .vat{text-decoration:underline;}
.requestTop ul li .bgtxt{background:#3c3c3c; padding:0 10px; color:#ffffff;}
.requestTop ul li .bgtxt a{color:#ffffff;}
/*.requestTop ul li:first-child{width:100%; height:23px; background:url(../images/sub/box_top.png) no-repeat;}
.requestTop ul li:last-child{width:100%; height:23px; background:url(../images/sub/box_bottom.png) no-repeat;}*/

.requestBottom{width:100%; float:left; margin-top:30px; text-align:center;}
.requestBottom .cont{width:100%; float:left;}


.requestHosting {width:820px; margin:0 auto;}
.requestHosting .info{width:100%; float:left; text-align:center;}

/* input */
  .input_txt{border:1px solid #cccccc;
        background:#f9f9f9;
		padding:5px;}
		
		
.formWrap{width:100%; float:left;}
.formWrap input.input{width:90%; margin-bottom:2px;}


/* prd List */
.prd_list li{width:50%; float:left; border-bottom:none; border-top:1px solid #f1f1f1;}
.prdListWrap{width:96%; margin-left:2%; float:left;}
.prdListWrap .prdThumb{width:100%; float:left; border:1px solid #f1f1f1;}
.prdListWrap .prdThumb img{width:100%;}
.prdListWrap .prdName{width:100%; float:left; margin-top:15px; font-size:14px; font-weight:600; text-align:center;}
.prdListWrap .prdProject{width:100%; float:left; margin-top:10px; font-size:14px; text-align:center;}


/* contact us */
.subMap{height:300px;}
.subMapTxtBox{padding:0px 0;}
.subMapTxt {padding:0;}
.subMapTxt .subMapIcon{width:65px;}
.subMapTxt .subMapIcon img{width:50px;}
.subMapTxt .subMapDesp span{padding-right:5px; clear:both;}

.subMapTxt00 br.moPC{display:block;}


.subMapTxt00{width:100%;}
.subMapTxt01{width:100%;}
.subMapTxt02{width:100%;}





}



@media screen and (max-width:480px){
	
	  #subTopTit{margin-top:60px;}
	
	.aboutBox{height:160px;}
	
	.aboutBox .aBoxTxt01{font-size:16px;}
	.aboutBox .aBoxTxt02{font-size:10px; line-height:16px;}
	
	/* contact us */
    .subMap{height:250px;}
	.subMapTxt .subMapDesp{font-size:0.9rem;}
	
}