.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;}
article h4{ 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_body 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} 
.sub_tit{ align-items:flex-start; border: none; padding: 0;margin-bottom: 20px;} 
.sub_tit .icon{width: 260px;height: 180px;margin: 0; display: flex; align-items: center; justify-content: center;} 
.sub_tit .img >img { width:100%;} 
.text .list {margin-top: 20px;}
.text .list li {color: #606060;font-weight: 600;}
.list .guide {margin: 0;}
h3+.sub_tit{ padding-top: 0;} 
.sub_tit .text{ font-size:1.071rem; margin-left: 40px;margin-right: 0;flex-basis: 100%;} 
.sub_tit .text > p{ width: 100%; font-size: 1.071rem;} 
.sub_tit .text > p + p {margin-top: 10px;}
.sub_tit .text p.tit{color: #222;font-weight: 600;} 

.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 } 
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{ 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} 
	
}
/************** 
버튼
**************/
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/GSE/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/GSE/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: 5px;}
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} 
 

/************** 
컨텐츠
**************/


/*교육과정 전체조회*/
.look_w p {font-size: 1.071rem;line-height: 1.6; color: #606060;}
.look_w .bt-ap{background-color: #0253a5;width: 84px;;height: 38px;padding: 0;}
.look_w .search-box label {margin-right: 20px;font-size: 1.071rem;color: #606060;font-weight: 600;}
.look_w .search-box label:last-of-type {margin-left: 35px;}
.look_w .list li strong {padding:0 5px;color:#222;font-weight: 600;}
.look_w .edu-tit {background-color: #f9f9f9;border-top: 2px solid #0253a5;border-bottom: 1px solid #e1e1e1;}
.look_w .edu-tit ul {display: flex;height: 50px;align-items: center;text-align: center;gap: 25px;}
.look_w .edu-tit ul li {font-weight: 600;font-size: 1.071rem;color: #222;min-width: 50px;}
.look_w .edu-tit ul li.sor {min-width: 90px;}
.look_w .edu-tit ul li.tit {min-width: 450px;}
.look_w .edu-tit ul li.ap {min-width: 80px;}
.look_w .blue_dot {display: inline-block;width: 20px;height: 20px;border-radius: 10px;background-color: #007bcb;text-indent: -9999px;}
.look_w .bt {background:#0253a5; line-height: 38px; padding: 0 19px; height: 38px; color: #fff; font-size: 1.0714rem; font-weight: 500;letter-spacing: -0.38px;  text-align: center; display: inline-flex; align-items: center; margin-top: 10px;width: 115px;} 
.look_w 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; }
.look_w table tbody td { border-left: 1px solid #d9d9d9; text-align: center; font-size: 1.071rem; vertical-align: middle; }
.look_w table thead th{background-color: #f0f0f0;}
.look_w table thead th:nth-child(1) {width: 150px;}
.look_w table thead th:nth-child(2) {width: 355px;}
.look_w table tbody td:nth-child(1) {text-align: left;}
.look_w table tbody th + td {text-align: left;}
.look_w table tbody td {padding: 13px 30px;}
.look_w table tbody td br {display: none;}
.look_w .table_box table thead tr th:last-of-type { border-right-width: 0; }
.look_w .bt_sr { background: #0253a5;line-height: 60px;padding: 0 30px;height: 60px;color: #fff;font-size: 1.286rem;font-weight: 500;letter-spacing: -0.38px;text-align: center;display: flex;align-items: center;margin: 18px auto;}

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


/*법정전문교육과정(신규)*/
.law_w h5 {margin-top: 40px;}
.law_w table tr td a.a_st:hover {text-decoration: underline;color: #0253a5;}
.law_w table thead 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 18px 5px ;}
.law_w .data_box table tbody th { width: 260px;}
.law_w .table_box table thead th:first-of-type {width: 370px;}
.law_w .table_box table tbody td:first-of-type { border-left-width: 0;}
.law_w table th, .law_w table td { border-bottom: 1px solid #d9d9d9;}
.law_w table thead tr th:last-of-type { border-right-width: 0; }
.law_w table thead tr th {white-space: nowrap;}
.law_w table tbody td { border-left: 1px solid #d9d9d9; text-align: left;}
.law_w table tbody td:first-of-type { border-left-width: 0;}
.law_w .red {color: #df0b15;margin-bottom: 15px;font-weight: 500;}
.law_w .blue {color: #0253a5;margin-top: 15px;font-weight: 500}
.law_w strong {font-weight: 600;}

@media screen and (max-width:767px) {
    .law_w .data_box table tbody th { width: auto;}
    .law_w .table_box table thead th:first-of-type {width: auto;}
    .law_w table th{ padding: 18px 10px} 
	.law_w table td{ padding: 18px } 
}

/*법정전문교육과정(보수)*/
.lawr_w h5 {margin-top: 40px;}
.lawr_w table tr td a.a_st:hover {text-decoration: underline;color: #0253a5;}
.lawr_w table thead 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 18px 5px ;}
.lawr_w .data_box table tbody th { width: 260px;}
.lawr_w .table_box table thead th:first-of-type {width: 370px;}
.lawr_w .table_box table tbody td:first-of-type { border-left-width: 0;}
.lawr_w table th, .lawr_w table td { border-bottom: 1px solid #d9d9d9;}
.lawr_w table thead tr th:last-of-type { border-right-width: 0; }
.lawr_w table thead tr th {white-space: nowrap;}
.lawr_w table tbody td { border-left: 1px solid #d9d9d9; text-align: left;}
.lawr_w .red {color: #df0b15;margin-bottom: 15px;font-weight: 500;}
.lawr_w .blue {color: #0253a5;margin-top: 15px;font-weight: 500}
.lawr_w strong {font-weight: 600;}

@media screen and (max-width:767px) {
    .lawr_w .data_box table tbody th { width: auto;}
    .lawr_w .table_box table thead th:first-of-type {width: auto;}
    .lawr_w table th{ padding: 18px 10px} 
	.lawr_w table td{ padding: 18px } 
}

/*법정특별교육*/
.special_w h5 {margin-top: 40px;}
.special_w table tr td a.a_st:hover {text-decoration: underline;color: #0253a5;}
.special_w table thead 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 18px 5px ;}
.special_w .data_box table tbody th { width: 260px;}
.special_w .table_box table thead th:first-of-type {width: 370px;}
.special_w .table_box table tbody td:first-of-type { border-left-width: 0;}
.special_w table th, .special_w table td { border-bottom: 1px solid #d9d9d9;}
.special_w table thead tr th:last-of-type { border-right-width: 0; }
.special_w table thead tr th {white-space: nowrap;}
.special_w table tbody td { border-left: 1px solid #d9d9d9; text-align: left;}
.special_w .red {color: #df0b15;margin-bottom: 15px;font-weight: 500;}
.special_w .blue {color: #0253a5;margin-top: 15px;font-weight: 500}
.special_w strong {font-weight: 600;}

@media screen and (max-width:767px) {
    .special_w .data_box table tbody th { width: auto;}
    .special_w .table_box table thead th:first-of-type {width: auto;}
    .special_w table th{ padding: 18px 10px} 
	.special_w table td{ padding: 18px } 
}

/*양성교육*/
.grow_w h5 {margin-top: 40px;}
.grow_w table tr td a.a_st:hover {text-decoration: underline;color: #0253a5;}
.grow_w table thead 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 18px 5px ;}
.grow_w .data_box table tbody th { width: 260px;}
.grow_w .table_box table thead th:first-of-type {width: 470px;}
.grow_w table th, .grow_w table td { border-bottom: 1px solid #d9d9d9;}
.grow_w table thead tr th:last-of-type { border-right-width: 0; }
.grow_w table thead tr th {white-space: nowrap;}
.grow_w table tbody td { border-left: 1px solid #d9d9d9;}
.grow_w table tbody td:first-of-type { text-align: left;}
.grow_w table tbody td:first-of-type { border-left-width: 0;}
.grow_w .red {color: #df0b15;margin-top: 20px;font-size: 1rem;display: block;}/*20211216_수정*/

@media screen and (max-width:767px) {
    .grow_w .data_box table tbody th { width: auto;}
    .grow_w .table_box table thead th:first-of-type {width: auto;}
    .grow_w table th{ padding: 18px 10px} 
	.grow_w table td{ padding: 18px } 
}

/*위탁교육*/
.trust_w h5 {margin-top: 40px;}
.trust_w table tr td a.a_st:hover {text-decoration: underline;color: #0253a5;}
.trust_w table thead 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 18px 5px ;}
.trust_w .data_box table tbody th { width: 260px;}
.trust_w .table_box table thead th:last-of-type {width: 390px;}
.trust_w table th, .trust_w table td { border-bottom: 1px solid #d9d9d9;}
.trust_w table thead tr th:last-of-type { border-right-width: 0; }
.trust_w table thead tr th {white-space: nowrap;}
.trust_w table tbody td { border-left: 1px solid #d9d9d9;}
.trust_w table tbody td:first-of-type { border-left-width: 0;}

@media screen and (max-width:767px) {
    .trust_w .data_box table tbody th { width: auto;}
    .trust_w .table_box table thead th:last-of-type {width: auto;}
    .trust_w table th{ padding: 18px 10px} 
	.trust_w table td{ padding: 18px } 
}
/*공무원교육*/
.public_w h5 {margin-top: 40px;}
.public_w table tr td a.a_st:hover {text-decoration: underline;color: #0253a5;}
.public_w table thead 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 18px 5px ;}
.public_w .data_box table tbody th { width: 260px;}
.public_w .table_box table thead th{width: 200px;}
.public_w .table_box table thead th:first-of-type {width: 380px;}
.public_w .table_box table td {text-align: center;}
.public_w table th, .public_w table td { border-bottom: 1px solid #d9d9d9;}
.public_w table thead tr th:last-of-type { border-right-width: 0; }
.public_w table thead tr th {white-space: nowrap;}
.public_w table tbody td { border-left: 1px solid #d9d9d9;}
.public_w table tbody td:first-of-type { border-left-width: 0;}

@media screen and (max-width:767px) {
    .public_w .data_box table tbody th { width: auto;}
    .public_w .table_box table thead th:last-of-type {width: auto;}
    .public_w table th{ padding: 18px 10px} 
	.public_w table td{ padding: 18px } 
}

/*교육신청 절차*/
.astep_w .guide {display: block;font-size: 1rem;color: #777;}
.astep_w .list li {line-height: 1.6;}
.astep_w .list li >strong {font-weight: 600;}
.astep_w .list li ol li ~ li {margin-top: 10px;}
.astep_w .box {border: solid 1px rgb(211, 223, 204);background-color: #fff;padding: 40px  30px 50px 30px;position: relative;}
.astep_w .box .astep {display: flex;flex-direction: column;gap: 25px;width: 760px;margin: 0 auto}
.astep_w .box dl {display: flex;}
.astep_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;}
.astep_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;}
.astep_w .box dl.last dt {background-color: #0253a5;}
.astep_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;}
.astep_w .box dl dd .sm {font-size: 1.036rem;}
.astep_w .bt_sr { background: #0253a5;line-height: 60px;padding: 0 30px;height: 60px;color: #fff;font-size: 1.286rem;font-weight: 500;letter-spacing: -0.38px;text-align: center;display: flex;align-items: center;margin: 18px auto;}

@media screen and (max-width:767px) {
    .astep_w .box .astep {width: 100%;}
    .astep_w .box dl dt {min-width: 150px;min-height: 50px;} 
 
}
@media screen and (max-width:480px) {
    .astep_w .box dl { flex-direction: column; }
    .astep_w .box dl:not(:last-child) dt::before {display: none;} 
    .astep_w .box dl dt { min-width: 80px; border-top-right-radius: 5px; border-bottom-left-radius: 0; }
    .astep_w .box dl dd { border-top-right-radius: 0; border-bottom-left-radius: 5px; }
    
}

/*교육일정조회*/
.search_w .sub_tit {padding: 0 30px 40px;border-bottom: 1px solid #d9d9d9;display: flex;}
.search_w .sub_tit .icon { flex: 1 0 auto; margin: 0 30px;width: auto;height: auto;}
.search_w .bt_sr { background: #0253a5;line-height: 60px;padding: 0 30px;height: 60px;color: #fff;font-size: 1.286rem;font-weight: 500;letter-spacing: -0.38px;text-align: center;display: flex;align-items: center;margin: 18px auto;}

@media screen and (max-width: 767px){
    .search_w .sub_tit {padding-bottom: 30px;}
    .search_w .sub_tit .icon {width: 53px;height: 53px;margin: 8px 0 0 0;flex-basis: 60px;}
    .search_w .sub_tit .icon + .text {flex-basis: calc( 100% - 80px);}
}

/*입교안내*/
.admiss_w .dot {position: relative;margin-bottom: 20px;padding-left: 10px;line-height: 1.4;text-align: left;font-size: 1rem;}	
.admiss_w .table_box + .dot {margin-top: 40px;}
.admiss_w table tr td .dot {font-size: 1.0714rem;}	
.admiss_w .dot + .dot {margin-top: 5px;}	
.admiss_w .dot::before {display: inline-block;content: '';width: 3px;height: 3px;background-color: #606060;vertical-align: middle;margin-left: -7px;margin-right: 6px;}	
.admiss_w .box + .list {padding-top: 20px;}
.admiss_w .list .guide {margin: 0;}
.admiss_w [class^="box_"] {border: solid 1px rgb(211, 223, 204);background-color: #fff;margin: 20px 0;padding: 50px 80px 50px;position: relative;}
.admiss_w .box {border: solid 1px rgb(211, 223, 204);background-color: #fff;margin: 20px 0;padding: 50px 80px 50px;position: relative;}
.admiss_w .box img {max-width: initial;}
.admiss_w .box_ad {display: flex;gap: 40px;flex-wrap: wrap;flex-direction: column;}
.admiss_w .box_ad .top {display: flex;gap: 45px;}
.admiss_w .box_ad .tit {margin-bottom: 10px;height: 50px;line-height: 50px;background-color: #606060;color: #fff;border-radius: 5px;text-align: center;font-size: 1.143rem;}
.admiss_w .box_ad .tit:first-of-type {flex-basis: 310px;}
.admiss_w .box_ad .tit:last-of-type {flex-basis: 470px;}
.admiss_w .box_ad ol {display: flex;flex-direction: column;gap: 25px;}
.admiss_w .box_ad ol > li {display: flex;gap: 40px;}
.admiss_w .box_ad ol > li .tit_bx {flex-basis: 310px;display: flex;gap: 10px;text-align: center;}
.admiss_w .box_ad ol > li .tit_bx strong {flex-basis:100px;border-radius: 5px;border: 1px solid #e1e1e1;background-color: #f7f7f7;display: flex;align-items: center;justify-content: center;font-size: 1.143rem;font-weight: 500;color: #222;}
.admiss_w .box_ad ol > li .tit_bx p {position: relative;flex-basis: 200px;display: flex;align-items: center;justify-content: center;padding: 0 20px;background-color: #007bcb;color: #fff;font-size: 1.143rem;font-weight: 500;border-radius: 5px;}
.admiss_w .box_ad ol > li .tit_bx p::after {display: inline-block;content: '';border-top: 5px solid #007bcb; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent;width: 0;height: 0;position: absolute;left: 50%;transform: translate(-50%);bottom: -10px;}
.admiss_w .box_ad ol > li.last .tit_bx p {background-color: #0253a5;}
.admiss_w .box_ad ol > li.last .tit_bx p::after {display: none;;}
.admiss_w .box_ad ol > li .txt_bx {flex-basis: 470px;padding: 20px 30px;border: 1px solid #dde2e6;border-radius: 5px;}
.admiss_w .box_ad ol > li.last .txt_bx{border: 1px solid #0253a5;}

@media screen and (max-width:1024px) {
    .admiss_w .box {overflow-x: scroll;}
}
@media screen and (max-width:620px) {
    .admiss_w .box {padding: 20px;}
    .admiss_w .box_ad {padding-left: 20px;padding-right: 20px;}
    .admiss_w .box_ad .tit:first-of-type {flex-basis: 50%;}
    .admiss_w .box_ad .tit:last-of-type {flex-basis: 50%;}
    .admiss_w .box_ad ol > li .tit_bx {flex-basis: 50%;}
    .admiss_w .box_ad ol > li .txt_bx {flex-basis: 50%;}
    .admiss_w .box_ad ol > li .tit_bx strong {flex-basis: 30%;}
    .admiss_w .box_ad ol > li .tit_bx p {flex-basis: 70%;}
    .admiss_w .box_ad ol > li {gap: 10px;}
    .admiss_w .box_ad .top {gap: 10px;} 
}
@media screen and (max-width:468px) {
    .admiss_w .box_ad ol > li {flex-direction: column;}
    .admiss_w .box_ad ol > li .tit_bx p::after {display: none;}
    .admiss_w .box_ad ol > li .tit_bx p {padding: 10px 0;}
}

/*숙식안내*/
.room_w .table_box table tbody th { width: 260px;}
.room_w .data_box table tbody th { width: 130px;}
@media screen and (max-width:767px) {
    .room_w .table_box table tbody th  {width: auto;}
    .room_w .data_box table tbody th { width: auto;}
}

/*교육시설*/
.afac_w h4 + h5 {margin-top: 20px;}
.afac_w h5 {margin-top: 40px;}
.afac_w .table_box table tbody th { width: 260px;}
.afac_w .img_bx {display: flex;gap: 25px;flex-wrap: wrap;}
.afac_w .img_bx li {flex-basis: 30%;display: flex;}
.afac_w .img_bx .img {padding:20px;border-radius: 5px;border: 1px solid #e1e1e1;}
.afac_w .txt_bx {margin-top: 20px;}

@media screen and (max-width:767px) {
    .afac_w .table_box table tbody th { width: auto;}
}
@media screen and (max-width:620px) {
    .afac_w .img_bx li {flex-basis: calc(50% - 25px);} 
}

/*교육서식*/
.apform_w {margin-top: -40px;}
.apform_w h4 {padding-left: 0;background: none;margin-bottom: 0;}
.apform_w table {border: none;}
.apform_w .list li {line-height: 2;}
.apform_w .sub_tit {margin-bottom: 0;}
.apform_w .bt_st::after {content: "";display: inline-block;vertical-align: middle;background:url("../img/sub/btn_link.png") no-repeat -13px 0;width: 14px;height: 14px;background-size: 26px;margin-left: 11px;}

@media screen and (max-width:767px) {
    .apform_w .sub_tit.acc_tit .acc_title {padding-top: 30px;}
} 

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

@media screen and (max-width:1023px) {
	.ahello_w {padding-left: calc(30vw + 40px); transition: .3s all}
	.ahello_w:before{ width: 30vw;; transition: .3s all}
}
@media screen and (max-width:767px) {
	.ahello_w{  padding: 0; display: flex; flex-direction: column;transition: none }
	.ahello_w:before{ position: relative; width:calc(100% - 60px);  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  } 
	.ahello_w h4{ order: 1; padding: 0; text-align: center; color: #0253a5; } 
	.ahello_w h5{ order: 1; padding-top: 0; text-align: center}
	.ahello_w p{ order: 3} 
    
}
@media screen and (max-width:640px) {
	.ahello_w:before{ height: 350px;  background-position: -25px -12vw;  } 
}

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

/*조직안내*/

.group_bx{  text-align: center; position: relative; width: 920px; 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 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;}
.group_bx dl {width: 160px;z-index: 2;position: relative;}
.group_bx dl dt {width: 160px;height: 55px;background-color: #606060;color: #fff;text-align: center;line-height: 55px;display: block;font-size: 1.143rem;font-weight: 600;}
.group_bx dl dd { margin-top: 10px;background: #f7f7f7;height: 55px;line-height: 55px;font-size: 1.143rem;width: 160px;font-weight: 500;color: #606060;}

.boss_g {display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;padding-bottom: 120px;}
.boss_g .ceo:after {content: "";width: 1px;height: 40px;display: block;position: absolute;left: 50%;bottom: -40px;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: 30px;padding-bottom: 30px;position: relative;}
.org_g:before {content: "";height: 1px;width: 760px;display: block;position: absolute;left: 50%;top: -41px;background: #e1e1e1;z-index: -1;transform: translateX(-50%);}
.org_g .g2:before {content: "";width: 1px;height: 41px;display: block;position: absolute;top: -41px;left: 50%;background: #e1e1e1;z-index: -1;}
.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: 600px} 
    .group_bx dl {width: 120px;}
    .group_bx dl dt{width: 120px;}
    .group_bx dl dd {width: 120px;}
}
@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: 20%} 
	.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: 55px !important; 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:400px) {
    .org_g:before{ width: calc(100% - 64px)} 
}
@media screen and (max-width:360px) {
    .org_g:before{ width: calc(100% - 35px)} 
}

/*업무안내*/
.aguide_w .data_box table th{border-right: 1px solid #d9d9d9;font-weight: 600;color: #222;font-size: 1.0714rem;}
.aguide_w .data_box table th:last-of-type {border-right-width: 0;}
.aguide_w .data_box table td {border-left: 1px solid #d9d9d9;}
.aguide_w .data_box table thead th:first-of-type {width: 260px;}
.aguide_w .table_box table tbody th:first-of-type {width: 260px;}

@media screen and (max-width:767px) {
    .aguide_w .data_box table thead th:first-of-type {width: auto;}
    .aguide_w table tbody th{padding:10px 5px;}
    .aguide_w .table_box table tbody th:first-of-type {width: auto;}
}

/*교육원연혁*/

.ahistory_w  {padding:30px 0 80px}
.his_bx {position: relative;display: flex;flex-wrap: wrap;}
.ahistory_w .box {display: flex;gap: 100px;;flex-basis: 100%; margin-top: 60px; position: relative;}
.ahistory_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;}
.ahistory_w .box h4:before { position: absolute; right: -53px; top: 16px; width: 8px; height: 8px; background: #005bac; content: ""; display: block; }
.ahistory_w .box h4:after { position: absolute; right: -53px; top: 16px; width: 44px; height: 4px; border-bottom: 1px dotted #005bac; content: ""; display: block; }
.ahistory_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; }
.ahistory_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; }
.ahistory_w .txt h5{margin: 5px 0;color: #222;font-weight: 600;font-size: 1.286rem;}
.ahistory_w .txt ul li {line-height: 2;letter-spacing: -0.35px;font-size: 1rem;}
.ahistory_w .img {margin-top: 15px;width: 100%; margin-bottom: 16px;}
.ahistory_w .img img {display: inline-block;width: 280px;}

@media screen and (max-width:767px) {
    .ahistory_w .box h4 {flex-basis: 70px}
    .his_bx {width: auto;}
    .his_bx:before {left: 119px;}
    .ahistory_w .box:first-of-type:before {left: 110px;}
    .ahistory_w .box:last-of-type:before {left: 110px;}
}
@media screen and (max-width:468px) {
    .ahistory_w .box {gap: 80px;}
    .ahistory_w .txt {flex-basis: calc(100% - 150px);}
}

/*교육성과*/
.abresult_w thead tr th{background-color: #f0f0f0;border-left:1px solid #d9d9d9;padding: 30px;font-weight: 600;color: #222;font-size: 1.071rem;}
.abresult_w thead tr th:first-of-type {border-left-width :0;width: 122px;}
.abresult_w tbody tr td {border-left:1px solid #d9d9d9;text-align: center;}
.abresult_w tbody tr td:last-of-type {font-weight: 600;color: #222;}
.abresult_w tbody tr:last-of-type td {font-weight: 600;color: #222;}

/* 오시는 길 */

.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  130px; background: url("../img/GSE/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: 15px; } 
.traffic_bx dl.car{ background-image: url("../img/GSE/icon-car.png") } 
.traffic_bx dl.walk{ background-image: url("../img/GSE/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_box + p{ margin-top: 20px } 
.traffic_bx + .traffic_bx{ margin-top: 40px} 
.traffic_bx p.guide{ margin-top: 20px} 

.map_w table{ table-layout: fixed} 
.map_w 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} 
.map_w table thead tr th:first-of-type{border-left: 1px solid #d9d9d9;  } 
.map_w table thead tr th:last-of-type{ width: 400px;} 
.map_w table tbody td{ border-left: 1px solid #d9d9d9; text-align: center; font-size: 1.071rem; padding: 18px 5px;vertical-align: middle; word-break: break-all;} 

.map_w table tbody td a{color: #222;}
.map_w table tbody td a:hover{text-decoration: underline; color: #0253a5;}
.map_w table tbody tr .tit{ border-left-width: 0} 
.map_w .img_bx {display: flex;gap: 25px;flex-wrap: wrap;}
.map_w .img_bx li {flex-basis: 30%;display: flex;}
.map_w .img_bx .img {padding:20px;border-radius: 5px;border: 1px solid #e1e1e1;}
.map_w .txt_bx {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} 
    .map_w table thead tr th:last-of-type{ border-right-width: 0;width: auto;}
}
@media screen and (max-width:620px) {
    .map_w .img_bx li {flex-basis: calc(50% - 25px);} 
}

/*추가 페이지-교재·교보재구입안내*/
.tex_w{}
.tex_w  table tr th:first-child,
.tex_w .px table tbody tr th{width: 261px;}
.tex_w .px{position: relative;}
.tex_w .px table tbody tr td:not(:nth-of-type(3)),.tex_w .px table thead tr th:not(:nth-of-type(4)){border-right:1px solid #d9d9d9 ;}
.tex_w .px table tbody tr td:not(:nth-of-type(1)){text-align: center;}
.tex_w .px_tit span{font-size: 1.071rem;font-weight: 400;color: #606060;} 
.tex_w .sc{margin-top: 20px; font-size: 1rem;}
.tex_w .bt_sr { background: #0253a5;line-height: 60px;padding: 0 30px;height: 60px;color: #fff;font-size: 1.286rem;font-weight: 500;letter-spacing: -0.38px;text-align: center;display: flex;align-items: center;margin: 18px 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;}

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

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