@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;}
.sub_tit .text{ font-size:1.071rem; margin-left: 40px;margin-right: 0;flex-basis: 100%;} 
.sub_tit .text > p{ width: 100%; font-size: 1.071rem;} 
.sub_tit .text > p + p {margin-top: 10px;}
.sub_tit .text p.tit{color: #222;font-weight: 600;} 

/*버튼*/
p.share_btn {display: flex;align-items: center;gap: 10px;}
.share_btn::after{display: inline-block;content: '';width: 26px;height: 13px;background: url(../img/ECS/btn_link.png) no-repeat -13px 0;}
p.share_btn::after{display: inline-block;content: '';width: 26px;height: 13px;background: url(../img/ECS/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; } 
.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 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}   
    .sub_tit .text{ margin: 0} 
    .table-theme__default {table-layout: auto;}
    .table_box {overflow-x: 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;}

}
@media screen and (max-width:1024px){
    .img_box{overflow-x: auto;}
}
/*수출기업지원서비스- 서브 top 공통*/
.ecs_ct .sub_tit{border-bottom: none;align-items: center;justify-content: flex-start;padding: 40px 0;}
.ecs_ct .sub_tit .icon{margin: 0;flex-basis: 29%; }
.ecs_ct .sub_tit .icon img{width: 280px;}
.ecs_ct .sub_tit .text > p{width: 100%;}
.ecs_ct .sub_tit .text > span{display: block;font-weight: 600;margin-top: 20px;color: #222;}
@media screen and (max-width:767px) {
    .ecs_ct .sub_tit{justify-content: center;padding: 20px 0;}
    .ecs_ct .sub_tit .icon{height: auto;flex: initial;}    
    .ecs_ct .sub_tit .icon img{min-height: 165px;}
}
.dept table tr th{width: 27%;}
/*1-고객센터*/
/*수출인증지원상담*/
.ccon_w{}
.ccon_w .cstc{border: 1px solid #e1e1e1;display: flex;padding: 50px}
.ccon_w .cstc>li{display: flex;flex-wrap: wrap-reverse;align-items: center;flex-direction: column;gap: 20px;width: 33.33%;}
.ccon_w .cstc li .icon{background-color: #f0f0f0;border-radius: 100%;width: 120px;height: 120px; display: flex;align-items: center;justify-content: center;}
.ccon_w .cstc li dl{text-align: center;}
.ccon_w .cstc li dl dd .list{margin: 0 35px;min-height: 85px;position: relative;}
.ccon_w .cstc li dl dd .list li{justify-content: center;}
.ccon_w .cstc>li~li .list::before{content: "";background: url(../img/ECS/arrow_g.svg) center no-repeat;height: 45px;display: block;position:absolute;transform: scale(3);width: 20px;opacity: 0.2;top: -20px;left: -95px;}
.ccon_w .cstc li dl dd ul li{ text-align: center;}
.ccon_w .cstc li dl dt{font-size: 1.2869rem; font-weight: 600;margin-bottom: 15px;color: #222;display: inline-block;}
.ccon_w .cstc>li p{font-size: 1.071rem;color: #fff;background-color: #007bcb;height: 80px;justify-content: center;display: flex;align-items: center;border-radius: 5px;}
.ccon_w .cstc>li:nth-of-type(2) p{background-color: #0253a5;}
.ccon_w .suporg_box{}
.ccon_w .suporg_box{display: flex;gap: 35px;}
.ccon_w .suporg_box>div{width: 50%;}
.ccon_w .suporg_box .suporg_box2{display: flex; flex-direction: column;gap: 20px;}
.ccon_w .suporg_box .suporg_box2 .suporg_tit{background-color: #d54400;}
.ccon_w .suporg_box .suporg_box2 .bor_g:nth-of-type(2) .suporg_tit{background-color: #777;}
.ccon_w .suporg_box .suporg_box2 .bor_g{height: 50%;}
.ccon_w .suporg_box .suporg_box2 .bor_g dd{padding-right: 28px;}
.ccon_w .suporg_box .bor_g{border: 1px solid #e1e1e1;padding: 32px 40px;}
.ccon_w .suporg_box .suporg_box1 ul li dd{padding-right: 15px;}
.ccon_w .suporg_box div .suporg_tit{text-align: center;padding: 17px 0;background: #0253a5;color:#fff;margin-bottom: 30px;}
.ccon_w .suporg_box div ul li{display: flex;gap: 20px;align-items: center;}
.ccon_w .suporg_box div ul li~li{margin-top: 40px;}
.ccon_w .suporg_box div ul  div{background: #f0f0f0; width: 80px;height: 80px;display: flex;
justify-content: center;align-items: center;border-radius: 5px;}
.ccon_w .suporg_box div ul div img{width: 40px;}
.ccon_w .suporg_box div ul dl{width: 80%;}
.ccon_w .suporg_box div  dl dt{font-weight: 600;color: #222;}

@media screen and (max-width:767px) {
	.ccon_w .cstc{padding: 10px;}
	.ccon_w .cstc>li~li .list::before{top: 0;left:-65px;}
	.ccon_w .cstc li dl dd .list{margin: 0 10px;}
    .ccon_w .suporg_box .bor_g{padding: 10px}
    .ccon_w .suporg_box .suporg_box2 .bor_g dd, .ccon_w .suporg_box .suporg_box1 ul li dd{padding-right: 0}
}
@media screen and (max-width:600px) {
	.ccon_w .cstc>li~li .list::before{display: none;}	
    .ccon_w .suporg_box{flex-direction: column;}
    .ccon_w .suporg_box>div{width: 100%;}
}
@media screen and (max-width:492px) {
    .ccon_w .cstc{flex-direction: column;gap: 15px;}
    .ccon_w .cstc>li{width: 100%;gap: 0;}
    .ccon_w .cstc li dl{width: 100%;}
    .ccon_w .cstc li dl dd .list{min-height:0;}
}

/*업무분야*/
/*수출기업지원개요*/
.aeortco_w{}
.aeortco_w .img_box{border: 1px solid #d9d9d9;margin-top: 20px;}
.aeortco_w .img_box img{width: initial; max-width: 983px;}
.aeortco_w .box{ border: 1px solid #d9d9d9; padding: 50px} 
.aeortco_w .diagram03{ text-align: center} 
.aeortco_w .diagram03 img{ max-width: 600px; margin: 0 auto} 
.aeortco_w .table_box table thead th, .aeortco_w .table_box table tbody td{border-left: 1px solid #d9d9d9 }
.aeortco_w .table_box table thead th:first-of-type, .aeortco_w .table_box table tbody tr th:first-of-type{ border-left: none} 
.aeortco_w .diagram03 + .table_box{ display: flex; gap:15px; justify-content: space-between} 
.aeortco_w .diagram03 + .table_box table{border-right: 1px solid #e1e1e1; width: 60%} 
.aeortco_w .diagram03 + .table_box table:last-of-type{ width: 40%} 
.aeortco_w .diagram03 + .table_box thead th{ padding: 13px; font-size:1.108rem; border-left: 1px solid #e1e1e1 !important } 
.aeortco_w .diagram03 + .table_box tbody td{ padding: 13px; font-size: 1rem; font-weight: 500; text-align: center; border-left: 1px solid #e1e1e1} 
.aeortco_w .photos{display: flex;justify-content: center;gap: 25px;}
.aeortco_w .photos li{border: 1px solid #e1e1e1; padding: 21px;border-radius: 5px;flex-basis: 33.333%;}
.aeortco_w .photos li div{width: 100%;}
.aeortco_w .photos li img{border-radius: 5px;width: 100%}
.aeortco_w .photos li p{text-align: center;font-size: 1.071rem;font-weight: 500;margin-top: 15px;}

@media screen and (max-width:767px){ 
    .aeortco_w div[class$="_bx"] > .box {padding: 30px 10px;}
    .aeortco_w .diagram03 img{ max-width: 100%} 
    .aeortco_w .diagram03 + .table_box{ flex-direction: column} 
    .aeortco_w .diagram03 + .table_box table{ width: 100% !important} 
    .aeortco_w .diagram03 + .table_box tbody td{ word-break: break-all; padding: 13px 5px} 
}
@media screen and (max-width:640px) {
    .aeortco_w .photos{flex-direction: column;}
    .aeortco_w .photos li{flex-basis: 100%;display: flex;align-items: center;padding: 5px;justify-content: space-evenly;}
    .aeortco_w .photos li img{width: 200px;}
}
/*기업지원실적*/
.acrpspr_w {}
.acrpspr_w .flexx{display: flex;gap: 40px;}
.acrpspr_w .flexx .table_box{position: relative;}
.acrpspr_w .flexx .table_box > span{position: absolute;top: -35px;right: 0;display: inline-block;margin-bottom: 20px;}
.acrpspr_w .flexx > img{width: 523px;margin: 0 auto;}
.acrpspr_w .flexx h4{margin-top: 40px;}

.acrpspr_w .flexx .table_st1 tbody tr td{width: 192px;text-align: center;}
.acrpspr_w .flexx .table_st2 tr td{width: 128px;text-align: center;}
@media screen and (max-width:772px) {
    .acrpspr_w .flexx{flex-direction: column;}
    .acrpspr_w .flexx .flex_it div{display: flex;justify-content: center;}
}


/*북미해외사무소*/
.anrtovofice_w{}
.anrtovofice_w .cstc{border: 1px solid #e1e1e1;display: flex;padding: 50px;gap: 44px;}
.anrtovofice_w .cstc>li{display: flex;flex-wrap: wrap-reverse;align-items: center;flex-direction: column;gap: 20px;width: 33.33%;}
.anrtovofice_w .cstc li .icon{background-color: #f0f0f0;border-radius: 100%;width: 120px;height: 120px; display: flex;align-items: center;justify-content: center;}
.anrtovofice_w .cstc li dl{text-align: center;}
.anrtovofice_w .cstc li dl dt{font-size: 1.143rem;font-weight: 500;margin-bottom: 26px;color: #222;height: 40px;line-height: 1.5rem;justify-content: center;display: flex;align-items: center;}
.anrtovofice_w .table_box table tr th{width: 27%;}
.anrtovofice_w .table_box table tbody tr td {text-align: left;}
.anrtovofice_w .photos{display: flex;justify-content: center;gap: 25px;}
.anrtovofice_w .photos li{border: 1px solid #e1e1e1; padding: 21px;border-radius: 5px;flex-basis: 33.333%;}
.anrtovofice_w .photos li img{border-radius: 5px}
.anrtovofice_w .photos li p{text-align: center;font-size: 1.071rem;font-weight: 500;margin-top: 15px;}

@media screen and (max-width:767px) {
	.anrtovofice_w .cstc{padding: 10px;flex-wrap: wrap;justify-content: space-evenly;}
    .anrtovofice_w .cstc>li{width: 44%;}
}
@media screen and (max-width:640px) {
    .anrtovofice_w .photos{flex-direction: column;}
    .anrtovofice_w .photos li{flex-basis: 100%;display: flex;align-items: center;padding: 15px;justify-content:space-evenly}
    .anrtovofice_w .photos li p{padding-left: 20px}
}
@media screen and (max-width:492px) {
    .anrtovofice_w .cstc{flex-direction: column;gap: 15px;}
    .anrtovofice_w .cstc>li{width: 100%;gap: 0;}
    .anrtovofice_w .cstc li dl{width: 100%;}

}
/*유럽해외사무소*/
.aerpnovofc_w{}
.aerpnovofc_w .cstc{border: 1px solid #e1e1e1;display: flex;padding: 50px;gap: 44px;}
.aerpnovofc_w .content_body>p{color: #222;}
.aerpnovofc_w .cstc>li{display: flex;flex-wrap: wrap-reverse;align-items: center;flex-direction: column;gap: 20px;width: 33.33%;}
.aerpnovofc_w .cstc li .icon{background-color: #f0f0f0;border-radius: 100%;width: 120px;height: 120px; display: flex;align-items: center;justify-content: center;}
.aerpnovofc_w .cstc li dl{text-align: center;}
.aerpnovofc_w .cstc li dl dt{font-size: 1.143rem;font-weight: 500;margin-bottom: 26px;color: #222;height: 40px;line-height: 1.5rem;justify-content: center;display: flex;align-items: center;}
.aerpnovofc_w .table_box table tr th{width: 27%;}
.aerpnovofc_w .table_box table tbody tr td {text-align: left;}
.aerpnovofc_w .photos{display: flex;justify-content: center;gap: 25px;}
.aerpnovofc_w .photos li{border: 1px solid #e1e1e1; padding: 21px;border-radius: 5px;flex-basis: 33.333%;}
.aerpnovofc_w .photos li img{border-radius: 5px}
.aerpnovofc_w .photos li p{text-align: center;font-size: 1.071rem;font-weight: 500;margin-top: 15px;}

@media screen and (max-width:767px) {
	.aerpnovofc_w .cstc{padding: 10px; gap: 0;}
}
@media screen and (max-width:640px) {
    .aerpnovofc_w .photos{flex-direction: column;}
    .aerpnovofc_w .photos li{flex-basis: 100%;display: flex;align-items: center;padding: 15px;justify-content:space-evenly}
}
@media screen and (max-width:492px) {
    .aerpnovofc_w .cstc{flex-direction: column;gap: 15px;}
    .aerpnovofc_w .cstc>li{width: 100%;gap: 0;}
    .aerpnovofc_w .cstc li dl{width: 100%;}

}
/*기업지원센터*/ /*박스4개*/
.acrprsprt_w{}
.acrprsprt_w .photos{display: flex;justify-content: center;gap: 25px;}
.acrprsprt_w .photos li{border: 1px solid #e1e1e1; padding: 21px;border-radius: 5px;flex-basis: 33.333%;}
.acrprsprt_w .photos li img{border-radius: 5px}
.acrprsprt_w .table_box table tbody tr td {text-align: left;}

.acrprsprt_w .wldnjs{border: 1px solid #e1e1e1;}
.acrprsprt_w .wldnjs ol{display: flex;flex-wrap: wrap;padding: 50px 100px;column-gap: 233px; row-gap: 36px;justify-content: center;}
.acrprsprt_w .wldnjs ol li{border: 1px solid #e1e1e1; border-radius: 5px; width: 274px; height: 60px;display: flex; justify-content: center; align-items: center;column-gap: 5px;position: relative;}
.acrprsprt_w .wldnjs ol li.first{border: 1px solid #00a6e7;}
.acrprsprt_w .wldnjs ol li.last{background: #0253a5;color: #fff;}
.acrprsprt_w .wldnjs ol li span{display: inline-block;background-color: #0253a5;border-radius: 50%;width: 20px;height: 20px;text-align: center;color: #fff;font-size: 1.036rem;line-height: 1.5;}
.acrprsprt_w .wldnjs ol li.last span{background: #fff; color: #0253a5;}
.acrprsprt_w .wldnjs li:nth-of-type(3){order: 4;}
.acrprsprt_w .wldnjs li:nth-of-type(4){order: 3;}
.acrprsprt_w .wldnjs li:nth-of-type(1)::before,
.acrprsprt_w .wldnjs li:nth-of-type(2)::before,
.acrprsprt_w .wldnjs li:nth-of-type(4)::before {position: absolute;display: inline-block;content: ''; height: 1px;background-color: #999;}
.acrprsprt_w .wldnjs li:nth-of-type(1)::before,
.acrprsprt_w .wldnjs li:nth-of-type(4)::before{right: -227px;top: 30px;width: 220px;}
.acrprsprt_w .wldnjs li:nth-of-type(2)::before{height: 30px;bottom: 39px;top: 62px;right: 139px;width: 1px;}
.acrprsprt_w .wldnjs li:nth-of-type(1)::after,
.acrprsprt_w .wldnjs li:nth-of-type(2)::after,
.acrprsprt_w .wldnjs li:nth-of-type(4)::after {position: absolute;display: inline-block;content: '';width: 0;height: 0;}
.acrprsprt_w .wldnjs li:nth-of-type(1)::after{right: -230px;top: 25px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #999}
.acrprsprt_w .wldnjs li:nth-of-type(4)::after{right: -12px;top: 25px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid #999;}
.acrprsprt_w .wldnjs li:nth-of-type(2)::after{right: 133px;top: 86px;border-top: 6px solid #999;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.acrprsprt_w .table_box table tr th{width: 130px}
.acrprsprt_w .table_box.part_box table tr th{width: 260px;}
.acrprsprt_w .table_box.part_box table {table-layout: auto;}

@media screen and (max-width:1024px) {
    .acrprsprt_w .wldnjs ol{column-gap: 150px;padding: 25px;}
    .acrprsprt_w .wldnjs ol li.item::before , .acrprsprt_w .wldnjs ol li.item::after{display: none;}
}
@media screen and (max-width:789px){
    .acrprsprt_w .wldnjs li:nth-of-type(3){order: 3;}
    .acrprsprt_w .wldnjs li:nth-of-type(4){order: 4;}
}
@media screen and (max-width:714px){
    .acrprsprt_w .wldnjs ol{column-gap: 0;padding: 20px;justify-content: space-around; row-gap: 15px;}
    .acrprsprt_w .wldnjs ol li{width: 80%;}
    .acrprsprt_w .table_box table tr th{width: auto}
    .acrprsprt_w .table_box.part_box table tr th{width: auto;}
}
@media screen and (max-width:640px) {
    .acrprsprt_w .photos{flex-direction: column;}
    .acrprsprt_w .photos li{flex-basis: 100%;display: flex;align-items: center;padding: 15px;justify-content:space-evenly}
    .acrprsprt_w .wldnjs ol li{width: 95%;}
}
/*국제전시회참가지원*//*상자 7개*/
.aintexhspr_w{}
.aintexhspr_w .table_box tr th{width: 27%;}
.aintexhspr_w .table_box table+p{color: #d54400;margin-top: 20px;}
.aintexhspr_w .wldnjs{border: 1px solid #e1e1e1;}

.aintexhspr_w .wldnjs ol{display: flex;flex-wrap: wrap;padding: 50px 80px;column-gap: 50px; row-gap: 35px;justify-content: flex-start;}
.aintexhspr_w .wldnjs ol li{border: 1px solid #e1e1e1; border-radius: 5px; width: 240px; height: 60px;display: flex; justify-content: center; align-items: center;column-gap: 5px;position: relative;}
.aintexhspr_w .wldnjs ol li:nth-of-type(2){border: 1px solid #00a6e7;}
.aintexhspr_w .wldnjs1 ol li:nth-of-type(6){background: #0253a5;color: #fff;font-size: 1.143rem;font-weight: 500;}
.aintexhspr_w .wldnjs1 ol li:nth-of-type(6) span{background: #fff; color: #0253a5;}
.aintexhspr_w .wldnjs1 li:not(:nth-of-type(6)) p{font-size: 1.143rem;font-weight: 500;color: #222;}
.aintexhspr_w .wldnjs2 ol li:nth-of-type(5){background: #0253a5;color: #fff;font-size: 1.143rem;font-weight: 500;}
.aintexhspr_w .wldnjs2 ol li:nth-of-type(5) span{background: #fff; color: #0253a5;}
.aintexhspr_w .wldnjs2 li:not(:nth-of-type(5)) p{font-size: 1.143rem;font-weight: 500;color: #222;}
.aintexhspr_w .wldnjs li.last{background: #f7f7f7;border: 1px solid #e1e1e1;}
.aintexhspr_w .wldnjs ol li span{display: inline-block;background-color: #0253a5;border-radius: 50%;width: 22px;height: 22px;text-align: center;color: #fff;font-size: 1.036rem;font-weight: 500;}
.aintexhspr_w .wldnjs li:nth-of-type(4){order: 6;}
.aintexhspr_w .wldnjs li:nth-of-type(5){order: 5;}
.aintexhspr_w .wldnjs li:nth-of-type(6){order: 4;}
.aintexhspr_w .wldnjs li:nth-of-type(7){order: 7;}
.aintexhspr_w .wldnjs li:not(:last-child)::before {position: absolute;display: inline-block;content: ''; height: 1px;background-color: #999;}
.aintexhspr_w .wldnjs li.left::before{left: -45px;top: 30px;width: 40px;}
.aintexhspr_w .wldnjs li.right::before{right: -45px;top: 30px;width: 40px;}
.aintexhspr_w .wldnjs li.bottom::before{right: 120px;top:60px;width: 1px;height: 30px;}
.aintexhspr_w .wldnjs li:not(:last-child)::after {position: absolute;display: inline-block;content: '';width: 0;height: 0;}
.aintexhspr_w .wldnjs li.left::after{left: -47px;top: 25px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid #999;}
.aintexhspr_w .wldnjs li.right::after{right: -47px;top: 25px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #999}
.aintexhspr_w .wldnjs li.bottom::after{right: 114px;top:84px;border-top: 6px solid #999;border-left: 6px solid transparent;border-right: 6px solid transparent;}

@media screen and (max-width:1024px) {
    .aintexhspr_w .wldnjs ol{column-gap: 50px;padding: 25px;}
    .aintexhspr_w .wldnjs ol li.item::before , .aintexhspr_w .wldnjs ol li.item::after{display: none;}
}
@media screen and (max-width:950px){
    .aintexhspr_w .wldnjs li:nth-of-type(4){order: 4;}
    .aintexhspr_w .wldnjs li:nth-of-type(5){order: 5;}
    .aintexhspr_w .wldnjs li:nth-of-type(6){order: 6;}
    .aintexhspr_w .wldnjs li:nth-of-type(7){order: 7;}
    .aintexhspr_w .wldnjs ol{column-gap: 20px;justify-content: center;}
}
@media screen and (max-width:714px){
    .aintexhspr_w .wldnjs ol{column-gap: 0;padding: 20px;justify-content: space-around; row-gap: 15px;}
    .aintexhspr_w .wldnjs ol li{width: 80%;}
}
@media screen and (max-width:640px) {
    .aintexhspr_w .wldnjs ol li{width: 95%;}
}


/*바이어매칭/맞춤형시장조사 */
.abyrmtch_w{}
.abyrmtch_w .photos{display: flex;justify-content: flex-start;gap: 25px;}
.abyrmtch_w .photos li{border: 1px solid #e1e1e1; padding: 21px;border-radius: 5px;flex-basis: 33.333%;}
.abyrmtch_w .photos li img{border-radius: 5px; width: 100%;}
.abyrmtch_w .wldnjs{border: 1px solid #e1e1e1;}
.abyrmtch_w .table_box table tr:nth-of-type(1) th:nth-of-type(1){width: 13%;}
.abyrmtch_w .table_box table+p{color: #d54400;margin-top: 20px;}
.abyrmtch_w .wldnjs ol{display: flex;flex-wrap: wrap;padding: 50px 80px;column-gap: 50px; row-gap: 35px;justify-content: flex-end;}
.abyrmtch_w .wldnjs ol li{border: 1px solid #e1e1e1; border-radius: 5px; width: 29.2%; height: 60px;display: flex; justify-content: center; align-items: center;column-gap: 5px;position: relative;}
.abyrmtch_w .wldnjs ol li:nth-of-type(1){border: 1px solid #00a6e7;}
.abyrmtch_w .wldnjs2 ol li:nth-of-type(5){background: #0253a5;color: #fff;font-size: 1.143rem;font-weight: 500;}
.abyrmtch_w .wldnjs2 ol li:nth-of-type(5) span{background: #fff; color: #0253a5;}
.abyrmtch_w .wldnjs2 li:not(:nth-of-type(5)) p{font-size: 1.143rem;font-weight: 500;color: #222;}
.abyrmtch_w .wldnjs li.last{background: #f7f7f7;border: 1px solid #e1e1e1;}
.abyrmtch_w .wldnjs ol li span{display: inline-block;background-color: #0253a5;border-radius: 50%;width: 22px;height: 22px;text-align: center;color: #fff;font-size: 1.036rem;font-weight: 500;}
.abyrmtch_w .wldnjs li:nth-of-type(4){order: 6;}
.abyrmtch_w .wldnjs li:nth-of-type(5){order: 5;}
.abyrmtch_w .wldnjs li:not(:last-child)::before {position: absolute;display: inline-block;content: ''; height: 1px;background-color: #999;}
.abyrmtch_w .wldnjs li.left::before{left: -45px;top: 30px;width: 40px;}
.abyrmtch_w .wldnjs li.right::before{right: -45px;top: 30px;width: 40px;}
.abyrmtch_w .wldnjs li.bottom::before{right: 120px;top:60px;width: 1px;height: 30px;}
.abyrmtch_w .wldnjs li:not(:last-child)::after {position: absolute;display: inline-block;content: '';width: 0;height: 0;}
.abyrmtch_w .wldnjs li.left::after{left: -47px;top: 25px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid #999;}
.abyrmtch_w .wldnjs li.right::after{right: -47px;top: 25px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #999}
.abyrmtch_w .wldnjs li.bottom::after{right: 114px;top:84px;border-top: 6px solid #999;border-left: 6px solid transparent;border-right: 6px solid transparent;}

@media screen and (max-width:1024px) {
    .abyrmtch_w .photos li{flex-basis: 50%;}
    .abyrmtch_w .wldnjs ol{column-gap: 50px;padding: 25px;}
    .abyrmtch_w .wldnjs ol li.item::before , .abyrmtch_w .wldnjs ol li.item::after{display: none;}
}
@media screen and (max-width:950px){
    .abyrmtch_w .wldnjs li:nth-of-type(4){order: 4;}
    .abyrmtch_w .wldnjs li:nth-of-type(5){order: 5;}
    .abyrmtch_w .wldnjs ol{column-gap: 20px;justify-content: center;}
}
@media screen and (max-width:714px){

    .abyrmtch_w .wldnjs ol{column-gap: 0;padding: 20px;justify-content: space-around; row-gap: 15px;}
    .abyrmtch_w .wldnjs ol li{width: 80%;}
}
@media screen and (max-width:640px) {
    .abyrmtch_w .wldnjs ol li{width: 95%;}
}
/*해외인증지원*/
/*서브top공통*/
.ovrsctf{}
.ovrsctf .sub_tit{border-bottom: none;padding: 40px 0;align-items: center;}
.ovrsctf .sub_tit .icon{border: 1px solid #e5e5e5;margin: 0;width: 280px;height: 160px;display: flex;justify-content: center;align-items: center;}
.ovrsctf .sub_tit .text span{font-weight: 600;color: #222;display: block;margin-bottom: 20px;font-size: 1.286rem;}
.ovrsctf h4+p{margin-bottom: 20px;font-size: 1.071rem;}
.ovrsctf h4+p strong{color: #222;}
.ovrsctf .table_box td ul.list li{font-weight: 500;}
.ovrsctf .table_box tr th{width: 26%; font-weight: 600;}

@media screen and (max-width:767px) {
    .ovrsctf .sub_tit{padding: 20px 0;}
    .ovrsctf .sub_tit .icon{padding: 10px;}
    .ovrsctf .sub_tit .icon + .text{flex-basis: 100%;}
    .ovrsctf .sub_tit .icon img{max-height: 150px;}
}
/*가스제품북미안전인증-1*/
.osafety_w{}
.osafety_w .table_box .img_p {display: flex;align-items: center;gap: 20px;}
.osafety_w .table_box .img_p div{width: 50%;}
.osafety_w .table_box .img_p div img{min-width: 170px;}
.osafety_w .img_box{width: 100%;border: 1px solid #d9d9d9;}
.osafety_w .img_box img{max-width: 983px;}
@media screen and (max-width:767px) {
    .osafety_w .table_box .img_p{display: block;}
    .osafety_w .table_box .img_p img{display: none;}
}
/*가스제품북미효율인증-2*/
.oefcnc_w{}
.oefcnc_w .img_box{width: 100%;border: 1px solid #d9d9d9;}
.oefcnc_w .img_box img{max-width: 983px;}
@media screen and (max-width:767px) {
    .oefcnc_w .table_box .img_p{display: block;}
    .oefcnc_w .table_box .img_p img{display: none;}
}
/*가스제품유럽안전인증-3*/
.ousafety_w{}
.ousafety_w .img_box{width: 100%;border: 1px solid #d9d9d9;}
.ousafety_w .img_box img{max-width: 983px;}
@media screen and (max-width:767px) {
    .ousafety_w .table_box .img_p{display: block;}
    .ousafety_w .table_box .img_p img{display: none;}
}

/*수정시자가가가가*/

/*가스제품유럽효율인증-4*/
.ouefcnc_w{}
.ouefcnc_w .table_box .img_p {display: flex;align-items: center;gap: 20px;}
.ouefcnc_w .table_box .img_p div img{min-width: 140px;}
.ouefcnc_w .img_box{width: 100%;border: 1px solid #d9d9d9;}
.ouefcnc_w .img_box img{max-width: 983px;}
@media screen and (max-width:767px) {
    .ouefcnc_w .table_box .img_p{display: block;}
    .ouefcnc_w .table_box .img_p img{display: none;}
}
/*가스제품호주안전인증-5*/
.oasafety_w{}
.oasafety_w .img_box{width: 100%;border: 1px solid #d9d9d9;}
.oasafety_w .img_box img{max-width: 983px;}
@media screen and (max-width:767px) {
    .oasafety_w .table_box .img_p{display: block;}
    .oasafety_w .table_box .img_p img{display: none;}
}
/*가스제품일본안전인증-6*/
.ojsafety_w{}
.ojsafety_w .img_box{width: 100%;border: 1px solid #d9d9d9;}
.ojsafety_w .img_box img{max-width: 983px;}
@media screen and (max-width:767px) {
    .ojsafety_w .table_box .img_p{display: block;}
    .ojsafety_w .table_box .img_p img{display: none;}
}
/*가스자동차부품해외인증-7*/
.opart_w{}
.opart_w .img_box{width: 100%;border: 1px solid #d9d9d9;}
.opart_w .img_box img{max-width: 983px;}
@media screen and (max-width:767px) {
    .opart_w .table_box .img_p{display: block;}
    .opart_w .table_box .img_p img{display: none;}
}
/*국제방폭인증-8*/
.oexpprf_w {}
.oexpprf_w .table_box .img_p {display: flex;align-items: center;gap: 20px;}
.ovrsctf .oexpprf_w .table_box td ul.list li{font-weight: 400;}
.ovrsctf .oexpprf_w .table_box td ul.list li strong{font-weight: 500;}
.oexpprf_w .table_box .img_p div img{min-width: 170px;}
.oexpprf_w .img_box{width: 100%;border: 1px solid #d9d9d9;}
.oexpprf_w .img_box img{max-width: 983px;}
@media screen and (max-width:767px) {
    .oexpprf_w .table_box .img_p{display: block;}
}
/*국제방폭유지보수기업인증-9*/
.ocihas_w {}
.ocihas_w .table_box .img_p {display: flex;align-items: center;gap: 20px;}
.ovrsctf .ocihas_w .table_box td ul.list li{font-weight: 400;}
.ovrsctf .ocihas_w .table_box td ul.list li strong{font-weight: 500;}
.ocihas_w .table_box .img_p div img{min-width: 170px;}
.ocihas_w .img_box{width: 100%;border: 1px solid #d9d9d9;}
.ocihas_w .img_box img{max-width: 983px;}
@media screen and (max-width:767px) {
    .ocihas_w .table_box .img_p{display: block;}
}

/*방폭해외인증-유럽,북미,중국-10*/
.oexplsproof_w{}
.ovrsctf  .sub_tit .i300{width: 300px;}
.oexplsproof_w .table_box .stage_box tbody tr td{text-align: center;}
.oexplsproof_w .table_box tr td:nth-of-type(1){font-weight: 500;color: #222;}
.oexplsproof_w .table_box .img_p {display: flex;align-items: center;gap: 20px;}
.oexplsproof_w .table_box .img_p div{width: 50%;}
.oexplsproof_w .table_box .img_p div img{min-width: 170px;}
.oexplsproof_w .img_box{width: 100%;border: 1px solid #d9d9d9;}
.oexplsproof_w .img_box img{max-width: 983px;}
@media screen and (max-width:767px) {
    .oexplsproof_w .table_box .img_p{display: block;}
    .oexplsproof_w .table_box .img_p img{display: none;}
}

/*정보제공*/
/*MOU체결현황*/
.pmou_w{}
.pmou_w .search-box{flex-wrap: wrap;padding: 20px 70px;row-gap: 10px;}
.pmou_w .search-box>div{flex-basis: 50%;}
.pmou_w .search-box label{font-size: 1.071rem; font-weight: 600;display: inline-block; width: 70px;vertical-align: middle;}
.pmou_w .search-box .date_box input[type="text"]{width: 104px;}
.pmou_w .search-box input[type="text"]{width: 240px;}
.pmou_w .search-box .date_box .date{margin-right: 5px;}
.pmou_w .search-box .date_box .date_dash{display: inline-block;margin: 10px;}
.pmou_w .search-box .date_box .date .ui-datepicker-trigger{width: 20px;}
.pmou_w .table tbody tr td{text-align: center;}
@media screen and (max-width:1023px) {
    .pmou_w .search-box > div {flex-basis: 100%;}
    .pmou_w .search-box select {width:calc(100% - 80px)}
    .pmou_w .search-box input[type="text"] {width: calc(100% - 165px);}
    .pmou_w .search-box .date_box input[type="text"] { width: 85%;}
    .pmou_w .search-box .date_box {display: flex;align-items: center;}
    .pmou_w .search-box .date_box .date {width: 50%;}
    .pmou_w .search-box .date_box .date_dash {margin: 0 10px 0 -10px;}
}

@media screen and (max-width:768px) {
    .pmou_w .search-box {padding: 15px 10px 10px 10px;}
}
@media screen and (max-width:555px) {
    .pmou_w .search-box .date_box {display: block;}
    .pmou_w .search-box label {width: 55px;}
    .pmou_w .search-box .date_box input[type="text"] {width: 30%;}
    .search-box .bt-submit {min-width: 70px;}
    .pmou_w .search-box .date_box .date {width: 100%;}
    .pmou_w .search-box .date_box .date_dash {margin: 0 5px;}
    
}
@media screen and (max-width:440px) { 
    .pmou_w .search-box .date_box input[type="text"] {min-width: 50px;width: 22%;}
}

/*해외기술정보*/
.pinfm_w{}
.pinfm_w .search-box {flex-wrap: wrap;padding: 20px 70px;row-gap: 10px;}
.pinfm_w .search-box > div{flex-basis: 50%;}
.pinfm_w .search-box .field {flex-basis: 100%;}
.pinfm_w .search-box .date_box input[type="text"]{width: 104px;}
.pinfm_w .search-box label{font-size: 1.071rem; font-weight: 600;display: inline-block; width: 70px;vertical-align: middle;}
.pinfm_w .search-box input[type="text"]{width: 240px;}
.pinfm_w .search-box .date_box .date{margin-right: 5px;}
.pinfm_w .search-box .date_box .date_dash{display: inline-block;margin: 10px;}
.pinfm_w .search-box .date_box .date .ui-datepicker-trigger{width: 20px;}
.pinfm_w .table tbody tr td{text-align: center;}
.pinfm_w table th {padding: 17px;}
.pinfm_w table td.tit {text-align: left;}
.pinfm_w table td.tit a {width: 100%;}

@media screen and (max-width:1023px) {
    .pinfm_w .search-box > div {flex-basis: 100%;}
    .pinfm_w .search-box select {width:calc(100% - 80px)}
    .pinfm_w .search-box input[type="text"] {width: calc(100% - 165px);}
    .pinfm_w .search-box .date_box input[type="text"] { width: 85%;}
    .pinfm_w .search-box .date_box {display: flex;align-items: center}
    .pinfm_w .search-box .date_box .date {width: 50%;}
}

@media screen and (max-width:768px) {
    .pinfm_w .search-box {padding: 15px 10px 10px 10px;}
}
@media screen and (max-width:555px) {
    .pinfm_w .search-box .date_box {display: block;}
    .pinfm_w .search-box label {width: 55px;}
    .pinfm_w .search-box .date_box input[type="text"] {width: 30%;}
    .search-box .bt-submit {min-width: 70px;}
    .pinfm_w .search-box .date_box .date {width: 100%;}
    .pinfm_w .search-box .date_box .date_dash {margin: 0 5px;}
    
}
@media screen and (max-width:440px) { 
    .pinfm_w .search-box .date_box input[type="text"] {min-width: 50px;width: 22%;}
}


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