/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1200px; height:401px; margin:0px auto; background:url(../img/sub/svisual.jpg) no-repeat center 0px; overflow:hidden; position:relative;}
#svisual .s_text{position:absolute; top:62px; left:50%; margin-left:-590px; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0,0.3);}
#svisual .s_text h3{font-size:2.8em; font-weight:200; letter-spacing:-3.3px;}
#svisual .s_text strong{ display:block; font-size:3em; color:#1bacf6; font-weight:900; padding-top:15px; letter-spacing:-1px; }
#svisual .s_text span{display:block; font-weight:100; font-size:1.5em; line-height:1.5em; padding-top:20px; letter-spacing:-1.7px; }
@media (max-width:1000px) {
#svisual { min-width:100%; height:120px; background-position:center top; background-size:cover; display:none;}

/*가로스크롤*/
.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  margin:5px 0 5px 5px; font-size:11px; color:#999;}
.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;}

.pt_10{ padding-top:10px;}
.pt_20{ padding-top:20px;}
.pt_30{ padding-top:30px;}
.pt_40{ padding-top:40px;}
.pt_50{ padding-top:50px;}
.pt_60{ padding-top:60px;}
.pt_70{ padding-top:70px;}
.pt_80{ padding-top:80px;}
.pt_90{ padding-top:90px;}
.pt_100{ padding-top:100px;}
.pb_10{ padding-bottom:10px;}
.pb_20{ padding-bottom:20px;}
.pb_30{ padding-bottom:30px;}
.pb_40{ padding-bottom:40px;}
.pb_50{ padding-bottom:50px;}
.pb_60{ padding-bottom:60px;}
.pb_70{ padding-bottom:70px;}
.pb_80{ padding-bottom:80px;}
.pb_90{ padding-bottom:90px;}
.pb_100{ padding-bottom:100px;}



