@charset "utf-8";
/* FONT 'Noto Sans KR', Light 300, Regular 400, Medium 500, Bold 700 */
/* 고객헌장 - 고객서비스헌장 */
.ethical-t2-list li {overflow:hidden \ ;}
.ethical-t2-list .circle {float:left \ ;}
.ethical-t2-list .text {float:left \ ;width:658px \ ;padding-top:15px \ ;}
.ethical-t2-text2 {font-size: 1.6rem;font-weight: 400;text-align: center;margin: 50px 0 0;}
.ethical-t2-text2 strong {font-size: 1.8rem;font-weight: 500;}
@media screen and (max-width: 1200px){
    .ethical-t2-text2 {font-size: 1.4rem;margin: 0 0;}
    .ethical-t2-text2 strong {font-size: 1.5rem;display:block;margin:20px 0 30px;}
}
/* 위험물시설 안전관리 */
.article.secure h6.head{font-size:1.6rem;color:#004899;font-weight:500;padding-bottom:20px;}
.article.secure .boxWrap {padding:25px;}
.article.secure .boxWrap > div {margin:auto;padding:0;}
.article.secure .boxWrap > div > .img {margin:auto;display:table;}
.article.secure .boxWrap > div > .img + .img {margin-top:60px;}
.article.secure .bd-steps > div:last-of-type {margin-right:0;}
.article.secure .bd-steps {width:calc(100% + 40px);table-layout:fixed;}
.article.secure .bd-steps > div {height:auto;display:table-cell;vertical-align:top;float:none;padding:0;border:0;}
.article.secure .bd-steps > div .instep {padding: 25px 15px;border: 1px solid #224e97;margin-right:40px;}
.article.secure .bd-steps > div .instep ul.dash {padding-left:0;}
.article.secure .bd-steps > div:after {width:40px;right:0;}
.article.secure .legend{font-size:14px;text-align:right;margin-top:15px;}
.article.secure .legend .fc-blue {color:#1364b2 !important;font-size:12px;}
.article.secure .legend .fc-blue-light {color:#138bb2 !important;font-size:12px;}

.card {position:relative;border:1px solid #004899;}
.card dt {padding:13px 15px;font-size:16px;color:#004899;text-align:center;font-weight:500;background-color:#ecf4fa;}
.card dd {padding:15px 10px;background-color:#fff;}
.card li .fc-blue, .card li .fc-blue-light {font-size:11px;color:#1364b2 !important;}
.card li .fc-blue-light {color:#138bb2 !important;}
.card.col-1 {width:478px;}
.card.col-1.type2 {width:540px;}
.card.col-1.type2 dd {overflow:hidden;}
.card.col-1.type2 dd dl {width:50%;float:left;}
.card.col-1.type2 dd dl dt {text-align:left;color:#3a3a3a;background-color:#fff;padding:0 0 10px 10px;}
.card.col-1.type2 dd dl dd {padding:0;}
.card.col-1.type3 {width:478px;}
.card.col-1.type3 dd {overflow:hidden;}
.card.col-1.type3 dd ul.dash {width:50%;float:left;}
.card.col-1.type3 dd ul.dash + ul.dash {padding-left:0;}

.card-wrap {overflow:hidden;}
.card-wrap.col-2 {width:644px;}
.card-wrap.col-3, .card-wrap.col-4 {width:976px;}
.card-wrap.col-2 .card, .card-wrap.col-3 .card {width:312px;float:left;}
.card-wrap.col-2 .card+.card, .card-wrap.col-3 .card+.card, .card-wrap.col-4 .card+.card {margin-left: 20px;}
.card-wrap.col-4 .card {width:229px;float:left;}

@media screen and (max-width: 1200px) {
    .article.secure h6.head {font-size:13px;}
    .article.secure .boxWrap {padding:25px 20px;}
    .article.secure .boxWrap > div {width:100%;padding:0;}
    .article.secure .boxWrap .img img {max-width:100%;margin:auto;}
    .article.secure .boxWrap > div > .img {display:block;}
    .article.secure .boxWrap > div > .img  + .img {margin-top:30px;}
    
    .article.secure .bd-steps {width:100%;}
    .article.secure .bd-steps, .article.secure .bd-steps > div {display:block;}
    .article.secure .bd-steps > div {width:100% !important;margin-right:0;}
    .article.secure .bd-steps > div:after {width: 100%;height: 20px;bottom: -20px;top: auto;background:url(/static/portal/images/business/steps-arrow-down.png) center center no-repeat;background-size: auto 50%;}
    .article.secure .bd-steps > div .instep {min-height:auto !important;margin:0;}
    .article.secure .bd-steps > div:nth-of-type(n+3) {margin-top:unset;}
    .article.secure .bd-steps > div:nth-of-type(n+2) {margin-top:20px;}
    /* .article.secure .boxWrap .img.diagram {padding:0 15px;} */
    .article.secure .legend {font-size:12px;}
    .article.secure .legend .fc-blue {font-size:10px;}

    .card, .card.col-1, .card.col-1.type2, .card.col-1.type3 {width:100%;}
    .card dt {padding:10px;font-size:12px;}
    .card dd {padding:10px 4px;}
    .card li .fc-blue, .card li .fc-blue-light {font-size:9px;}

    .card-wrap.col-2, .card-wrap.col-3, .card-wrap.col-4 {width:100%;}
    .card-wrap.col-2 .card, .card-wrap.col-3 .card, .card-wrap.col-4 .card {width:100%;float:none;}
    .card-wrap.col-2 .card + .card, .card-wrap.col-3 .card + .card, .card-wrap.col-4 .card + .card {margin-top:13px;margin-left:0;}
}
/* 위험물시설 안전관리 - 위험물시설 - 위험물시설 검사 */
.-ms-.windows .article.secure.s0101 .bd-steps > div .instep {min-height:365px;}
.article.secure.s0101 .card-wrap .card dd {min-height:150px;}
@media screen and (max-width: 1200px) {
    .article.secure.s0101 .card-wrap .card dd {min-height:auto;}
}
/* 위험물시설 안전관리 - 위험물시설 - 위험물시설 안전성평가 */
.-ms-.windows .article.secure.s0102 .bd-steps {display:table; width:560px; margin-right:0; margin:auto;}
.article.secure.s0102 .bd-steps>div .instep {margin-right:0;}
.article.secure.s0102 .boxWrap {padding:25px;}
.article.secure.s0102 .boxWrap > div {margin:auto;padding:0;}
.article.secure.s0102 .boxWrap > div > p {margin:auto;display:table;}
.article.secure.s0102 .boxWrap > div > p + p {margin-top:60px;}
.article.secure.s0102 .bd-steps {width:100%;margin:0;display:flex;}
.article.secure.s0102 .bd-steps > div:last-of-type {width:calc(50% - 40px);margin:auto;height:auto;}
.article.secure.s0102 .bd-steps>  div:after {display:none;}

.-ms-.windows .article.secure.s0102 .card-wrap .card dd {min-height:225px;}
.article.secure.s0102 .card-wrap .card dd {min-height:198px;}
@media screen and (max-width: 1200px) {
    .article.secure.s0102 .bd-steps>div:last-of-type {width:100%;}
    .article.secure.s0102 .boxWrap .img.diagram {padding:0 45px;}
    .article.secure.s0102 .card-wrap .card dd {min-height:auto;}
}
/* 위험물시설 안전관리 - 옥외저장탱크 */
.article.secure.s0201 .bd-steps > div .instep {min-height:682px;}
.article.secure.s0201 .bd-steps > div {width:25%;}
.article.secure.s0201 .card-wrap.col-3 .card dd {min-height:198px;}
.article.secure.s0201 .card-wrap.col-4 .card dd {min-height:174px;}
.article.secure.s0201 .card-wrap.col-2 .card dd {min-height:222px;}
.-ms-.windows .article.secure.s0201 .card-wrap.col-2 .card dd {min-height:247px;}
@media screen and (max-width: 1200px) {
    .article.secure.s0201 .card-wrap .card dd {min-height:auto !important;}
}
/* 위험물시설 안전관리 - 이중벽탱크 */
.-ms-.windows .article.secure.s0301 .bd-steps > div .instep {min-height:553px;}
.article.secure.s0301 .bd-steps > div .instep {min-height:528px;}
.article.secure.s0301 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0301 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
.article.secure.s0301 .card-wrap .card dd {min-height:246px;}
@media screen and (max-width: 1200px) {
    .article.secure.s0301 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0301 .bd-steps .step2 i {width:60px;background-size:contain;}
    .article.secure.s0301 .card-wrap .card dd {min-height:auto !important;}
}
/* 위험물시설 안전관리 - 운반용기 - 금속제 운반용기 */
.-ms-.windows .article.secure.s0401 .bd-steps > div .instep {min-height:601px;}
.article.secure.s0401 .bd-steps > div .instep {min-height:576px;}
/* 위험물시설 안전관리 - 운반용기 - 플라스틱 내용기 부착 운반용기 */
.-ms-.windows .article.secure.s0402 .bd-steps > div .instep {min-height:601px;}
.article.secure.s0402 .bd-steps > div .instep {min-height:576px;}
.article.secure.s0402 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0402 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
.article.secure.s0402 .bd-steps .step3 i {background-image:url(/static/portal/images/business/ico-chk33.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0402 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0402 .bd-steps .step2 i {width:60px;background-size:contain;}
    .article.secure.s0402 .bd-steps .step3 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 화염방지장치 */
.-ms-.windows .article.secure.s0501 .bd-steps > div .instep {min-height:529px;}
.article.secure.s0501 .bd-steps > div .instep {min-height:504px;}
.article.secure.s0501 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0501 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0501 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0501 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 통기관대기밸브/비상압력배출장치 */
.-ms-.windows .article.secure.s0502 .bd-steps > div .instep {min-height:529px;}
.article.secure.s0502 .bd-steps > div .instep {min-height:504px;}
.article.secure.s0502 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0502 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0502 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0502 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 위험물합성수지배관 */
.-ms-.windows .article.secure.s0503 .bd-steps > div .instep {min-height:553px;}
.article.secure.s0503 .bd-steps > div .instep {min-height:528px;}
.article.secure.s0503 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0503 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0503 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0503 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 폼챔버 */
.-ms-.windows .article.secure.s0504 .bd-steps > div .instep {min-height:529px;}
.article.secure.s0504 .bd-steps > div .instep {min-height:504px;}
.article.secure.s0504 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0504 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0504 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0504 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 위치표시밸브 */
.-ms-.windows .article.secure.s0505 .bd-steps > div .instep {min-height:529px;}
.article.secure.s0505 .bd-steps > div .instep {min-height:504px;}
.article.secure.s0505 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0505 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0505 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0505 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 포소화약제탱크 */
.-ms-.windows .article.secure.s0506 .bd-steps > div .instep {min-height:529px;}
.article.secure.s0506 .bd-steps > div .instep {min-height:504px;}
.article.secure.s0506 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0506 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0506 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0506 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 신축이음배관 */
.-ms-.windows .article.secure.s0507 .bd-steps > div .instep {min-height:553px;}
.article.secure.s0507 .bd-steps > div .instep {min-height:528px;}
.article.secure.s0507 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0507 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0507 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0507 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 보조포소화전 */
.-ms-.windows .article.secure.s0508 .bd-steps > div .instep {min-height:529px;}
.article.secure.s0508 .bd-steps > div .instep {min-height:504px;}
.article.secure.s0508 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0508 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0508 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0508 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 가연성증기 회수장치 */
.-ms-.windows .article.secure.s0509 .bd-steps > div .instep {min-height:529px;}
.article.secure.s0509 .bd-steps > div .instep {min-height:504px;}
.article.secure.s0509 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0509 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0509 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0509 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 누설감지설비 */
.-ms-.windows .article.secure.s0510 .bd-steps > div .instep {min-height:553px;}
.article.secure.s0510 .bd-steps > div .instep {min-height:528px;}
.article.secure.s0510 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0510 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0510 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0510 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 밸브 */
.-ms-.windows .article.secure.s0511 .bd-steps > div .instep {min-height:530px;}
.article.secure.s0511 .bd-steps > div .instep {min-height:480px;}
.article.secure.s0511 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0511 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0511 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0511 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 교반기 */
.-ms-.windows .article.secure.s0512 .bd-steps > div .instep {min-height:389px;}
.article.secure.s0512 .bd-steps > div .instep {min-height:364px;}
.article.secure.s0512 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0512 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0512 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0512 .bd-steps .step2 i {width:60px;background-size:contain;}
}
/* 위험물시설 안전관리 - 위험물안전제품 - 인화방지망 */
.-ms-.windows .article.secure.s0513 .bd-steps > div .instep {min-height:530px;}
.article.secure.s0513 .bd-steps > div .instep {min-height:504px;}
.article.secure.s0513 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk31.png);}
.article.secure.s0513 .bd-steps .step2 i {width:70px;background-image:url(/static/portal/images/business/ico-chk32.png);}
@media screen and (max-width: 1200px) {
    .article.secure.s0513 .bd-steps .step1 i {background-size:contain;}
    .article.secure.s0513 .bd-steps .step2 i {width:60px;background-size:contain;}
}

/* 위험물시설 안전관리 - 위험물성상시험 */
.article.secure.s0601 .bd-steps .step1 i {background-image:url(/static/portal/images/business/ico-chk34.png);}
.article.secure.s0601 .bd-steps > div .instep {min-height:304px;}
.article.secure.s0601 .bd-steps > div:after {
  background: none;
}
@media screen and (max-width: 1200px) {
  .article.secure.s0601 .bd-steps > div:after {
    background: none center center no-repeat;
  }
}
.article.secure.s0601 .card-wrap.col-3 {
	width: 100%;
}
@media (max-width: 1200px) {
  .article.secure.s0601 .card-wrap.col-3 {
    width: 100%;
    max-width: 100%;
  }
}
.article.secure.s0601 .card-wrap.col-3 .card {
  width: 350px;
}
@media (max-width: 1200px) {
  .article.secure.s0601 .card-wrap.col-3 .card {
    width: 100%;
    max-width: 100%;
  }
}
.article.secure.s0601 .card-wrap.col-3 .card dd {
  min-height: 200px;
}
@media (max-width: 1200px) {
  .article.secure.s0601 .card-wrap.col-3 .card  dd{
    min-height: 150px;
  }
}