@charset  "UTF-8";

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

/* 퀵메뉴 */
.quick .consult {background: url(../img/comm/icon-counseling_01.png) no-repeat;}

/*서브공통*/
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;}

p.guide { margin: 20px 0;color: #777;font-size: 1rem !important;}
.dec {margin: 20px 0;color: #606060;font-size: 1.071rem;line-height: 1.6;}
._blank:after{ content: ""; width: 13px; height: 13px; background-size: 13px; background: url("../img/comm/icon_link.png") no-repeat 0 0; display: block; margin-left: 10px} 
/*버튼*/
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 15px; color: #231815; font-size: 1.714rem; font-weight: 600; } 
.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: 40px;}
.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 [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 } 
.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}
	.content_body {padding-top: 10px;}
    .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;}
    ._blank:after {width: 15px;}
}

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

/*3-지역본부소개*/
/*인사말*/
.rhello_w{margin-top: 40px;position: relative;}
.rhello_w .img {min-width: 280px;height: 220px;overflow: hidden;position: relative;}
.rhello_w .img img {display: inline-block;width: 100%;height: 100%;object-fit: cover;}
.rhello_w .txt {padding-left: 35px;}
.rhello_w .rhello_bx {display: flex;}

.rhello_w h4{ background: none; padding: 0; margin-bottom: 0; padding-top:  20px; color: #222; font-size:1.286rem; font-weight: 500; line-height: 1.33; padding-bottom: 30px}
.rhello_w h4 strong{ color: #0253a5;}
.rhello_w p{ line-height: 24px; font-size:1.0714rem; color: #606060 } 
.rhello_w p + p{ margin-top: 1rem} 
.rhello_w p strong{ color: #0253a5; font-weight: 600} 
.rhello_w p.sign{ margin-top: 50px; display: flex; align-items: center;  color: #222; font-size:1.286rem; font-weight: 600 } 
.rhello_w p.sign img{ margin-left: 20px}
/* @media screen and (max-width:1023px) {
	.rhello_w {padding-left: calc(30vw + 40px); transition: .3s all}
} */
/*20220118-수정*/
@media screen and (max-width:1023px) {
	.rhello_w .rhello_bx {flex-wrap: wrap;justify-content: center;gap: 25px;}
	.rhello_w .img{height:300px}
	.rhello_w .txt{padding-left: 0;}
}
/*20220118-수정*/
@media screen and (max-width:767px) {
	.rhello_w{  padding: 0; display: flex; flex-direction: column;transition: none }
	.rhello_w:before{ position: relative;  left: auto; top: auto; order: 2;  margin: 0 auto;  transition: none; margin-bottom: 20px;  } 
	.rhello_w h4{ order: 1; padding-top: 0; text-align: center;} 
	.rhello_w p{ order: 3} 
}
@media screen and (max-width:640px) {
	.rhello_w:before{  } 
}
@media screen and (max-width:560px) {
	.rhello_w:before{  } 
}

/*업무안내*/
.rintro_w{}
.rintro_w h4+span{display: inline-block;float: right;margin-bottom:20px ;}
.rintro_w .dir_intro{display: flex;gap: 40px;margin-bottom: 40px;align-items: center;}
.rintro_w .dir_intro .img_box{ border: 1px solid #e1e1e1;padding: 21px;}
.rintro_w .dir_intro .table_box{width: 100%;}
.rintro_w .dir_intro .table_box .t_name{margin-bottom: 10px;font-weight: 600;font-size: 1.429rem;}
.rintro_w .dir_intro .table_box .t_name+table tr th{padding: 13px 5px 12px 5px;}
.rintro_w .dir_intro .table_box .t_name+table tr td{padding: 0 44px;}
.rintro_w .table_box .rintro1  tbody tr td:nth-child(1){font-weight: 500;text-align: center;width: 240px;}
.rintro_w .table_box {position: relative;}
.rintro_w .table_box>span{position: absolute;top: -40px;right: 0;display: inline-block;float: right;margin-bottom:20px ;font-size: 1.071rem;}
.rintro_w .table_box .rintro2  thead tr th:nth-child(1){width: 140px;}
.rintro_w .table_box .rintro2  tbody tr td:nth-of-type(2){color: #222;font-weight: 500;}
.rintro_w .table_box .rintro2  tbody tr td{text-align: center;padding: 18px;}
.rintro_w .table_box .rintro2  tbody tr th{font-weight: 600;}
.rintro_w .table_box .rintro2 .rintro_he th{background-color: #f0f0f0;}
@media screen and (max-width:767px) {
    .rintro_w .table_box .rintro2 thead {display: none;}
    .rintro_w .table_box .rintro2 tbody, .rintro_w .table_box .rintro2 tbody tr { display:block; border: none;width: 100%;border-bottom: 1px solid #e1e1e1;}  
    .rintro_w .table_box .rintro2 tbody tr th{text-align: center;font-size: 1.429rem;display:block;margin-top: 30px;border: 1px solid #d9d9d9;}
    .rintro_w .table_box .rintro2 tbody tr td{border: none;display: inline-block;font-size: 1.286rem;margin: 0;width: 40%;text-align: left;padding: 5px 0;font-weight: 500;color: #222;
    vertical-align: top;}
    .rintro_w .table_box .rintro2 tr td::before,
    .rintro_w .table_box .rintro2 tr th::before { content: attr(data-th) ":"; color: #666; font-weight: 400; padding-right: 10px; background-color: transparent; width: 20%;}
}
@media screen and (max-width:560px) {
    .rintro_w .dir_intro{gap: 10px;align-items: flex-end;}
    .rintro_w .dir_intro .img_box{padding: 15px;}
    .rintro_w .dir_intro .img_box img{width: 100%;}
    .rintro_w .table_box .rintro2 .rintro_he th{background-color: #333;}
    .rintro_w .rintro2 tr td:nth-of-type(1),.rintro_w .rintro2 tr td:nth-of-type(2){margin: 0 30px;}
    .rintro_w .table_box .rintro2 tbody tr td{font-size: 1.071rem;}
}

/*조직안내*/
.rsystem_w{}
.rsystem_w .search_name{font-size: 1.071rem;display: inline-block;margin: 0 20px 0 35px;font-weight: 600;}
.rsystem_w .bt-reset{background-color: #777;}
.rsystem_w select{width: 170px;}
.rsystem_w .search-box input[type="text"]{width: 170px;}
@media screen and (max-width:560px) {
    .rsystem_w .search-box{justify-content: flex-end;}
    .rsystem_w .search_name{display: none;}
}

/*오시는길*/
.rmap_w{}
.rmap_w h4+ul.list{border-top: 1px solid #e1e1e1;padding-top: 20px;}
.rmap_w .map_box{ border: 1px solid #e1e1e1; margin-bottom: 40px} 
.rmap_w .map_box .address{ border-top: 1px solid #e1e1e1;background-color: rgb(249, 249, 249); display: flex; justify-content: space-around;} 
.rmap_w .map_box .address dl{ display: flex; padding: 28px 0; font-size: 1.0714rem; color: #222; line-height: 1; } 
.rmap_w .map_box .address dl dt{ font-weight: 600; padding-right: 20px; border-right: 1px solid #e1e1e1; margin-right:20px } 
.rmap_w .map_box .address dl dd + dt{ margin-left:35px} 
.rmap_w .traffic_bx dl{ border-top: 1px solid #e1e1e1; padding: 40px 0 40px  ; background-size: 80px; min-height: 80px; font-size: 1.0714rem} 
.rmap_w .traffic_bx dl dt{ font-size: 1.2857rem; font-weight: 500; margin-bottom: 15px; } 
 
.rmap_w .traffic_bx dl:last-of-type{border-bottom: 1px solid #e1e1e1; } 
@media screen and (max-width:750px) {
    .rmap_w .map_box .address dl{flex-direction:column ;gap: 10px;}
	.rmap_w .map_box .address dl dd + dt{margin: 0;}
	.rmap_w .map_box .address dl dt{font-size: 1.429rem;}
	.rmap_w .map_box .address dl dt{border: 1px  solid rgb(249, 249, 249);}
    .rmap_w h4+ul.list{padding-top: 10px;}
    
}

/* 시설검사 */
.itool_w .pt60 {padding-top: 60px;}
.itool_w .sub_tit .icon {width: 100px;height: 90px;}	
.itool_w .sub_tit .icon img {max-height: initial;}	
.itool_w .sub_tit .text > .dot {position: relative;text-align: left;margin-top: 10px;line-height: 1.4;}	
.itool_w .dot::before {display: inline-block;content: '';width: 3px;height: 3px;background-color: #606060;vertical-align: middle;margin-left: -7px;margin-right: 6px;}	
.itool_w h4 + .dec {margin-top: 0;}
.itool_w .content_body {padding-top: 0;}
.itool_w .bt {background:#0253a5; line-height: 50px; padding: 0 30px; height: 50px; color: #fff; font-size: 1.0714rem; font-weight: 500;letter-spacing: -0.38px;  text-align: center; display: inline-flex; align-items: center; margin-top: 30px} 

@media screen and (max-width:750px) {
    .itool_w {margin-top: -30px;}
    .itool_w .bt {line-height: 1.3;padding: 0 20px;}

}
/* 제품검사 */
.itest_w .sub_tit {padding:30px}
.itest_w .sub_tit .icon {width: 100px;height: 90px;}	
.itest_w .sub_tit .icon img {max-height: initial;}	
.itest_w .sub_tit .text > .dot {position: relative;text-align: left;margin-top: 10px;line-height: 1.4;}	
.itest_w .dot::before {display: inline-block;content: '';width: 3px;height: 3px;background-color: #606060;vertical-align: middle;margin-left: -7px;margin-right: 6px;}	
.itest_w h4 + .dec {margin-top: 0;}
.itest_w .content_body {padding-top: 0;}
.itest_w .bt {background:#0253a5; line-height: 50px; padding: 0 30px; height: 50px; color: #fff; font-size: 1.0714rem; font-weight: 500;letter-spacing: -0.38px;  text-align: center; display: inline-flex; align-items: center; margin-top: 30px} 


@media screen and (max-width:750px) {
    .itest_w {margin-top: -30px;}
    .itest_w .bt {line-height: 1.3;padding: 0 20px;}
}

/* 교육안내 */
.eedc_w .content_body {padding-top: 40px;}
.eedc_w .blue_dot {display: inline-block;width: 20px;height: 20px;border-radius: 10px;background-color: #007bcb;text-indent: -9999px;}
.eedc_w .bt {background:#0253a5; line-height: 38px; padding: 0 19px; height: 38px; color: #fff; font-size: 1.0714rem; font-weight: 500;letter-spacing: -0.38px;  text-align: center; display: inline-flex; align-items: center; margin-top: 10px;width: 115px;} 
.eedc_w table thead th{background-color: #f0f0f0;}
.eedc_w table thead th:nth-child(1) {width: 150px;}
.eedc_w table thead th:nth-child(2) {width: 355px;}
.eedc_w table tbody td:nth-child(1) {text-align: left;}
.eedc_w table tbody th + td {text-align: left;}
.eedc_w table tbody td {padding: 13px 30px;}
.eedc_w table tbody td br {display: none;}

@media screen and (max-width:768px) {
    .eedc_w table tbody td {padding-left:10px;padding-right: 10px;}
}


/* 고객센터 공통 */
.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 ul 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;}

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

.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;}


/* 조직도*/
.group_bx{  text-align: center; position: relative; width: 820px; margin: 0 auto  } 
.group_bx p{ position: relative} 
.group_bx p.ceo{ width:240px; height: 80px; background:#005bac;  color: #fff; text-align: center; line-height: 80px; display: block; font-size: 1.428rem; font-weight: 600  } 
.group_bx p.g6 {height: 55px; line-height: 55px; font-size: 1.142rem; background: #f7f7f7; color: #606060; width:220px; font-weight: 600 }
.group_bx p.g1, .group_bx dl dt,.group_bx p.g5{ height: 55px; line-height: 55px; font-size: 1.142rem; background: #007bcb; color: #fff; width:195px; font-weight: 600 }
.group_bx dl dd{ margin-top: 10px; background: #f7f7f7;  height: 55px; line-height: 55px; font-size: 1.142rem; width:195px; font-weight: 500; color:#606060  } 
.group_bx dl dt, .group_bx dl dd{ width: 100%} 
.group_bx dl{ width: 220px; z-index: 2; position: relative} 
.group_bx dl dt{ background: #606060} 
.group_bx dl.g2 dt, .group_bx dl.g4 dt{background: #007bcb;}
.group_bx dl dd.gl,
.group_bx dl dd.gr {display: flex;position: relative;justify-content: center;}
.group_bx dl dd ul li {position: absolute;width: 195px;background: #f7f7f7; height: 55px; line-height: 55px; font-size: 1.142rem; width: 195px; font-weight: 500; color: #606060;}
.group_bx dl dd.gl ul li::before {content: ""; width: 20px; height: 1px; display: block; position: absolute; top: 50%; right: -20px; background: #e1e1e1; z-index: -1;;}
.group_bx dl dd.gr ul li::before {content: ""; width: 20px; height: 1px; display: block; position: absolute; top: 50%; left: -20px; background: #e1e1e1; z-index: -1;;}
.group_bx dl dd.gl ul li{left: -215px;}
.group_bx dl dd.gr ul li{right: -215px;}


.group_bx dl.g4{ width: 447px; display: flex; flex-wrap: wrap; justify-content: space-between} 
.group_bx dl.g4 dd{width: 220px; background: #e8edf8; color: #222222; font-weight: 400} 
.group_bx ~ .tell_bx { margin-top: 80px} 
.board-top .total_txt{ font-size: 1.04714rem} 
.org_g{ display: flex; justify-content: space-between; padding-bottom: 60px; position: relative;margin: 0 auto;} 
.boss_g{ display: flex; justify-content: space-between; padding-top:120px; position: relative; padding-bottom: 80px} 
.boss_g .ceo{ position: absolute; left: 50%; top: 0; transform: translateX(-50%)} 
.boss_g .g1{ margin-top: 55px} 

.etc_g{ display: flex; justify-content: space-between} 
.boss_g .ceo:after{ content: ""; width: 1px; height:250px; display: block; position: absolute; left: 50%; bottom: -250px; background:#e1e1e1; } 
.boss_g .g1:before{ content: ""; height: 1px; width:300px;display: block; position: absolute; right: 50%; top: 50%; background:#e1e1e1; z-index: -1  } 
.boss_g .g6:before{ content: ""; height: 1px; width:300px;display: block; position: absolute; right: 50%; top: 50%; background:#e1e1e1; z-index: -1  } 
.org_g .g3:before{ content: ""; width: 1px; height: 41px; display: block; position: absolute; top: -41px; left: 50%; background:#e1e1e1; z-index: -1  } 
.org_g:before{ content: ""; height: 1px; width:600px;display: block; position: absolute; left: 50%; top:-41px; background:#e1e1e1; z-index: -1; transform: translateX(-50%)} 
.group_w .sub_tit{ padding: 0 0 30px 0; ;}
.group_w .sub_tit p{font-size: 1rem} 
.group_w .sub_tit p strong{ font-weight: 500; font-size: 1.0714rem; color: #606060} 
.group_w .search-box label{ padding-right:20px; color:#606060; font-size: 1.0714rem; font-weight: 600  } 
.group_w .search-box label:not(:first-of-type){ margin-left: 35px}
.bt-reset { background-color: #777777;}
.group_w .search-box [class^="bt-"] + [class^="bt-"]{ margin-left: 5px} 

.gr1_w .group_bx {width: 920px;}
.gr1_w .group_bx dl {width: 180px;}
.gr1_w .group_bx dl dd {margin-top: 5px;font-size: 1.071rem;}
.gr1_w .boss_g {padding-top: 80px;padding-bottom: 175px;}
.gr1_w .boss_g .ceo:after {height: 230px;bottom: -230px;}
.gr1_w .org_g {width: calc(100% - 240px);margin: 0;justify-content: flex-start;gap: 40px;}
.gr1_w .org_g dl::before {content: ""; width: 1px; height: 60px; display: block; position: absolute; top: -60px; left: 50%; background:#e1e1e1; z-index: -1 }
.gr1_w .org_g:before {top: -61px;width: 500px;}
.gr1_w .org_g .g6 dt{position: relative;}
.gr1_w .org_g .g6:not(:first-child) dt::before { content: ""; width: 1px; height: 80px; display: block; position: absolute; bottom: -80px; left: 50%; background:#e1e1e1; z-index: -1 }
.gr1_w .org_g .g6:not(:first-child) dt {margin-bottom: 75px;}
.gr1_w .org_g .g6:last-child {margin-left: 60px;}
.gr1_w .org_g .g6_sub {position: absolute;top: 60px;left: calc(50% + 22px);background-color: #999;color: #fff;font-size: 1.143rem;}
.gr1_w .org_g .g6_sub::before {content: ""; width: 100%; height: 1px; display: block; position: absolute; top: 50%; background:#e1e1e1; z-index: -1  }
.gr1_w .org_g .g6_sub.sm::before {left: -22px;}
.gr1_w .org_g .g6_sub.lg::before {left: -130px;}

.gr1_w .org_g .g6_sub.sm {width: 150px;}
.gr1_w .org_g .g6_sub.lg {left: calc(50% + 130px);}
.gr1_w .org_g .g6_sub.lg ul {margin-top: 10px;}
.gr1_w .org_g .g6_sub.lg ul li {position: initial;width: 180px;font-size: 1.071rem;}
.gr1_w .org_g .g6_sub.lg ul li ~ li {margin-top: 5px;}

.gr1_w .pr_g {position: absolute;left: 200px;top: 50%;transform: translateY(20px);display: flex;gap: 140px;}
.gr1_w .pr_g:before{ content: ""; height: 1px; width:525px;display: block; position: absolute; top: -41px;left: 50%;transform: translateX(-50%); background:#e1e1e1; z-index: -1  } 
.gr1_w .pr_g p.g3,
.gr1_w .pr_g .g4 p{ background: #f7f7f7;height: 55px;line-height: 55px;font-size: 1.142rem; width: 180px; font-weight: 600; color: #606060;}
.gr1_w .pr_g .g4 .se { background: #007bcb;color: #fff;}
.gr1_w .pr_g .g4 {display: flex;gap: 20px;}
.gr1_w .pr_g .g4 p {height: 55px; line-height: 55px; font-size: 1.142rem; width:180px; font-weight: 600 }
.gr1_w .pr_g p {height: 55px; line-height: 55px; font-size: 1.142rem; width:180px; font-weight: 600 }
.gr1_w .pr_g p:before {content: ""; width: 1px; height: 41px; display: block; position: absolute; top: -41px; left: 50%; background:#e1e1e1; z-index: -1  }


.gr1_w .boss_g .ceo:after {height: 230px;bottom: -230px;}
.gr2_w .group_bx {width: 920px;}
.gr2_w .org_g:before {width: 300px;}
.gr2_w .boss_g .ceo:after {height: 80px;bottom: -80px;}
.gr2_w .org_g {width: 490px;}
.gr2_w .group_bx dl {width: 195px;}
.gr3_w .boss_g {justify-content: flex-end;}
.gr3_w .boss_g .ceo:after {height: 210px;bottom: -210px;}
.gr4_w .group_bx {width: 490px;}
.gr4_w .group_bx dl {width: 195px;}
.gr4_w .org_g:before {width: 300px;}
.gr4_w .boss_g .ceo:after {height: 80px;bottom: -80px;}
.gr5_w .boss_g .ceo:after {height: 80px;bottom: -80px;}
.gr6_w .boss_g {justify-content: flex-end;}
.gr6_w .group_bx .last_g dd{background: #fff; border: 1px solid #007bcb;}
.gr6_w .group_bx .last_g dt{background: #007bcb; border: 1px solid #fff;}
.gr7_w .group_bx {width: 900px;padding-bottom: 80px;}
.gr7_w .boss_g {padding-top: 75px;padding-bottom: 20px;}
.gr7_w .boss_g .ceo:after {height: 20px;bottom: -20px;}
.gr7_w .group_bx p.ceo {height: 55px;line-height: 55px;font-size: 1.286rem;}
.gr7_w .group_bx dl {width: 195px;}
.gr7_w .group_bx dl dt {font-size: 1.143rem;}
.gr7_w .org_g {padding-bottom: 0;}
.gr7_w .org_g:before {top: -21px;width: 710px;}
.gr7_w .org_g .g3:before {height: 20px;top: -20px;}
.gr7_w .group_bx ~ .group_bx::before { content: ""; height: 1px; width:100%;display: block; position: absolute; top: -41px; background:#e1e1e1; z-index: -1  } 
.gr7_w .group_bx.last_bx .org_g:after { content: ""; height: 1px; width:100%;display: block; position: absolute; bottom: -41px; background:#e1e1e1; z-index: -1  }  

.gr7_w .etc_g {position: relative;width: 730px;margin: 0 auto;} 
.gr7_w .etc_g  dl.g4 {width: 240px;}
.gr7_w .etc_g  dl.g4 dt{ height: 55px; line-height: 55px; font-size: 1.142rem; background: #005bac; color: #fff; width: 100%; font-weight: 600; text-align: center; }
.gr7_w .etc_g  dl.g4 dd{ margin-top: 10px;height: 55px; line-height: 55px; font-size: 1.142rem; background: #606060; color: #fff; width: 100%; font-weight: 600; text-align: center; }
.gr7_w .etc_g p.g5 { width: 240px; height: 55px; background: #005bac; color: #fff; text-align: center; line-height: 55px; display: block; font-size: 1.142rem; font-weight: 600; }

@media screen and (max-width:1023px) {
	.group_bx{ width: 690px} 
	.boss_g .g1:before{ width: 235px} 
	.org_g:before{ width: 470px} 
	.gr1_w .group_bx {width: 690px;}
	.gr1_w .pr_g {left: 125px;gap: 75px;}
	.gr1_w .pr_g:before {width: calc(100% - 180px);}
	.gr1_w .org_g:before {width: calc(100% - 95px);}
	.gr1_w .group_bx dl dd { word-break: break-all;display: flex; align-items: center; justify-content: center; line-height: 1.3; }
	.gr1_w .org_g .g6_sub.lg {width: 150px;}
	.gr1_w .org_g .g6_sub.lg ul {width: 100%;position: absolute;top: 65px;margin-top: 0;}
	.gr1_w .org_g .g6_sub.lg ul li {width: 100%;}
	.gr2_w .group_bx {width: 690px;}
	.gr2_w .org_g:before {width: 200px;}
	.gr2_w .org_g {width: 400px;}
	.gr3_w .boss_g .g6:before {width: 235px;}
	.gr7_w .group_bx {width: 690px;}
	.gr7_w .org_g {gap: 10px;}
	.gr7_w .org_g:before {width: 520px;}
}
@media screen and (max-width:767px) {
	.tell_bx td[data-th]:before{ display: none} 
	.table-theme__default{ table-layout: auto} 
	.table-theme__default th, .table-theme__default td{ padding: 15px 5px; text-align: center} 	
}

@media screen and (max-width:750px) {
	.group_bx{ width: 100%} 
	.org_g dl{ width: 29%} 
	.org_g dl > *{ height: auto !important; word-break: break-all; padding:15px 5px; line-height: 1.5 !important;  } 
	.group_bx .boss_g dl, .group_bx .boss_g p, .group_bx dl.g4, .group_bx .g5{ width: 130px} 
	.group_bx dl.g4 dt, .group_bx .g5{ height: auto; padding: 15px 5px; height: auto !important;width: 130px !important; line-height: 1.5 !important } 
	.group_bx .etc_g{ align-items: flex-start} 
	.org_g:before{ width: calc(100% - 90px)} 
	.group_bx dl dd ul li{top: 0;width: 100%;height: auto !important; word-break: break-all; padding: 15px 5px; line-height: 1.5 !important;}

	.group_w .search-box{ flex-wrap: wrap; justify-content: flex-start} 
	.group_w .search-box label{ display: block; flex-basis: 100%; margin-left: 0 !important; margin-bottom: 5px !important} 
	.group_w .search-box label:not(:first-of-type){ margin-top: 10px} 
	.group_w .search-box select{ width: calc(50% - 10px)} 
	.group_w .search-box label+input[type="text"], .group_w .search-box label+input[type="password"]{ margin-left: 0; flex-basis: 100%} 
	.group_w .search-box  input[type="text"] + button{ margin-left: 0} 
	.group_w .search-box button{ margin-top: 	10px}
	.gr1_w .group_bx {width: 100%;}
	.gr1_w .org_g {width: calc(100% - 100px);}
	.gr1_w .group_bx dl {width: 25%;}
	.gr1_w .org_g .g6_sub {top: 56px;padding: 15px 0;}
	.gr1_w .org_g .g6_sub.sm {width: 100%;}
	.gr1_w .org_g .g6_sub.lg {left: calc(50% + 80px);width: 100%;} 	
	.gr1_w .org_g .g6_sub.lg::before {left: -80px;}
	.gr1_w .org_g .g6:last-child {margin-left: 0;}

	.gr1_w .pr_g {left: 50%;top: 65%;transform: translate(-50% , 0);gap: 20px;}
	.gr1_w .pr_g:before {width: calc(100% - 100px);}
	.group_bx .boss_g dl.g2 {margin-top: 15px;}
	.gr1_w .pr_g:before {top: -26px;}
	.gr1_w .pr_g p:before {height: 25px;top: -26px;}
	.gr1_w .pr_g p.g3, .gr1_w .pr_g .g4 p {width: 100px;}
	.gr1_w .org_g:before { width: calc(100% - 180px); left: calc(50% - 35px); }
	.gr2_w .group_bx {width: 100%;}
	.gr2_w .org_g {width: 250px;justify-content: center;gap: 10px;}
	.gr2_w .org_g:before {width: calc(100% - 165px);}
	.gr2_w .group_bx dl {width: 29%;}
	.gr2_w .group_bx dl dd.gl ul li{left: -80px;}
	.gr2_w .group_bx dl dd.gr ul li{right: -80px;}
	.gr3_w .group_bx dl {width: 29%;}

	.gr4_w .group_bx {width: 100%;}
	.gr4_w .org_g {justify-content: center;gap: 20px;}
	.gr4_w .org_g dl {width: 20%;}
	.gr4_w .group_bx dl dd.gr ul li{right:-120%}
	.group_bx dl dd.gr ul li{word-break: break-all;}
	.gr4_w .org_g:before {width: 25%;}
	.gr5_w .group_bx dl {width: 29%;}
	.gr5_w .group_bx p.ceo {padding: 15px;word-break: break-all;line-height: 1.3;}
	.gr6_w .group_bx p.ceo {padding: 15px 8px;word-break: break-all;line-height: 1.3;}
	.gr7_w .group_bx{width: 100%;}
	.gr7_w .org_g:before {width: 77%;}
	.gr7_w .etc_g {width: 100%;}
	.gr7_w .org_g dl {width: 25%;}
	.gr7_w .etc_g dl.g4 {width: 25%;}
	.gr7_w .etc_g p.g5 {width: 25%;}
	
}

@media screen and (max-width:700px) {
	.gr3_w .boss_g .g6:before{ width: 250px} 
	.gr6_w .boss_g .g6:before{ width: 250px} 
}
@media screen and (max-width:650px) {
	.gr3_w .boss_g .g6:before{ width: 220px} 
	.gr6_w .boss_g .g6:before{ width: 220px} 
}
@media screen and (max-width:600px) {
	.gr3_w .boss_g .g6:before{ width: 200px} 
	.gr6_w .boss_g .g6:before{ width: 200px} 
	.gr1_w .org_g:before { width: calc(100% - 120px); left: calc(50% - 25px); }
}
@media screen and (max-width:550px) {
	.gr3_w .boss_g .g6:before{ width: 170px} 
	.gr6_w .boss_g .g6:before{ width: 170px} 
}
@media screen and (max-width:500px) {
	.gr3_w .boss_g .g6:before{ width: 155px} 
	.gr6_w .boss_g .g6:before{ width: 155px} 
	.gr1_w .org_g {width:calc(100% - 50px);gap: 20px;}
	.gr1_w .org_g .g6_sub.lg {left: calc(50% + 50px);}
	.gr1_w .org_g .g6_sub.lg::before {left:-50px}
	.gr1_w .org_g .g6_sub {line-height: 1.2!important;}
	.gr1_w .org_g:before { width: calc(100% - 115px); left: calc(50% - 21px); }
}
@media screen and (max-width:468px) {
	.gr3_w .boss_g .g6:before{ width: 120px} 
	.gr6_w .boss_g .g6:before{ width: 120px} 
	.gr3_w .org_g:before {width: calc(100% - 100px);}
	.gr6_w .org_g:before {width: calc(100% - 100px);}
	
}
@media screen and (max-width:430px) {
	.gr1_w .org_g .g6 dt {min-height: 71px;}
	.gr1_w .org_g .g6_sub {top:70px}
	.gr1_w .org_g .g6_sub.sm {left:calc(50% + 10px)}
	.gr1_w .org_g .g6_sub.sm::before {left: -11px;}
	.gr1_w .org_g:before { width: calc(100% - 100px); left: calc(50% - 16px); }
	
}
@media screen and (max-width:400px) {
	.gr3_w .boss_g .g6:before{ width: 100px} 
	.gr6_w .boss_g .g6:before{ width: 100px} 
	.gr1_w .org_g:before { width: calc(100% - 50px); left: 50%; }
}


/* 고객센터 수정*/
.service_center .table_box table th {border-right: 0;}
.service_center .table_box table td {border-left: 0;}
.hidden_be::after {display: none!important;}