/*인사말*/
.greet01{font-size:1.28em; color:#666; line-height:1.8em;}
.greet01 .t_img{z-index:1; position:relative;}
.greet01 .t_txt{z-index:2; position:relative; width:90%; margin-top:-100px; background:#fff; padding-top:50px; padding-left:40px;}
.greet01 h1{ font-size:1.8em; font-weight:bold; color:#0065bb; line-height:1.5em; padding-left:40px; letter-spacing:-2px; margin-bottom:30px; position:relative;}
.greet01 h1:before{content: '';
				display: block;
				width: 33px;
				height: 33px;
				background: url(../img/sub/txt_bg1.gif) no-repeat 0 0;
				position: absolute;
				left:0;
				top: 0;}
.greet01 h1:after{content: '';
				display: block;
				width: 33px;
				height: 33px;
				background: url(../img/sub/txt_bg2.gif) no-repeat 0 0;
				position: absolute;
				right:84px;
				top: 0;}
.greet01 .h1s{ color:#ffad0e; font-weight:bold;}
.greet01 strong{ font-weight:500; color:#0d9ec8;}
.greet01 span{ display:block; font-size:1.2em; color:#222; padding-top:20px;}

@media (max-width:991px) {
.greet01{font-size:1em; line-height:1.6em;}
.greet01 .t_img img{width:100%; height:auto;}
.greet01 .t_txt{margin-top:-30px; padding-top:20px; padding-left:15px;}
.greet01 h1{font-size:1.4em; padding-left:0; margin-bottom:10px; letter-spacing:-1px; }
.greet01 h1:before{display:none;}
.greet01 h1:after{display:none;}
.greet01 .h1s{}
.greet01 strong{ font-weight:500; color:#0d9ec8;}
.greet01 span{ display:block; font-size:1.2em; color:#222; padding-top:20px;}
}




/* 연혁 */
.history{}
.history_box {background: url('../img/sub/history_line.gif') repeat-y center top;overflow:hidden;padding:10px 0;padding-top:20px;}
.history_box:after { content: ""; display: block; clear: both; }
.history_box dl{ clear:both; }
.history_box dl.left{ clear:both}
.history_box dl.right{}
.history_box dl dt{ position: relative; padding: 5px 0  15px 0px;  margin-top:0px ; line-height:1.5em; font-size:2.5em; color:#1bacf6;  }
.history_box dl dt span.circle { position: absolute; top: 23px; display: block; width: 14px; height: 14px; background: url('../img/sub/history_dot.gif') no-repeat left top / 14px 14px; }
.history_box dl.left dt span.circle{left: -7px; }
.history_box dl.right dt span.circle{right: -7px; }
.history_box dl.left { float: right; width: 50%;   }
.history_box dl.right { float: left; width: 50%;  text-align: right; }
.history_box dl dd{ position:relative; margin-bottom:5px; font-size:1.2em;}
.history_box dl p.date { width:18px; border:1px solid transparent; color:#999;}
.history_box dl.left dd p.date { float:left; margin-right:15px ;}
.history_box dl.right dd p.date { float:right; margin-left:15px;}
.history_box dl.left dt, .history_box dl.left dd{ padding-left:30px; clear:both}
.history_box dl.right dt, .history_box dl.right dd{ padding-right:30px; clear: both; }
.history_box dl.left dd span,  .history_box dl.right dd span { display: block; }
.history_box dl dd span.img{ display:inline-block; margin-top:10px; margin-bottom:10px; clear:both}
.history_box dl dd span.bg_point {display:inline; background:#ddedff; padding:0 8px;}
.history_box dl dd.image {margin:10px 0 0 0;}
.history_box dl dd.image img {width:auto;}
.history_box dl.delay {transition: 1.4s; opacity: 0; transform: translate(0px, 50px); fiter: 1.4s ease; }
.history_box dl.delay.active { opacity: 1; transform: translate(0px, 0px); }
@media (max-width:991px) {
.history_box {  background: url('../img/sub/history_line.gif') repeat-y 2% top; overflow:hidden; padding:10px 0; padding-top:20px ; padding-left:2%}
.history_box dl dt{ line-height: 20px; font-size:1.3em;  }
.history_box dl dt span.circle { position: absolute; top: 8px; }
.history_box dl.left dt span.circle{left: -4px; }
.history_box dl.right dt span.circle{left: -4px; }
.history_box dl.left { float: right; width: 100%;   }
.history_box dl.right { float: right; width: 100%;  text-align: left; }
.history_box dl p.date { width:18px;}
.history_box dl.left dd p.date { float:left; margin-right:5px }
.history_box dl.right dd p.date { float:left; margin-left:0px; margin-right:5px }
.history_box dl.left dt, .history_box dl.left dd{ padding-left:15px; clear:both}
.history_box dl.right dt, .history_box dl.right dd{ padding-left:15px; clear:both}
.history_box dl.right dt, .history_box dl.right dd{ padding-right:15px; clear: both}
.history_box dl dd.image img{width:100%; height:auto;}
}




/*  오시는길  */
.map{}
.map_add_wrap{width:100%; overflow:hidden; padding:35px 0; font-size:1.3em; box-sizing:border-box; text-align:left; line-height:1.6em; margin-left:300px;}
.map_box_wrap{width:100%; overflow:hidden; margin:0 0 20px 0; border:1px solid #ddd; display:flex;}
.map_box_wrap .map_bx{width: 33%; float:left; box-sizing:border-box; border-left:1px dotted #ddd; padding:1em 10px; align-items:stretch; text-align:center;}
.map_box_wrap .map_bx:first-child{border:0;}
.map_box_wrap .map_bx .t{line-height:1em; font-size:1.3em; font-weight:500; color:#f1aa00; margin:10px auto 10px;}
.map_box_wrap .map_bx .c{font-size:1.1em;}
.map_box_wrap .map_bx a.bt{display:inline-block; background:#f8f8f8; padding:3px 8px 2px; margin:3px; border-radius:2px; border:1px solid #dadada;}
.map_box_wrap .map_bx a.bt:hover{font-weight:500; color:#FFF; background:#333;}
.map_box_wrap .glyphicon{font-size:19px;}
.map_add_wrap .glyphicon{font-size:24px;}
@media (max-width: 991px) {
.map_add_wrap{padding:2em 10px; font-size:1.3em}
.map_add_wrap span{display:block; margin-bottom:5px;}
.map_add_wrap br.mo{display:block}
.map_box_wrap{display:block;}
.map_box_wrap .map_bx{ width:calc(33% - 2px );/*border-top:1px dotted #ddd; */padding:1.5em 10px}
.map_box_wrap .map_bx:nth-of-type(2){border-top:0;}
/*.map_box_wrap .map_bx:nth-of-type(2n)+.map_bx{clear:both}*/
.map_box_wrap .map_bx .t{font-size:1.2em;}
.map_box_wrap .map_bx .c{font-size:1em;}
.map_box_wrap .map_bx a.bt{ line-height:1.2em; font-size:12px;}
.map_box_wrap .map_bx img{height:40px;}
.map_box_wrap .map_bx .t{margin:10px auto; font-size:1.3em;}
}


/*경영철학*/
.sub02_pro {position:relative;width:100%;margin-right:auto;margin-left:auto;}
.sub02_pro_wrap{overflow:hidden; box-sizing:border-box; }
.sub02_bx{width:calc(33.333% - 10px); float:left; margin:5px; overflow:hidden; }
.sub02_bx:nth-of-type(4n)+.sub02_bx{clear:both}
.sub02_bx .img{width:100%;}
.sub02_bx .img img{width:100%; }
.sub02_bx .txt{width:100%; border:1px solid #eee; border-top:0; padding:0 15px 15px; box-sizing:border-box; min-height:260px;}
.sub02_bx .txt .n{ position:relative; z-index:1; width:50px; height:50px; line-height:50px; margin:-20px auto 10px; font-size:1.5em; border-radius:100%; background:#FFA300; color:#FFF; text-align:Center;}
.sub02_bx .txt .t{text-align:center; font-size:1.68em; font-weight:600; }
.sub02_bx .txt .line{width:100%; height:1px; background:#eee ; margin:15px auto;}
.sub02_bx .txt .c{}
.sub02_bx .txt .c b{display:block; font-size:1.33em; color:#0080cf; padding-left:15px; position:relative; padding-bottom:7px; font-weight:500; margin-top:10px; word-break:break-all; }
.sub02_bx .txt .c b:before{content:""; width:3px; height:12px; background:#0080cf; display:inline-block; transform: rotate(-45deg); position:absolute; left:0; top:4px}
.sub0202 .sub02_bx .txt .c b:before{background:#92D050}
.sub0202 .sub02_bx .txt .n{background:#92D050}
.sub02_bx .txt .c span{display:block; font-size:1.1em; padding-left:15px; line-height:1.7em;}
.sub02_pro .con{padding:50px 0;}
.sub02_pro dl{margin:30px 0; background:#f4f9fc; border-bottom:1px solid #dae7ee; border-right:1px solid #dae7ee; padding:30px; border-radius:30px 0 30px 0}
.sub02_pro dl dt{font-size:2em; line-height:2em; color:#000; padding-top:15px; position:relative;}
.sub02_pro dl dt:before{display:block; content:""; width:40px; height:2px; background:#000; position:absolute; left:0; top:10px;}
.sub02_pro dl dd{font-size:1.2em; line-height:1.5em;}
.sub02_pro dl dd.title{font-size:1.4em; color:#0080cf; margin-bottom:10px;}
.sub02_pro dl dd.title.a{margin-top:30px;}
@media (max-width: 991px) {
.sub02_pro {position:relative;width:100%;margin-right:auto;margin-left:auto;}
.sub02_w_inner br.mo{display:block;}
.sub02_w_inner .tt{font-size:2.4em; padding:1.5em 0 3em}
.sub02_bx{width:98%; margin:1% 1% 2.5%;}
.sub02_bx:nth-of-type(2n)+.sub02_bx{clear:both}
.sub02_bx:nth-of-type(3n)+.sub02_bx{clear:unset}
.sub02_bx .txt{padding:0 10px 10px; min-height:100%;}
.sub02_bx .txt .n{width:40px; height:40px; line-height:40px; font-size : 1.2em; margin:-15px auto 10px;}
.sub02_bx .txt .line{margin:10px auto;}
.sub02_bx .txt .t{font-size:1.3em;}
.sub02_bx .txt .c b:before{width:3px; height:9px; top:2px}
.sub02_bx .txt .c b{font-size:1.2em; padding-left:10px;}
.sub02_bx .txt .c span{font-size:1em; padding-left:10px; line-height:1.5em;}
.sub02_pro .con{padding:20px 0;}
.sub02_pro .con img{width:100%; height:auto;}
.sub02_pro dl{margin:10px 0; padding:12px; border-radius:15px 0 15px 0}
.sub02_pro dl dt{font-size:1.4em;}
.sub02_pro dl dt:before{width:20px;}
.sub02_pro dl dd{font-size:1em; line-height:1.5em;}
.sub02_pro dl dd.title{font-size:1.18em; margin-bottom:6px;}
.sub02_pro dl dd.title.a{margin-top:15px;}
}





/*취급메이커*/
.partner{font-size:1.33em; line-height:1.8em;}
.partner strong{font-size:1.1em; color:#0080cf;}
.partner ul{width:100%;  margin:40px 0; border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2;}
.partner ul li{float:left; width:33.333%; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding:25px 15px; text-align:center;}
.partner ul li img{}
@media (max-width: 991px) {
.partner{font-size:1.05em; line-height:1.6em;}
.partner ul li{padding:10px; min-height:70px;}
.partner ul li img{width:100%; height:auto;}
}




/*조직도*/
.organ_img{ margin-bottom:50px; background:url(../img/sub/organ_bg.jpg) no-repeat center top; height:323px;}
.organ{ position:relative; text-align:center; font-size:1.3em; background:url(../img/sub/organ_line.gif) no-repeat center 33px;}
.organ .obox{ display:inline-block; width:200px; line-height:50px; color:#fff; box-shadow:0 0 7px rgba(0,0,0,0.2);}
.organ .ceo{ background:#154dca;}
.organ .sec{ margin:60px 0;}
.organ .sec .obox{ margin:0 70px;}
.organ .sec .a{ background:#1bacf6;}
.organ .sec .b{ background:#7cb81e;}
.organ .thi{}
.organ .thi dl{ display:inline-block; vertical-align:top;width:calc( 24% - 30px); height:188px; margin:0 15px; border:1px solid #ccc; box-sizing: border-box; box-shadow:0 0 7px rgba(0,0,0,0.1);}
.organ .thi dt{ padding:15px 20px; background:#eee;}
.organ .thi dd{ text-align:left; font-size:14px; color:#666; padding:15px 20px; line-height:1.8em; background:#fff;}
@media (max-width: 991px) {
.organ_img{ background-size:150%; height:160px; background-position:-180px top;}
.organ_img img{ width:100%;}
.organ{ background:none;}
.organ .obox{ margin:0 auto; display:block; width:90%;}
.organ .sec{ margin:20px auto;}
.organ .sec .obox{ margin:10px auto;}
.organ .thi dt{ padding:15px 10px;}
.organ .thi dl{ width:calc(50% - 14px); height:215px; margin:5px 5px;}
.organ .thi dd{ padding:15px 10px;}
}


/*인정서*/
.cimg{ margin-bottom:50px;}
.cimg img{ width:100%;}
@media (max-width: 991px) {
.cimg{ margin-bottom:30px;}
}

/*사업분야*/
.busi01{ position:relative; border:3px solid #ddd; border-left-color:#1dabf7; padding:25px 40px; margin:25px 0; height:140px;}
.busi01:nth-child(even){ background:#f5f5f5;}
.busi01 .bimg{ position:absolute; top:25px; left:30px; border-radius:5px; overflow:hidden;}
.busi01 dl{ margin-left:110px;}
.busi01 dt{ font-size:1.6em; font-weight:500; margin-bottom:10px; position:relative; padding-left:15px;}
.busi01 dt:before{ display:block; content:""; width:10px; height:10px; border:3px solid #1dabf7; border-right-color:#ccc; position:absolute; top:9px; left:0;}
.busi01 dd{ font-size:1.25em; color:#666;word-break: keep-all; word-wrap:break-word;}
@media (max-width: 991px) {
.busi01{ padding:20px 20px; margin:10px 0; height:auto; min-height:150px;}
.busi01 .bimg{ top:25px; left:20px;}
.busi01 dl{ margin-left:100px;}
.busi01 dt{ font-size:1.3em; margin-bottom:5px;padding-left:10px;}
.busi01 dt:before{ width:7px; height:7px; top:8px;}
.busi01 dd{ font-size:1.1em;}
}

/*고객사현황*/
.cus{ background:url(../img/sub/cus_bg.jpg) no-repeat 93% bottom; padding-bottom:80px;}
.cus .clogo{ display:inline-block; vertical-align:top; border:2px solid #ddd; margin:10px 10px; background:#fff;}
.cus .clogo img{ width:220px;}
@media (max-width: 991px) {
.cus{ background-position:400% bottom; background-size:90% auto; padding-bottom:0px;}
.cus .clogo{ display:inline-block; width:calc(50% - 14px); margin:5px 5px;}
.cus .clogo img{ width:100%;}
}


/*용접*/
/*.yong .yimg{ float:left; width:calc(40% - 20px); margin-right:20px; border-radius:10px 10px 0 10px; overflow:hidden; height:230px;}
.yong .yimg img{ width:100%;}
.yong p{ float:left; width:60%; height:230px; font-size:1.25em; line-height:1.7em; border:3px solid #ddd; border-left-color:#1dabf7; border-radius:10px 10px 10px 0; padding:30px 30px; box-sizing:border-box;word-break: keep-all; word-wrap:break-word;}
.yong p strong{ color:#0d99e3; font-size:1.2em;}
@media (max-width: 991px) {
.yong .yimg{ float:none; width:100%; margin-right:0px; margin-bottom:10px;}
.yong p{ float:none; width:100%; font-size:1.1em;}
}*/

.yong{ position:relative; min-height:350px;}
.yong .yimg{ position:absolute; top:0px; left:0px; width:40%; border-radius:15px 15px 0 15px; overflow:hidden; border:5px solid #fff;}
.yong .yimg img{ width:100%;}
.yong .yp{ padding-top:80px; margin-left:300px;}
.yong p{ background:#fff; font-size:1.25em; line-height:1.7em; border:3px solid #ddd; border-left-color:#1dabf7; border-radius:15px 15px 15px 0; padding:40px 30px 40px 120px; box-sizing:border-box;word-break: keep-all; word-wrap:break-word; min-height:230px;}
.yong p strong{ color:#0d99e3; font-size:1.2em;}
@media (max-width: 991px) {
.yong{ min-height:auto;}
.yong .yimg{ position:relative; top:auto; left:auto; width:100%; border-radius:10px; border:0;}
.yong .yp{ padding-top:10px; margin-left:0px;}
.yong p{ font-size:1.1em; border-radius:10px; padding:20px; min-height:auto;}
}




/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tbl{ margin-top:10px;}
.tbl table{ width:100%; border-top:1px solid #444; font-size:1.1em; letter-spacing:0; text-align:center;border-left:1px solid #e3e3e3; }
.tbl tr th{ vertical-align:middle; padding:10px 15px; border-bottom:1px solid #e3e3e3; background:#f5f5f5; color:#222;}
.tbl tr td { vertical-align:middle; padding:8px 15px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#333;}
.tbl thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3;}
.tbl tbody th{ background:#F7F7F7; text-align:center; border-right:1px solid #e3e3e3;}