#sub-visual{height:173px; position:relative; background-image:url(../../images/sub/sub-vis.jpg); background-position:50% 0; width:100%; min-width:1200px; text-align:center;}
/*#sub-visual.SV01{background-image:url(../../images/sub/sub-vis01.jpg)}
#sub-visual.SV02{background-image:url(../../images/sub/sub-vis02.jpg)}
#sub-visual.SV03{background-image:url(../../images/sub/sub-vis03.jpg)}
#sub-visual.SV04{background-image:url(../../images/sub/sub-vis04.jpg)}
#sub-visual.SV05{background-image:url(../../images/sub/sub-vis05.jpg)}
#sub-visual.SV06{background-image:url(../../images/sub/sub-vis06.jpg)}*/

#sub-visual h2{font-family:'NanumSquare'; color:#fff; line-height:143px; height:173px; font-size:48px; letter-spacing:-0.05em; text-shadow: 1px 1px 1px rgba(16,71,100,0.5);}
#sub-visual .page-link{position:absolute; width:1200px; left:50%; margin-left:-600px; top:54px; height:66px;}
#sub-visual .page-link p{position:absolute; top:0; }
#sub-visual .page-link p a{display:block;line-height:66px; background:url(../../images/sub/page-link-arrow.png) no-repeat;font-family:'Nanum Gothic Bold';}
#sub-visual .page-link p.prev-page{left:0;}
#sub-visual .page-link p.prev-page a{ padding-left:34px;}
#sub-visual .page-link p.next-page{right:0;}
#sub-visual .page-link p.next-page a{background-position:100% -66px; padding-right:34px;}
#sub-visual .page-link a{color:#fff; font-size:16px;}

#sub-nav{position:absolute; bottom:20px; width:100%;}
#sub-nav .sub-nav-box{text-align:center; display:inline-block;}
#sub-nav .sub-nav-box em{color:rgba(255,255,255,0.65);}
#sub-nav .sub-nav-box span{display:inline-block; line-height:32px;  padding:0 5px; color:#fff;}
#sub-nav .sub-nav-box span a{color:#fff;}

#sub-nav .sub-nav-box .bookmark{text-align:right; float:right; padding:0 12px; border-left:1px #ddd solid;}
#sub-nav .sub-nav-box .print{text-align:right; float:right; padding:0 12px;}
#sub-nav .sub-nav-box img{width:20px; vertical-align:middle;}
#sub-nav .sub-nav-box:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

