/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1100px; height:166px; margin:0px auto; background:url(../img/sub/svisual.jpg) no-repeat center top; overflow:hidden; position:relative; text-align:center;visibility:hidden;}
#svisual .s_text{ width:1100px; margin:0 auto; text-align:left; margin-top:30px;}
#svisual h1{ font-size:31px; font-weight:500; color:#222;visibility:hidden; line-height:1em; margin-bottom:10px;}
#svisual h1 strong{ font-size:42px; color:#c62027;}
#svisual p{ font-size:18px; color:#666;}
@media (max-width:1000px) {
#svisual { min-width:100%; height:80px; background-position:center top; background-size:cover;}
#svisual .s_text{ width:100%; margin:20px 0 0 20px;}
#svisual h1{ font-size:15px; margin-bottom:0px;}
#svisual h1 strong{ font-size:20px;}
#svisual p{ display:none;}
}
  

/*테이블*/
.tbl{}
.tbl table{ border-top:2px solid #c62027; font-size:1em; color:#444;}
.tbl thead tr th{ background:#f2f2f2; text-align:center; font-weight:500; color:#333; padding:10px 0; border-bottom:1px solid #555;}
.tbl tbody tr th{  font-weight:500; color:#333; border-bottom:1px dotted #ccc; border-right:1px solid #ccc; padding:10px 10px;text-align:center; background:#f5f5f5; width:25%;}
.tbl tr td{ border-bottom:1px dotted #ccc; padding:10px 20px;text-align:left; word-break:keep-all;}
.tbl td.tleft{ text-align:left; padding:10px 20px;}

.tbl2{}
.tbl2 table{ border-top:2px solid #c62027; font-size:1em; color:#444;}
.tbl2 thead tr th{ background:#f2f2f2; text-align:center; font-weight:500; color:#333; padding:10px 0; border-bottom:1px solid #555;}
.tbl2 tbody tr th{  font-weight:500; color:#333; border-bottom:1px dotted #ccc; border-right:1px solid #ccc; padding:10px 10px;text-align:center; background:#f5f5f5; width:30%;}
.tbl2 tr td{ border-bottom:1px dotted #ccc; padding:10px 20px;text-align:center; word-break:keep-all;}
.tbl2 td.tleft{ text-align:left; padding:10px 20px;}

.tbl_menu{ margin-bottom:10px;}
.tbl_menu table{ border:2px solid #c62027; background:#fff; font-size:13px; color:#444;}
.tbl_menu thead tr th{ background:#f5f5f5; text-align:center; font-weight:bold; padding:5px 0; border-bottom:1px solid #555;}
.tbl_menu tbody tr th{ border-bottom:1px dotted #ccc; border-right:1px solid #ccc; padding:5px 10px;text-align:center; background:#f2f2f2; width:20%;}
.tbl_menu tr td{ border-bottom:1px dotted #ccc; border-right:1px solid #ddd; padding:5px 10px;text-align:center; word-break:keep-all;}
.tbl_menu td.tleft{ text-align:left; padding:5px 20px;}
.tbl_menu .bn{ border-bottom:0;}
.tbl_menu img{ width:180px; height:auto;}

.tbl3{}
.tbl3 table{ border-top:2px solid #c62027; font-size:1em; color:#444;}
.tbl3 thead tr th{ background:#f2f2f2; text-align:center; font-weight:500; color:#333; padding:10px 0; border-bottom:1px solid #555;}
.tbl3 tbody tr th{  font-weight:500; color:#333; border-bottom:1px dotted #ccc; border-right:1px solid #ccc; padding:10px 10px;text-align:center; background:#f5f5f5;
width:25%;}
.tbl3 tr td{ border-bottom:1px dotted #ccc; border-right:1px solid #ddd; padding:10px 20px;text-align:center; word-break:keep-all;}
.tbl3 tbody tr td:last-child{ border-right:0;}
.tbl3 td.tleft{ text-align:left; padding:10px 20px;}


/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media (max-width:1000px) {
/*테이블*/
.tbl{ width:100%;}
.tbl table{ font-size:0.9em;}
.tbl thead tr th{ padding:6px 10px;}
.tbl tbody tr th{ padding:6px 10px;}
.tbl tr td{ padding:6px 10px;}
.tbl td.tleft{ padding:6px 10px;}

.tbl2{ width:100%;}
.tbl2 table{ font-size:1em;}
.tbl2 thead tr th{ padding:6px 0;}
.tbl2 tbody tr th{ padding:6px 10px;}
.tbl2 tr td{ padding:6px 10px;}
.tbl2 td.tleft{ padding:6px 10px;}

.tbl_menu{ width:100%;}
.tbl_menu table{ font-size:1em;}
.tbl_menu thead tr th{ padding:3px 0;}
.tbl_menu tbody tr th{ padding:3px 10px;}
.tbl_menu tr td{ padding:3px 10px;}
.tbl_menu td.tleft{ padding:3px 10px;}

.tbl3{ width:100%;}
.tbl3 table{ font-size:1em;}
.tbl3 thead tr th{ padding:6px 0;}
.tbl3 tbody tr th{ padding:6px 10px;}
.tbl3 tr td{ padding:6px 10px;}
.tbl3 td.tleft{ padding:6px 10px;}
	
.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  font-size:11px; color:#999; margin-top:10px;}
/*가로스크롤*/
.row-horizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}
}


/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}
.t_center{ text-align:center;}
.fl{ float:left;}
.img2 img{ width:100%; height:auto;}

/*#ctt h1{ font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; font-size:1.6em; line-height:1.3em; color:#2d86cb; margin-bottom:20px;}
#ctt h2{ font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; font-size:1.5em; color:#222; font-weight:bold; position:relative; padding-left:17px; margin-bottom:15px;}
#ctt h2:before{ display:block; content:""; width:15px; height:15px; border-radius:50%; border:4px solid #2d86cb; position:absolute; top:3px; left:0px;}
#ctt h3{ font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; font-size:1.4em; color:#222; font-weight:bold; position:relative; padding-left:13px; margin-bottom:15px;}
#ctt h3:before{ display:block; content:""; width:10px; height:10px; border-radius:2px; background:#2d86cb; position:absolute; top:4px; left:0px;}
#ctt p{ font-size:1.1em; color:#555; line-height:1.8em;}
#ctt .point{ font-weight:500; color:#5eaa0d; font-size:1.25em;font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif;}
#ctt .p1{ position:relative; padding-left:10px;}
#ctt .p1:before{ display:block; content:""; width:7px; height:2px; border-radius:5px; background:#2d86cb; position:absolute; top:12px; left:0px;}
#ctt .p2{ background:#f5f5f5; padding:15px 15px; font-size:1em; color:#666;}
#ctt .point_p{ font-size:1.15em; color:#222; font-weight:bold; text-align:center;}
#ctt .point_p strong{ color:#2d86cb;}*/

@media (max-width:1000px) {
/* 내용-공통 */
.mt_30{ margin-top:10px;}
.mt_40{ margin-top:20px;}
.mt_50{ margin-top:30px;}
.mt_60{ margin-top:40px;}
.mt_70{ margin-top:50px;}
.mt_80{ margin-top:60px;}
.mt_90{ margin-top:70px;}
.mt_100{ margin-top:80px;}
.mb_30{ margin-bottom:10px;}
.mb_40{ margin-bottom:20px;}
.mb_50{ margin-bottom:30px;}
.mb_60{ margin-bottom:40px;}
.mb_70{ margin-bottom:50px;}
.mb_80{ margin-bottom:60px;}
.mb_90{ margin-bottom:70px;}
.mb_100{ margin-bottom:80px;}
.img img{ width:100%; height:auto;}
.col-xs-12{ padding:0;}

/*#ctt h1{ font-size:1.35em;}
#ctt h2{ font-size:1.25em; padding-left:14px;}
#ctt h2:before{ width:12px; height:12px; top:2px;}
#ctt h3{ font-size:1.2em; padding-left:10px; margin-bottom:10px;}
#ctt h3:before{ width:8px; height:8px; top:4px;}
#ctt p{ font-size:0.95em;}
#ctt .p1:before{ top:9px; }

#ctt .point_p{ font-size:1em; }*/
}


/*인사말*/
.greet{ background:url(../img/sub/greet_img.jpg) no-repeat left top; padding-left:550px;word-break: keep-all; word-wrap:break-word;}
.greet .gtxt{ border-left:1px solid #eee; padding:30px 0 30px 60px; font-size:1.1em; color:#666;}
.greet h1{ font-size:3em; font-weight:bold; color:#c62027; letter-spacing:-2px; margin-bottom:5px;}
.greet h2{ font-size:2em; margin-bottom:40px; color:#222; letter-spacing:-2px;}
.greet strong{ font-size:1.2em;}
@media (max-width:1000px) {
.greet{ padding-left:0; background-size:250px auto; background-position:left top; padding-top:250px;}
.greet .gtxt{ border-left:0; padding:0px; font-size:1em; background:#fff; padding-top:30px;}
.greet h1{ font-size:2em;}
.greet h2{ font-size:1.5em;}
}

/*회사개요*/
.overview .clearfix{ margin-top:50px;}
.ov_t{ font-size:1.5em; color:#333; letter-spacing:-2px; background:url(../img/sub/overview_img02.gif) no-repeat left bottom; padding-bottom:100px;}
.ov_t strong{ font-size:1.5em; color:#c62027; font-weight:bold;}
@media (max-width:1000px) {
.overview .clearfix{ margin-top:30px;}
.ov_t{ font-size:1.2em;letter-spacing:-1px; background:none; padding-bottom:20px;}
}

/*경영방침*/
.manage_t{ text-align:center; font-size:1.8em; font-weight:500; color:#333; letter-spacing:-2px; margin-bottom:70px;}
@media (max-width:1000px) {
.manage_t{ font-size:1.3em; letter-spacing:-1px; margin-bottom:50px;}
}


/* 연혁 */
.his{ background:url(../img/sub/global_map.jpg) no-repeat 70px 100px/330px auto; padding-left:500px;}
.his_ul li{border-bottom:1px dotted #ddd;overflow:hidden;padding:7px 0;position:relative;}
.his_ul li.no_border{border:none}
.his_ul li strong{ color:#333;font-size:1.5em; font-weight:500; left:0;letter-spacing:-1px;line-height:32px;
position:absolute;top:15px; padding-left:22px; display:block;}
.his_ul li strong:before{ display:block; content:""; width:15px; height:15px; background:#fff; border:3px solid #2d86cb; border-radius:50px; position:absolute; top:9px; left:0px;}
.his_ul li .history_dl{margin:0 0 0;padding:10px 0 0 15%;position:relative;}
.his_ul li .history_dl *{margin:0;padding:0;}
.his_ul li .history_dl dt{font-weight:400;left:17%;position:absolute;top:5px;}
.his_ul li .history_dl dd{padding:0 0 5px 5%; font-size:1.1em;}
.his_ul li .history_dl dd span{ display:inline-block; font-weight:500; color:#2d86cb; font-size:1.1em; width:35px;text-align:right; margin-right:15px;}
.his_ul{background:url(../img/sub/y_line.gif) repeat-y 5px 0;margin-top:15px}
@media (max-width:1000px) {
.his{ background:none; padding-left:0;}
.his div{ padding:0;}
.his_ul li{ padding:0 0 10px 0;}
.his_ul li .history_dl{padding:60px 0 0 5%;}
.his_ul li .history_dl dt{position:relative;top:auto;left:auto}
.his_ul li .history_dl dd{ padding:0px 0 5px 10px; font-size:1em;}
.his_ul li .history_dl dd span{ display:block; margin-right:0; width:100%; text-align:left;}
}


/*오시는 길*/
.map{ border:1px solid #ddd; padding:25px 25px;}
.map h4{font-size:1.5em; margin-bottom:10px; font-weight:600; color:#e80c0e;}
.map .info{margin-bottom:20px;}
.map .info svg{color:#122c5d;}
.map .info p{margin-left:5px; margin-bottom:5px; font-size:14px; font-weight:normal;}
.map .info p b{display:inline-block; background:#666; color:#fff; border-radius:3px; padding:0 5px; font-size:11px; line-height:1.5em; margin-left:8px;}
.map .info span{ font-size:13px; color:#555;}
@media (max-width: 991px) {
.map{ padding:25px 10px;}
}


/*검사장비*/
.inte{ margin-top:50px;}
.inte .itimg:after{content:""; display:block; clear:both;}
.inte .itimg{ float:left; width:calc(32% - 10px); margin:10px; position:relative;}
.inte .itimg dt{position:absolute; line-height:2.5em; background:rgba(0,0,0,0.7); color:#fff; left:0; bottom:0; padding:5px 30px 5px 30px; font-size:1.1em;}
.inte .itimg img{width:100%;}
@media (max-width: 1000px) {
.inte .itimg{width:100%; margin:5px 0;}
}


/*품질방침목표*/
.qua_t{ font-size:1.6em; font-weight:400; color:#333; line-height:1.3em; text-align:center; margin-bottom:80px;}
.qua_t strong{ color:#c62027; font-weight:600;}
@media (max-width: 991px) {
.qua_t{ font-size:1.1em; margin-bottom:40px;}
}


/*공장전경 + 설비보유현황*/
.cimg{ margin-top:50px;}
.cimg .itimg:after{content:""; display:block; clear:both;}
.cimg .itimg{ float:left; width:calc(49% - 10px); margin:10px; position:relative;}
.cimg .itimg dt{position:absolute; line-height:2.5em; background:rgba(0,0,0,0.7); color:#fff; left:0; bottom:0; padding:5px 30px 5px 30px; font-size:1.1em;}
.cimg .itimg dt.tt{ background:rgba(198,32,39,0.8); top:0px; left:0px; bottom:auto;}
.cimg .itimg img{width:100%;}
@media (max-width: 1000px) {
.cimg .itimg{width:100%; margin:5px 0;}
.cimg .itimg dt{ font-size:13px; padding:5px 10px; line-height:2em;}
.cimg .itimg dt.tt{ font-size:13px; padding:5px 10px; line-height:2em;}
}


/*제품소개*/
.prod{ width:90%; margin:0 auto; text-align:center;}
.prod1{ /*width:69%;*/}
.prod2{/* width:75%;*/}
.prod3{/* width:69%;*/}
.prod dl{ display:inline-block;border:2px solid #ddd; border-top:3px solid #c62027; padding:20px 30px; margin:10px 10px; border-radius:30px 0 0 0;}
.prod1 dl{ width:47%;}
.prod2 dl{ width:30%; padding:20px 20px;}
.prod3 dl{ width:100%;}
.prod dt{ text-align:left; font-size:1.5em; font-weight:600; color:#222; margin-bottom:20px; position:relative; padding-left:17px;}
.prod dt:before{ display:block; content:""; width:14px; height:14px; border:4px solid #c62027; border-radius:50%; position:absolute; top:8px; left:0px;}
.prod2 dt{ font-size:1.3em; }
.prod2 dt:before{ top:6px;}
/*.prod2 dd img{ width:100%;}*/
.prod3 dd{ display:inline-block;}
.prod h2{ font-size:2em; color:#777; font-weight:bold; letter-spacing:-1px; margin-bottom:20px;}
.prod h2:before{ display:block; content:""; width:50px; height:3px; margin:0 auto 10px auto; background:#c62027;}
.prod_m{ margin-bottom:30px;}
@media (max-width: 1000px) {
.prod{ width:100%;}
.prod dl{ margin:5px 5px; border-radius:15px 0 0 0; padding:10px 10px; vertical-align:top;}
.prod1 dl{ width:46%; min-height:163px;}
.prod2 dl{ width:46%; min-height:222px; padding:10px 10px;}
.prod dt{ font-size:1em; padding-left:13px;}
.prod dt:before{ top:5px; width:10px; height:10px;}
.prod dd img{ width:100%;}
.prod3 dd{ width:48%;}
.prod3 dd.dimg{ width:100%;}
.prod h2{ font-size:1.3em;}
.prod h2:before{  width:30px;}
.prod_m{ margin-bottom:10px;}
}