@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;} 
.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}
.content > h3 {margin-bottom: 40px; padding-bottom: 5px;}
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;}
[hidden]{ display: none !important} 
.content > article{ margin-bottom: 80px} 
.content > h3 + .search-box {margin-top: -40px;}

/*버튼*/
p.share_btn {display: flex;align-items: center;gap: 10px;}
.share_btn::after{display: inline-block;content: '';width: 26px;height: 13px;background: url(../img/ESR/btn_link.png) no-repeat -13px 0;}
p.share_btn::after{display: inline-block;content: '';width: 26px;height: 13px;background: url(../img/ESR/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;}

h4 { position: relative; align-items: center; width: 100%; max-width: 1280px; padding: 0 0 20px; color: #231815; font-size: 1.429rem; font-weight: 600; } 
.content_body h4 ~ h4 { padding: 40px 0 20px;} 
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{padding: 30px 0;gap:15px;}
    .sub_tit .icon{  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;}
}

/*연구분야*/
/*시험4공통 */
.rsrcfld_w{}
.sub_tit{padding: 0;border: none;}
.sub_tit span{font-size: 1rem; color: #777;line-height: 3.5;}
.sub_tit .icon{margin: 0;}
.sub_tit .text{margin:0 0 0 40px;}
.sub_tit .text > p{width: 100%;}
.rsrcfld_w table tbody tr th{width: 27%;}
.rsrcfld_w table tbody tr td span{font-size: 1rem; color: #777;}
.rsrcfld_w .content_body p + .m_type{padding-top: 20px;}
.rsrcfld_w .content_body{margin-bottom: 80px;padding-top: 40px;}

@media screen and (max-width:767px){
    .sub_tit .icon img{max-height: 160px;}
    .sub_tit .icon + .text{flex-basis: 100%;margin: 0;}
}


/*연구성과*/
/*지식재산권*/
.prhp_w{}
.prhp_w .content_body{margin-bottom: 80px;}
.prhp_w .table_box1 tbody tr td,.prhp_w .table_box2 tbody tr td{padding:18px 15px;text-align: center;}
.prhp_w .table_box1 tbody tr td:nth-of-type(3){width: 50%;text-align: left;}
.prhp_w .table_box2 tbody tr td:nth-of-type(1){width: 7%;}
.prhp_w .table_box2 tbody tr td:nth-of-type(2){width: 55%;text-align: left;}
.prhp_w .table_box2 tbody tr td:nth-of-type(3),.prhp_w .table_box2 tbody tr td:nth-of-type(4),.prhp_w .table_box2 tbody tr td:nth-of-type(5){width: 11%;}
.prhp_w .table_box1 tbody tr td:nth-of-type(2), .prhp_w .table_box1 tbody tr td:nth-of-type(4), .prhp_w .table_box1 tbody tr td:nth-of-type(5){width: 14% ;}

/*센터소개*/
/*인사말*/
.chello_w{margin-top: 50px;}
.chello_w{ position: relative; padding-left: calc(270px + 40px)}
.chello_w:before{ display: block; content: ""; width: 270px; height: 300px; position: absolute; left: 0; top: 0; background: url("../img/ESR/img_eangreeting.png") no-repeat 0 0; overflow: hidden; background-size: 100%} 
.chello_w h4{ background: none; padding: 0; margin-bottom: 0;color: #0253a5;  line-height: 1.33; font-size: 1.714rem;}
.chello_w h4::before{display: none;}
.chello_w h4 span{ color: #0253a5; font-weight: 600;display: block;margin-bottom: 30px;font-size:1.714rem;  }
.chello_w h5{ margin: 20px 0;color: #222;font-size: 1.143rem; font-weight: 600;}
.chello_w p{ line-height: 24px; font-size:1.0714rem; color: #606060 } 
.chello_w p + p{ margin-top: 1.429rem} 
.chello_w p span{ color: #0253a5; font-weight: 600} 
.chello_w p strong{font-weight: 600;color: #222;display: inline-block;margin-left: 10px;}
.chello_w p.sign{ margin-top: 45px;; font-weight: 500;color: #333;} 
.chello_w p.sign strong{font-size: 1.714rem;}
@media screen and (max-width:1023px) {
	.chello_w {padding-left: calc(30vw + 40px);}
	.chello_w:before{ width: 30vw; }
}
@media screen and (max-width:767px) {
	.chello_w{  padding: 0; display: flex; flex-direction: column;}
	.chello_w:before{ position: relative; width:320px; left: auto; top: auto; order: 2; background-position: 25px 0; margin: 0 auto; background-size:85%; transition: none;height: 320px;} 
    .chello_w h4{ order: 1; padding: 0; text-align: center; } 
	.chello_w h5{ order: 1; padding-top: 0; text-align: center}
	.chello_w p{ order: 3} 
}
@media screen and (max-width:640px) {
    .chello_w h4 span{margin: 0;}
}

/*업무안내*/
.cintro_w{}
.cintro_w .evltn{display: flex; flex-wrap: wrap;gap: 21px;}
.cintro_w .evltn p{font-size: 1.286rem; color: #222;font-weight: 600;margin-bottom: 20px;}
.cintro_w .evltn>div{border: 1px solid #e1e1e1; padding: 30px;}
.cintro_w .evltn>div>div{display: flex;gap: 10px;}
.cintro_w .evltn>div>div img{}
.cintro_w table tr th{width: 260px;}

@media screen and (max-width:1040px) {
    .cintro_w .evltn{justify-content: space-evenly;}
    .cintro_w .evltn>div{width: 40%;}
    .cintro_w .evltn>div>div{flex-direction: column;}
    .cintro_w .evltn p{text-align: center;min-height: 49px;}
    .cintro_w table tr th{width: 260px;}

}
@media screen and (max-width:745px) {
    .cintro_w .evltn>div{padding: 10px;width: 45%;}
    .cintro_w table tr th{width: 20%;}

}
/*센터연혁*/
.chistory_w  {padding:30px 0 80px}
.his_bx {position: relative;display: flex;flex-wrap: wrap;}
.chistory_w .box {display: flex;gap: 100px;;flex-basis: 100%; margin-top: 60px; position: relative;}
.chistory_w .box h4 {display: block; background: none; padding: 0; font-size: 1.714rem; color: #005bac; font-weight: 600; margin-bottom: 10px; position: relative;text-align: right; flex-basis: 210px;}
.chistory_w .box h4:before { position: absolute; right: -53px; top: 16px; width: 8px; height: 8px; background: #005bac; content: ""; display: block; }
.chistory_w .box h4:after { position: absolute; right: -40px; top: 16px; width: 30px; height: 4px; border-bottom: 1px dotted #005bac; content: ""; display: block; }
.chistory_w .box:first-of-type:before { position: absolute; left: 240px; top: -60px; content: ""; width: 18px; height: 18px; background: url(../img/comm/bullet.png) no-repeat 0 50%; display: block; background-size: 18px; }
.chistory_w .box:last-of-type:before { position: absolute; left: 240px; bottom: -35px; content: ""; width: 18px; height: 18px; background: url(../img/comm/bullet.png) no-repeat 0 50%; display: block; background-size: 18px;}
.his_bx:before { position: absolute; left: 249px; top: 18px; content: ""; width: 1px; height: 100%; background: #00a6e7; }
.chistory_w .txt h5{margin: 5px 0;color: #222;font-weight: 600;font-size: 1.286rem;}
.chistory_w .txt ul li {line-height: 2;letter-spacing: -0.35px;font-size: 1rem;}
.chistory_w .img {margin-top: 15px;width: 100%; margin-bottom: 16px;}
.chistory_w .img img {display: inline-block;width: 280px;}

@media screen and (max-width:767px) {
    .chistory_w .box h4 {flex-basis: 70px}
    .his_bx {width: auto;}
    .his_bx:before {left: 119px;}
    .chistory_w .box:first-of-type:before {left: 110px;}
    .chistory_w .box:last-of-type:before {left: 110px;}
}
@media screen and (max-width:468px) {
    .chistory_w .box {gap: 80px;}
    .chistory_w .txt {flex-basis: calc(100% - 150px);}
}
/*조직안내*/
.csystem_w .group_bx{  text-align: center; position: relative; width: 920px; margin: 0 auto;margin-top: 40px;} 
.csystem_w .group_bx p{ position: relative} 
.csystem_w .boss_g .ceo {width: 220px;height: 80px;}
.csystem_w .group_bx p.ceo {width: 220px;height: 80px;background: #005bac;color: #fff;text-align: center;line-height: 80px;display: block;font-size: 1.428rem;font-weight: 600;}
.csystem_w .group_bx p.g1 {margin-top: 40px;width: 220px;height: 55px;background: #007bcb;color: #fff;text-align: center;line-height: 55px;display: block;font-size: 1.143rem;font-weight: 600;}
.csystem_w .group_bx dl {width: 220px;z-index: 2;position: relative;}
.csystem_w .group_bx dl dt {width: 220px;height: 55px;background-color: #606060;color: #fff;text-align: center;line-height: 55px;display: block;font-size: 1.143rem;font-weight: 600;}
.csystem_w .group_bx dl dd { margin-top: 10px;background: #f7f7f7;height: 55px;line-height: 55px;font-size: 1.143rem;width: 220px;font-weight: 500;color: #606060;}
.csystem_w .group_bx .org_g .last_g dd{background: #fff; border: 1px solid #007bcb;}
.csystem_w .group_bx .org_g .last_g dt{background: #007bcb; border: 1px solid #fff;}
.csystem_w .boss_g {display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;padding-bottom: 120px;}
.csystem_w .boss_g .ceo:after {content: "";width: 1px;height: 80px;display: block;position: absolute;left: 50%;bottom: -80px;background: #e1e1e1;}
.csystem_w .boss_g .g1:after {content: "";width: 1px;height: 120px;display: block;position: absolute;left: 50%;bottom: -120px;background: #e1e1e1;}
.csystem_w .org_g {display: flex;gap: 80px;padding-bottom: 30px;position: relative;justify-content: center;}
.csystem_w .org_g:before {content: "";height: 1px;width: 600px;display: block;position: absolute;left: 50%;top: -41px;background: #e1e1e1;z-index: -1;transform: translateX(-50%);}
.csystem_w .org_g .g2:before {content: "";width: 1px;height: 41px;display: block;position: absolute;top: -41px;left: 50%;background: #e1e1e1;z-index: -1;}
.csystem_w .aorg_w .group_bx ~ .tell_bx {margin-top: 80px;}


@media screen and (max-width:1023px) {
	.csystem_w .group_bx{ width: 690px} 
	.csystem_w .boss_g .g1:before{ width: 235px} 
    .csystem_w .org_g {justify-content: center;}
	.csystem_w .org_g:before{ width: 540px} 
    .csystem_w .group_bx dl {width: 190px;}
    .csystem_w .group_bx dl dt{width: 190px;}
    .csystem_w .group_bx dl dd {width: 190px;}
}
@media screen and (max-width:767px) {
	.csystem_w .tell_bx td[data-th]:before{ display: none} 
	.csystem_w .table-theme__default{ table-layout: auto} 
	.csystem_w .table-theme__default th, .table-theme__default td{ padding: 15px 5px; text-align: center} 	
}

@media screen and (max-width:750px) {
	.csystem_w .group_bx{ width: 100%} 
    .csystem_w .org_g {gap: 10px;}
	.csystem_w .org_g dl{ width: 40%} 
	.csystem_w .org_g dl *{ height: auto !important; word-break: break-all; padding:15px 5px; line-height: 1.5 !important;  } 
	.csystem_w .group_bx dl.g2 dt {height: auto;margin: 0 auto;padding: 15px 5px;height: auto !important;width: 120px !important;line-height: 1.5 !important;} 
	.csystem_w .group_bx dl dd {width: 120px;margin: 10px auto 0;}
    .csystem_w .org_g:before{ width: calc(100% - 165px)}  
	.csystem_w .group_w .search-box{ flex-wrap: wrap; justify-content: flex-start} 
	.csystem_w .group_w .search-box label{ display: block; flex-basis: 100%; margin-left: 0 !important; margin-bottom: 5px !important} 
	.csystem_w .group_w .search-box label:not(:first-of-type){ margin-top: 10px} 
	.csystem_w .group_w .search-box select{ width: calc(50% - 10px)} 
	.csystem_w .group_w .search-box label+input[type="text"], .group_w .search-box label+input[type="password"]{ margin-left: 0; flex-basis: 100%} 
	.csystem_w .group_w .search-box  input[type="text"] + button{ margin-left: 0} 
	.csystem_w .group_w .search-box button{ margin-top: 	10px}
}
@media screen and (max-width:400px) {
    .csystem_w .org_g:before{ width: calc(100% - 99px)} 
}
@media screen and (max-width:360px) {
    .csystem_w .org_g:before{ width: calc(100% - 35px)} 
}

/*오시는길*/
.cmap_w{}
.cmap_w .map_box{ border: 1px solid #e1e1e1; margin-bottom: 40px} 
.cmap_w .map_box .address{ border-top: 1px solid #e1e1e1;background-color: rgb(249, 249, 249); display: flex; justify-content: space-around;} 
.cmap_w .map_box .address dl{ display: flex; padding: 28px 0; font-size: 1.0714rem; color: #222; line-height: 1; } 
.cmap_w .map_box .address dl dt{ font-weight: 600; padding-right: 20px; border-right: 1px solid #e1e1e1; margin-right:20px } 
.cmap_w .map_box .address dl dd + dt{ margin-left:35px} 
.cmap_w .traffic_bx dl{ border-top: 1px solid #e1e1e1; padding: 40px 0 40px  130px; background: url("../img/ESR/icon-car.png") no-repeat 0 40px; background-size: 80px; min-height: 80px; font-size: 1.0714rem} 
.cmap_w .traffic_bx dl dt{ font-size: 1.2857rem; font-weight: 500; color: #222;} 
.cmap_w .traffic_bx dl:last-of-type{border-bottom: 1px solid #e1e1e1; } 

@media screen and (max-width:750px) {
	.cmap_w .map_box .address dl{flex-direction:column ;gap: 10px;}
	.cmap_w .map_box .address dl dd + dt{margin: 0;}
	.cmap_w .map_box .address dl dt{border: 1px  solid rgb(249, 249, 249);}
}


/* 고객센터 공통  */

.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 {padding-top: 20px;}

.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;}
.hidden_be::after {display: none!important;}
.tab_contents_w .content_body { padding-top: 60px; }
.service_center .content_header {margin-bottom: 20px;}
.service_center > h3 {margin-bottom: 0;}
.service_center .sub_tit {display: flex;align-items: flex-start;justify-content: space-between;padding: 40px 30px;border-bottom: 1px solid #d9d9d9;}
.service_center .sub_tit .icon {flex: 1 0 auto;margin:0 30px;width: auto;height: auto;}
.service_center .sub_tit .text {margin: 0 30px;}
.service_center .sub_tit .text > p {font-size: 1.071rem;line-height: 1.714rem;width: 85%;}
.service_center .sub_tit .text strong {color: #222222;}
.service_center .sub_tit .text:first-child {margin: 0 0;flex-basis: 350px;}
.service_center .sub_tit .text.text_full {flex-basis:auto;font-size: 1.143rem;}
.service_center .sub_tit .text strong {font-weight: 600;}

.service_center .sub_tit.acc_tit {display: block;padding: 0;border-bottom: none;}
.service_center .sub_tit.acc_tit.active {border-bottom: 1px solid #e1e1e1;;}

.service_center .sub_tit.acc_tit .acc_title {display: flex;align-items: center;justify-content: space-between;padding: 20px 30px;width: 100%;color:#222222;border-bottom: 1px solid #e1e1e1;font-size: 1.143rem;font-weight: 500;}
.service_center .sub_tit.acc_tit .acc_icon{width: 17px;height: 11px;background: url(../img/sub/btn_down.png) no-repeat 0 0;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transform: rotate(180deg);}
.service_center .sub_tit.acc_tit.active .acc_icon{transform: rotate(0deg);}
.service_center .sub_tit.acc_tit .acc_content {display: none;}
.service_center .sub_tit.acc_tit .answer-txt {padding: 30px;font-size: 1rem;}
.service_center .sub_tit.acc_tit .answer-txt.two-txt {display: flex;justify-content: space-between;padding: 30px;font-size: 14px;}
.service_center .sub_tit.acc_tit .answer-txt strong {font-weight: 500;}
.service_center .sub_tit.acc_tit .answer-txt span {font-size: 1rem;}
.service_center .sub_tit.acc_tit .answer-txt .answer-con {margin-top: 30px;padding-left: 10px;text-indent: -10px;}
@media screen and (max-width:767px){
    .service_center .sub_tit{ justify-content: flex-start; padding:30px 0; gap:20px; position: relative; flex-wrap: wrap}  
    .service_center .sub_tit .icon{ margin: 0 ; flex-basis:60px; text-align: center} 
    .service_center .sub_tit .icon img{  max-height:45px } 
    .service_center .sub_tit .text{ flex-basis: 100%; margin: 0} 
    .service_center .sub_tit .text > p{ width: auto} 
    .service_center .sub_tit .icon +  .text{ flex-basis: calc( 100% - 80px)} 
    .service_center .sub_tit.acc_tit .acc_title{ padding:18px 0} 
    .service_center .sub_tit.acc_tit .acc_icon{flex-shrink: 0; width: 15px; height: 13px; background-size: 12px; background-position: 50% 50%} 
    .service_center .sub_tit.acc_tit .answer-txt{ padding: 18px 0}
    .service_center .sub_tit.acc_tit .answer-txt span{} 
    .service_center .sub_tit .text + .btn-wrap{ width: 100%; flex: 1} 
}
.service_center [class^=list-depth1] li { padding: 5px 0 0 12px; line-height: 1.6; font-size: 1.071rem; }

.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: 0px; 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;}
.gr6_w .table_box table tbody td,.gr6_w .table_box table thead th{border-right: none; border-left: none;}

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