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


main button{ font-size: 1rem} 
*{image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 
:before, :after{ box-sizing: border-box} 
.content > h3{ margin-bottom: 40px;padding-bottom: 5px;}
h4{ display: flex; font-size: 1.428rem; color: #222; font-weight: 600;background:url(../img/comm/bullet.png)no-repeat 0 50%; padding-left:24px; background-size: 14px; margin-bottom: 20px; justify-content: space-between; align-items: flex-end } 
.content h4~h4{ margin-top: 40px}
h5{ margin: 20px 0;color: #222;font-size: 1.143rem; font-weight: 600;} 
.table_box + h4 {margin-top: 40px;}
.table_box + h5 {margin-top: 40px;}
.data_box + h5 {margin-top: 40px;}
[hidden]{ display: none !important} 
.content > article{ margin-bottom: 80px} 
.content > h3 + .search-box {margin-top: -40px;}

.text .list {margin-top: 20px;}
.text .list li {color: #606060;font-weight: 600;}
.list .guide {margin: 0;}
h3+.sub_tit{ padding-top: 0;} 
.content .sub_tit + h4::before{ display: none} 
table{ table-layout: auto; border-top:2px solid #999}
table th, table td{ border-bottom: 1px solid #d9d9d9; padding: 18px 20px; vertical-align: middle} 
table thead th{ background:#f0f0f0;font-weight: 600; } 
table tbody th{ background:#f9f9f9; vertical-align: middle; font-weight: 600; color: #222; font-size: 1.0714rem; text-align: center; border-right: 1px solid #d9d9d9;}
table tbody td{font-size: 1.0714rem;} 

p.guide { margin: 20px 0;color: #777;font-size: 1rem !important;}
.dec {margin: 20px 0;color: #606060;font-size: 1.071rem;line-height: 1.6;}
._blank:after {content: "";width: 13px;height: 13px;background-size: 13px;background: url(../img/comm/icon_link.png) no-repeat 0 0;display: block; margin-left: 10px;}
@media screen and (max-width:767px) {    
    .content > h3{ margin-bottom: 30px; padding-bottom: 11px}
    .sub_tit{ padding: 0px 0; display: block;}
    .sub_tit .icon{  margin:10px 20px 15px 0;}            
/*     .sub_tit .icon img {max-height: inherit;} */
    .sub_tit .text{ margin: 0} 
	.sub_tit:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
	h4{ flex-direction: column; justify-content: flex-start; align-items:  flex-start; background-position: 0 8px} 
	.data_box{ overflow-x: auto} 
	.table_box{ overflow-x: auto} 
	.sub_tit + div[class$="_bx"]{ padding-top: 30px; margin-top: 30px} 
	.sub_tit .text > p{ padding-right: 0px} 
	.sub_tit .text p.tit{ line-height: 1.46} 
	article[class$="_w"] > div+div, article[class$="_w"] > div+h4{ margin-top: 30px} 
	table th{ padding: 18px 10px} 
	table td{ padding: 18px } 
	table td a.bt_dn{ word-break: break-all} 
}

@media screen and (max-width:1024px){
    .img_box{overflow-x: auto;}
}

/************** 
버튼
**************/
p.share_btn {display: flex;align-items: center;gap: 10px;}
/* .share_btn {color: #606060;text-decoration: underline;} */
.share_btn_g {color: #606060;text-decoration: underline;}
.share_btn::after{display: inline-block;content: '';width: 13px;height: 13px;background: url(../img/HST/btn_link.png) no-repeat 0 0;margin-left: 5px ; background-position-x: -13px ; vertical-align: middle;}
.share_btn_g::after{display: inline-block;content: '';width: 13px;height: 13px;background: url(../img/HST/btn_link.png) no-repeat -13px 0;    margin-left: 5px ; background-position-x: -13px ; vertical-align: middle;}
.share_btn:hover, 
.share_btn_g:hover {color: #0253a5;text-decoration: underline;}

.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;}
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} 
article .list-depth1-dot li::before {margin-top: -3px;}
article .list-depth1-dot li{line-height: 1.5rem; font-size: 1.071rem;}
article table .list-depth1-dot li:first-of-type {padding-top: 0;}
article table [class^=list-depth1] li:first-of-type::before {margin-top: 0;}
article table [class^=list-depth1] li::before {margin-top: 5px;}

/************** 
탭
**************/
.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} 

/************** 
컨텐츠
**************/
/*주요사업*/

/*수소충전소시설검사-1*/
.mfclins_w p {color: #606060;font-size: 1.071rem;line-height: 1.6;}
.mfclins_w .nlist>li{font-size:1.071rem ;font-weight: 600;}
.mfclins_w .nlist li ol{margin-left: 18px;font-weight: 400;}
.mfclins_w .tab_contents_w {padding-top: 60px;}
.mfclins_w .step_bx {padding:20px 0 40px}
.mfclins_w .step_bx > ul {display: flex}
.mfclins_w .step_bx > ul > li {text-align: center;}
.mfclins_w .step_bx > ul > li:not(.icon){flex-basis: 250px;}
.mfclins_w .step_bx > ul > li.icon {align-self: center;flex-basis: 118px;}
.mfclins_w .step_bx > ul > li.icon i {position: relative;display: block;color: #606060;font-size: 1rem;font-weight: 600;font-style: normal;}
.mfclins_w .step_bx > ul > li.icon span {padding-top: 5px; display: inline-block; line-height: 1.3; }
.mfclins_w .step_bx > ul > li.icon i::before {display: inline-block;content: "";width: 21px;height: 14px;background: url(../img/HST/bg_arrow_g.png) no-repeat;transform: rotate(-180deg);margin-right: 5px;vertical-align: middle;}
.mfclins_w .step_bx > ul > li.icon i::after {display: inline-block;content: "";width: 21px;height: 14px;background: url(../img/HST/bg_arrow_g.png) no-repeat;margin-left: 5px;vertical-align: middle;}

.mfclins_w .step_bx > ul > li .tit {padding: 13px 10px; color: #222; background-color: #fff; border: 1px solid #e1e1e1;border-bottom: none;border-top-left-radius: 5px; border-top-right-radius: 5px;font-weight: 500; font-size: 1.143rem;font-weight: 600}
.mfclins_w .step_bx > ul > li .txt_bx {border: 1px solid #e1e1e1;border-top: none;background-color: #f7f7f7;padding: 20px 20px 30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.mfclins_w .step_bx > ul > li.blue .tit {background-color: #007bcb;color: #fff;}
.mfclins_w .step_bx > ul > li.blue .txt_bx {background-color: #fff;}
.mfclins_w .step_bx > ul > li .txt_bx p {line-height: 1.3;font-weight: 500;}

.mfclins_w .step_w {padding: 20px 0 40px;text-align: center;}
.mfclins_w .step_w .ribon_list {display: flex;padding-bottom: 20px;}
.mfclins_w .step_w .ribon_list li {position: relative;flex-basis: 250px;}
.mfclins_w .step_w .ribon_list li .tit {width: 100%;border-radius: 5px;color: #fff;background-color: #007bcb;height: 50px;line-height: 50px;font-size: 1.143rem;font-weight: 600;}
.mfclins_w .step_w .ribon_list li ~ li {margin-left: 118px;}
.mfclins_w .step_w .ribon_list li ~ li::before {position: absolute;left: -118px;top:50%;transform: translateY(-50%);display: inline-block;content: "";width: 118px;height: 2px;background-color: #00a6e7;}
.mfclins_w .step_w .ribon_list li ~ li::after {position: absolute;left: -68px;top:50%;transform: translateY(-50%);display: inline-block;content: "";background: url(../img/HST/icon_tie.png) no-repeat ;width: 24px;height: 20px;}

.mfclins_w .step_bx.sec_bx {display: flex;}
.mfclins_w .step_bx.sec_bx .tit_bx {width: 65%;}
.mfclins_w .step_bx.sec_bx .tit_bx p {text-align: center;}
.mfclins_w .step_bx.sec_bx .tit_bx ul {display: flex;padding-bottom: 20px;}
.mfclins_w .step_bx.sec_bx .tit_bx ul li {width: 250px;position: relative;}
.mfclins_w .step_bx.sec_bx .tit_bx ul li ~ li {margin-left: 118px;}
.mfclins_w .step_bx.sec_bx .tit_bx ul li ~ li::before {position: absolute;top: 25px;left: -118px;display: inline-block;content: "";width: 118px;height: 2px;background-color: #00a6e7;}
.mfclins_w .step_bx.sec_bx .tit_bx ul li .tit{display: flex;align-items: center;justify-content: center;width: 100%;border-radius: 5px;color: #fff;background-color: #007bcb;height: 50px;line-height: 1.5;font-size: 1.143rem;font-weight: 600;border: none;}
.mfclins_w .step_bx.sec_bx .cont_bx {width: 35%;}
.mfclins_w .num {margin-left: 20px;text-indent: -3px;}
.mfclins_w .num strong {display: inline-block;text-indent: -20px;}
.mfclins_w .table_box table th {width: 260px;}
.mfclins_w .diag_list {padding-bottom: 40px;}
.mfclins_w .diag_list ol {display: flex;flex-wrap: wrap;gap: 35px;}
.mfclins_w .diag_list ol > li {display: flex;justify-content: center;flex-direction: column;position: relative;width: calc(20% - 28px);height: 135px;;border: 1px solid #e1e1e1;border-radius: 5px;text-align: center;}
.mfclins_w .diag_list ol > li > strong {padding-bottom: 3px;color: #222;font-size: 1.143rem;font-weight: 600;}
.mfclins_w .diag_list ol > li ~ li::before  {position: absolute;left: -20px;display: inline-block;content: '';background: url(../img/HST/icon_arrow_b.png)no-repeat;width: 7px;height: 13px;top: 50%;transform: translateY(-50%);background-size: contain;}
.mfclins_w .list li .txt_l strong {display: block;padding: 20px 0;color: #222;font-size: 1.071rem;}
.mfclins_w .list li .depth_2 > li {font-size: 1.071rem;;font-weight: 600;}
.mfclins_w .list li .depth_2 > li > .depth_3 {padding-left: 20px;padding-top: 5px;font-size: 1.071rem;;font-weight: 400;}

@media screen and (max-width:767px){
	.mfclins_w .table_box table th {width: auto;}
	.mfclins_w .step_bx > ul {flex-wrap: wrap;row-gap: 20px;}
	.mfclins_w .diag_list ol {padding-left: 35px;}
	.mfclins_w .diag_list ol > li {width: calc(50% - 40px);}
	.mfclins_w .step_bx.sec_bx {flex-direction: column;}
	.mfclins_w .step_bx.sec_bx .tit_bx {width: 100%;}
	.mfclins_w .step_bx.sec_bx .cont_bx {width: 100%;padding-top: 20px;}
}
@media screen and (max-width:480px){

	.mfclins_w .step_w .ribon_list {flex-wrap: wrap;row-gap: 20px;padding-left: 50px;}
	.mfclins_w .step_w .ribon_list li ~ li {margin-left: 0;}
	.mfclins_w .step_w .ribon_list li ~ li::before {width: 50px;left: -50px;}
	.mfclins_w .step_w .ribon_list li ~ li::after {left: -37px;}
	.mfclins_w .diag_list ol > li {width: 100%}
}

/*수소충전소안전지원-2*/
.mssup_w{}
.content > .tab_depth{margin-bottom: 10px;padding-bottom: 0;}
.content > .tab_depth::after{display: none;}
.mssup_w .content_body h4:nth-of-type(1){margin-top: 10px}
.mssup_w p{font-size: 1.071rem;}
.mssup_w table tr td{padding: 18px 30px;}
.mssup_w .tab1{}
.mssup_w .tab1 table tr th{width: 26.5%;}
.mssup_w .tab1 table tr td strong{color: #222;}
.mssup_w .tab1 .img_box{border: 1px solid #e1e1e1;margin-top: 20px;padding: 60px 80px;background-color: #F9F9F9;}
.mssup_w .item_bx {display: flex;flex-wrap: wrap;gap: 50px;row-gap: 20px;align-items: center;justify-content: center;flex-direction: column;}
.mssup_w .item_bx .top {display: flex;margin: 0 auto;text-align: center;gap: 50px;flex-wrap: wrap}
.mssup_w .item_bx .top .item {position: relative;padding: 40px;width: 240px;height: 290px;background-color: #fff;border-radius: 15px;border: 1px solid #606060;}
.mssup_w .item_bx .top .item .ic {line-height: 72px;}
.mssup_w .item_bx .top .item .ic img {vertical-align: middle;}
.mssup_w .item_bx .top .item .tit{position: absolute;top: -20px;left: 50%;transform: translateX(-50%);}
.mssup_w .txt_bx {display: flex;align-items: center;justify-content: center;gap: 30px;}
.mssup_w .item_bx .bot {display: flex;margin: 0 auto;text-align: center;gap: 50px;flex-wrap: wrap;}
.mssup_w .item_bx .bot .item {width: 240px;}
.mssup_w .item_bx .bot .item .tit {margin-top: 30px;}

.mssup_w .item_bx  .tit {margin: 0 auto; width: 130px; height: 40px; line-height: 38px; background-color: #606060; border-radius: 20px; color: #fff; text-align: center; font-size: 1.071rem; font-weight: 500;}
.mssup_w .item_bx  .ic {line-height: 93px;}
.mssup_w .item_bx  .ic img {vertical-align: middle;}
.mssup_w .item_bx  .txt_bx {margin-top: 20px;}
.mssup_w .item_bx  .txt_bx > * {font-size: 1rem;color: #606060;font-weight: 600;}

.mssup_w .tab2{}
.mssup_w .tab2 table thead tr {color: #231815;}
.mssup_w .tab2 table tbody th{color:#606060; }
.mssup_w .tab2 table thead tr th{width: 33.333%;}
.mssup_w .tab2 table thead .sep,
.mssup_w .tab2 table tbody .sep{border-right: 1px solid #d9d9d9;width: 33.333%;}
.mssup_w .tab2 .table_2 table tbody tr td{text-align: center;}
.mssup_w .tab2 .table_3 table tbody tr th{width: 26.5%;color: #222;}
.mssup_w .img_box{width: 100%;border: 1px solid #d9d9d9;}
.mssup_w .img_box img{max-width: 983px;}
@media screen and (max-width:767px) {
    .mssup_w .table_box .img_p{display: block;}
    .mssup_w .table_box .img_p img{display: none;}
}

.mssup_w .tab3{}
.mssup_w .tab3 table tr th{width: 33.4%;}
.mssup_w .tab3 .safety_list{display: flex;gap: 20px;margin-top: 20px;}
.mssup_w .tab3 .safety_list li{border: 1px solid #e1e1e1;border-radius: 15px; padding: 20px;width: 25%;}
.mssup_w .tab3 .safety_list li .img_box img{width: 100%;}
.mssup_w .tab3 .safety_list li p{text-align: center;margin-top: 15px;color: #606060;}
.mssup_w .tab3 .list-depth1-dot li span{font-size: 1rem; color: #777;}
@media screen and (max-width:1025px){	
	.mssup_w .tab2 .work_step{flex-wrap: wrap;padding-left: 20px;}
	.mssup_w .tab2 .work_step > li{flex-basis: 43%;}		
}
@media screen and (max-width: 767px){
	.mssup_w .tab1 .img_box {padding: 60px 30px;}
	.mssup_w .item_bx .top .item {height: auto;}
	

	.mssup_w .tab3 .safety_list{flex-wrap: wrap;}
	.mssup_w .tab3 .safety_list li{width: 47%;}
	.tab_hi .tab_list_w li button{height: 70px;}
}
@media screen and (max-width:450px){
	.mssup_w .item_bx .top{justify-content: center;}
	.mssup_w .item_bx .bot{justify-content: center;}
	.mssup_w .tab2 .work_step > li{flex-basis: 100%;}
}

/*수소용품검사-3*/
.meqpins_w{}
.meqpins_w p{font-size: 1.071rem;}
.meqpins_w p strong{font-weight: 600; color: #222;}
.meqpins_w .box {display: flex;align-items: center;gap: 40px 110px;margin-top: 30px;margin-bottom: 60px;    justify-content: flex-end;}
.meqpins_w .box_2{flex-wrap: wrap;}
.meqpins_w .box dl {width: 250px;height: 131px;}
.meqpins_w .box dl:nth-of-type(4){order: 6;}
.meqpins_w .box dl:nth-of-type(5){order: 5;}
.meqpins_w .box dl:nth-of-type(6){order: 4;}
.meqpins_w .box dl dt {font-weight: 600;font-size: 1.143rem;color: #222;border-top-left-radius: 5px;border-top-right-radius: 5px;padding: 17px 0;text-align: center;border: 1px solid #e1e1e1;border-bottom: none;}
.meqpins_w .box dl dd {height: 80px;text-align: center;border: 1px solid #e1e1e1;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;display: flex;align-items: center;;justify-content: center;position: relative; background-color: #f7f7f7;}
.meqpins_w .box dl.blue dt {color: #fff;background-color: #007bcb;}
.meqpins_w .box dl.b_blue dt{background-color: #0253a5;}
.meqpins_w .box dl.blue dd {background-color: #fff;}
.meqpins_w .box dd p{position: relative;width: 100%;min-height: 40px;font-weight: 500;}
.meqpins_w .box dd span {position: absolute;top: -24px;right: -73px;color: #606060;text-align: center;font-size: 1rem;}
.meqpins_w .box dl dd p::before {position: absolute;top: -15px;right: -80px;display: inline-block;content: '';background-color: #00a6e7;width: 60px;height: 2px;}
.meqpins_w .box dl dd p::after {position: absolute;top: -21px;right: -90px;display: inline-block;content: '';background: url(../img/HST/bg_arrow_bo.png)no-repeat 0 0;width: 14px;height: 14px;transform: rotate(-90deg);}
.meqpins_w .box_1 dl:nth-of-type(3) dd p::before,.meqpins_w .box_1 dl:nth-of-type(3) dd p::after,
.meqpins_w .box_2 dl:nth-of-type(6) dd p::before,.meqpins_w .box_2 dl:nth-of-type(6) dd p::after,
.meqpins_w .box_3 dl:nth-of-type(5) dd p::before,.meqpins_w .box_3 dl:nth-of-type(5) dd p::after{display: none;}
.meqpins_w .box_2 dl:nth-of-type(3) dd p::after { transform: rotate( 0deg) translateY(-50%); top: 80px; right: 120px; }
.meqpins_w .box_2 dl:nth-of-type(3) dd p::before {top: 65px; right: 126px; width: 2px;height: 10px;}
.meqpins_w .box_2 dl:nth-of-type(4) dd p::after,
.meqpins_w .box_2 dl:nth-of-type(5) dd p::after  { transform: rotate(90deg); right: 320px; }
.meqpins_w .box_2 dl:nth-of-type(4) dd p::before,
.meqpins_w .box_2 dl:nth-of-type(5) dd p::before  {right: 270px;}
.meqpins_w .list_box{border: 1px solid #e1e1e1;padding: 30px 50px;}
.meqpins_w .list_box .list{display: flex;flex-wrap: wrap; column-gap: 30px;}
.meqpins_w .list_box .list li{width: 358px;}
.meqpins_w .list_box+p{margin-top: 20px;}
.meqpins_w table tr td{padding: 18px 30px;}
.meqpins_w table thead tr th{color: #222;}
.meqpins_w table tbody tr td{text-align: center;}
.meqpins_w .table_2 table tbody tr td{text-align: left;}
.meqpins_w table thead tr th:not(:last-child),
.meqpins_w table tbody tr td:not(:last-child){border-right: 1px solid #d9d9d9;}
.meqpins_w table thead tr th:nth-of-type(1){width: 16.7%;}
.meqpins_w table thead tr th:nth-of-type(2),.meqpins_w table thead tr th:nth-of-type(3){width: 33.3%;}
.meqpins_w .table_3 table thead tr th{width: 25%;}
.meqpins_w .table_3 table tbody tr:last-child td{background-color: #f9f9f9;font-weight: 600;color: #606060;}
.meqpins_w .list-depth1-dot li ol li::before{display: none;}
.meqpins_w .meqpins_list{display: flex;gap: 20px;margin-top: 40px;}
.meqpins_w .meqpins_list li{border: 1px solid #e1e1e1;border-radius: 15px; padding: 20px;width: 33.333%;}
.meqpins_w .meqpins_list li .img_box img{width: 100%;}
.meqpins_w .meqpins_list li p{text-align: center;margin-top: 15px;color: #606060;}
@media screen and (max-width:1024px){
	.meqpins_w .box{flex-wrap: wrap;gap: 0;justify-content: flex-start;}
	.meqpins_w .box dl{margin-top: 30px;width: 50%;padding: 0 30px;}
	.meqpins_w .box dl p{width: 300px;}
	.meqpins_w .box dl:not(:nth-of-type(1)){margin-top: 30px;}
	.meqpins_w .box dl:not(:nth-of-type(3)) dd p::after {top: 65px;right: 143px;transform: rotate(0);}
	.meqpins_w .box dl:nth-of-type(4){order: 4;}
	.meqpins_w .box dl:nth-of-type(5){order: 5;}
	.meqpins_w .box dl:nth-of-type(6){order: 6;}
	.meqpins_w .box dl dd p::after,.meqpins_w .box dl dd p::before {display: none;}
	.meqpins_w .box dl dd span{display: none;}
}
@media screen and (max-width: 767px){
	.meqpins_w .meqpins_list{flex-wrap: wrap;}
	.meqpins_w .meqpins_list li{width: 47%;}
	.meqpins_w .box dl{padding: 0 10px;}
	.meqpins_w table tr td{padding: 5px 20px;}
}

/*수소안전관리정책-4*/
.mngplc_w{}
.mngplc_w .box {border: solid 1px rgb(211, 223, 204);background-color: #fff;padding: 40px  30px 50px 30px;position: relative;}
.mngplc_w .box .astep {display: flex;flex-direction: column;gap: 25px;width: 760px;margin: 0 auto}
.mngplc_w .box dl {display: flex;}
.mngplc_w .box dl dt {flex-basis: 28%;position: relative;display: flex;align-items: center;justify-content: center;min-height: 90px;background-color: #007bcb;color: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;font-size: 1.143rem;font-weight: 600;flex-direction: column;text-align: center;}
.mngplc_w .box dl dt span{font-size: 1rem;font-weight: 400;}
.mngplc_w .box dl:not(:last-child) dt::before {display: inline-block;content: '';border-top: 10px solid #007bcb; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent;width: 0;height: 0;position: absolute;left: 50%;transform: translate(-50%);bottom: -20px;}
.mngplc_w .box dl.last dt {background-color: #0253a5;}
.mngplc_w .box dl dd {display: flex;align-items: flex-start;justify-content: center;flex-direction: column;padding: 20px 30px;flex-basis: 73%;border: 1px solid #dde2e6;border-top-right-radius: 5px;border-bottom-right-radius: 5px;font-size: 1.107rem;font-weight: 500;}
.mngplc_w .box dl dd .sm {font-size: 1.036rem;}
.mngplc_w table tbody tr th{width: 26.5%;}
.mngplc_w .blue_box{display: flex;gap: 20px ;}
.mngplc_w .blue_box dl{width: 232px;}
.mngplc_w .blue_box dl dt{background-color: #007bcb;border: 1px solid #e1e1e1;color: #fff;padding: 20px 0;text-align: center;font-size: 1.143rem;font-weight: 600;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.mngplc_w .blue_box dl dd{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border: 1px solid #e1e1e1;padding-left: 20px;min-height: 166px;line-height: 1.7rem;}
.mngplc_w .blue_box dl dd>ul{display: flex;flex-direction: column;justify-content: space-evenly;min-height: 166px;}
.mngplc_w .blue_box dl dd span{display: block;font-weight: 600;}
@media screen and (max-width:850px) {
	.mngplc_w .box .astep {width: 100%;}
	.mngplc_w .box dl dt {min-width: 150px;min-height: 50px;} 
	.mngplc_w .blue_box{flex-wrap: wrap;}
	.mngplc_w .blue_box dl{width: 47%;}
}
@media screen and (max-width:480px) {
    .mngplc_w .box dl { flex-direction: column; }
    .mngplc_w .box dl:not(:last-child) dt::before {display: none;} 
    .mngplc_w .box dl dt { min-width: 80px; border-top-right-radius: 5px; border-bottom-left-radius: 0; }
    .mngplc_w .box dl dd { border-top-right-radius: 0; border-bottom-left-radius: 5px; }
}

/*수소신기술안전관리지원 -5*/
.msftysprt_w{}
.msftysprt_w .list-depth1-dot li{line-height: 1.6rem;margin-bottom: 5px;}
.msftysprt_w .list-depth1-dot li span{font-weight: 600;}
.msftysprt_w table thead tr th:not(:last-child),.msftysprt_w table tbody tr td:not(:last-child){border-right: 1px solid #d9d9d9;}
.msftysprt_w table thead tr th{color: #231815;}
.msftysprt_w .table_1 table tbody tr th:nth-of-type(1){width: 26.5%;}
.msftysprt_w .table_2 table thead tr th:nth-of-type(1){width: 20%;}
.msftysprt_w .table_3 table thead tr th:nth-of-type(1){width: 13.91%;}
.msftysprt_w .table_3 table thead tr th:nth-of-type(2){width: 23.8%;}
.msftysprt_w .table_3 table tbody tr td:nth-of-type(1){font-weight: 500;color: #222;text-align: center;}
.msftysprt_w table tbody .w_500{font-weight: 500;}
.msftysprt_w .g_co{color: #777;margin-bottom: 20px;font-size: 1rem;}
.msftysprt_w .reg_box{padding: 30px 40px; border: 1px solid #e1e1e1;margin-top: 20px;}
.msftysprt_w .reg_box dl{font-size: 1.071rem;}
.msftysprt_w .reg_box dl:nth-of-type(1){margin-bottom: 10px;}
.msftysprt_w .reg_box dl dt{color: #222; font-weight: 600;}
.msftysprt_w .reg_box dl dd{line-height: 1.714rem;}
.msftysprt_w .sftysprt_step {}
.msftysprt_w .sftysprt_step ol {display: flex;gap: 49px 22px;flex-wrap: wrap;}
.msftysprt_w .sftysprt_step ol > li {position: relative;flex-basis: 22%;border: 1px solid #dde2e6;background-color: #f7f7f7;text-align: center;display: flex;justify-content: center;}
.msftysprt_w .sftysprt_step ol > li.bor {border: 1px solid #00a6e7;background-color: #fff;}
.msftysprt_w .sftysprt_step ol > li ~ li::before  {position: absolute;left: -17px;display: inline-block;content: '';background: url(../img/HST/icon_arrow_b.png)no-repeat;width: 10px;height: 19px;top: 50%;transform: translateY(-50%);background-size: contain;}
.msftysprt_w .sftysprt_step ol > li.bottom::before{top: -23px;left: auto;transform: rotate(90deg);}
.msftysprt_w .sftysprt_step ol > li.bottom::after{display: none;}
.msftysprt_w .sftysprt_step ol > li.left::before{transform: translateY(-50%) rotate(180deg);left: auto;right: -17px;}
.msftysprt_w .sftysprt_step ol > li.left::after{display: none;}
.msftysprt_w .sftysprt_step ol > li:nth-of-type(5){order: 8;}
.msftysprt_w .sftysprt_step ol > li:nth-of-type(6){order: 7;}
.msftysprt_w .sftysprt_step ol > li:nth-of-type(7){order: 6;}
.msftysprt_w .sftysprt_step ol > li:nth-of-type(8){order: 5;}
.msftysprt_w .sftysprt_step ol > li:nth-of-type(9){order: 9;}
.msftysprt_w .sftysprt_step ol > li:nth-of-type(10){order: 10;}
.msftysprt_w .sftysprt_step ol > li:nth-of-type(11){order: 11;}
.msftysprt_w .sftysprt_step ol > li .cont {padding: 14px 0;display: flex;flex-direction: column;justify-content: center;align-content: center;}
.msftysprt_w .sftysprt_step ol > li .cont strong {color: #222;font-size: 1.143rem;font-weight: 600;display: block;}
.msftysprt_w .sftysprt_step ol > li .cont p {margin-top: 10px;padding-bottom: 20px;color: #606060;font-size: 1.071rem;line-height: 1.4;}
.msftysprt_w .sftysprt_step ol > li .cont p span{color: #0253a5; font-weight: 600;}
.msftysprt_w .sftysprt_step ol > li .em_bx {display: flex;justify-content:center;position: absolute;bottom: -20px;left: 50%;right: -30%;transform: translateX(-50%);padding: 8px 27px;color: #fff;background-color: #007bcb;border-radius: 20px;}
.msftysprt_w .sftysprt_step ol > li .em_bx.bor {background-color: #0253a5;}
@media screen and (max-width:920px){
	.msftysprt_w .sftysprt_step ol {padding-left: 20px;flex-wrap: wrap;}
	.msftysprt_w .sftysprt_step ol > li{flex-basis: 45%;}
	.msftysprt_w .sftysprt_step ol > li:nth-of-type(5){order: 5;}
	.msftysprt_w .sftysprt_step ol > li:nth-of-type(6){order: 6;}
	.msftysprt_w .sftysprt_step ol > li:nth-of-type(7){order: 7;}
	.msftysprt_w .sftysprt_step ol > li:nth-of-type(8){order: 8;}
	.msftysprt_w .sftysprt_step ol > li.bottom::before{top: 50%;left: -17px;transform: rotate(0deg);}
	.msftysprt_w .sftysprt_step ol > li.left::before{transform: translateY(-50%) rotate(0);left: -17px;right: auto;}
}

/*수소분야 교육·홍보-6*/
.mhydrg_w{}
.mhydrg_w table tr td{padding: 18px 30px;}
.mhydrg_w table thead tr th:not(:last-child),.mhydrg_w table tbody tr td:not(:last-child),.mhydrg_w table tbody tr td.right{border-right: 1px solid #d9d9d9;}
.mhydrg_w table thead tr th{color: #231815;}
.mhydrg_w table thead tr th:nth-of-type(1),.mhydrg_w table tbody tr th:nth-of-type(1){width: 26.5%;}
.mhydrg_w table thead tr th:nth-of-type(2){width: 14.4%;}
.mhydrg_w table tbody tr td{text-align: center;}
.mhydrg_w table .left tr td{text-align: left;}
.mhydrg_w table tbody tr div{display: flex;gap: 20px;}
.mhydrg_w .mg_b112{margin-bottom: 112px;}
.mhydrg_w .share {display: flex;justify-content: center;padding-top: 40px;text-align: center;}
.mhydrg_w .share_box {background-color: #0253a5;padding: 20px 30px;text-align: center;}
.mhydrg_w .share_box >.share_btn {display: flex;align-items: center;gap: 10px;color: #fff;font-size: 1.286rem;font-weight: 500;text-decoration: none;}
.mhydrg_w .share_btn::after {display: inline-block;content: '';width: 26px;height: 13px;background: url(../img/HST/btn_link.png) no-repeat 13px 0;}
.mhydrg_w .mjrbsn_list{display: flex;gap: 20px;}
.mhydrg_w .mjrbsn_list li{border: 1px solid #e1e1e1;border-radius: 15px; padding: 20px;width: 33.333%;}
.mhydrg_w .mjrbsn_list li .img_box img{width: 100%;}
@media screen and (max-width: 767px){
	.mhydrg_w .share{padding-top: 20px ;}
	.mhydrg_w table tbody tr div{flex-wrap: wrap;gap: 10px;}
	.mhydrg_w .mjrbsn_list{flex-wrap: wrap;}
	.mhydrg_w .mjrbsn_list li{width: 47%;}
}

/* 수소밸류체인 */
.vlchn_w .sub_tit { margin-bottom: 40px;padding-top: 0; padding-bottom: 40px;display: flex; align-items:flex-start; border-bottom: 1px solid #d9d9d9;}
.vlchn_w .sub_tit .icon {width: 100px;height: 70px;margin: 2px 0 0 0;}
.vlchn_w .sub_tit .text > p {width: 95%;}
.vlchn_w table tbody th:first-child {width: 137px;}
.vlchn_w table tbody td {width: 280px;}
.vlchn_w table thead th { border-right: 1px solid #d9d9d9; background: #f0f0f0; vertical-align: top; font-weight: 500; color: #222; font-size: 1.0714rem; text-align: center; padding: 18px 5px 18px 5px ;}
.vlchn_w .table_box table td {text-align: left;}
.vlchn_w table th, .vlchn_w table td { border-bottom: 1px solid #d9d9d9;}
.vlchn_w table thead tr th:last-of-type { border-right-width: 0; }
.vlchn_w table thead tr th {white-space: nowrap;}
.vlchn_w table tbody td { border-left: 1px solid #d9d9d9;vertical-align: top;padding: 20px 30px;}
.vlchn_w table tbody td:first-of-type { border-left-width: 0;}
.vlchn_w table strong {color:#222;font-weight: 500;}
.vlchn_w table p {margin-bottom: 10px;}
.vlchn_w table ul {margin-bottom: 10px;}
.vlchn_w table .item {display: flex;align-items: center;}
.vlchn_w table .item ~ .item {margin-top: 10px;}
.vlchn_w table .item p {margin-left: 30px;color: #222;font-weight: 500;}
@media screen and (max-width:767px) {
	.vlchn_w .sub_tit {padding-bottom: 10px;}
	.vlchn_w .sub_tit .icon {height: auto;}
	.vlchn_w .table_box  {overflow-x: scroll;}	
	.vlchn_w table tbody th:first-child {width: auto;}
	.vlchn_w table tbody td {padding:15px 10px;}
	.vlchn_w table .item p {margin-left: 0;margin-top: 10px;text-align: center;}
	.vlchn_w table .item {flex-direction: column;}
}

/* 수소충전소 */
.chrStt_w div + h5 {margin-top: 40px;}
.chrStt_w .suso {display: flex;gap: 20px;flex-wrap: wrap;}
.chrStt_w .suso .tit {margin: 0 auto;padding: 10px;width: 260px;height: 60px;color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;font-size: 1.143rem;text-align: center;font-weight: 600;line-height: 1.3;}
.chrStt_w .suso .tit span {display: block;font-weight: 500;font-size: 1rem;}
.chrStt_w .off_bx {padding: 0 30px 30px;border: 1px solid #e1e1e1;max-width: 482px;}
.chrStt_w .off_bx .tit{background-color: #d54400;}
.chrStt_w .on_bx {padding: 0 30px 30px;border: 1px solid #e1e1e1;max-width: 482px;}
.chrStt_w .on_bx .tit{background-color: #007bcb;}
.chrStt_w .station {padding: 50px 60px 60px;background-color: #f7f7f7;border: 1px solid #e1e1e1;}
.station ol {display: flex;gap: 25px;flex-wrap: wrap;}
.station ol li {position: relative;display: flex;align-items: center;flex-direction: column;}
.station ol li ~ li::before {position: absolute;left: -25px;top: 50%;transform: translateY(-50%);display: inline-block;content: '';width: 26px;height: 17px;background: url(../img/HST/icon_allow.png)no-repeat center center;}
.station ol li:nth-child(2)::before {left:-20px}
.station .bar {color: #222;font-size: 1.071rem;font-weight: 600;}
.station .ic {margin-top: 35px;display: inline-block;text-align: center;min-height: 67px}
.station .tit {width: 120px;height: 40px;line-height: 38px;background-color: #606060;border-radius: 20px;color: #fff;text-align: center;font-size: 1.071rem;font-weight: 500;}
.chrStt_w .st {display: flex;gap: 20px;flex-wrap: wrap;}
.chrStt_w .st_bx {display: flex;align-items: center;flex-direction: column;padding: 30px;border: 1px solid #e1e1e1;}
.chrStt_w .st_bx .tit {color: #222;font-size: 1.286rem;font-weight: 600;text-align: center;}
.chrStt_w .st_bx .tit span {display: block;color: #222;font-size: 1.071rem;font-weight: 400;}
.chrStt_w .img_bx {margin-top: 20px;}

/* 수소전해·수소 추출설비 */
.exteqp_w .ext_bx {display: flex;gap: 20px;align-items: center;flex-wrap: wrap;} 
.exteqp_w .img_bx {max-width: 165px;} 
.exteqp_w .way {display: flex;margin-bottom: 20px;gap: 10px;align-items: center;text-align: center;} 
.exteqp_w .way div {flex-basis: 33.333%;display: flex;}
.exteqp_w .way .ele {flex-direction: column;align-items: center;}
.exteqp_w .way .blue {display: inline-block;width: 60px;height: 30px;line-height: 28px;background-color: #007bcb;color: #fff;border-radius: 5px;font-weight: 500;;text-align: center;}
.exteqp_w .way .dash {position: relative;margin-left: 10px;display: inline-block;width: 120px;height: 30px;line-height: 28px;background-color: #fff;border:1px dashed #000;border-radius: 5px;color: #222;font-weight: 600;;text-align: center;}
.exteqp_w .way .green {display: inline-block;padding:0 5px;height: 22px;line-height: 18px;border:1px dotted #138a00;color: #138a00;font-weight: 600;font-size: 1rem;}
.exteqp_w .way .sky {position: relative;}
.exteqp_w .way .sky:before {position: absolute;top: 50%;left: 15px;transform: translate(-50%,-50%);display: inline-block;content: '';width: 40px;height: 40px;border-radius: 20px;background-color: rgb(0, 123, 203,0.1);border: 2px solid #00a6e7;}
.exteqp_w .way .deg {flex-direction: column;align-items: center;}
@media screen and (max-width:767px) {
.exteqp_w .way .deg .green {width: 90px;}
}

/* 연료전지 */
.fulec_w table thead th {color: #222;font-size: 1.071rem;}
.fulec_w table tbody th {width: 120px;}
.fulec_w table tbody td {padding: 25px;}
.fulec_w table tbody td:last-child {padding-left: 10px;padding-right: 10px;border-left: 1px solid #e9e9e9;vertical-align: middle;text-align: center;}
.fulec_w .ext_bx {display: flex;gap: 20px;align-items: center;flex-wrap: wrap;} 
.fulec_w .img_bx {max-width: 165px;} 
.fulec_w .txt_bx {width: 75%;} 
.fulec_w .way {display: flex;margin-bottom: 20px;gap: 10px;align-items: center;text-align: center;} 
.fulec_w .way div {display: flex;align-items: center;}
.fulec_w .way .exp {align-items: center;}
.fulec_w .way .blue {display: inline-block;width: 60px;height: 30px;line-height: 28px;background-color: #007bcb;color: #fff;border-radius: 5px;font-weight: 500;;text-align: center;}
.fulec_w .way .dash {position: relative;margin-left: 10px;display: inline-block;width: 120px;height: 30px;line-height: 28px;background-color: #fff;border:1px dashed #000;border-radius: 5px;color: #222;font-weight: 600;;text-align: center;}
.fulec_w .way .green {display: inline-block;padding:0 5px;height: 22px;line-height: 18px;color: #138a00;font-weight: 600;font-size: 1rem;}
.fulec_w .way .sky {position: relative;}
.fulec_w .way .sky:before {position: absolute;top: 50%;left: 15px;transform: translate(-50%,-50%);display: inline-block;content: '';width: 40px;height: 40px;border-radius: 20px;background-color: rgb(0, 123, 203,0.1);border: 2px solid #00a6e7;}
.fulec_w .way .round {position: relative;margin:0 10px;display: inline-block;min-width: 40px;width: 40px;height: 40px;line-height: 35px;border: 1px dashed #000;border-radius: 20px;font-weight: 600;color: #222;}
.fulec_w .way .round span:first-child {margin-left: -5px;}
.fulec_w .way .round .under {position: absolute;top: 5px;font-size: 0.857rem;}
.fulec_w .exp .arrow {flex-direction: column;min-width: 50px;}
.fulec_w .exp .arrow:first-child {margin-bottom: 15px;}
.fulec_w .exp .arrow:first-child i {margin-top: -5px;}
.fulec_w .exp .arrow i {line-height: 14px;}
@media screen and (max-width:767px) {
	.fulec_w .way .deg .green {width: 90px;}
	.fulec_w table tbody td {padding: 20px;}
	.fulec_w .txt_bx {width: 100%;}
}

/* 인사말 */
.inhello_w{ position: relative; padding-left: calc(270px + 35px)}
.inhello_w:before{ display: block; content: ""; width: 270px; height: 380px; position: absolute; left: 0; top: 0; background: url("../img/HST/img_hstceo.png") no-repeat 0 0; overflow: hidden; background-size: 100%} 
.inhello_w h4{ display: inline-block;background: none; padding: 0; margin-bottom: 0; padding-top:  20px; color: #222; font-size:1.714rem; font-weight: 500; line-height: 1.33; padding-bottom: 10px;}
.inhello_w h4 strong{ color: #0253a5; font-weight: 500} 
.inhello_w h5{ margin: 0;color: #222; font-size:1.286rem; font-weight: 400; line-height: 1.6; padding-bottom: 30px}
.inhello_w p{ line-height: 24px; font-size:1.0714rem; color: #606060 } 
.inhello_w p + p{ margin-top: 1.429rem} 
.inhello_w p strong{ color: #222; font-weight: 600} 
.inhello_w p.sign{ margin-top: 50px; color: #222; font-size:1.286em; font-weight: 400 } 
.inhello_w p.sign strong {padding-left: 20px;font-size: 1.714rem;font-weight: 600;line-height: 30px;}

@media screen and (max-width:1023px) {
	.inhello_w {padding-left: calc(30vw + 40px); transition: .3s all}
	.inhello_w:before{ width: 30vw;; transition: .3s all}
}
@media screen and (max-width:767px) {
	.inhello_w{ padding: 0; display: flex; flex-direction: column;transition: none }
	.inhello_w:before{ position: relative; width:calc(80% - 40px);  height: 400px; left: auto; top: auto; order: 2; background-position: -25px -12vw; margin: 0 auto; background-size:calc(100% + 40px); transition: none; margin-bottom: 30px  } 
	.inhello_w h4{ padding-top: 0; text-align: center; color: #0253a5 } 
	.inhello_w h5{ text-align: center } 
	.inhello_w p{ order: 3}     
}
@media screen and (max-width:640px) {
	.inhello_w:before{ height: 350px;  background-position: -25px -12vw;  } 
}

@media screen and (max-width:560px) {
	.inhello_w:before{ height: 260px; background-position: -17px -12vw;  } 
}

/* 업무안내 */
.isintro_w table thead th { border-right: 1px solid #d9d9d9; background: #f0f0f0; vertical-align: top; font-weight: 600; color: #222; font-size: 1.0714rem; text-align: center; padding: 18px 5px 18px 5px ;}
.isintro_w .table_box table td {text-align: left;}
.isintro_w table th,
.isintro_w table td { border-bottom: 1px solid #d9d9d9;}
.isintro_w table thead tr th:last-of-type { border-right-width: 0; }
.isintro_w table thead tr th {white-space: nowrap;}
.isintro_w table tbody th { width: 260px;}
.isintro_w table tbody td { border-left: 1px solid #d9d9d9;vertical-align: top;padding: 20px 30px;}
.isintro_w table tbody td:first-of-type { border-left-width: 0;}
@media screen and (max-width:767px) {
	.isintro_w table tbody th { width: auto;}
}

/* 기술원연혁 */

.ihistory_w  {padding:30px 0 80px}
.his_bx {position: relative;display: flex;flex-wrap: wrap;}
.ihistory_w .box {display: flex;gap: 100px;;flex-basis: 100%; margin-top: 60px; position: relative;}
.ihistory_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: 200px;}
.ihistory_w .box h4:before { position: absolute; right: -53px; top: 16px; width: 8px; height: 8px; background: #005bac; content: ""; display: block; }
.ihistory_w .box h4:after { position: absolute; right: -53px; top: 16px; width: 44px; height: 4px; border-bottom: 1px dotted #005bac; content: ""; display: block; }
.ihistory_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; }
.ihistory_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; }
.ihistory_w .txt h5{margin: 5px 0;color: #222;font-weight: 600;font-size: 1.286rem;}
.ihistory_w .txt ul li {line-height: 2;letter-spacing: -0.35px;font-size: 1rem;}
.ihistory_w .img {margin-top: 15px;width: 100%; margin-bottom: 16px;}
.ihistory_w .img img {display: inline-block;width: 280px;}
@media screen and (max-width:767px) {
    .ihistory_w .box h4 {flex-basis: 70px}
	.ihistory_w .box h4.ln:before { right:-45px }
	.ihistory_w .box h4.ln:after { right:-45px;width: 40px; }
    .his_bx {width: auto;}
    .his_bx:before {left: 119px;}
    .ihistory_w .box:first-of-type:before {left: 110px;}
    .ihistory_w .box:last-of-type:before {left: 110px;}
}
@media screen and (max-width:468px) {
    .ihistory_w .box {gap: 80px;}
    .ihistory_w .txt {flex-basis: calc(100% - 150px);}
}

/* 조직안내 */
.iorg_w {}
.group_bx{  text-align: center; position: relative; width: 975px; margin: 0 auto} 
.group_bx p{ position: relative} 
.boss_g .ceo {width: 220px;height: 80px;}
.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;}
.group_bx dl {width: 150px;z-index: 2;position: relative;}
.group_bx dl dt {display: flex;align-items: center;justify-content: center;width: 150px;height: 70px;background-color: #606060;color: #fff;text-align: center;line-height: 1.5;font-size: 1.071rem;font-weight: 500;}
.boss_g {display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;padding-bottom: 130px;}
.boss_g .ceo:after {content: "";width: 1px;height: 65px;display: block;position: absolute;left: 50%;bottom: -65px;background: #e1e1e1;}
.boss_g .g1:after {content: "";width: 1px;height: 120px;display: block;position: absolute;left: 50%;bottom: -120px;background: #e1e1e1;}
.org_g {display: flex;gap: 15px;padding-bottom: 30px;position: relative;}
.org_g:before {content: "";height: 1px;width: 835px;display: block;position: absolute;left: 50%;top: -66px;background: #e1e1e1;z-index: -1;transform: translateX(-50%);}
.org_g .g2:before {content: "";width: 1px;height: 65px;display: block;position: absolute;top: -65px;left: 50%;background: #e1e1e1;z-index: -1;}
.org_g dl:first-child:before {left:calc(50% - 4px)}
.org_g dl:last-child:before {left:calc(50% + 4px)}
.aorg_w .group_bx ~ .tell_bx {margin-top: 80px;}

@media screen and (max-width:1023px) {
	.group_bx{ width: 690px} 
	.boss_g .g1:before{ width: 235px} 
    .org_g {justify-content: center;}
	.org_g:before{ width: 660px} 
    .group_bx dl {width: 115px;}
    .group_bx dl dt{width: 115px;}
}
@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 {gap: 10px;}
	.org_g dl{ width: 15%} 
	.org_g dl *{ height: auto !important; word-break: break-all; padding:15px 5px; line-height: 1.5 !important;  } 
	.group_bx dl.g2 dt { height: auto;margin: 0 auto; padding: 15px 5px; height: auto !important;width: 70px; line-height: 1.5 !important } 
	.group_bx dl dd {width: 55px;margin: 10px auto 0;}
    .org_g:before{ width: calc(100% - 70px)} 
	.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}
}
@media screen and (max-width:468px) {
    .group_bx dl.g2 dt { width: 45px} 
	.org_g:before{ width: calc(100% - 50px)} 
}
@media screen and (max-width:400px) {
    .org_g:before{ width: calc(100% -20px)} 
}
@media screen and (max-width:360px) {
    .org_g:before{ width: calc(100% - 15px)} 
}

/* 오시는 길 */

.map_w .tab_list_w{ margin-bottom: 60px} 
.map_box{ border: 1px solid #e1e1e1; margin-bottom: 40px} 
.map_box .address{ border-top: 1px solid #e1e1e1;background-color: rgb(249, 249, 249); display: flex; justify-content: space-around;} 
.map_box .address dl{ display: flex; padding: 28px 0; font-size: 1.0714rem; color: #222; line-height: 1; } 
.map_box .address dl dt{ font-weight: 600; padding-right: 20px; border-right: 1px solid #e1e1e1; margin-right:20px } 
.map_box .address dl dd + dt{ margin-left:35px} 
.traffic_bx dl{ border-top: 1px solid #e1e1e1; padding: 40px 0 40px  110px; background: url("../img/HST/icon-bus.png") no-repeat 0 40px; background-size: 80px; min-height: 80px; font-size: 1.0714rem} 
.traffic_bx dl dt{ font-size: 1.2857rem; font-weight: 500; margin-bottom: 10px;color: #000; } 
.traffic_bx dl.car{ background-image: url("../img/HST/icon-car.png") } 
.traffic_bx dl.walk{ background-image: url("../img/HST/icon-working.png") } 
.traffic_bx dl:last-of-type{border-bottom: 1px solid #e1e1e1; } 
.traffic_bx table{ table-layout: auto} 
.traffic_bx table th{vertical-align: middle; font-weight: 500; color: #222; font-size:1.0714rem; text-align: center;border-right: 1px solid #d9d9d9; background: #f9f9f9; padding: 12px  } 
.traffic_bx table tbody td{ border-right: 1px solid #d9d9d9;  font-size: 1rem; vertical-align: middle; text-align: center} 
.traffic_bx table tbody tr td:last-of-type, .traffic_bx table th:last-of-type{ border-right: 0} 
.traffic_bx .table_box + p{ margin-top: 20px } 
.traffic_bx + .traffic_bx{ margin-top: 40px} 
.traffic_bx p.guide{ margin-top: 20px} 

@media screen and (max-width:767px) {
	.map_box .address{ padding-left: 10px; padding-right: 10px} 
	.map_box .address dl{ flex-wrap: wrap; flex-direction: column; gap:5px; line-height: 1.6} 
	.map_box .address dl dt{ border: none} 
	.map_box .address dl dd + dt{ margin-left: 0; margin-top: 15px} 
	.traffic_bx dl{ background-size: 60px;padding: 30px 0 30px 80px; background-position: 0 30px} 
	ul.list li:before{ margin-top: 8px} 
	.traffic_bx table td, .traffic_bx table th{ padding-left: 5px; padding-right: 5px} 
}
main button{ font-size: 1rem} 
*{image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 
:before, :after{ box-sizing: border-box} 
.content > h3{ margin-bottom: 40px;padding-bottom: 5px;}
h4{ display: flex; font-size: 1.428rem; color: #222; font-weight: 600;background:url(../img/comm/bullet.png)no-repeat 0 50%; padding-left:24px; background-size: 14px; margin-bottom: 20px; justify-content: space-between; align-items: flex-end } 
.content h4~h4{ margin-top: 40px}
h5{ margin: 20px 0;color: #222;font-size: 1.143rem; font-weight: 600;} 
.table_box + h4 {margin-top: 40px;}
.table_box + h5 {margin-top: 40px;}
.data_box + h5 {margin-top: 40px;}
[hidden]{ display: none !important} 
.content > article{ margin-bottom: 80px} 

.text .list {margin-top: 20px;}
.text .list li {color: #606060;font-weight: 600;}
.list .guide {margin: 0;}
h3+.sub_tit{ padding-top: 0;} 
.content .sub_tit + h4::before{ display: none} 
table{ table-layout: auto; border-top:2px solid #999}
table th, table td{ border-bottom: 1px solid #d9d9d9; padding: 18px 20px; vertical-align: middle} 
table thead th{ background:#f0f0f0;font-weight: 600; } 
table tbody th{ background:#f9f9f9; vertical-align: middle; font-weight: 600; color: #222; font-size: 1.0714rem; text-align: center; border-right: 1px solid #d9d9d9;}
table tbody td{font-size: 1.0714rem;} 

p.guide { margin: 20px 0;color: #777;font-size: 1rem !important;}
.dec {margin: 20px 0;color: #606060;font-size: 1.071rem;line-height: 1.6;}
._blank:after {content: "";width: 13px;height: 13px;background-size: 13px;background: url(../img/comm/icon_link.png) no-repeat 0 0;display: block; margin-left: 10px;}
@media screen and (max-width:767px) {    
    .content > h3{ margin-bottom: 30px; padding-bottom: 11px}
    .sub_tit{ padding: 0px 0; display: block;}
    .sub_tit .icon{  margin:10px 20px 15px 0;}            
/*     .sub_tit .icon img {max-height: inherit;} */
    .sub_tit .text{ margin: 0} 
	.sub_tit:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
	h4{ flex-direction: column; justify-content: flex-start; align-items:  flex-start; background-position: 0 8px} 
	.data_box{ overflow-x: auto} 
	.table_box{ overflow-x: auto} 
	.sub_tit + div[class$="_bx"]{ padding-top: 30px; margin-top: 30px} 
	.sub_tit .text > p{ padding-right: 0px} 
	.sub_tit .text p.tit{ line-height: 1.46} 
	article[class$="_w"] > div+div, article[class$="_w"] > div+h4{ margin-top: 30px} 
	table th{ padding: 18px 10px} 
	table td{ padding: 18px } 
	table td a.bt_dn{ word-break: break-all} 
}

@media screen and (max-width:1024px){
    .img_box{overflow-x: auto;}
}

/* 고객센터 공통  */

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