/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1200px; height:401px; margin:0px auto;  overflow:hidden; position:relative;}
#svisual::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 100%);
}
#svisual.sv1 {
  background: url(../img/sub/sub01.jpg) no-repeat;
  background-attachment: fixed;
}
#svisual.sv2 {
  background: url(../img/sub/sub02.jpg) no-repeat;
  background-attachment: fixed;
}
#svisual.sv3 {
  background: url(../img/sub/sub03.jpg) no-repeat;
  background-attachment: fixed;
}
#svisual.sv4 {
  background: url(../img/sub/sub04.jpg) no-repeat;
  background-attachment: fixed;
}
#svisual.sv5 {
  background: url(../img/sub/sub05.jpg) no-repeat;
  background-attachment: fixed;
}
#svisual.sv6 {
  background: url(../img/sub/sub06.jpg) no-repeat;
  background-attachment: fixed;
}
#svisual.sv7 {
  background: url(../img/sub/sub07.jpg) no-repeat;
  background-attachment: fixed;
}
#svisual.sv8 {
  background: url(../img/sub/sub08.jpg) no-repeat;
  background-attachment: fixed;
}


#svisual .s_text{position:absolute; top:100px; left:50%; transform: translateX(-50%);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:#fff; 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%;}
}

@media (max-width:1200px){
    #svisual{
        min-width: 100%;
    }
    #svisual .s_text h3{
        font-size: 1.5em;
        letter-spacing: -1px;
    }
    #svisual .s_text span{
        line-height: 1.3em;
    }
}

/* 내용-공통 */
.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;}



/*인사말*/
#about{
    font-size: 16px;
}
.about .title{
    font-size: 32px;
    line-height: 1.3em;
    font-weight: 600;
    margin: 0 0 20px;
    color: #0c4da2;
}
.about .info{
    font-size: 24px;
    line-height: 1.3em;
    margin: 0 0 20px;
}

@media (max-width:991px) {
    #about{
    }
    .about .title{
        font-size: 1.5em;
    }
}




/* 연혁 */
.history .box h3{margin:0 0 20px; font-size:24px; font-weight:bold; color:#222; line-height:1.3em;} 

.history .box{padding:30px 0; border-bottom:1px dashed #eee;}
.history .box:last-child{border:none;}
.history .box:nth-child(2n){background:#f7fbfd;}
.history .box:after{ display:block; content:""; clear:both;}
.history .box > h2{float:left;width:20%; font-size:18px; font-weight:600; text-align:center;}
.history .box > h2 > span{display:inline-block; padding:11px 15px; box-sizing:border-box; color:#124863; min-width:170px;}
.history .box > .list{float:left;width:80%;}
.history .box p{font-size:16px; font-weight:500; color:#333; line-height:1.7em; word-break:keep-all;}
.history .box p b{
    color:#0c4da2;
}
.history .box dd{
    float: right;
    width: 80%;
    padding: 11px 15px;
}
.history .mon{
     font-size:16px; font-weight:600; color:#222; line-height:1.5em;
    padding: 11px 15px;
    min-width: 170px;
    float: left;
}
@media (max-width:991px) {
    .history .box > h2{
        width: 100%;
        display: block;
        text-align: left;
    }
    .history .box > .list{
        width: 100%;
        float: unset;
    }
    .history .mon{
        min-width: auto;
    }
}

/*사업분야*/
.abox{
    padding: 20px;
}
.abox h3{
    font-size: 18px;
    background: #124863;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    padding: 11px 15px;
    display: inline-block;
    font-weight: 600;
}
.abox span{
    display: block;
    padding: 11px 15px;
}


/*  오시는길  */
.map{
    border: 1px solid #eee;
    padding: 20px;
    margin: 0 0 20px;
}
.map h3{
    font-size: 24px;
    color: #0c4da2;
    margin: 0 0 10px;
}
.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;}
}


.ctt_sale table {
  margin: 0;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
}
.ctt_sale table > thead {
  font-size: 16px;
  padding: 50px 0;
}
.ctt_sale table > thead > tr > th {
  font-weight: bold;
  text-align: center;
}
.ctt_sale table > tbody > tr:nth-child(2n-1) {
  background: #f9f9f9;
}
.ctt_sale table > tbody > tr > td {
  padding: 14px 20px;
  border-right: 1px solid #eee !important;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  text-align: center;
  word-break: keep-all;
}
.ctt_sale table > tbody > tr > td:last-child {
  text-align: left;
  border-right: none !important;
}
.mob_info {
  display: none;
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 300;
  color: #333;
}
.ctt_sale table > tbody > tr > td,
.ctt_sale table > tbody > tr > th,
.ctt_sale table > tfoot > tr > td,
.ctt_sale table > tfoot > tr > th,
.ctt_sale table > thead > tr > td,
.ctt_sale table > thead > tr > th {
  border-top: 1px solid #eee;
}


/*경영철학*/
.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;}