@charset  "UTF-8";

.primary-01 {color:#274380;}	
.primary-02 {color:#0253a5;}	
.primary-03 {color:#00a6e7;}	
.primary-04 {color:#df0b15;}	
.primary-05 {color:#ec6b01;}	

/*서브공통*/
table{ table-layout: fixed; border-top:2px solid #999}
table th, table td{ border-bottom: 1px solid #d9d9d9; padding: 18px 30px;} 
table thead th{ background:#f0f0f0 } 
table tbody th{ background:#f9f9f9} 
*{image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 
.survey-box{margin-top: 80px;}
.span.guide {color: #606060; font-size: 1rem; font-weight: 400;}
ul.list li{display: flex;align-items: flex-start;font-size: 1.071rem;}
td ul.list li{ display: block; padding-left: 12px; position: relative; text-align: left} 
ul.list li:before{width: 3px; height: 3px; display: block; background: #606060; content: ""; margin-right:9px; margin-top:12px;flex-shrink: 0;} 
td ul.list li:before{ position: absolute; left: 0; top: 0}
h5>.dott{ display: block; padding-left: 12px; position: relative; text-align: left} 
h5>.dott:before{width: 3px; height: 3px; display: block; background: #606060; content: ""; margin-right:9px; margin-top:12px;flex-shrink: 0;} 
h5>.dott:before{ position: absolute; left: 0; top: 0}
.sub_tit .text > strong{font-size:1.429rem ;display: block; margin-bottom: 20px;}
.content .view_area .view_title {border:none} 

/*버튼*/
p.share_btn {display: flex;align-items: center;gap: 10px;}
.share_btn::after{display: inline-block;content: '';width: 26px;height: 13px;background: url(../img/sub/btn_link.png) no-repeat 13px 0;}
p.share_btn::after{display: inline-block;content: '';width: 26px;height: 13px;background: url(../img/sub/btn_link.png) no-repeat -13px 0;}
.data_down {font-size: 1.071rem;text-decoration: underline;}
.data_down:hover {color: #0253a5;text-decoration: underline;}
.data_down::after{display: inline-block;content: "";margin-left: 8px;background: url(../img/comm/btn_download.png)no-repeat center center;width: 14px;height: 14px;background-position: -32px;vertical-align: -2px;}
.share{display: flex;justify-content: center;border-top: 1px solid #d9d9d9;margin-top: 80px; padding-top: 30px;text-align: center;}
.share_box {background-color: #0253a5;padding: 20px 30px;text-align: center;}
.share_box >.share_btn {display: flex;align-items: center;gap: 10px;color: #fff;font-size: 1.286rem;font-weight: 500;letter-spacing: -0.45px;}
.share2 {display: flex;flex-wrap: wrap;gap: 10px;;justify-content: center;text-align: center;}
.share2 .bt-download{padding: 20px;}
.share2 .bt-download span{font-size: 1.286rem;}
.sequence li{list-style: auto; font-size: 1.071rem;}
.content h3.bor_no::after{display: none;}
.content_header {margin-bottom: 20px;}
.content_header h3 { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 0 0; color: #231815; font-size: 1.714rem; font-weight: 600;padding-bottom: 20px;} 
.content_header h3::after { content: ""; display: block; width: 100%; height: 1px; background: #0253a5; position: absolute; bottom: 0; } 
.content_header .sub_tit .text p{font-size: 1.071rem;}
.content_body {padding-top: 20px;}
.content_body h4 { position: relative; display: flex; align-items: center; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 0 20px; color: #231815; font-size: 1.429rem; font-weight: 600; } 
.content_body h4 ~ h4 { padding: 40px 0 20px;} 
.content_body h4::before { content: ""; display: inline-block; margin-right: 10px; width: 14px; height: 14px; background: url(../img/comm/bullet.png)no-repeat 0 0; }                           /*h4를 연속으로 사용할시*/
.content_body h4.pd_top40{padding-top: 40px;}                             /*h4 1번째부터 여백이 들어갈때 만*/
.font_s15{font-size: 1.071rem;}                                           /*폰트 15px일떄*/

.content_body h4 +.m_type{padding-top: 0;}                                  /*h4랑 span 이랑 동시에 사용시 패딩조절*/ 
.content_body p + h4:first-of-type{padding-top: 40px;}                                  /*h4랑 span 이랑 동시에 사용시 패딩조절*/ 
.content_body .col_bd tr th{border-right: 1px solid #d9d9d9;}          /*stage_box 테이블 사용시 세로줄 필요할때*/
.content_body p.s_txt,
.content_body p.s_txt2,
.content_body .s_txt3 {font-size: 1.071rem;color: #606060;line-height: 1.6;}     
.content_body .s_txt{padding-top: 20px;display: block;}            /*테이블밑 문장*/
.content_body .s_txt2{padding-bottom: 20px;display: block;}              /*테이블위 문장*/
.content_body .s_txt3{padding-bottom: 30px;display: block;}              /*테이블위 문장30px*/
.content_body .m_type{font-size: 1.143rem;font-weight: 600;padding-bottom: 20px;padding-top: 30px;display: block;color: #222;}
.content_body p + .m_type{padding-top: 40px;}
.content_body .m_type2{font-size: 1.2rem;font-weight: 600;padding-bottom: 20px;padding-top: 50px;display: block;color: #222;}

.content_body [class^=list-depth1] li {padding: 5px 0 0 12px;line-height:1.6;font-size: 1.071rem;}
.content_body h4 + [class^=list-depth1] li:first-of-type {padding-top: 0;}
.content_body [class^=list-depth1] li::before {top:0;margin-top: 16px;}
.content_body [class^=list-depth1] li:first-of-type::before {margin-top: 11px;}
.content_body table .list-depth1-dot li:first-of-type {padding-top: 0;}
.content_body table [class^=list-depth1] li:first-of-type::before {margin-top: 11px;}

/* 테이블 */
.table_box table {text-align: center; font-size: 1.071rem; padding: 18px 5px ;}
.table_box table th {border-right: 1px solid #d9d9d9; background: #f9f9f9; vertical-align: middle; font-weight: 500; color: #222; font-size: 1.0714rem; text-align: center; padding: 18px 5px 15px 5px ;}
.table_box table thead tr th:last-of-type{ border-right-width: 0} 
.table_box table tbody td{ border-left: 1px solid #d9d9d9; text-align: center; font-size: 1.071rem;vertical-align: middle; } 
.table_box table tbody tr td:first-of-type{ border-left: 0} 
.table_box .stage_box tbody tr td { text-align: left;} 

.table_box.fix_box .tab_table {table-layout: auto;}
.table_box.fix_box .stage_box {table-layout: auto;}

/*탭 자동길이*/
.tab_list_w{ display: table; width: 100%; table-layout: fixed} 
.tab_list_w li{ display: table-cell; text-align: center; margin-right: -1px} 
.tab_list_w li button{ font-size: 1.142rem;border: solid 1px rgb(217, 217, 217); border-right: 0;  padding:10px 18px;  background: #fff; width: 100%; height:52px; ; position: relative; color: #606060; font-weight: 500}
.tab_list_w li:last-of-type button{ border-right: 1px solid rgb(217, 217, 217)} 
.tab_list_w li button[aria-selected="true"]{ border-bottom: 0; font-weight: 600; color: #222 ;word-break: break-all;} 
.tab_list_w li button[aria-selected="true"]:before{ content: ""; position: absolute; left: -1px; top: -4px; display: block; width: calc(100% + 2px); height:4px; background:#00a6e7} 
.tab_list_w li button[aria-selected="true"]:before { top: 0 !important; }
.tab_contents_w .content_body {padding-top: 60px;}
.tab_contents_w .content_header + .content_body {padding-top: 40px;}

@media screen and (max-width:450px) {
    .tab_list_w li button {height: 65px}
}

@media screen and (max-width:767px){
    .content_header h3 {font-size: 1.416rem;}  
    .content > h3{ margin-bottom: 30px; padding-bottom: 11px}
    .sub_tit{padding: 30px 0;gap:15px;}
    .sub_tit .icon{ width: 53px; height:53px; margin:8px 0 0 0}        
    .sub_tit .text{ margin: 0} 
    .table-theme__default {table-layout: auto;}

    .table_box {overflow-x: auto;}
    .table_box table {table-layout: auto;}
    .table_box table th,
    .table_box table tbody td { padding-left: 10px;padding-right: 10px;word-break: keep-all;}

    .table_box .tab_table {table-layout: fixed;}
}

/*고객센터 공통*/
.service_center .guide_in a,.service_center .guide_out a{display: inline-block;padding: 40px;width: 100%;height: 100%;}
.service_center a p,.service_center h4,
.service_center .guide_in a p{color: #222;}
.service_center a p,
.service_center .guide_in a p {font-size: 1.286rem;font-weight: 600;}
.service_center .guide_in {margin-top: 40px;display: flex;}
.service_center .guide_in a {width:50%;border: 1px solid #dde2e6;}
.service_center .guide_in a:first-of-type{margin-right: 15px;}
.service_center .guide_in .share_btn {margin-bottom: 10px;}
.service_center .guide_in .share_btn + span {font-size: 1.071rem;}
.service_center .guide_out ul a p{margin-bottom: 10px;}
.service_center .guide_out a span{font-size: 1.071rem;}
.service_center .guide_out{margin-top: 60px;}
.service_center .guide_out span .import{color: #df0b15;}
.service_center .guide_out ul{background-color: #f7f7f7;padding: 40px;overflow: hidden;margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.service_center .guide_out ul li {background-color: #fff;width: calc(50% - 3px);margin-bottom: 5px;}

@media screen and (max-width:950px){
    .service_center .guide_in a ,
    .service_center .guide_out a {padding: 20px;}
    
}
@media screen and (max-width:767px){
    .service_center .guide_out ul {padding: 20px;}
    .service_center .guide_in a ,.service_center .guide_out a {padding: 20px 10px 30px;}
    .service_center p.share_btn {display: inline-block;width: 100%;}
    .service_center .share2 {flex-wrap: nowrap;}
    .service_center .share_box >.share_btn {display: inline-block;}
    .service_center .share_box >.share_btn:after {margin-left: 5px;}
}
@media screen and (max-width:455px){
    .service_center .guide_out ul a p {min-height: 48px;}
}

/*고객센터 불편불만*/
.service_center .ccws{}
.service_center .ccws ol{display: flex;flex-grow: 1;justify-content: space-between;}
.service_center .ccws ol li{border: 1px solid #e1e1e1;flex-basis: 50%;position: relative;margin-left: 50px;}
.service_center .ccws ol li:first-child {margin-left: 0;}
.service_center .ccws ol li + li:before {position: absolute; top: 50%; left: -35px ;display: inline-block;content: '';width: 22px;height: 38px;background: url(../img/sub/icon_arrow_gb.png) no-repeat; transform: translateY(-50%);}
.service_center .ccws ol li p{text-align: center;}
.service_center .ccws ol li .tit{display: flex;flex-wrap: wrap;gap: 60px;background-color: #f0f0f0;padding: 15px 12px;color: #222;font-weight: 600;font-size: 1.286rem;}
.service_center .ccws ol li:last-child .tit{gap: 43px;}
.service_center .ccws ol li .tit span{display: inline-block;background-color: #fff;padding: 0 9px;}
.service_center .ccws ol li p:last-child{padding: 30px 0;}
.service_center .stage_box{border-top: 2px solid #999;}
.service_center .stage_box tr{border-bottom: 1px solid #d9d9d9;}
.service_center .stage_box tr th{border-right: 1px solid #d9d9d9;color: #222;background-color: #f9f9f9;vertical-align:middle;font-weight: 500;font-size: 1.0714rem;}
.service_center .stage_box tr td{padding: 20px 0 20px 30px;line-height: 1.5rem;}
.service_center .stage_box tr td>span{font-size: 1.143rem;font-weight: 600; color: #222;}
.service_center .stage_box .step2 td ol>li:first-of-type{margin-bottom:35px;}
.service_center .stage_box .step3 td{}
.service_center .stage_box .step2 td>span,
.service_center .stage_box .step3 td>span{display: block;;margin-bottom: 20px;}
.service_center .stage_box .step3 .step3_list{display: flex;gap: 25px;}
.service_center .stage_box .step3 .step3_list li{justify-content: center;align-items: center;padding: 15px;min-width: 100px;text-align: center; background-color: #f7f7f7;position: relative;}
.service_center .stage_box .step3 .step3_list li {width: 20%;}
.service_center .stage_box .step3_list > li strong {color: #222;font-weight: 600;line-height: 2rem;font-size: 1.143em;}
.service_center .stage_box .step3_list > li span {display: block;}
.service_center .stage_box .step3_list > li:nth-child(3) span {padding-top: 10px;}
.service_center .stage_box .step3 td ol li + li::before{position: absolute; top: 50%; left: -15px ;display: inline-block;content: '';width: 9px;height: 15px;background: url(../img/sub/icon_arrow_g.png) no-repeat; transform: translateY(-50%);}


@media screen and (max-width:950px){
    .service_center .ccws ol li .tit ,
    .service_center .ccws ol li:last-child .tit {gap: 0px;}
    .service_center .ccws ol li .tit span {margin-right: 15px;}
}
@media screen and (max-width:767px){
    .service_center .stage_box tr td {padding-left: 10px;padding-right: 5px;}
    .service_center .ccws ol {flex-wrap: wrap;gap: 50px;}
    .service_center .ccws ol li {margin-left: 0;flex-basis: 100%;}
    .service_center .ccws ol li + li:before {top: -45px;left: 50%;transform: rotate(90deg);}
    .service_center .stage_box .step3 .step3_list {flex-wrap: wrap;padding-left: 25px;}
}

/*고객센터 > 신고센터 > 부정,부패신고센터*/
.service_center .reporter{margin-top: 0;position: relative;}
.service_center .reporter ul{padding: 60px 40px 40px 40px;}
.service_center .reporter>span{position: absolute;top: 30px; left: 40px;font-size: 1.071rem;}
.service_center .reporter>p{margin-top: 20px;}
.service_center .reporter ul li:last-of-type .share_btn::after{display: none;}

/*신고센터*/
.rrprcnt_w{}
.content > .hidden_be::after{display: none;}

/*고객센터 > 신고센터 > 불법행위신고포상제*/

.download_bt_wrap .bt-download {padding: 13px 30px;}
.download_bt_i::after {display: inline-block;content: "";margin-left: 8px;background: url(../img/comm/btn_download.png)no-repeat center center;width: 14px;height: 14px;background-position: -16px;vertical-align: -2px;} 
.right::after{position: absolute;right: -25px;display: inline-block;content: '';background: url(../img/sub/icon_arrow_b.png)no-repeat;width: 10px;height: 19px;top: 50%;transform: translateY(-50%);}
.bottom::after{position: absolute;right: -25px;display: inline-block;content: '';background: url(../img/sub/icon_arrow_b.png)no-repeat;width: 10px;height: 19px;bottom: 0;transform: translateY(-50%);}
.left::after{position: absolute;left: -18px;display: inline-block;content: '';background: url(../img/sub/icon_arrow_b.png)no-repeat;width: 10px;height: 19px;top:50%;transform: translateY(-50%) rotate(180deg);}

.service_center .sequence{margin-left: 20px;}
.service_center .sequence+span{margin: 30px 0;font-weight: 300;display: block;}
.service_center .procedure{position: relative;}
.service_center .procedure ul{display: flex;flex-wrap: wrap;gap: 35px;}
.service_center .procedure ul li{width: calc( 25% - 28px);border: 1px solid #dde2e6;position: relative;padding: 20px 23px 30px;text-align: center;}
.service_center .procedure ul li .proce_tit{font-size: 1.286rem;font-weight: 500;margin-bottom: 10px;}
.service_center .procedure ul li .proce_txt{line-height: 20px;margin-top:10px;}
.service_center .bounty ul li .proce_tit{color: #222;}
.service_center .bounty ul {gap: 25px;justify-content: flex-end;}
.service_center .bounty ul li {padding: 28px 15px;width: calc( 25% - 20px)}
.service_center .bounty ul li.right::after {right: -20px}
.service_center .bounty ul li.bottom::after {bottom: -23px;right: auto;transform: rotate(90deg);}

.service_center .bounty ul li:nth-child(5){order: 7;}
.service_center .bounty ul li:nth-child(6){order: 6;}
.service_center .bounty ul li:nth-child(6) > .proce_txt {margin-bottom: 20px;}
.service_center .bounty ul li:nth-child(7){order: 5;}

@media screen and (max-width:950px){
    .service_center .bounty ul {justify-content: flex-start;padding-left: 25px;}
    .service_center .bounty ul li {width: calc(50% - 25px);}
    .service_center .bounty ul li:nth-child(5) {order: 5;}
    .service_center .bounty ul li:nth-child(7) {order: 7;}
    .service_center .bounty ul li:nth-child(1)::after {display: none;}
    .service_center .bounty ul li:nth-child(2)::after {left: -18px;right: auto;}
    .service_center .bounty ul li:nth-child(3)::after {left: -18px;right: auto;}
    .service_center .bounty ul li:nth-child(4)::after {left: -18px;right: auto;top: 50%;transform: translateY(-50%);}
    .service_center .bounty ul li:nth-child(5)::after {left: -18px;transform: rotate(0);}
    .service_center .bounty ul li:nth-child(6)::after {transform: rotate(0);}
    .service_center .bounty ul li:nth-child(7)::after {position: absolute;left: -18px;display: inline-block;content: '';background: url(../img/sub/icon_arrow_b.png)no-repeat;width: 10px;height: 19px;top:50%;transform: translateY(-50%)}

}
@media screen and (max-width:767px){
    .service_center .procedure ul li {width: calc(50% - 18px);padding: 15px;}
    .service_center .procedure ul li:nth-child(2).right::after {display: none;}
    .service_center .bounty ul li:nth-child(2).right::after {display: block;}

    .download_bt_wrap {display: flex;flex-wrap: wrap;gap: 15px;}
    .download_bt_wrap .bt-download:last-of-type {margin-left: 0;}

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

}

/*고객센터 > 신고센터 > 검사이의제기*/
.service_center .appeals ul li dl dd{line-height: 24px;font-size: 1.143rem;}

/*가스와생활 > 국민행동요령 > 재난유형별 행동요령*/
.use_w .table_box table tr td {padding: 20px 30px;}
.use_w .table_box.fix_box .stage_box tr th {width: 260px;}

@media screen and (max-width:767px) {
    .use_w .table_box table tr td {padding-left: 10px;padding-right: 10px;}
    .use_w .table_box.fix_box .stage_box tr th {width: auto; word-break: break-all; padding: 10px 5px ; min-width: 45px ;}
}
/*가스와생활 > 국민행동요령 > 재난유형별 행동요령*/
.type_w .table_box table tr td {padding: 18px 30px;}
.type_w .two_box tr th.n2 {width: 140px;}
.type_w .two_box thead{border-top: 2px solid #999;}
.type_w .two_box thead tr th {background-color: #f0f0f0;font-weight: 600;}
.type_w .two_box thead tr th:first-of-type {width: 260px;border-right: 1px solid#d9d9d9;}
.type_w .two_box thead tr th:last-of-type{border-right: 1px solid #fff;}
.type_w .two_box  ul li span{font-weight: 600;color: #666;display: block;}

@media screen and (max-width:767px) {
    .type_w .two_box tr th.n2 {width: auto;}
    .type_w .two_box thead tr th:first-of-type {width: auto}
}

/*가스와생활 > 국민행동요령 > 예상재해별안전관리*/
.action_w .content > h3.bor_no::after{display: none;}
.action_w .content_body {padding-top: 60px;}
.action_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.action_w table tr td {padding: 18px 30px;vertical-align: top;}
.action_w .tab_table th{border-top: 2px solid #999;border-bottom: 1px solid #d9d9d9;}
.action_w .tab_table th:not(:first-child),
.action_w .tab_table td:not(:first-child){border-left: 1px solid #d9d9d9;}
.action_w .tab-container .s_txt+.s_txt{padding-top: 0;padding-bottom: 20px;}
.action_w .tab-container .font_s15+table{margin-top: 20px;}
.action_w .tab-container .stage_box+p{margin: 20px 0 40px 0 ;}
.action_w .tab-container .last_box{margin-top: 40px;}
.action_w .table_box.fix_box .stage_box tbody tr th:first-of-type {width: 260px;}
.action_w .table_box.fix_box .tab_table thead tr th:first-of-type {width: 330px;} 

@media screen and (max-width:767px) {
    .action_w table tr td {padding-left: 10px;padding-right: 10px;}
    .action_w .table_box.fix_box .tab_table thead tr th:first-of-type {width: auto;}
    .action_w .table_box.fix_box .stage_box tbody tr th:first-of-type {width: auto;}
}

/*가스와생활 > 국민행동요령 > 누출시의응급조치*/
.em_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.em_w .pst_box{background-color: #f7f7f7; padding: 50px 70px;border: 1px solid #e1e1e1;}
.em_w .pst_box .tit{font-size: 2.429em;color: #007be2;font-weight: 600;text-align: center;padding-bottom: 30px;}
.em_w .pst_box .pst_in{background-color: #fff;padding: 20px;box-shadow: 0px 1px 5px 0px #999;} 
.em_w .pst_box .pst_in img {width: 100%;} 
.em_w .pst_box .stage_box th{width: 150px;border-left: 1px solid #d9d9d9;font-size:1.286rem;font-weight: 600;}
.em_w .pst_box .stage_box td{padding: 30px;border-right: 1px solid #d9d9d9;}
.em_w .pst_box .pst_logo{text-align: center;padding-top: 40px;display: flex;justify-content: center;}
.em_w .pst_box .pst_logo div{padding-left: 63px;position: relative;}
.em_w .pst_box .pst_logo div:last-of-type::before{  position:absolute;content:"";top:15px;left:30px;width:1px;height:22px;background-color:#d9d9d9;}
.em_w .table_box.fix_box .stage_box tbody tr th:first-of-type {width: 260px;} 
.em_w .table_box.fix_box .stage_box.two_box tbody tr th {width: 130px;} 
.em_w .table_box .stage_box tbody tr td {padding-left: 30px;padding-right: 30px;}

@media screen and (max-width:767px) {
    .em_w .pst_box {padding: 30px;}
    .em_w .pst_box .tit span {display: block;}
    .em_w .pst_box .stage_box td {border-left: 1px solid #d9d9d9;}
    .em_w .pst_box .table_box.fix_box .stage_box tbody {display: block;width: 100%;}
    .em_w .pst_box .table_box.fix_box .stage_box tbody tr {display: flex;flex-direction: column;width: 100%;border: none;}
    .em_w .table_box.fix_box .stage_box tbody tr th:first-of-type {width: auto;} 
    .em_w .table_box.fix_box .stage_box.two_box tbody tr th {width: auto;} 
}

/*가스와생활 > 국민행동요령 > 계절별안전관리*/
.season_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.season_w .table_box .stage_boxdata_down tr td {padding: 18px 30px;}
.season_w .table_box.fix_box .stage_box tr th {width: 260px;} 

@media screen and (max-width:767px) {
    .season_w .table_box.fix_box .stage_box tr th {width: auto;} 
}

/*가스와생활 > 국민행동요령 > 다문화가족*/
.mlt_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.mlt_w .mlt_safety {display: flex; align-items: flex-start;gap: 40px;}
.mlt_w .mlt_safety .img_bx {display: flex;flex-direction: column;width: 380px;}
.mlt_w .mlt_safety .img_bx .dec {display: flex;align-items: center;justify-content: center;height: 60px;width: 100%;background-color: #2d9e52;color: #fff;font-size: 1.714rem;font-weight: 600;text-align: center; text-shadow: -2px -2px 0 #158335, 2px -2px 0 #158335, -2px  2px 0 #158335, 2px  2px 0 #158335;}
.mlt_w .mlt_safety .table_box table {table-layout: auto;}
.mlt_w .mlt_safety .stage_box tr th{border-left: 1px solid #d9d9d9;width: 190px;padding: 15px 20px;}
.mlt_w .mlt_safety .stage_box tr td{padding: 15px 20px;border-right: 1px solid #d9d9d9;text-align: center;width: 190px;}
.mlt_w .mlt_safety .stage_box tr td:last-of-type {padding: 18px}
.mlt_w .mlt_safety .stage_box tr td .bt-download{padding: 7px 20px;display: flex;align-items: center;margin: 0 auto;height: 38px;min-width: 135px}

@media screen and (max-width:950px) {
    .mlt_w .mlt_safety {flex-direction: column;align-items: center;}
    .mlt_w .mlt_safety .file_bx {width: 100%;}
    .mlt_w .mlt_safety .file_bx .table_box {overflow-x: visible;}
}
@media screen and (max-width:480px) {
    .mlt_w .mlt_safety .img_bx {width: auto;}
    .mlt_w .mlt_safety .file_bx .table_box {overflow-x: scroll;}
}

/*가스와 생활 > 가스안전제도 > 가스안전관리 자금융자*/
.mang_w  [class*="bt-link"] {text-decoration: underline;}
.mang_w  [class*="bt-link"]:hover {color: #0253a5;}
.mang_w p {margin-bottom:20px;color: #606060;font-size: 1.071rem;line-height: 1.6;}
.mang_w h4 + h5 {margin-top: 0;}
.mang_w h5 {margin: 20px 0;color: #222;font-size: 1.143rem;font-weight: 600;}
.mang_w .list + h5 {margin-top: 40px;}
.mang_w .table_box + h5 {margin-top: 40px;}
.mang_w p.guide { margin: 20px 0; color: #777; font-size: 1rem;text-align: left; }
.mang_w p.guide + .guide {margin-top: -18px;}
.mang_w table { table-layout: auto; border-top: 2px solid #999; }
.mang_w .table_box table tbody th:first-child {width: 260px;}
.mang_w table thead th { border-right: 1px solid #d9d9d9; background: #f0f0f0; vertical-align: top; font-weight: 600; color: #222; font-size: 1.0714rem; text-align: center; padding: 18px 5px 18px 5px ;}
.mang_w .table_box table td {text-align: left;}
.mang_w .table_box.info_box table tbody th {width: 135px;}
.mang_w table th, .mang_w table td { border-bottom: 1px solid #d9d9d9;}
.mang_w table thead tr th:last-of-type { border-right-width: 0; }
.mang_w table thead tr th {white-space: nowrap;}
.mang_w table tbody td { border-left: 1px solid #d9d9d9;vertical-align: top;padding: 16px 30px;}
.mang_w table tbody td:first-of-type { border-left-width: 0;}
.mang_w table tbody td.tc {text-align: center;}
.mang_w table strong {color:#222;font-weight: 500;}
.mang_w .list li .bt-link_gray {padding: 0;}
.mang_w .list.list2 li ~ li {margin-top: 10px;}
.mang_w .list.list2 li span {display: block;font-size: 1rem;}
.mang_w .site_bx {border-top: 2px solid #999;}
.mang_w .site_bx ul {display: flex;flex-wrap: wrap;text-align: center;}
.mang_w .site_bx ul li {width: 25%;border-left: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.mang_w .site_bx ul li:nth-child(4n-3) {border-left: none;}
.mang_w .box { border: 1px solid #d9d9d9; padding: 50px; }
.mang_w .step_w {position: relative;width: 700px;margin: 0 auto;}
.mang_w .group01 {position: relative;width: 100%;height: 280px;}
.mang_w .group02 {position: absolute;top: 0;width: 100%;height: 100%;}
.mang_w [class^=org0] {position: absolute;}
.mang_w [class^=take_] {position: relative;margin: 0;font-size: 0.929rem; letter-spacing: -0.33px; font-weight: 600;}
.mang_w [class^=num]::before {display: inline-block;margin-right: 5px;width: 20px;height: 20px;border-radius: 10px;color: #fff;line-height: 20px;text-align: center;}
.mang_w .take_gray [class^=num]::before {background-color: #777;}
.mang_w .take_blue [class^=num]::before {background-color: #007bcb;}
.mang_w .group01 .org01 {top: 0;left: 50%;transform: translateX(-50%);}
.mang_w .group01 .org02 {top: 50%;left: 0;transform: translateY(-50%);}
.mang_w .group01 .org03 {top: 50%;right: 0;transform: translateY(-50%);}
.mang_w .group01 .org04 {bottom:0;left: 50%;transform: translateX(-50%);}

.mang_w .group02 .part {position: absolute;}
.mang_w .group02 .part_in {}
.mang_w .group02 li:nth-child(1) {top: -10px;left: 0;margin-left: 100px;}
.mang_w .group02 li:nth-child(2) {top: 45px;left: 0;margin-left: 100px;}
.mang_w .group02 li:nth-child(2) .part_in02 {transform: translate(205px,95px);}
.mang_w .group02 li:nth-child(3) {top: 45px;right: 0;margin-right: 90px;}
.mang_w .group02 li:nth-child(4) {bottom: 45px;right: 0;margin-right: 90px;}
.mang_w .group02 li:nth-child(5) {bottom: -10px;right: 0;margin-right: 90px;}
.mang_w .group02 li:nth-child(6) {top: -10px;right: 0;margin-right: 90px;}
.mang_w .group02 li:nth-child(7) {bottom: -10px;left: 0;margin-left: 65px;}
.mang_w .group02 li:nth-child(1) .take_gray:before {left: -50%;bottom: -10px;}
.mang_w .group02 li:nth-child(1) .take_gray:after {left: -50%;top: 30px;}
.mang_w .group02 li:nth-child(2) .take_blue:before {left: -25%;top: -10px;}
.mang_w .group02 li:nth-child(2) .take_blue:after {left: -25%;top: -10px;}
.mang_w .group02 li:nth-child(2) .part_in02 .take_gray:before {left: -95px;top: -10px;width: 280px;}
.mang_w .group02 li:nth-child(2) .part_in02 .take_gray:after {display: none;}
.mang_w .group02 li:nth-child(3) .take_blue:before {right: -30%;top: -10px;}
.mang_w .group02 li:nth-child(3) .take_blue:after {right: -30%;top: -10px;}
.mang_w .group02 li:nth-child(4) .take_blue:before {right: -30%;bottom: -10px;}
.mang_w .group02 li:nth-child(4) .take_blue:after {right: -30%;bottom: -10px;}
.mang_w .group02 li:nth-child(5) .take_gray:before {right: -50%;top: -10px;}
.mang_w .group02 li:nth-child(5) .take_gray:after {right: -50%;bottom: 30px;}
.mang_w .group02 li:nth-child(6) .take_gray:before {right: -50%;bottom: -10px;}
.mang_w .group02 li:nth-child(6) .take_gray:after {right: -50%;top: 30px;}
.mang_w .group02 li:nth-child(7) .take_gray:before {left: 0;bottom: 30px;}
.mang_w .group02 li:nth-child(7) .take_gray:after {left: 0;bottom: 30px;}
.mang_w .group02 li:nth-child(7) .take_blue:before {left: 15px;bottom: 45px;}
.mang_w .group02 li:nth-child(7) .take_blue:after {left: 15px;bottom: 45px;}

.mang_w .group02 .take_gray {color: #777;}
.mang_w .group02 .take_gray:before {position: absolute;display: inline-block;content: "";width: 160px;height: 2px;background-color: #999;}
.mang_w .group02 .take_gray:after {position: absolute;display: inline-block;content: "";width: 2px;height: 70px;background-color: #999;}
.mang_w .group02 .take_blue {color: #007bcb;}
.mang_w .group02 .take_blue:before {position: absolute;display: inline-block;content: "";width: 145px;height: 2px;background-color: #00A6E7;}
.mang_w .group02 .take_blue:after {position: absolute;display: inline-block;content: "";width: 2px;height: 55px;background-color: #00A6E7;}
.mang_w .group02 .num1::before {content: "1";}
.mang_w .group02 .num2::before {content: "2";}
.mang_w .group02 .num3::before {content: "3";}
.mang_w .group02 .num4::before {content: "4";}
.mang_w .group02 .num5::before {content: "5";}
.mang_w .group02 .num6::before {content: "6";}


.mang_w [class^=style_] {display: flex; margin: 0 auto; width: 200px; height: 60px; align-items: center; justify-content: center; color: #fff; font-size: 1.071rem;}
.mang_w .style_white {background-color: #fff; border: 1px solid #00a6e7; color: #222;}
.mang_w .style_blue {background-color: #0253a5;}
.mang_w .style_orange {background-color: #d54400;}
.mang_w .style_sky {background-color: #007bcb;}

@media screen and (max-width:860px) {
    .mang_w .step_w {width: 350px;}
    .mang_w [class^=style_] {width: 110px;text-align: center;}
    .mang_w .group02 li:nth-child(1) {margin-left: 90px;}
    .mang_w .group02 li:nth-child(2) {margin-left: 90px;}
    .mang_w .group02 li:nth-child(2) .part_in02 {transform: translate(50px,50px);}
    .mang_w .group02 li:nth-child(2) .part_in02 .take_gray:before { left: -19px; top: 13px; width: 110px; }
    .mang_w .group02 .take_gray:before {width: 50px;}
    .mang_w .group02 .take_blue:before {width: 35px;}
    .mang_w .group02 [class^=num] {display: inline-block}
    .mang_w .group02 .num1 {transform: translateX(-45px);}
    .mang_w .group02 .num2 {transform: translateY(20px);}
    .mang_w .group02 .num3 {transform: translateY(20px);}
    .mang_w .group02 .num4 {transform: translateY(-20px);}
    .mang_w .group02 .num5 {transform: translateX(45px);}
    .mang_w .group02 .num6 {transform: translateX(45px);}
}

@media screen and (max-width:767px) {
    .mang_w .table_box table tbody th:first-child {width: auto;}
    .mang_w table tbody td {padding-left: 10px;padding-right: 10px;}
    .mang_w .site_bx ul {flex-wrap: wrap;}
    .mang_w .site_bx ul li {padding: 20px 0;width: 50%;}
    .mang_w .site_bx ul li:nth-child(4n-1) {border-left: 0;}
}
@media screen and (max-width:468px) {
    .mang_w .box {padding: 50px 20px;}
    .mang_w .step_w {width: 80%;}
    .mang_w [class^=style_] {width: 90px;}
    .mang_w .group01 {height: 320px;}
    .mang_w .group02 li:nth-child(1) {margin-left: 35px;}
    .mang_w .group02 li:nth-child(2) {margin-left: 35px;}
    .mang_w .group02 li:nth-child(2) .part_in02 {transform: translate(60px,85px);text-align: center;}
    .mang_w .group02 li:nth-child(2) .part_in02 .take_gray:before {width: 50%;left: 50%;}
    .mang_w .group02 li:nth-child(2) .part_in02 .num2 {transform: translateY(50px);}
    .mang_w .group02 li:nth-child(3) {margin-right: 35px;}
    .mang_w .group02 li:nth-child(4) {margin-right: 35px;}
    .mang_w .group02 li:nth-child(5) {margin-right: 35px;}
    .mang_w .group02 li:nth-child(6) {margin-right: 35px}
    .mang_w .group02 li:nth-child(7) {margin-left: 0;}
}
@media screen and (max-width:400px) {
    .mang_w .group02 li:nth-child(2) .part_in02 .take_gray:before {width: 40px;left: 0px}
}
@media screen and (max-width:360px) {
    .mang_w .step_w {width: 90%;}
    .mang_w .group02 li:nth-child(2) .part_in02 .take_gray:before {left: 20px;}
}
@media screen and (max-width:360px) {
    .mang_w .step_w {width: 90%;}
    .mang_w .group02 li:nth-child(2) .part_in02 .take_gray:before {width: 20px;left: 0px;}
}
/*가스와 생활 > 가스안전제도 > 공급자 안전관리*/
.pro_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.pro_w .table_box table tbody tr th{width: 260px;}

@media screen and (max-width:767px) {
    .pro_w .table_box table tbody tr th{width: auto;}
}

/*가스와 생활 > 가스안전제도 > 가스시설 법정검사*/
.check_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.check_w .em_box thead tr th{ background-color: #f0f0f0;font-weight: 600;} 
.check_w .em_box tbody th{ width: 260px} 
.check_w .em_box tbody tr td:first-of-type{ border-left: 0} 
.check_w .em_box tbody tr td {padding: 20px 30px;}

@media screen and (max-width:767px) {
    .check_w .em_box tbody th{ width: auto} 
    .check_w .em_box tbody tr td {padding-left: 10px;padding-right: 10px;} 
}

/*가스와 생활 > 가스안전제도 > 사용자 자율점검*/
.ins_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.ins_w table tbody th{ width: 260px} 
.ins_w table tbody tr td {padding: 20px 30px;}

@media screen and (max-width:767px) {
    .ins_w table tbody th{ width: auto} 
    .ins_w table tbody tr td {padding-left: 10px;padding-right: 10px;} 
}

/*가스와 생활 > 가스안전제도 > LP가스체적거래제*/
.lp_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.lp_w .lpg_rescue{display: flex;}
.lp_w .lpg_rescue div{margin-right: 40px;width: 100%;}
.lp_w .lpg_rescue .rescue li{padding-bottom: 15px;}
.lp_w .lpg_rescue .rescue .tit{color: #222;padding-bottom: 13px;font-weight: 500;}
.lp_w .lpg_rescue .rescue .tit span{padding: 2px 9px; border-radius: 10px;background-color:#1973c4;color: #fff;display: inline-block;margin-right: 10px;font-size: 14px;}
.lp_w .clclt{border: 1px solid #d9d9d9;padding: 20px 0;}
.lp_w .clclt p{font-size: 1.286rem;color: #0253a5;text-align: center;font-weight: 600;}
.lp_w .clclt_txt{padding-top: 10px;}
.lp_w .clclt_txt p strong{color: #222;font-weight: 600;}
.lp_w .pressure{display: flex;justify-content: center;align-items: center;}
.lp_w .pressure>div{margin-left: 10px;}
.lp_w .pressure>div div{padding: 10px;}
.lp_w .pressure>div div:last-child{border-top: 2px solid #0253a5}
.lp_w .col_bd p{margin-bottom: 19px;}/*사용할일이 있으면 공통으로 올리기*/
.lp_w .col_bd tr td{vertical-align: middle;}
.lp_w .lpg_table tbody tr th{color: #606060;}
.lp_w .lpg_table tr td{border: 1px solid #d9d9d9;text-align: center;padding: 15px;vertical-align: middle;}
.lp_w .method_bx {display: flex;align-items: center;gap: 20px;justify-content: space-between;}
.lp_w .method_bx .method_item{display: flex;align-items: center;flex-direction: column;flex-basis: 50%;border: 1px solid #d9d9d9;text-align: center;}
.lp_w .method_bx .method_item .tit {width: 100%;background-color: #f0f0f0;font-size: 1.143rem;line-height: 50px;font-weight: 500;}
.lp_w .method_bx .method_item .text {padding: 20px 20px 30px;width: 100%;height: 140px;font-size: 1.071rem;}
.lp_w .table_box.fix_box table tr th {width: 260px;}
.lp_w .table_box .em_box thead tr th:first-of-type {width: 340px;}
.lp_w .table_box .stage_box.em_box tbody tr td {text-align: center;}

@media screen and (max-width:767px) {
    .lp_w .lpg_rescue {flex-direction: column;align-items: center;} 
    .lp_w .lpg_rescue div {text-align: center;margin-right: 0;}
    .lp_w .lpg_rescue .rescue {margin-top: 20px}
    .lp_w .method_bx {flex-direction: column;}
    .lp_w .table_box .em_box thead tr th,
    .lp_w .table_box .em_box tbody tr th{white-space: nowrap;}
    .lp_w .table_box .em_box thead tr th:first-of-type {width: auto;}
    .lp_w .table_box.fix_box table tr th {width: auto;}
    .lp_w .em_box tbody th{ width: auto} 
    .lp_w .em_box tbody tr td {padding-left: 10px;padding-right: 10px;} 
}
/*가스와 생활 > 가스안전제도 > 서민안전지원사업*/
.ord_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.ord_w .table_box table tr td.procedure {padding-left: 30px;} 
.ord_w .procedure .step {display: flex;gap: 20px;flex-wrap: wrap;}
.ord_w .procedure .step li{position: relative;display: flex;flex-direction: column;align-items: center;min-width: 115px;height: 140px;padding: 20px 15px 30px ;border: 1px solid #e1e1e1;text-align: center;}
.ord_w .procedure .step li.right:after {right:-17px}
.ord_w .procedure .step li .proce_tit {color: #222;font-size: 1.071rem;line-height: 1.4;min-height: 37px;font-weight: 600;}
.ord_w .procedure .step li .proce_txt {margin-top: 20px;line-height: 1.2;}
.ord_w .be_af{border: 1px solid #e1e1e1;padding: 50px 130px;}
.ord_w .be_af .ex_bx ul {display: flex;align-items: center;gap: 120px;}
.ord_w .be_af .ex_bx ul li{display: flex;flex-direction: column ;padding: 0;position: relative;flex-basis:50%;}
.ord_w .be_af .ex_bx ul li span{color: #fff;display: inline-block;padding:5px 35px;border-radius: 23px;position: absolute;top: -17px;left: 50%;font-size: 1.286rem;width: 120px;margin-left: -60px;} 
.ord_w .be_af .ex_bx ul li:first-child span{background-color:#999;}
.ord_w .be_af .ex_bx ul li:last-child span{background-color:#0253a5;} 
.ord_w .be_af .ex_bx ul li.right:after {width: 16px;height: 32px;background-size: contain;right: -60px;transform: translateX(50%) translateY(-50%);}
.ord_w .be_af .ex_bx ul li .ex_img img {width: 100%;}
.ord_w .be_af .ex_bx ul li:first-child .ex_img{border: 1px solid #999;}
.ord_w .be_af .ex_bx ul li:last-child .ex_img{border: 3px solid #0253a5;}
.ord_w .be_af .ex_bx ul li .ex_txt {margin-top: 20px;text-align: center;} 
.ord_w .be_af .ex_bx ul li .ex_txt > p {font-size: 1.143rem;font-weight: 600;} 
.ord_w .be_af .ex_bx ul li:first-child .ex_txt > p {color: #606060;} 
.ord_w .be_af .ex_bx ul li:last-child .ex_txt > p {color: #0253a5;} 
.ord_w .table_box.fix_box table tr th {width: 260px;}
.ord_w #ord_panel01 .table_box table tbody tr td.att p ~ p {margin-top: 10px;} 
.ord_w #ord_panel01 .table_box table tbody tr td.att p:last-child {margin-top: 5px;} 
.ord_w #ord_panel01 .table_box table tr td .share_btn {color: #606060;text-decoration: underline;}
.ord_w #ord_panel01 .table_box table tr td .share_btn:after {margin-left: 8px;background-position-x: -13px;vertical-align: middle;}
.ord_w #ord_panel01 .table_box table tr td .share_btn:hover {color: #0253a5;text-decoration: underline;}
.ord_w #ord_panel01 .procedure .step li ~ li::before {position: absolute;left: -15px;display: inline-block;content: '';background: url(../img/sub/icon_arrow_b.png)no-repeat;width: 10px;height: 19px;top: 50%;transform: translateY(-50%);}
.ord_w #ord_panel02 .procedure .step li ~ li::before {position: absolute;left: -15px;display: inline-block;content: '';background: url(../img/sub/icon_arrow_b.png)no-repeat;width: 10px;height: 19px;top: 50%;transform: translateY(-50%);}
@media screen and (max-width:1025px) {
    .ord_w #ord_panel01 .procedure .step {padding-left: 20px;}
    .ord_w #ord_panel01 .procedure .step li {width: 30%;}
    .ord_w #ord_panel01 .procedure .step li.right:after {right: auto;left: -17px;}
}
@media screen and (max-width:767px) {
    .ord_w .table_box.fix_box table tr th {width: auto;}
    .ord_w .be_af {padding: 50px;}
    .ord_w .be_af .ex_bx ul {flex-direction: column;}
    .ord_w .be_af .ex_bx ul li.right:after {left: 50%;right: auto;top: auto;bottom: -75px;transform: translateX(-50%) rotate(90deg);}
}
@media screen and (max-width:400px) {
    .ord_w #ord_panel02 .procedure .step {padding-left: 20px;}
}

/*가스와 생활 > 가스안전제도 > 우수판매업체인증*/
.sale_w .sub_tit .text p {width: 100%;}
.sale_w .semi_tit {color: #0457a8;font-size: 1.286rem;font-weight: 600;}/*20211216_수정*/
.sale_w .table_box.fix_box .stage_box tr .acr_bx {padding-left: 70px;}
.sale_w .acr_prc{display: flex;align-items: center;justify-content: center;margin-top: 13px;font-weight: 500;position: relative;}
.sale_w .acr_prc .nnc {position: absolute;left: 0;display: flex;align-items: center;height: 60px;}
.sale_w .acr_prc .nnc p{width: 120px;line-height: 60px;;font-size: 1.071rem;color: #fff;background-color: #d54400;text-align: center;}
.sale_w .acr_prc .nnc span { display: flex; flex-direction: column;margin-top: -15px;margin-left: 10px;color: #d54400; font-weight: 600;text-align: center;  letter-spacing: -0.38px;}
.sale_w .acr_prc .nnc span::after{content: "";display: block;margin-top: -5px;background: url(../img/sub/bg_arrow_le.png) no-repeat;width: 84px;height: 14px;}
.sale_w .acr_prc ol{flex: 0 1 50%;margin-left: 50px;display: flex;flex-direction: column;align-items: center;}
.sale_w .acr_prc ol li{display: flex;flex-direction: column;align-items: center;}
.sale_w .acr_prc ol li .icon_bx {display: flex;align-items: center;gap: 15px;height: 30px;}
.sale_w .acr_prc ol li i{display: inline-block;width: 14px;height: 14px;vertical-align: middle;}
.sale_w .acr_prc ol li p{border: 1px solid #e1e1e1;width: 240px;text-align: center;color:#222 ;font-size: 1.071rem;padding: 14px 0;position: relative;}
.sale_w .acr_prc ol li span{display: inline-block;position: absolute;margin-left: 20px;font-size: 0.929rem;font-weight: 600;letter-spacing: -0.38px;}
.sale_w .acr_prc ol li:nth-of-type(4) span{color: #0253a5;}
.sale_w .acr_prc ol li:nth-of-type(4)~li p{width: 300px;}
.sale_w .acr_prc ol li:nth-of-type(5) p,
.sale_w .acr_prc ol li:nth-of-type(6) p{border: 1px solid #00a6e7;}
.sale_w .acr_prc ol li:nth-of-type(7) p{background-color: #0457a8;color: #fff;}
.sale_w .acr_prc ol li:nth-of-type(8) p{background-color: #f7f7f7; border: 1px solid #999;}
.sale_w .table_box.fix_box .stage_box tr th {width: 260px;}
.sale_w .table_box.fix_box .stage_box tr td {padding-left: 30px;padding-right: 30px;}
.sale_w .em_box .img_box {display: flex;flex-direction: column;align-items: center;gap: 15px;}
.sale_w .em_box .img_box img{ align-self: center }
.sale_w .em_box .img_box img + img {margin-top: 10px;}
.sale_w .em_box thead tr th{ background-color: #f0f0f0;font-weight: 600;} 
.sale_w .em_box tr td .bt-download{ padding: 7px 20px;}
.sale_w .table_box.fix_box .stage_box tr td p.bt {margin-top: 10px;} 

@media screen and (max-width:767px){
    .sale_w .table_box.fix_box .stage_box tr th {width: auto;}
    .sale_w .table_box.fix_box .stage_box tr .acr_bx {padding-left: 30px;padding-right: 30px;}
    .sale_w .acr_prc {min-width: 465px;justify-content: flex-end;}
    .sale_w .em_box thead {display: none;}
    .sale_w .em_box tbody, 
    .sale_w .em_box tr {display: block;width: 100%;} 
    .sale_w .em_box table tr + tr { border-top: 1px solid #d9d9d9; }
    .sale_w .em_box tbody tr td {display: flex;flex-direction: column;border-left: none;text-align: center;padding: 10px 0;} 
    .sale_w .em_box tr td .bt-download {padding: 7px 20px;}
}

/*가스와 생활 > 가스안전제도 > 가스안전보안관*/
.she_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.she_w .semi_tit {color: #0457a8;font-size: 1.286rem;font-weight: 600;}
.she_w .org_bx {padding: 40px 80px;border: 1px solid #dde2e6;text-align: center;}
.she_w .org_bx .org {width: 820px;margin: 0 auto;}
.she_w .org_bx .org_top {padding-bottom: 30px;}
.she_w .org_bx .org_top .goal {display: inline-block;width: 260px;padding: 21px 0;background-color: #0457a8; color: #fff; text-align: center;font-weight: 600;font-size: 1.286rem;position: relative;}
.she_w .org_bx .org_top .goal::after {z-index: -1; content: ""; width: 1px ;height: 300px ; display: block; position: absolute; left: 50%; bottom: -250px ; background: #e1e1e1; }
.she_w .org_bx .org_bot {display: flex;gap: 20px;position: relative;justify-content: center;}
.she_w .org_bx .org_bot::before {display: inline-block;content: '';width: 560px;height: 1px;position: absolute; left: 50%; top: -15px ; background: #e1e1e1;transform: translate(-50%, -50%);}
.she_w .org_bx .org_bot dl {display: flex;flex-direction: column;position: relative;gap: 15px;}
.she_w .org_bx .org_bot dl:first-child::before, 
.she_w .org_bx .org_bot dl:last-child::before {display: inline-block;content: '';width: 1px;height: 100%;position: absolute; left: 50%; top: -15px ; background: #e1e1e1;z-index: -1;}
.she_w .org_bx .org_bot dl dt {margin-bottom: 5px;padding: 17px 40px;width: 260px;border: 1px solid #00a6e7;background-color: #fff;font-size: 1.143rem;color: #222;letter-spacing: -0.4px;font-weight: 500;line-height: 1.2;}
.she_w .org_bx .org_bot dl dd {display: inline-block;width: 260px;padding: 18px 40px;color:#222;background-color: #f7f7f7; border: 1px solid #e1e1e1;font-size: 1.071rem;letter-spacing: -0.38px;font-weight: 500;}
.she_w .org_bx > ul{display: flex;justify-content: space-between;font-weight: 500;}
.she_w .table_box.fix_box table tr th {width: 260px;}

@media screen and (max-width: 1023px) {
    .she_w .org_bx .org { width: 690px;}
}
@media screen and (max-width: 930px) {
    .she_w .org_bx .org { width: 100%;}
    .she_w .org_bx .org_bot dl dt {width: 100%;padding: 10px;}
    .she_w .org_bx .org_bot dl dd {width: 100%;padding: 10px;}
}
@media screen and (max-width:767px){
    .she_w .table_box.fix_box table tr th {width: auto;}
    .she_w .org_bx .org_top .goal {width: 100%;padding: 15px}
    .she_w .org_bx .org_bot::before,
    .she_w .org_bx .org_top .goal::after {display: none;}
        .she_w .org_bx .org_bot {flex-direction: column;}
    .she_w .org_bx .org_bot dl:first-child::before,
    .she_w .org_bx .org_bot dl:last-child::before {top: 0}
    .she_w .org_bx .org_bot dl:nth-child(2)::before {display: inline-block;content: '';width: 1px;height: 100%;position: absolute; left: 50%; top: 0 ; background: #e1e1e1;z-index: -1;}
}

/*가스와 생활 > 가스안전제도 > 전국도시가스사*/
.nation_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.nation_w .guide {padding: 10px 0 20px;font-size: 1.071rem;;text-align: right;}
.nation_w table thead tr th {white-space: nowrap;}
.nation_w table tr th:first-of-type[rowspan] {width: 80px;}
.nation_w table tr th:nth-of-type(2)[rowspan] {width: 210px;}
.nation_w table tbody tr th:first-of-type[rowspan] {color: #606060;font-weight: 400;}
.nation_w .stage_box tbody tr td {text-align: center;}
.nation_w .stage_box.em_box thead tr th {background-color: #F0F0F0;font-weight: 600;}
@media screen and (max-width:767px){
    .nation_w table tr th:first-of-type[rowspan] {width: auto;}
    .nation_w table tr th:nth-of-type(2)[rowspan] {width: auto;}
}
@media screen and (max-width:767px){
    .content_header h3 {font-size: 1.416rem;}  
    .content > h3{ margin-bottom: 0px; padding-bottom: 11px}
    .sub_tit{padding: 30px 0;gap:15px;}
    .sub_tit .icon{ width: 53px; height:53px; margin:8px 0 0 0}        
    .sub_tit .text{ margin: 0} 
}

/*---------------------------------------------------------------------------------------------------------*/
/*이용안내*/
/*sitemap-사이트맵1-20211215*/
.msitemap_w{}
.msitemap_w h5 a{display: inline-table;position: relative;width: 230px;height: 60px;margin: 0 0 20px; border: 1px solid #e1e1e1; background-color: #fff;color: #222222;font-size: 15px;font-weight: 600;} 
.msitemap_w h5 a:after {display:block;position:absolute;top: 50%;right: 15px;width: 5px;height: 5px;margin-top: -3px;border-radius: 1px;border: solid #999999;border-width: 0 2px 2px 0;content:'';transform: rotate(315deg); -webkit-transform: rotate(315deg); }
.msitemap_w h5 a span { display: table-cell; vertical-align: middle;padding-left: 20px; } 
.msitemap_w h5:hover > a{ color: #2f68c2; text-decoration: underline; } 
.msitemap_w .list li:hover > a{ color: #2f68c2; text-decoration: underline; } 
.msitemap_w .depth_02 > div > ul > li > a{color: #222; font-size: 1.071rem;font-weight: 500;margin: 30px 0 15px;display: block;}
.msitemap_w .sitemap_box{display: flex;flex-wrap: wrap;}
.msitemap_w .sitemap_box >li {flex-basis: 25%;}
.msitemap_w .sitemap_box.dpt >li {flex-basis: 20%;}
.msitemap_w .sitemap_box.dpt h5 a{width: 181px; height: 50px;margin: 0 0 20px;}
.msitemap_w .sitemap_box.dpt >li .depth_02 > div > ul > li{line-height: 1.714rem;}
.msitemap_w .sitemap_box.dpt >li .depth_02 > div > ul > li > a{margin: 0;color: #606060;font-weight: 400;}
@media screen and (max-width:975px){
    .msitemap_w .sitemap_box{gap: 10%;}
    .msitemap_w .sitemap_box >li {flex-basis: 43%;}
    .msitemap_w h5 a{width: 100%;}
    .msitemap_w .depth_02 > div > ul{margin: 0 30px;}
    .msitemap_w .sitemap_box.dpt h5 a{width: 100%;}
    .msitemap_w .sitemap_box.dpt >li {flex-basis: 30%;}
    .msitemap_w .sitemap_box.dpt{gap: 15px;}
}
@media screen and (max-width:515px){
    .msitemap_w .sitemap_box >li {flex-basis: 100%;}
    .msitemap_w .sitemap_box.dpt >li {flex-basis: 100%;}
    .msitemap_w .sitemap_box{gap: 3%;}
    .msitemap_w .sitemap_box.dpt h5 a{width: 100%;}
    .msitemap_w .sitemap_box.dpt .depth_02 > div > ul{text-align: center;}
}

/*infohome-홈페이지2*/
.infohome_w .dot {position: relative;margin-bottom: 20px;padding-left: 10px;line-height: 1.4;text-align: left;font-size: 1rem;}
.infohome_w .dot::before {display: inline-block;content: '';width: 3px;height: 3px;background-color: #606060;vertical-align: middle;margin-left: -7px;margin-right: 6px;}	
.infohome_w .table_box + .dot {margin-top: 40px;}
.infohome_w .table_box.fix_box .stage_box tr th{width: 300px;padding: 18px 30px;}
.infohome_w .table_box.fix_box .stage_box tr th a p{justify-content: center;}

/*prvplc-개인정보처리방침 이전*/
.prvplc_w{}
.prvplc_w .h5{}
.prvplc_w p{font-size: 1.071rem;}
.prvplc_w .content_body>p{margin-bottom: 15px;}
.prvplc_w .g_box{background-color: #f7f7f7;padding: 40px 50px;}
.prvplc_w .g_box ul{display: flex;flex-wrap: wrap;}
.prvplc_w .g_box ul>li{width: calc(50% - 3px);font-size: 1.071rem;margin-bottom: 20px;}
.prvplc_w .str_list{margin-top: 20px;}
.prvplc_w .str_list>li:not(:last-child){margin-bottom: 15px;}
.prvplc_w .str_list>li>ul>li{margin-left: 18px;}
.prvplc_w .ring_list>li{font-size: 1.071rem;display: flex;}
.prvplc_w .ring_list>li:not(:last-child){margin-bottom: 20px;}
.prvplc_w .pinfo3>li .list{margin-bottom: 0;margin-top: 25px;} 
.prvplc_w .share_btn{display: inline-block;}
.prvplc_w .data_down{text-decoration: none;}
.prvplc_w .data_down:hover{text-decoration: underline;}
.prvplc_w .data_down :hover{text-decoration: underline;}

@media screen and (max-width: 930px) {
    .prvplc_w .g_box{padding: 20px 30px;}
}
@media screen and (max-width:767px){
    .prvplc_w .g_box ul>li{width: 100%;margin-bottom: 10px;}

}

/*per_rule_wrap-개인정보처리방침 개정*/
.per_rule_wrap{}
.per_rule_wrap .h5{}
.per_rule_wrap p{font-size: 1.071rem;}
.per_rule_wrap .content_body>p{margin-bottom: 15px;}
.per_rule_wrap .g_box{background-color: #f7f7f7;padding: 40px 50px;}
.per_rule_wrap .g_box ul{display: flex;flex-wrap: wrap;}
.per_rule_wrap .g_box ul>li{width: calc(50% - 3px);font-size: 1.071rem;margin-bottom: 20px;}
.per_rule_wrap .str_list{margin-top: 20px;}
.per_rule_wrap .str_list>li:not(:last-child){margin-bottom: 15px;}
.per_rule_wrap .str_list>li>ul>li{margin-left: 18px;}
.per_rule_wrap .ring_list>li{font-size: 1.071rem;display:flex; gap: 5px;}
.per_rule_wrap .ring_list>li:not(:last-child){margin-bottom: 20px;}
.per_rule_wrap .pinfo3>li .list{margin-bottom: 0;margin-top: 25px;}
.per_rule_wrap .share_btn{display: inline-flex;}
.per_rule_wrap .content_body h5.m_type2 {display: flex;align-items: center;}
.per_rule_wrap .data_down{text-decoration: none;}
.per_rule_wrap .data_down:hover{text-decoration: underline;}
.per_rule_wrap .data_down :hover{text-decoration: underline;}
.per_rule_wrap .tb_board.tb_tdc td,.per_rule_wrap .tb_board.tb_tdc th{vertical-align: middle;word-break: break-all;}

.per_rule_wrap>.tit_sub{margin:30px 0 10px 0;}
.per_rule_wrap .panel_box p{margin: 10px 0;}
.per_rule_wrap>ol{margin-top: 5px;}
.per_rule_wrap>ol>li{margin:4px 0;padding-left:15px;text-indent:-15px;word-break: keep-all;}
.per_rule_wrap>ol>li>ol,.per_rule_wrap>ol>li>ul{margin:10px 0;}
.per_rule_wrap>ol>li>ol>li,.per_rule_wrap>ol>li>ul>li{margin:4px 0;padding-left:0;text-indent:0;word-break: keep-all;}
.per_rule_wrap>ol>li>ol>li>ul,.per_rule_wrap>ol>li>ol>li>ol{margin:4px 0;}
.per_rule_wrap>ol>li>ol>li>ul li,.per_rule_wrap>ol>li>ol>li>ol li{padding-left:15px;word-break: keep-all;}
.per_rule_wrap .list ul,.per_rule_wrap .list ol{margin:5px 0;}
.per_rule_wrap .tit_rule{margin:5px 0 5px 0;/* font-weight: 500; */}
.per_rule_wrap>p,.per_rule_wrap>ol>li p{padding-left:0;text-indent:0;word-break: keep-all;}
.per_rule_wrap dl{margin:10px 0;}
.per_rule_wrap dt{font-weight: 500;}
.per_rule_wrap dd{margin:4px 0;padding-left:10px;}
.per_rule_wrap .tb_board{margin:10px 0;}
.per_rule_wrap>p{margin:10px 0 0 0;}
.rule_link {padding-right:20px;background: url('https://www.privacy.go.kr/images/sub/scommon/ico_link.gif')no-repeat center right;color: #1f6ed4; text-decoration: underline;}
.per_rule_wrap .links{display: block;margin:20px 0 0 0;}


@media screen and (max-width: 930px) {
    .per_rule_wrap .g_box{padding: 20px 30px;}
}
@media screen and (max-width:767px){
    .per_rule_wrap .g_box ul>li{width: 100%;margin-bottom: 10px;}
}

/* panel_box */
.panel_box{position: relative;margin: 20px 0 20px 0;padding: 20px;color: #333;background-color: #fafafa;border: 1px solid #e6e6e6;border-radius: 5px;word-break: keep-all;}
.panel_box.pds{/* padding:10px 20px; */}
.panel_box.pdm{padding:20px 25px;}
.panel_box{float: none;}
.panel_box .tit_panel {margin: 0;margin-bottom: 15px;line-height:24px;font-weight:700;color: #165e9b;font-size: 20px;}
.panel_box .tit_f17{font-size:17px;font-weight:500;}
.panel_box .tit_f17 > *{font-size:17px;font-weight:500;}
.panel_box .tit_f17 strong{color:#4374ac;}
.panel_box.panel_step .tit_panel {color:#111;text-align: center;font-weight: 300;}
.panel_box.panel_white {background-color: #fff;border: 1px solid #d9d9d9;}
.panel_box .lineHeights li{margin-bottom:5px;}

.label_wrap{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    position: relative;
}
.label_box{
    width: 30%;
    height: 200px;
    box-sizing: border-box;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items:center;    
    cursor: pointer;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #fff;
    position:relative
}
.label_box:hover{
transition: 0.2s;
border: 1px solid #1647aa;
}
.label_cnt {
    font-size: 14px;
    margin-top: 20px;
    font-weight: 300;
    color: #111;
}
.label_layer{
    display: none;
    position: absolute;
    box-sizing: border-box;    
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #eee;    
    width: 500px;    
    z-index: 999;
}
.label_desc_top{
    width: 100%;
    box-sizing: border-box;
    padding:15px;
    background-color: #1647aa;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.label_desc_top p{
    color: #fff;
}
.label_desc_btm{
    width: 100%;
    box-sizing: border-box;
    padding: 25px 25px;
}
.desc_wrap{
    display: flex;
    flex-flow: row wrap;
}
.desc_box{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 15px 15px;
    margin-top: 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;    
}
/* 220308(s) */
.desc_tit{        
    width: 30%;
    font-weight: 400;
    color: #1647aa;
    word-break: keep-all;    
}
.desc_cnt{        
    width: 68%;
    color: #333;
    font-size: 14px;
}
/* //220308(e) */
.label_layer.num0{
    top:0;
    left: 105%; 
}
.label_layer.num1{
    top:0;
    left: 105%; 
}
.label_layer.num2{
    top:0;
    right: 105%; 
}
.label_layer.num3{
    top:0;
    left: 105%; 
}
.label_layer.num4{
    top:0;
    left: 105%; 
 }
 .label_layer.num5{
    top:0;
    right: 105%;  
 }
 /* 220308(s) */
 .cnt_list{
     width: 85%;
     margin: 20px auto 0px;
     display: flex;
     flex-flow: row wrap;
     justify-content: space-between;
 }
 .cnt_list li {
     width:45%;
     margin-bottom: 30px;
     position: relative;
    box-sizing: border-box;    
 }
 .cnt_list li a{ 
     color: #444;   
    font-weight: 400;
    box-sizing: border-box;
    padding-left: 30px;
    height: 25px;
    display: block;
} 
 /* //220308(e) */
 .tit_list{
     font-size: 18px;
     font-weight: 600;
     color: #333;
     box-sizing: border-box;
     margin: 30px 0 10px 0;     
     vertical-align: middle;
 } 
 /* 220308(s) */
 .list_icon{
     margin-right: 10px;
     vertical-align: middle;
 }
 .cnt_list li:first-child a{
     background: url(../img/sub/img_object_20.png)no-repeat 0 0;
 }
 .cnt_list li:nth-child(2) a{
    background: url(../img/sub/img_reg_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(3) a{
    background: url(../img/sub/img_private_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(4) a{
    background: url(../img/sub/img_result_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(5) a{
    background: url(../img/sub/img_period_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(6) a{
    background: url(../img/sub/img_destruction_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(7) a{
    background: url(../img/sub/img_third_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(8) a{
    background: url(../img/sub/img_consign_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(9) a{
    background: url(../img/sub/img_safe_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(10) a{
    background: url(../img/sub/img_false_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(11) a{
    background: url(../img/sub/img_cookie_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(12) a{
    background: url(../img/sub/img_court_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(13) a{
    background: url(../img/sub/img_cpo_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(14) a{
    background: url(../img/sub/img_browse_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(15) a{
    background: url(../img/sub/img_help_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(16) a{
    background: url(../img/sub/img_result_20.png)no-repeat 0 0;
}
.cnt_list li:last-child a{
    background: url(../img/sub/img_change_20.png)no-repeat 0 0;
}

.desc_icon{
    box-sizing: border-box;
    padding-left: 30px; 
    height: 25px;
}


/*200902 (s)*/
.tb_board th{padding:15px 4px;background: #f9f9f9;border-bottom:1px solid #ddd;font-weight: 500; border-left: 1px solid #e2e2e2;}
.tb_board th:last-child{border-right: 1px solid #e2e2e2;}
.tb_board td{padding:15px 4px;border-bottom:1px solid #ddd;}
.tb_board th.thW{background: #fff;}
.tb_board .importantNotice{display: inline-block;padding:4px 8px;background:#df3131;color:#fff;font-size:12px;font-weight: 300; border-radius: 4px;}
.td_border_all tbody td{padding: 25px;border-left: 1px solid #e2e2e2;}
.td_border_all tbody td:first-child{border-left:0;}
.tb_board td .chkradio label input{height:auto}
.tb_board.tb_tdc td{text-align: center !important;}

@media screen and (max-width: 930px) {
    .td_border_all tbody td{padding: 10px}
}


/*oprtnvdin-영상정보처리기기운영·관리방침4*/
.oprtnvdin_w{}
.oprtnvdin_w .table_box .stage_box tbody tr td{text-align: center;width: 195px;}
.oprtnvdin_w .table_box .stage_box thead tr th{}
.oprtnvdin_w p+.table_box{margin-top: 20px;}
.oprtnvdin_w .table_box+p{margin-top: 20px;}

/*emlun-이메일무단수접거부5*/



/*정보공개 > 사업실명제 > 사업실명제제도안내*/
.brule_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.brule_w .sub_tit {padding-top: 20px;}
.brule_w .text .tit {color: #222;;font-weight: 600;font-size: 1.571rem;margin-bottom: 20px;}
.brule_w .sub_tit .text > p {width: 100%;}
.brule_w .dot {position: relative;padding-left: 10px;text-align: left;}	
.brule_w .dot + .dot {margin-top: 5px;}	
.brule_w .dot::before {display: inline-block;content: '';width: 3px;height: 3px;background-color: #606060;vertical-align: middle;margin-left: -7px;margin-right: 6px;}	
.brule_w .box {display: flex;border: 1px solid #d9d9d9;padding: 50px 80px;align-items: center;justify-content: space-between;}
.brule_w .box .org-list {display: flex;align-items: center;}
.brule_w .box .org-list .cont {width: 240px;border: 1px solid #e1e1e1;border-radius: 5px;}
.brule_w .box .org-list .cont .bus_tit {padding: 13px 0;color: #fff;background-color: #007BCB;border-top-left-radius: 5px;border-top-right-radius: 5px;text-align: center;font-size: 1.143rem;font-weight: 600;}
.brule_w .box .org-list .list-depth1-dot {padding: 15px 20px;}
.brule_w .box i {position: relative;display: flex;flex-direction: column;font-weight: 600;color: #222;text-align: center;font-style: normal;font-size: 1.071rem;word-break: keep-all;}
.brule_w .box .org-list .icon {padding: 0 25px;}
.brule_w .box .org-list .last {align-self: stretch;width: 143px;}
.brule_w .box .org-list .last .bus_tit{display: flex;align-items: center;justify-content: center;height: 100%;color: #fff;background-color: #005BAC;border-radius: 5px;text-align: center;font-size: 1.143rem;font-weight: 600;}
.brule_w .box i::before {position: absolute;top: 31px;left: -5px;display: inline-block;content: '';background-color: #00a6e7;width: 60px;height: 2px;}
.brule_w .box i::after {position: absolute;top: 25px;right: -10px;display: inline-block;content: '';background: url(../img/sub/bg_arrow_bo.png)no-repeat 0 0;width: 14px;height: 14px;transform: rotate(-90deg);}
.brule_w .box [class^=list-depth1] li:first-child {padding-top: 0;}
.brule_w .box [class^=list-depth1] li {line-height: 1.2;}

@media screen and (max-width:1025px){
    .brule_w .box {padding: 50px 30px;flex-wrap: wrap;}
    .brule_w .box dl {width: 200px;}
}
@media screen and (max-width:930px){
    .brule_w .box .org-list .cont {width: 150px;}
}
@media screen and (max-width:820px){
    .brule_w .box {justify-content: center;}
    .brule_w .box dl {width: 100%;height: auto;}
    .brule_w .box i {height: 100px;line-height: 100px;}
    .brule_w .box dl.last {width: 100%;height: 100px;}
}
@media screen and (max-width:767px){
    .brule_w {margin-top: -30px;}
}

/*가스법규정보*/
.code_w .dec {margin-bottom:20px;color: #606060;font-size: 1.071rem;line-height: 1.6;}
.code_w .share {border: none;margin-top: 30px;}
.code_w .share .share_box {width: 245px;height: 60px;padding: 0;line-height: 60px;}
.code_w .share_box >.share_btn {justify-content: center;}
.code_w .box { padding: 50px 80px; border: 1px solid #d9d9d9;height: 570px;}
.code_w .code_1 {display: flex;gap: 55px;}
.code_w [class^="ini_"] .blue {margin-bottom: 40px;position: relative;font-size: 2.429rem;font-weight: 600;color: #0253a5;letter-spacing: -0.85px;}
.code_w [class^="ini_"] .dec {position: relative;display: inline-block;font-size: 1.143rem;font-weight: 600;color: #606060;line-height: 1.2;text-align: center;white-space: nowrap;}
.code_w .code_bx .blue::after {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: inline-block;content: '';background-color: #999;width: 100%;height: 2px;}
.code_w .code_bx .dec:before {position: absolute;top:-15px;left: 50%;transform: translateX(-50%);display: inline-block;content: '';width: 3px;height: 3px;background-color: #fff;border: 2px solid #999;border-radius: 50%;}
.code_w .code_bx .dec:after {position: absolute;top: -40px;left: 50%;transform: translateX(-50%);display: inline-block;content: '';width: 1px;height: 25px;background-color: #999;}
.code_w .code_bx .gray::after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: inline-block; content: ''; background-color: #999; width: 100%; height: 2px; }
.code_w .code_bx .gray.txt::after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: inline-block; content: ''; background-color: #999; width: 100%; height: 2px; }

.code_w [class^="ini_"] ul li {display: flex;flex-direction: column;align-items: center;}
.code_w .ini_2 {display: flex;flex-direction: column;position: relative;}
.code_w .ini_2 .txt_bx {position: absolute; display: flex; gap: 26px; left: -97px; top: 195px;}
.code_w .ini_3 .txt_bx {position: absolute; display: flex; gap: 26px; left: 20px; top: 195px;}
.code_w .ini_2 > ul {display: flex;gap: 75px;}
.code_w .ini_2 > ul li:first-child {margin-left: 4px;}
.code_w .ini_2 > ul li:first-child .blue::before {display: inline-block;content: '';height: 105px;width: 1px;background-color: #999;position: absolute;left: 50%;transform: translateX(-50%);top: 55px;}
.code_w .ini_2 > ul li:last-child .blue::before {display: inline-block;content: '';height: 105px;width: 1px;background-color: #999;position: absolute;left: 50%;transform: translateX(-50%);top: 55px;}
.code_w .ini_3 {position: relative;}
.code_w .ini_3 > ul {display: flex;gap: 20px;}
.code_w .ini_3 > ul li {width: 23.333%;}
.code_w .ini_3 > ul li:nth-child(1) .blue:before {position: absolute;left: 50%; transform: translateX(-50%); top: 55px;display: inline-block;content: '';background-color: #999;height: 105px;width: 1px;}
.code_w .ini_3 > ul li:nth-child(2) .blue:before {position: absolute;left: 50%; transform: translateX(-50%); top: 55px;display: inline-block;content: '';background-color: #999;height: 93px;width: 1px;}
.code_w .ini_4 > ul {display: flex;gap: 10px;}
.code_w .ini_4 > ul li:first-child .gray {margin-top: 10px;}
.code_w .ini_4 > ul li:last-child .gray.txt {margin-top: 5px;margin-bottom: 45px;}
.code_w .ini_4 > ul li:last-child .gray.txt:after {bottom: -5px;}
.code_w .gray {position: relative;margin-bottom: 40px;font-size: 2rem;font-weight: 600;}
.code_w .gray.txt {font-size: 1rem;font-weight: 600;letter-spacing: -0.35px;}

.code_w dl {position: relative;display: flex;flex-direction: column;width: 120px;}
.code_w .ini_2 dl:nth-child(1)::before {position: absolute;top: -35px;left: 50%;;display: inline-block;content: '';background-color: #999;width: 50px;height: 1px;}
.code_w .ini_3 dl:first-child::before {position: absolute;top: -36px;left: -4px;display: inline-block;content: '';background-color: #999;width: 65px;height: 1px;}
.code_w .ini_3 dl:last-child::before {position: absolute;top: -47px;left: -100px;display: inline-block;content: '';background-color: #999;width: 160px;height: 1px;}

.code_w dl dt{position: relative;padding: 10px 5px;border:1px solid #e1e1e1;border-bottom-width: 0;color: #0253a5;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 1.143rem;font-weight: 600;line-height: 1.2;text-align: center;}
.code_w dl dt::before {position: absolute;top:-20px;left: 50%;transform: translateX(-50%);display: inline-block;content: '';width: 3px;height: 3px;background-color: #fff;border: 2px solid #999;border-radius: 50%;}
.code_w dl dt::after {position: absolute;top:-36px;left: 50%;transform: translateX(-50%);display: inline-block;content: '';width: 1px;height: 19px;background-color: #999;}
.code_w dl dd{padding: 20px 10px;background-color: #F7F7F7;border:1px solid #e1e1e1;border-top-width: 0;font-size: 1rem;line-height: 1.6;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.code_w dl:last-child dt::after {top:-48px;height: 30px;}

@media screen and (max-width:1030px){
    .code_w .box {padding: 50px;height: 1000px;}
    .code_w .code_1 {flex-wrap: wrap;}
    [class^="ini_"] {flex-basis: 45%;}
    .code_w .ini_1 {margin-bottom: 320px;;}
    .code_w .ini_3 > ul {justify-content: space-between;}
    .code_w .ini_3 .txt_bx {left:44px}
    .code_w .ini_3 dl:last-child::before {width: 115px;left: -55px;}
}
@media screen and (max-width:767px){
    .code_w {margin-top: -30px;}
    .code_w .code_1 {justify-content: center;}
    .code_w .box {height: auto;}
    [class^="ini_"] {flex-basis: 100%;}
    .code_w .ini_1 {margin-bottom: 0;}
    .code_w .ini_2 {align-items: center;}
    .code_w .ini_2 > ul {gap: 125px;}
    .code_w .ini_2 .txt_bx {position: initial;margin-top: 90px;}
    .code_w dl dt::after {display: none;}
    .code_w dl:last-child dt::after{display: none;}
    .code_w .ini_2 dl:nth-child(1)::before {display: none;}
    .code_w dl:first-child dt::before {left:52%}
    .code_w .ini_3 {flex-basis: auto;width: 300px;}
    .code_w .ini_3 .txt_bx {position: initial;margin-top: 55px;}
    .code_w .ini_3 dl:first-child::before {width: 29px;left: 34px;}
    .code_w .ini_3 dl:last-child::before {width: 58px;left: 3px;}
    .code_w .ini_3 dl:first-child dt:after {position: absolute;top: -38px;left: 61px;display: inline-block;content: '';width: 1px;height: 20px;background-color: #999;}
    .code_w .ini_3 dl:last-child dt:after {position: absolute;display: inline-block;content: '';width: 1px;height: 30px;background-color: #999;}
    .code_w .ini_4 > ul {justify-content: center;}
}
@media screen and (max-width:468px){
    .code_w .ini_3 {width: 260px;}
    .code_w .ini_3 dl:last-child::before {width: 73px;left: -14px;}
    .code_w .ini_3 dl:first-child::before {width: 33px;left: 31px;}
}

/*민원업무절차*/

p.guide{margin-bottom: 20px;color: #606060; font-size: 1rem; font-weight: 400;text-align: left;} 
.incomp_w .tab_contents_w {padding-top: 60px;}
.incomp_w .complain_bx dl dd p{ display: block; padding-left: 10px; position: relative; text-align: left} 
.incomp_w .complain_bx dl dd p:before{width: 3px; height: 3px; display: block; background: #606060; content: ""; margin-right:9px; margin-top:12px;} 
.incomp_w .complain_bx dl dd p:before{ position: absolute; left: 0; top: 0}

.complain_bx{ display: flex; align-items: flex-start; justify-content: space-between; gap:0; position: relative;border: 1px solid #d9d9d9; border-top: 0} 
#incomp_panel01 .complain_bx dl{ width: 33.333%;border: 1px solid #d9d9d9; border-width: 0} 
#incomp_panel01 .complain_bx dl.complain1{ order: 1; height: 305px } 
#incomp_panel01 .complain_bx dl.complain2{ order: 4; position: absolute; left: 0; top: 305px;} 
#incomp_panel01 .complain_bx dl.complain3{order: 2; height: 555px; border-width: 0 1px } 
#incomp_panel01 .complain_bx dl.complain4{order:3; height: 308px;border-width: 0 0px 0 0px} 
#incomp_panel01 .complain_bx dl.complain5{ order: 5;border-width: 0 0px 0px 0px; position: absolute; right: 0; top: 320px} 
#incomp_panel01 .complain_bx dl{ width: 33.333%;border: 1px solid #d9d9d9; border-width: 0} 

.complain_bx dl dt{ background:  #f9f9f9; height: 52px; border-top: 2px solid #999; text-align: center; line-height: 49px; color: #222; font-size:1.142rem; font-weight: 600; text-align: center; border-bottom: 1px solid #d9d9d9} 
.complain_bx dl dd{ padding:22px 30px} 
.complain_bx dl dd p{ line-height: 2; color: #606060; font-weight: 400; font-size:1.071rem} 
.complain_bx dl dd p a {line-height: 1.3;word-break: break-all;}
.complain_bx dl dd p a:hover{ text-decoration: underline; color: #0253a5 } 
.complain_bx dl dd p span{ display: block; padding-left: 10px} 

@media screen and (min-width: 768px) and (max-width: 950px) {
    .complain_bx dl.complain3{height: 750px; }
    #incomp_panel01 .complain_bx dl.complain3 {height: 750px;}
	 .complain_bx dl.complain5{top: 360px;}

}
@media screen and (max-width:767px) {
	.complain_w .sub_tit, .self_w .sub_tit{ padding-bottom: 30px} 
    .complain_bx dl.complain3{height: 750px; }
    .complain_bx dl.complain5{top: 390px;}
    #incomp_panel01 .complain_bx dl.complain3 {height: 750px;}
    
}
@media screen and (max-width:650px) {
    .complain_bx{ flex-direction: column} 
    .complain_bx dl a{ padding: 4px 0; display: inline-block; } 
    #incomp_panel01 .complain_bx dl { order: 0 !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; height: auto !important; width: 100%; border: none !important }  

}

/*민원업무서식*/

p.guide{margin-bottom: 20px;color: #606060; font-size: 1rem; font-weight: 400;text-align: left;} 
.formet_w .tab_contents_w {padding-top: 60px;}
.formet_w .complain_bx dl dd p{ display: block; padding-left: 10px; position: relative; text-align: left} 
.formet_w .complain_bx dl dd p:before{width: 3px; height: 3px; display: block; background: #606060; content: ""; margin-right:9px; margin-top:12px;} 
.formet_w .complain_bx dl dd p:before{ position: absolute; left: 0; top: 0}

.complain_bx{ display: flex; align-items: flex-start; justify-content: space-between; gap:0; position: relative;border: 1px solid #d9d9d9; border-top: 0} 

#formet_panel01 .complain_bx dl{ width: 33.333%;border: 1px solid #d9d9d9; border-width: 0} 
#formet_panel01 .complain_bx dl.complain1{ order: 1; height: 336px } 
#formet_panel01 .complain_bx dl.complain2{ order: 4; position: absolute; left: 0; top: 336px;} 
#formet_panel01 .complain_bx dl.complain3{order: 2; height: 336px; border-width: 0 1px } 
#formet_panel01 .complain_bx dl.complain4{order:5; border-width: 0 1px;position: absolute; left: 50%; transform: translateX(-50%);top: 336px;height: 305px;} 
#formet_panel01 .complain_bx dl.complain5{ order: 3;border-width: 0 0 0 0;height: 644px; } 
#formet_panel01 .complain_bx dl{ width: 33.333%;border: 1px solid #d9d9d9; border-width: 0} 

.complain_bx dl dt{ background:  #f9f9f9; height: 52px; border-top: 2px solid #999; text-align: center; line-height: 49px; color: #222; font-size:1.142rem; font-weight: 600; text-align: center; border-bottom: 1px solid #d9d9d9} 
.complain_bx dl dd{ padding:22px 30px} 
.complain_bx dl dd p{ line-height: 2; color: #606060; font-weight: 400; font-size:1.071rem} 
.complain_bx dl dd p a {line-height: 1.3;word-break: break-all;}
.complain_bx dl dd p a:hover{ text-decoration: underline; color: #0253a5 } 
.complain_bx dl dd p span{ display: block; padding-left: 10px} 

@media screen and (max-width:1023px) {
    #formet_panel01 .complain_bx dl.complain5 {height: 750px;}
    #formet_panel01 .complain_bx dl.complain3 {height: 400px;}
    #formet_panel01 .complain_bx dl.complain3 {height: 430px;}
    #formet_panel01 .complain_bx dl.complain2 {top: 430px;height: 320px;}
    #formet_panel01 .complain_bx dl.complain4 {top: 430px;height: 320px;}
}

@media screen and (min-width: 768px) and (max-width: 950px) {
    .complain_bx dl.complain3{height: 750px; }
    #formet_panel01 .complain_bx dl.complain3 {height: 750px;}
	 .complain_bx dl.complain5{top: 360px;}
     #formet_panel01 .complain_bx dl.complain2 {height: 420px;}
     #formet_panel01 .complain_bx dl.complain4 {height: 420px;}
     #formet_panel01 .complain_bx dl.complain5 {height: 850px;}

     
}
@media screen and (max-width:767px) {
	.complain_w .sub_tit, .self_w .sub_tit{ padding-bottom: 30px} 
    .complain_bx dl.complain3{height: 750px; }
    .complain_bx dl.complain5{top: 390px;}
    #formet_panel01 .complain_bx dl.complain3 {height: 750px;}

    #formet_panel01 .complain_bx dl.complain3 {height: 500px;}
    #formet_panel01 .complain_bx dl.complain5 {height: 1000px;}
    #formet_panel01 .complain_bx dl.complain2 {top: 500px;height: 500px;}
    #formet_panel01 .complain_bx dl.complain4 {top: 500px;height: 500px;}
}
@media screen and (max-width:650px) {
    .complain_bx{ flex-direction: column} 
    .complain_bx dl a{ padding: 4px 0; display: inline-block; } 
    #formet_panel01 .complain_bx dl ,
    #formet_panel01 .complain_bx dl{ order: 0 !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; height: auto !important; width: 100%; border: none !important }  
    #formet_panel01 .complain_bx dl.complain4  {transform: translateX(0);}
}


/*알림마당 > SNS이용*/
.sns_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.sns_w .sub_tit {padding: 20px 0 10px;align-items: center;border: none;}
.sns_w .sub_tit .icon {margin: 0 auto;}
.sns_w .sub_tit .text {margin: 0 0 0 40px;}
.sns_w .text .tit {color: #222;;font-weight: 600;font-size: 1.571rem;margin-bottom: 20px;}
.sns_w .sub_tit .text > p {width: 100%;}
.sns_w .sub_tit .text > p + p {margin-top: 10px;}
.sns_w .table_box table tbody th[rowspan] {width: 140px;}
.sns_w .table_box table {table-layout: auto;}
.sns_w .table_box table tbody td {text-align: left;}
.sns_w .bt-link_gray{padding: 0;text-decoration: underline } /*20211216_수정*/
.sns_w .bt-link_gray:hover{text-decoration: underline ;color: #005bac;}/*20211216_수정*/

@media screen and (max-width:767px){
    .sns_w .sub_tit .icon img {max-height: initial;}
    .sns_w .table_box table tbody th[rowspan] {width: auto;}
    .sns_w .sub_tit .icon {width: auto;height: auto;}
    .sns_w .sub_tit .text {margin: 0;flex-basis: auto;}
    .sns_w .text .tit {line-height: 1.4;}
}

/*정보공개 > 정보공개제도 > 정보공개 제도안내*/
.share3{justify-content: left;margin-top: 20px;}
.share3 .share_box{padding: 13px 15px;}
.share3 .share_box>.share_btn{font-size: 1.071rem;}
/*정보공개 > 가스법규정보 > 법령고시*/
.notic_w .table_box table tr th{width: 23%;}
.notic_w .table_box table tr td a:hover{text-decoration: underline; color: #005bac;}

/*정보공개 > 공공데이터제공 > 공공데이터 제도안내*/
.data_g_w{}
.data_g_w .ifdata{ padding: 50px ; background: url(../img/sub/bg_info.png) no-repeat right center;border: 1px solid #d9d9d9;background-position: 90%;}
.data_g_w .ifdata dl dt{color: #222;font-size: 1.429rem;margin-bottom: 20px;font-weight: 600;}
.data_g_w .ifdata dl dd{font-size: 1.071rem;width: 65%;}
.data_g_w .ifdata dl dd p~p{margin-top: 20px;}
.data_g_w .ifdata dl~dl{margin-top: 39px;}
.data_g_w .table_box table tbody th{width: 260px;}
.data_g_w .down_table td{text-align: justify;}
@media screen and (max-width:1030px){
    .data_g_w .ifdata{padding: 30px;}
    .data_g_w .ifdata dl dd{width: 55%;}
}

@media screen and (max-width:767px){
    .data_g_w .ifdata{background:#fff ;padding: 20px;}
    .data_g_w .ifdata dl dd{font-size: 1.071rem;width: 100%;}
    .data_g_w .table_box table tbody th{width: 120px;}
}
/*정보공개 > 정보공개제도 > 정보공개제도안내*/
.policy_w .content_body>p{font-size: 1.071rem;margin-bottom: 20px;}
.policy_w .content_body>strong{font-size:1.143rem ; color: #222;display: block;margin-bottom: 20px;}
.policy_w .nnds{font-size: 1.071rem;}
.policy_w .nnds li {display: flex;gap: 10px;}
.policy_w .table_box:first-child table tr th{width: 260px;}
.policy_w .table_box:last-child table tr th{width: 120px;}


/*추가 페이지-LPG용기시설개선*/
.lpg_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.lpg_w .table_box table tr td.procedure {padding-left: 30px;} 
.lpg_w .img-box{width: 600px;}
.lpg_w .img-box img{width: 100%}
.lpg_w .be_af{border: 1px solid #e1e1e1;padding: 50px 130px;}
.lpg_w .be_af .ex_bx ul {display: flex;align-items: center;gap: 120px;}
.lpg_w .be_af .ex_bx ul li{display: flex;flex-direction: column ;padding: 0;position: relative;flex-basis:50%;}
.lpg_w .be_af .ex_bx ul li span{color: #fff;display: inline-block;padding:5px 35px;border-radius: 23px;position: absolute;top: -17px;left: 50%;font-size: 1.286rem;width: 120px;margin-left: -60px;} 
.lpg_w .be_af .ex_bx ul li:first-child span{background-color:#999;}
.lpg_w .be_af .ex_bx ul li:last-child span{background-color:#0253a5;} 
.lpg_w .be_af .ex_bx ul li.right:after {width: 16px;height: 32px;background-size: contain;right: -60px;transform: translateX(50%) translateY(-50%);}
.lpg_w .be_af .ex_bx ul li .ex_img img {width: 100%;}
.lpg_w .be_af .ex_bx ul li:first-child .ex_img{border: 1px solid #999;}
.lpg_w .be_af .ex_bx ul li:last-child .ex_img{border: 3px solid #0253a5;}
.lpg_w .be_af .ex_bx ul li .ex_txt {margin-top: 20px;text-align: center;} 
.lpg_w .be_af .ex_bx ul li .ex_txt > p {font-size: 1.143rem;font-weight: 600;} 
.lpg_w .be_af .ex_bx ul li:first-child .ex_txt > p {color: #606060;} 
.lpg_w .be_af .ex_bx ul li:last-child .ex_txt > p {color: #0253a5;} 
.lpg_w .table_box.fix_box table tr th {width: 260px;}
.lpg_w .table_box table tbody tr td.att p ~ p {margin-top: 10px;} 
.lpg_w .table_box table tbody tr td.att p:last-child {margin-top: 5px;} 
.lpg_w .table_box table tr td .share_btn {color: #606060;text-decoration: underline;}
.lpg_w .table_box table tr td .share_btn:after {margin-left: 8px;background-position-x: -13px;vertical-align: middle;}
.lpg_w .table_box table tr td .share_btn:hover {color: #0253a5;text-decoration: underline;}
@media screen and (max-width:767px){
    .lpg_w .be_af{border: 1px solid #e1e1e1;padding: 50px 60px;}
}
@media screen and (max-width:650px){
    .lpg_w .be_af{border: 1px solid #e1e1e1;padding: 30px 30px;}
    .lpg_w .table_box.fix_box table tr th {width: 100px;}
}
@media screen and (max-width:480px){
    .lpg_w .be_af .ex_bx ul{flex-direction: column;}
    .lpg_w .be_af .ex_bx ul li.right:after{display: none;}
}