#snb-box{width:100%; min-width:1200px; border-bottom:1px #ddd solid; height:43px;}
.snb-wrap{width:1200px; margin:0 auto; text-align:center;}
.snb-wrap li{display:inline-block; text-align:center; width:33.3%; margin-left:-5px;}
.snb-wrap ul.snb01 li{width:20%;}
.snb-wrap ul.snb01 li:first-child{width:16%;}
.snb-wrap ul li a{display:block; line-height:43px; border-right:1px #ddd solid; text-align:center;font-family:'Nanum Gothic Bold'; font-size:14px;}
.snb-wrap ul li a:hover{color:#409ea2;}
.snb-wrap ul li:first-child a{border-left:1px #ddd solid;}
.snb-wrap ul li.current a{background:#409ea2; color:#fff;}
.snb-wrap ul li.current a:hover{color:#fff;}
.snb-wrap:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}


.sub-contents{width:1100px; padding:70px 50px 100px; margin:0 auto; min-height:500px;}

.sub-list01 li{font-size:16px; background:url(../../images/sub/sub-but01.gif) no-repeat left 11px; background-size:3px; padding-left:12px; margin-top:10px;}
.sub-tit01 span{line-height:40px; background:#1b79af; border:1px transparent solid; display:inline-block; font-size:16px; font-family:'Nanum Gothic Bold'; color:#fff; padding:0 25px; border-radius:0 21px 21px 0;}

/*sub0101 회사개요*/
.sub0101-top img{width:100%;}
.sub0101-top{background:url(../../images/sub/sub0101-logo.jpg) no-repeat; height:253px;}
.sub0101-top .sub0101-top-txt{ padding:40px 80px 50px 510px;}
.sub0101-top p{color:#fff; font-size:16px; word-break:keep-all; margin-bottom:15px; line-height:2;}
.sub0101-section{position:relative; margin-top:30px;}
.sub0101-section h3{position:absolute; top:0; left:0;}
.sub0101-section ul{padding-left:170px;}
.sub0101-section ul li strong{display:inline-block; width:65px;}

/*sub0102 CEO인사말*/
#sub0102 p{margin-top:35px; font-size:16px;}
.sub0102-top{margin-bottom:70px;}
.sub0102-top img{width:100%;}

/*sub0103 연혁*/
#sub0103{position:relative;}
#sub0103 .sub0103-bg{position:absolute; font-size:0; width:440px; height:970px; z-index:2; right:0; bottom:0; background:url(../../images/sub/sub0103-bg.png) no-repeat 100%;}
#sub0103 dl{border-top:1px #e3e6e8 solid; padding-top:40px;}
#sub0103 .dl-border-first{border-top:0; padding-top:0;}
#sub0103 dt{font-family:'Montserrat'; font-size:25px; font-weight:400; color:#fff; background:#1b79af; width:120px; height:120px; text-align:center; line-height:1.2; display:table; float:left;}
#sub0103 dt em{display:table-cell; vertical-align:middle;}
#sub0103 dd{float:left; padding-left:40px;}
#sub0103 dl:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
#sub0103 dd{font-size:15px; }
#sub0103 dd span{color:#1b79af; display:inline-block; width:75px;}
#sub0103 li{margin-bottom:20px;}

/*sub0105 인증서*/
.sub-tit03{border-bottom:3px #1b79af solid; color:#1b79af; font-size:38px; font-family:'NanumSquare'; padding-bottom:15px;}
.paper-list{margin-top:20px;}
.paper-list li{float:left; width:50%; margin-top:80px;}
.paper-list li dl{margin-right:40px; position:relative; height:292px;}
.paper-list li:nth-child(2n) dl{margin-right:0; margin-left:40px;}
.paper-list li dl dt{position:absolute; z-index:10; width:230px; left:22px; bottom:30px;}
.paper-list li dl dd{padding-left:285px; margin-right:70px;word-break:keep-all;}
.paper-list li dl dd h4{color:#1b79af; font-size:18px; font-family:'Nanum Gothic Bold'; margin-bottom:14px;}
.paper-list li dl dd p.paper-txt01{margin-bottom:24px;}
.paper-list li dl dd strong{display:inline-block; margin-right:5px;}

.paper-more-btn{position:absolute; background:#f2f2f2; left:0; bottom:0; height:112px; z-index:5; width:100%;}
.paper-more-btn a{display:block; text-align:center; border:2px #1b79af solid; color:#1b79af; padding:12px 10px; margin-top:32px; margin-left:285px; margin-right:40px; font-family:'Nanum Gothic Bold'; font-size:14px;}
.paper-more-btn a i{vertical-align:middle; margin-right:5px; font-size:1.15em;}

.paper-list:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.paper-img img{width:100%; border:1px #e8e8e8 solid;}

.pop-wrap{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.85); width:100%; height:100%; z-index:999; overflow:hidden; overflow-y:scroll; display:none;}
.pop-box{margin:50px auto; width:680px; position:relative;}
.pop-wrap-img{padding-right:75px;}
.pop-wrap-img img{width:100%;}
.pop-wrap button{border:2px #fff solid; color:#fff; font-size:20px; width:50px; height:50px; position:absolute; right:0; top:0;}

/*sub0106 주요거래처*/
.company-list-box div{float:left; width:50%;}
.company-list-box div dl{margin-right:3px;}
.company-list-box div dt{background:#1b79af; line-height:50px; color:#fff; text-align:center; font-size:15px; font-family:'Nanum Gothic Bold';}
.company-list-box div dd li{background:#dbe4e9; margin-top:5px; padding:12px 0; text-align:center; font-size:14px; color:#4d5c65;}
.company-list-box div.company-list02{float:right;}
.company-list-box div.company-list02 dl{margin-left:2px; margin-right:0;}
.company-list-box div.company-list02 dt{background:#17a2a8;}
.company-list-box div.company-list02 dd li{background:#d5e5e6; color:#385b5c;}
.company-list-box:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

.company-logo-box{margin-left:-10px; margin-top:40px;}
.company-logo-box li{width:20%; float:left;}
.company-logo-box li p{margin-left:10px; border:1px #e8e8e8 solid; height:80px; line-height:80px; text-align:center; margin-top:10px; }
.company-logo-box li p img{width:80%;vertical-align:middle;}
.company-logo-box:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

/*제품소개*/
#sub02{word-break:keep-all;}
#sub02 .sub02-top-tit{font-family:'Montserrat'; font-size:48px; color:#1b79af;}
#sub02 .sub02-top-tit strong{font-family:'Montserrat'; font-weight:700;}
#sub02 .sub02-top-tit span{display:block; width:85px;background:#1b79af; height:4px; margin-bottom:16px;}
#sub02 .sub02-top-tit em{display:inline-block; font-size:20px; margin-left:10px;}
#sub02 .sub02-top{background:url(../../images/sub/sub0202-pro.jpg) no-repeat 100% 50px; border-bottom:1px dashed #d4d4d4; margin-bottom:-30px;}
#sub02.sub0201 .sub02-top{background:url(../../images/sub/sub0201-pro.jpg) no-repeat 92% 30px;}
#sub02.sub0203 .sub02-top{background:url(../../images/sub/sub0203-pro.jpg) no-repeat 90% 75%;}
#sub02 .sub02-top p{width:700px; font-size:15px; line-height:2; padding:15px 0 50px;word-break:keep-all;}
#sub02.sub0201 .sub02-top p{width:580px; padding-bottom:100px;}
#sub02.sub0203 .sub02-top p{width:500px;}
#sub02 .sub02-top p span{font-size:20px;}
#sub02 .sub02-top ul{margin-top:-40px; margin-bottom:50px; width:600px;}
#sub02 .sub02-top li.sub-but06{font-family:'Nanum Gothic'; font-size:14px; background:url(../../images/sub/sub-but06.gif) no-repeat 2px 13px; color:#3e4f59; line-height:1.8; padding:3px 15px;}

.ma30{margin-top:30px;}
#sub02 dt{margin-top:25px; margin-bottom:5px;}
#sub02 dd{font-size:15px;}
.sub-but03{background:url(../../images/sub/sub-but03.gif) no-repeat 2px 7px; padding-left:23px;  font-family:'Nanum Gothic Bold'; font-size:16px; margin-bottom:5px;}
.but-dd03 dd{padding-left:23px;}
/*table*/
.sub-table01{border-bottom:1px #445e6b solid;}
.sub-table01 th{font-size:14px;}
.sub-table01 thead th{background:#445e6b; color:#fff; padding:13px 0;}
.sub-table01 th:first-child{border-left:0;}
.sub-table01 tbody td{border-left:1px #ccc solid; border-top:1px #ccc solid; text-align:center; padding:10px 0; }
.sub-table01 tbody tr:first-child td{border-top:0;}
.sub-table01 td.BoLe{border-left:0;}
.sub-table01 tbody td.table-bg01{background:#eff3f5; font-family:'Nanum Gothic Bold';}
.sub-table01 tbody td.table-bg02{background:#f0efec;}
.sub-table06 th{background:#e4ecf0;border-bottom:1px #ccc solid; padding:10px 0; font-size:14px;}
.sub-table06 td{ padding:10px; border-bottom:1px #ccc solid; border-left:1px #ccc solid; text-align:center;background:#f0efec;}
.sub-table06 img{width:100%;}
.sub-table06 tr:first-child th,.sub-table06 tr:first-child td{border-top:3px #445e6b solid;}
.sub-table06 .sub-bg-tr01 td.subT06-img{background:#fff;}
/*잇수외경표*/
.color-bg-table{border-bottom:1px #445e6b solid;}
.color-bg-table td,.color-bg-table th{border-top:1px #ccc solid;border-left:1px #ccc solid;}
.color-bg-table th:first-child{border-left:0; width:66px}
.color-bg-table th{color:#445e6b; font-size:10px;font-family:'Nanum Gothic'; }
.color-bg-table thead th{background-color:#f6f6f6; line-height:0.9em;height:45px; }
.color-bg-table thead tr:first-child th{font-size:14px;font-family:'Nanum Gothic Bold';border-top:3px #445e6b solid;}
.color-bg-table .bg-color01{background-color:#e1debd;}
.color-bg-table .bg-color02{background-color:#bfd3dd;}
.table-ex{color:#586b6b; background:#e4f0f0; padding:20px 25px; border:1px transparent solid; border-radius:3px; margin-top:16px;}
.table-ex li{background:url(../../images/sub/sub-but04.png) no-repeat left 3px; background-size:14px; padding-left:23px; margin-top:10px;}
.table-ex li:first-child{margin-top:0;}
.pcc-list .table-ex li{background:none; padding-left:0; margin-top:5px;}
.table-ex li.Tex-bo{border-top:1px #a9b9b9 dashed; padding-top:10px; margin-top:10px;}

.sub-table01 tbody .table-text-left{text-align:left; padding:10px;}
.sub-table01 tbody .table-text-left p{display:inline-block; float:left; width:50%; word-break:keep-all;}
.sub-table01 tbody .table-text-left p.T-img-box{text-align:right; float:right; width:48%;}
.sub-table01 tbody .table-text-left img{width:220px; display:inline-block; text-align:right;}
.sub-table01 tbody .table-text-left:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.sub0202-img-box{padding:10px 25px 25px; background:#ebf1f4;}
.sub0202-img-box img{width:100%;}
.left-section .bg-tit{background:#445e6b; color:#fff;text-align:center; padding:10px 25px;  position:relative;font-family:'Nanum Gothic Bold'; margin-top:-50px; margin-bottom:0;}
.sec-float{float:left; width:47%; text-align:justify;}
.sec-float-ri{float:right; width:50%;}
.sub-float-img{margin-top:120px;}
.sub-float-img img{width:100%;}
.float-after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

/*보유장비*/
.mabo80{padding-bottom:80px;}
.mac-box{margin-top:50px;}
.mac-box:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.mac-img{margin-top:15px; margin-left:-2%;}
.mac-img li{float:left; width:31.3%; margin-left:2%; position:relative;}
.mac-img li p{font-family:'Nanum Gothic Bold'; border-left:2px #222 solid; font-size:15px; margin-top:10px; padding-left:10px; line-height:1.2;}
.mac-img li div{background:#fff; border:1px #ccc solid;}
.mac-img li div img{vertical-align:middle; width:100%;}
.mac-img:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
#sub0401 .mac-img li{width:23%}
.sub-table05{margin-top:50px;border-bottom:1px #6f7e8d solid;}
.sub-table05 thead th{ background-color:#445e6b; color:#fff; font-size:15px; padding:10px;}
.sub-table05 tbody tr:first-child th,.sub-table02 tbody tr:first-child td{border-top:0;}
.sub-table05 tbody th,.sub-table05 tbody td{border-top:1px #ccc solid; padding:10px 5px; text-align:center;}
.sub-table05 tbody td{border-left:1px #ccc solid; }

/*오시는길*/
.map{height:420px; position:relative; z-index:5; margin:0 8%; border:1px #e8e8e8 solid; position:absolute; top:-200px; width:84%; z-indeX:3;}
.Location section{position:relative; margin-top:280px; background:#f2f2f2; min-height:220px;}
.Location section:first-child{margin-top:200px;}
.Location .map-info{padding:250px 8% 20px; position:relative; min-height:120px;}
.Location .map-info-tit{position:absolute; left:50%; margin-left:-70px; top:160px; z-index:5;}
.Location h3{font-size:32px; letter-spacing:-0.03em;font-family:'NanumSquare'; background-color:#1b79af; color:#fff;   display:table-cell; vertical-align:middle; width:140px; height:110px; text-align:center; line-height:1.3;}
.Location ul{font-size:15px; margin-top:45px;}
.Location ul li{margin:5px 0; text-align:center;}
.Location ul span{font-family:'Nanum Gothic Bold'; display:inline-block; margin-right:5px;}
/*TAB*/
.tab-btn{margin-left:-2px; margin-bottom:50px;}
.tab-btn li{float:left; width:33%; margin-left:2px;}
.tab-btn li button{color:#fff; padding:15px 0; display:block; margin-left:2px; text-align:center; font-family:'Nanum Gothic Bold'; font-size:15px;background:#1b79af; width:100%;}
.tab-btn li button.current{color:#1b79af; border:2px #1b79af solid; border-bottom:0; padding:14px 0;background:#fff;}
.tab-btn:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

/*sub0202 PPCtable*/
.min-num{font-size:10px; vertical-align:bottom;}
.sub-table03{border-bottom:1px #6f7e8d solid; border:2px #6f7e8d solid; border-width:2px 0 1px; width:1800px;}
.sub-table03 thead th{background-color:#fff; color:#6f7e8d; padding:8px 0; letter-spacing:-0.03em;}
.sub-table03 th, .sub-table03 td{border-left:1px #e0e0e0 solid; border-top:1px #e0e0e0 solid; text-align:center; font-size:11px; padding:2px 0px;}
.sub-table03 th:first-child, .sub-table03 td:first-child{border-left-width:0;}
.sub-table03 td:first-child.td-border{border-left-width:1px;}
.sub-table03 tr:first-child td,.sub-table03 tbody tr:first-child th{border-top:2px #6f7e8d solid;}
.sub-table03 tr .bole{border-left:1px #e0e0e0 solid;}
.pcc-box{/*padding-left:200px;*/ margin-top:50px;}
#sub02 .tab-btn{margin-bottom:0;}
#sub02 .tab-btn li{width:50%; margin-left:0;}
#sub02 .tab-btn li button.current{border-bottom:2px #1b79af solid; padding-bottom:12px;}
.pcc-wrap{background:#f2f2f2; padding:40px 60px 20px;}
.pcc-wrap .pcc-list{border:2px #445e6b solid; padding:30px; background:#fff; margin-bottom:30px;}
.pcc-wrap .pcc-list p{text-align:center;}
.pcc-wrap h4{background:url(../../images/sub/sub-but08.gif) no-repeat left 6px; padding-left:20px; color:#445e6b; font-size:17px;font-family:'Nanum Gothic Bold'; margin-bottom:30px;}
.pcc-wrap .pcc-model{border:0; padding:0; background:#445e6b}
.pcc-wrap .pcc-model h4{background-image:url(../../images/sub/sub-but07.png); background-position:30px 21px; background-color:#557a8c; color:#fff; padding:15px 50px; margin-bottom:0;}
.spec-table{ text-align:center; background:#fff; margin:-26px 60px 0; }
.spec-table.open{background:#445e6b; position:relative; z-index:10;}
.spec-table button{ font-size:16px; font-family:'Nanum Gothic Bold'; display:block; width:100%;border:2px #445e6b solid; line-height:50px;}
.spec-table button i{margin-left:5px; vertical-align:middle;}
.spec-table.open{background:#445e6b;}
.spec-table.open button{color:#fff;}
.spec-table-box{display:none; border:1px #e0e0e0 solid; border-top:0;padding:30px; padding-top:60px; margin-top:-32px; position:relative; z-index:5;}
.spec-table-wrap{ overflow-x:scroll; width:100%;}


.left-section{position:relative; margin-top:80px;}
.left-section h3{position:relative; margin-bottom:15px;}

/*sub0401 관계회사*/
.sub0401-top{background:url(../../images/sub/sub0401-logo.jpg) no-repeat; min-height:320px; margin-bottom:75px;}
.sub0401-top .sub0401-top-wrap{padding:44px 40px 0 50px; background:#1b79af; height:276px; float:right; position:relative;}
.sub0401-top .duck-m-logo{position:absolute; left:-250px; bottom:44px;}
.sub0401-top .duck-m-logo img{height:50px;}
.sub0401-top dl{color:#fff; font-size:15px;}
.sub0401-top dt{background:url(../../images/sub/sub0401-top-ico.gif) no-repeat 0 0; background-size:22px 50px; font-family:'Nanum Gothic Bold'; padding-left:27px; margin-bottom:10px;} 
.sub0401-top .sub0401-top-dl dt{background-position:0 -25px; border-top:0;}
.sub0401-top dd{color:rgba(255,255,255,0.75); line-height:1.7;}
.sub0401-top .sub0401-top-dl{border-top:1px #00517f dashed; padding-top:35px; margin-top:35px;}
.sub-tit02{background:url(../../images/sub/sub-but02.gif) no-repeat 0 6px; padding-left:16px; color:#1b79af; font-family:'Nanum Gothic Bold'; font-size:16px; margin-top:24px;}
.sub-tit03.tit03-nbo{border-bottom:0;}
.mac-line .mac-box{padding-top:20px; border-bottom:0; padding-bottom:0;}
.sub-table04{width:100%;border-bottom:1px #6f7e8d solid;}
.sub-table04 thead th{  background-color:#c7e3ef; color:#3a3e4a; font-size:15px; padding:10px;}
.sub-table04 tbody tr:first-child th,.sub-table02 tbody tr:first-child td{border-top:0;}
.sub-table04 tbody th,.sub-table04 tbody td{ padding:8px 5px; text-align:center;}
.sub-table04 tbody td,.sub-table04 tbody th{background-color:#f6f6f6;}
#sub0401 .tab-btn li button{background:#d2e1e8;color:#1b79af; }
#sub0401 .tab-btn li button.current{background:#fff;}
.map{height:420px;border:1px #e8e8e8 solid;}

/*온라인상담*/
#online{background:#f2f2f2; margin-top:80px; position:relative; padding:45px; padding-top:0; padding-left:430px; font-size:14px;}
.online-txt{float:left; width:355px; position:absolute; bottom:45px; left:45px;}
.OnT01{font-family:'NanumSquare'; font-size:30px; line-height:38px; width:260px; word-break:keep-all; color:#1b79af; letter-spacing:-0.04em;}
.OnT02 dt{background:url(../../images/sub/sub-but05.png) no-repeat left 6px; color:#3e4f59; font-size:17px; font-family:'Nanum Gothic Bold'; padding-left:18px; margin-top:48px;}
.OnT02 dd{color:#6e828d; margin-top:11px;}
.OnT03{color:#7c7c7c; margin-top:33px;}
.OnT03 li{padding:14px 0 10px; border-bottom:1px #d3d3d3 solid; position:relative; margin-left:82px; }
.OnT03 li p{display:inline-block;font-family:'Nanum Gothic Bold'; border-bottom:1px #d3d3d3 solid; width:72px; position:absolute; left:-82px; top:0; height:100%;}
.OnT03 li p span{display:inline-block; padding-top:14px; background:url(../../images/sub/sub-but06.gif) 3px 21px no-repeat; padding-left:15px;}
.online-txt fieldset{text-align:right; padding:20px 0;}
.online-txt fieldset input{margin-left:10px;}
.online-txt fieldset label{color:#7c7c7c; margin-left:5px;}
.online-box{float:left;  background:#fff; position:relative;  margin-top:-80px; width:100%;border:1px #e8e8e8 solid;}
.online-input{position:relative;}
.OnI-p{color:#666666; font-size:13px; position:absolute; left:-170px; top:35px; text-align:right;}
.OnI-ul{padding:15px 30px;}
.OnI-ul li{border-bottom:1px #e8e8e8 solid; position:relative; padding:10px 0; padding-left:80px;}
.OnI-ul input{height:40px; line-height:40px; border-color:#ccc; width:98%; padding:0 1%; background:#fff;}
.OnI-ul textarea{border:1px #ccc solid; width:98%; padding:1%; height:260px;}
.OnI-ul label{position:absolute; left:5px; line-height:40px;font-family:'Nanum Gothic Bold';}
.OnI-ul .OnI-email input{width:30%;}
.OnI-ul .OnI-email select{border:1px #ccc solid; height:40px; width:24%;}
.OnI-ul .OnI-captcha{padding-left:130px;}
.OnI-ul .OnI-captcha img{width:100px; vertical-align:middle;}
.OnI-ul .OnI-captcha input{width:42%; margin-right:5px;}
.OnI-ul .OnI-captcha span{font-size:13px;}
.OnI-btn{padding:0 30px 30px;}
.OnI-btn a{display:block; line-height:46px; width:100%; background:#1b79af; color:#fff;font-family:'Nanum Gothic Bold'; text-align:center;}
#online:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

/*개인정보처리방침*/
.sub0601 div{margin-top:30px;}
.sub0601 .sub0601-top{background:#e8eff3; padding:20px; margin-top:0;}
.sub06-tit01{font-family:'Nanum Gothic Bold'; font-size:15px; margin-bottom:10px; color:#1b79af;}
.sub0601 .sub0601-top .sub06-tit01{color:#333;}
.sub0601 p{margin:10px 0;}
.sub0601 dt{margin:5px;}


/*-----------------1200px---------------------*/
@media screen and (max-width:1200px){
#sub-visual{min-width:100%; background-repeat:no-repeat;}
#sub-visual .page-link{width:980px; margin-left:-490px;}

#sub-nav{min-width:980px;}
#sub-nav .sub-nav-box{width:980px;}
.sub-contents{width:90%; padding:50px 5%;}
#snb-box{min-width:100%;}
.snb-wrap{width:100%;}
.snb-wrap ul{width:90%; padding:0 5%;}
.W-img img{width:100%;}

.sub-contents{min-height:100%;}

/*sub0101회사개요*/
.sub0101-top .sub0101-top-txt{padding:0 50px 0 480px; display:table-cell; vertical-align:middle; height:253px;}
.sub0101-top p{margin:10px 0;}


/*sub0103연혁*/
#sub0103 dd{width:420px; word-break:keep-all;}
#sub0103 dd li{position:relative; padding-left:75px;}
#sub0103 dd span{position:absolute; left:0;}
#sub0103 .sub0103-bg{background-size:400px 882px; background-position:100% 100%;}

/*sub0105인증서*/
.paper-list li dl dt{width:200px;}
.paper-list li dl dd{padding-left:250px; margin-right:10px;}
.paper-more-btn a{margin-left:250px; margin-right:20px;}

/*sub02 제품소개*/
#sub02 .sub02-top p{width:60%;}
#sub02.sub0201 .sub02-top p{width:470px;}
#sub02 .sub02-top ul{width:550px;}
}


/*-----------------1023px---------------------*/
@media screen and (max-width:1023px){

#sub-visual{height:160px; background-size:cover;}
#sub-visual h2{line-height:145px; height:160px;}
#sub-nav{bottom:12px;}
#sub-visual .page-link{width:100%; margin-left:0; left:0; top:50px;}
#sub-visual .page-link p a{padding:0; width:40px; height:40px; line-height:40px; background-size:21px 80px;  background-position:50% 0;}
#sub-visual .page-link p.prev-page{left:3%}
#sub-visual .page-link p.prev-page a{padding-left:0;}
#sub-visual .page-link p.next-page{right:3%}
#sub-visual .page-link p.next-page a{padding-right:0; background-position:100% -40px;}
#sub-visual .page-link p a{font-size:0;}
#sub-nav{min-width:100%;}
#sub-nav .sub-nav-box{width:100%; text-align:center;}
#sub-nav .sub-nav-box .print,#sub-nav .sub-nav-box .bookmark{display:none;}

.snb-wrap ul{padding:0; width:100%;}

.sub-tit03{font-size:28px;}
.left-section h3{position:relative; margin-bottom:15px;}
.left-section.Left-ma,.left-section{padding-left:0;}
.mabo80{margbin-}

/*온라인 상담*/
#online{padding-left:45px; margin-top:0;}
.online-txt{float:none; width:auto; position:relative; top:0; bottom:0; left:0; right:0; padding-top:45px; margin-bottom:10px;}
.OnT01{width:100%;}
.OnT01 br{display:none;}
.OnT02 dt{margin-top:10px;}
.OnT03{margin-top:10px;}
.online-box{margin-top:0;}
.OnI-p{position:relative; left:0; top:0; margin-right:30px; margin-top:20px;}

/*sub101 회사개요*/
.sub0101-section h3{position:relative; margin-bottom:15px;}
.sub0101-section ul{padding-left:0;}
.sub0101-section ul li strong{width:auto; margin-right:5px;}

.sub0101-top{background:url(../../images/sub/sub0101-logo-m.jpg) no-repeat 50% 0; background-size:300px 250px; height:auto;}
.sub0101-top .sub0101-top-txt{margin-top:80px; padding:110px 40px 30px; position:relative; background:#1b79af; display:block; height:auto;}
.sub0101-top .sub0101-top-txt-m{width:100%;background:url(../../images/sub/sub0101-logo-m.jpg) no-repeat  50% 10px;background-size:200px 167px; position:absolute; width:200px; height:167px; left:50%; margin-left:-100px; top:-80px;}

/*sub0102 CEO인사말*/
.sub0102-top{margin-bottom:30px;}

/*sub0103연혁*/
#sub0103 dt{display:inline-block; height:20px; line-height:20px; padding:10px 20px; width:auto; float:none; border-radius:20px; margin-bottom:20px; font-size:20px;}
#sub0103 dt br{display:none;}
#sub0103 dd{width:auto;float:none; padding-left:10px;}
#sub0103 .sub0103-bg{display:none;}

/*sub0105인증서*/
.paper-list li{width:100%; margin-top:40px;}
.paper-more-btn a{width:150px;}
.paper-list li dl{margin-right:0;}
.paper-list li:nth-child(2n) dl{margin-left:0;}
.pop-box{width:85%;}

/*sub0106주요거래처*/
.company-list-box div{width:100%; margin-bottom:20px;}
.company-logo-box li p img{width:100%;}

/*sub02 제품소개*/
#sub02 .sub02-top{background-position:50% 90px; background-size:280px 282px;}
#sub02.sub0201 .sub02-top{background-position:50% 100px; background-size:300px 210px;}
#sub02.sub0203 .sub02-top{background-position:50% 110px; background-size:310px 268px;}
#sub02 .sub02-top p{width:100%; padding-top:330px;}
#sub02.sub0201 .sub02-top p{width:100%; padding-top:250px; padding-bottom:30px;}
#sub02.sub0203 .sub02-top p{width:100%; padding-top:260px;}
#sub02 .sub02-top-tit{text-align:center; font-size:42px;}
#sub02 .sub02-top-tit span{margin:0 auto; width:50px; height:3px; margin-bottom:10px;}

#sub02 .sub02-top ul{width:100%;}
.sub-table01 tbody .table-text-left p{float:none; width:100%; text-align:left;}
.sub-table01 tbody .table-text-left p.T-img-box{width:100%; margin-top:5px;}
.sub-table01 tbody .table-text-left img{display:block; width:100%; max-width:220px}
.pcc-box{padding-left:0;}
.pcc-wrap{padding:40px 30px 20px;}
.spec-table{margin-left:30px; margin-right:30px;}
#sub02 .sub02-top-tit em{display:block; margin-left:0;}



}


/*-----------------880px---------------------*/
@media screen and (max-width:880px){
#snb-box{height:100%;}
.snb-wrap{text-align:left;}
.snb-wrap ul.snb01 li,.snb-wrap ul.snb01 li:first-child{width:33.3%; border-bottom:1px #ddd solid; display:block; float:left; margin-left:0;}
.snb-wrap ul.snb01 li:nth-child(4n) a,.snb-wrap ul li:first-child a{border-left:0;}
.snb-wrap ul.snb01 li:nth-child(4n),.snb-wrap ul.snb01 li:nth-child(5n),.snb-wrap ul.snb01 li:nth-child(7n){border-bottom:0;}


/*sub0401 덕보기계*/
.sub0401-top{background:none; margin-bottom:35px;}
.sub0401-top .sub0401-top-wrap{padding:5%; width:90%; height:100%; padding-top:100px; float:none;}
.sub0401-top .duck-m-logo{left:0; top:7%; text-align:center; width:100%;}
.sub0401-top .duck-m-logo img{height:40px;}

/*sub0401 덕보기계*/
#sub0401 .tab-btn{margin-bottom:20px;}
#sub0401 .tab-btn li{width:100%; margin-left:0; margin-bottom:2px;}
#sub0401 .tab-btn li button.current{border-bottom:2px #1b79af solid}

.mac-box{margin-top:30px;}

/*sub02제품소개*/
.color-bg-table thead th{font-size:8px;}
.sub0202-img-box{padding:5px 10px 10px; }
.pcc-wrap .pcc-list{padding:15px;}
.pcc-wrap h4{margin-bottom:15px;}
.pcc-wrap .pcc-model{padding:0;}
}


/*-----------------640px---------------------*/
@media screen and (max-width:640px){
#sub-nav .sub-nav-box{display:none;}
#sub-visual h2{font-size:40px;}
#online{padding:20px;}
.online-txt{padding-top:0;}
.OnI-ul{padding:10px 15px; padding-top:0;}
.OnI-ul label{position:relative; display:block;}
.OnI-ul li{padding-left:0;}
.OnI-ul .OnI-captcha{padding-left:0;}
.OnI-btn{padding:15px; padding-top:0;}
.OnI-p{margin-right:15px;}

/*sub0301 설비현황*/
.mac-img li{width:48%; margin-bottom:10px;}

/*sub0401 덕보기계*/
#sub0401 .mac-img li{width:48%; margin-bottom:10px;}
.sub-table05{margin-top:30px;}

}


/*-----------------560px---------------------*/
@media screen and (max-width:560px){

/*sub0105*/
.paper-list{margin-top:0;}
.paper-list li dl{background:#f2f2f2; padding:20px; height:100%;}
.paper-list li dl dt{position:relative;margin:0 auto; left:0; bottom:0;}
.paper-list li dl dd{padding-left:0; text-align:center; margin-top:15px; margin-right:0;}
.paper-list li dl dd h4{margin-bottom:10px;}
.paper-list li dl dd p.paper-txt01{margin-bottom:5px;}
.paper-more-btn{position:relative; background:none; height:100%; }
.paper-more-btn a{margin-top:10px; margin-left:0; margin-right:0; display:inline-block;}

/*sub02 제품소개*/
#sub02 .sub02-top-tit{line-height:1.2;}
#sub02.sub0203 .sub02-top{background-position:50% 80px;}

}


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

#sub02 .sub02-top{background-position:50% 130px;}

}