@charset "UTF-8";
/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/

/**************************************************
 ■ 교육신청
**************************************************/
/* 검색필터 */
.filter-wrap{margin-bottom:3.7rem;}
.filter-box{display: flex; padding: clamp(1rem, 0.464rem + 1.429vw, 1.75rem) clamp(1rem, 0.286rem + 1.905vw, 2rem); flex-direction: column; gap: 1.25rem; border-radius: 0.625rem; background: var(--Theme-Primary_subtler); margin-bottom:0.7rem;}
.filter-box .hr{width:100%; height:1px; background: rgba(0, 0, 0, 0.10);}
.filter-box .filter-item-flex{display:flex; gap:1.25rem}
.filter-box .filter-item-flex ul{flex:1;}
.filter-box .filter-item-flex .brn{width:140px;}
.filter-box .filter-input{width:60%; border-radius: 0.375rem; border: 2px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(125deg, #0790FF 50%, #B4BECA 70%); background-origin: border-box; background-clip: content-box, border-box; }
.filter-box .filter-input > div{display:flex; align-items: center; gap:0.5rem; height:3rem; padding:0 1rem; --icon-color:var(--Basic-Black-70); --icon-width:1.5rem;}
.filter-box .filter-input > div::before{content:""; display:inline-block; width: 1.30269rem; aspect-ratio: 18/19; background: url('/res/home/publish/assets/images/common/kut_logo.gif')no-repeat 0 0/100%;}
.filter-box .filter-input > div input{border:none; padding:0;}
.filter-box .filter-item ul{display:flex; gap:1rem 2.3rem; flex-wrap: wrap;} 
.filter-box .filter-item ul li{display:flex; gap:0.75rem; align-items: center; flex:1;}
.filter-box .filter-item ul label{color: var(--Basic-Black-90); font-size: var(--font-size-17); font-weight: 700;}
.filter-box .filter-item ul select{flex:1; width:100%; height: 2.625rem; border-radius: var(--radius-md); border: 1px solid var(--Basic-Black-40); font-size:var(--font-size-15); color: var(--Basic-Black-80);}
.filter-tag-wrap{padding:0 2rem; display:flex; gap:1.5rem; }
.filter-tag-wrap .btn-tiny-refresh{display:inline-flex; gap:0.25rem; height: 1.875rem; padding: 0 1rem; justify-content: center; align-items: center; gap: 0.25rem; color: var(--Basic-Black-80); font-size: var(--font-size-15); font-weight: 400; border-radius: var(--radius-max); background: var(--Basic-Gray); --icon-width:0.75rem; --icon-color:var(--Basic-Black-80)}
.filter-tag-wrap .tag-list{display:flex; flex-wrap: wrap; gap:0.5rem clamp(0.5rem, 0.143rem + 0.952vw, 1rem); color: var(--Basic-Black-80); font-size: var(--font-size-15); }
.filter-tag-wrap .tag-list .btn-tiny-category{display:inline-flex; gap:0.25rem; height: 1.875rem; padding: 0 1rem; justify-content: center; align-items: center; gap: 0.4rem; word-break: break-all; white-space: nowrap;}
.filter-tag-wrap .tag-list .btn-tiny-category i{width: 1rem; aspect-ratio: 1; border-radius: 1rem; background: var(--Theme-border); --icon-width:0.75rem; --icon-color:var(--Basic-Black-80)}


/*교육신청 리스트*/
.application-list .app-item{position: relative; }
.application-list .app-item:before{content:""; position: absolute; left:0; top:0; width:100%; height:100%; z-index:-1; border-radius: 0.625rem;  border: 1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(125deg, #DDD 50%, #DDD 70%); background-origin: border-box; background-clip: content-box, border-box;}
.application-list .app-item:hover:before{border: 2px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(125deg, #40A9FF 0%, #008DFF 60%, #0065BD 100%);}

.application-list .app-item .app-inner{display: flex; flex-direction: column; gap: 1rem; --appLi-x:clamp(1rem, 0.286rem + 1.905vw, 2rem); --appLi-y:clamp(1rem, 0.464rem + 1.429vw, 1.75rem); padding:var(--appLi-y) var(--appLi-x); }
.application-list .app-item + .app-item{margin-top:1.25rem;}
.application-list .app-item.no-post{background: var(--Basic-Gray); border-radius: 0.625rem; }
.app-info{display:flex; align-items: center; gap:clamp(1rem, 0.286rem + 1.905vw, 2rem);}
.app-info .app-info-text{flex: 1; padding-right:2rem; border-right:1px solid var(--Theme-border);}
.app-info .app-state{display:flex; flex-wrap: wrap; gap:0.5rem; margin-bottom:clamp(0.5rem, -0.214rem + 1.905vw, 1.5rem); justify-content: space-between; align-items: center; color: var(--Basic-Black-70); font-size: var(--font-size-15);}
.app-info .app-subject{color: var(--Basic-Black-80); font-size: 1.125rem; font-weight: 700; margin-bottom:1rem;}
.app-info .app-subject:has(.subject){display:flex; gap:0.25rem; align-items: center;}
.app-info .app-subject .subject{ flex:1; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.app-info ol{display:flex; flex-wrap:wrap; gap:0.6rem clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem); border-radius: 0.5rem; background: var(--Theme-Primary_subtler2); padding: 1rem clamp(1rem, 0.286rem + 1.905vw, 2rem); color: var(--Basic-Black-80); font-size: var(--font-size-15);}
.app-info ol li{position: relative; display:flex; padding-left:0.88rem; gap:0 0.87rem;}
.app-info ol li::before{content:""; position: absolute; left:0; top:0.4em; width: 0.375rem;  flex-shrink: 0; aspect-ratio: 1/1; background: var(--Theme-Gradient);}
.app-info ol li em{color:var(--Theme-Primary); font-weight: 700;}
.app-info .app-info-btn{display: flex; flex-direction: column; gap: clamp(0.5rem, 0.321rem + 0.476vw, 0.75rem);}
.app-type{display: flex; flex-wrap: wrap; gap:clamp(0.25rem, 0.071rem + 0.476vw, 0.5rem);}

/* 교육신청 뷰 */
.application-view{display:flex; gap:4rem; align-items: flex-start;}
.detail-conts{flex:1;}
.detail-side{position: sticky;  top: 1.5rem; width: 23.75rem; border-radius: 0.625rem; flex-shrink: 0; border: 2px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(156deg, #0790FF 50%, #B4BECA 60%);  background-origin: border-box; background-clip: content-box, border-box;}
.detail-side .app-info{flex-direction: column; align-items: normal; padding: 1.75rem 2rem; }
.detail-side .app-info .app-type{margin-bottom:1rem;}
.detail-side .app-info ol li{width: 100%; justify-content: space-between;}
.detail-side .app-info > div{border:none; padding:0;}

.detail-head {position: relative; margin-bottom:clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem);}
.detail-head .btn-list{position: absolute; right:0; top:-1rem;}
.detail-head .dtl-state{display:flex; gap:0.75rem; align-items: center; color: var(--Basic-Black-70); font-size: var(--font-size-17); font-weight: 700; margin-bottom: 0.5rem;}
.detail-head .dtl-subject{color: var(--Basic-Black-90); font-size: var(--font-size-24); font-weight: 700; margin-bottom: clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem);}
.detail-head .mob-fold .mob-fold-btn{display: flex; align-items: center;  justify-content: center; display:none; gap:0.3rem; width:100%; color:var(--Basic-Black-80); font-size:var(--font-size-15); padding:0.5rem;}
.detail-head .mob-fold .mob-fold-btn i{width:1.25rem; height:1.25rem; --icon-color:var(--Basic-Black-70); --icon-width:0.8rem; border:1px solid var(--Theme-border); border-radius:50%; transition: all 0.2s ease-out 0s; transform: rotate(0deg );}
.detail-head .mob-fold .mob-fold-btn.active i{transform: rotate(180deg );}
.detail-head ul{display:flex; flex-wrap: wrap; gap:clamp(0.25rem, -0.107rem + 0.952vw, 0.75rem) 0; padding: 1.25rem 0; border-top: 1px solid var(--Basic-Black-60); border-bottom: 1px solid var(--Basic-Black-60);}
.detail-head ul li{width:50%; display:flex; align-items: center; gap:0 1rem; font-size: var(--font-size-17); color: var(--Basic-Black-100); line-height: 150%; }
.detail-head ul li.full{width:100%;}
.detail-head ul li b{flex-shrink: 0; display: flex; width: 8.5rem; height: clamp(2.4rem, 1.971rem + 1.143vw, 3rem); padding: 0 1rem; align-items: center; gap: 0.5rem; border-radius: 0.375rem 1.625rem 1.625rem 0.375rem; background: var(--Basic-Gray); color: var(--Basic-Black-80);  font-weight: 700; line-height: 1.2;}
.detail-head ul li b:before{content:""; width: 0.375rem; flex-shrink: 0; aspect-ratio: 1/1; background: var(--Theme-Gradient);}
.detail-head ul li p span{display: inline-block; margin-right: 0.4rem; width:3rem; border-right:1px solid var(--Theme-Disabled); line-height:0.8;}
.detail-head ul li.bg-blue b{background: var(--Theme-Primary_subtler);}

.half-con{padding-top:clamp(2.5rem, 1.071rem + 3.81vw, 4.5rem); display:flex; gap:2.75rem; }
.half-con h3{color: var(--Basic-Black-80); font-size: var(--font-size-28); font-weight: 400;}
.half-con .bullet_dot:not(:first-child){margin-top:3rem;}
.half-con > div{flex:1;}
.half-con .course-tit{display: flex; flex-wrap:wrap; gap:0.5rem; padding: 1rem 2rem; justify-content: space-between; align-items: flex-start; align-self: stretch; border-radius: 0.375rem; border-right: 6px solid var(--Theme-Primary); background: linear-gradient(138deg, #40A9FF 5.87%, #008DFF 67.02%, #0065BD 107.79%); color: var(--Basic-white, #FFF); font-size: var(--font-size-17); font-weight: 700; line-height: 150%; margin-bottom:2rem;}
.half-con .course-tit b{color:#fff3a0}
.half-con .course-list{position: relative;}
.half-con .course-list:before{content:""; position: absolute; left:calc(1.625rem / 2); top:0; width: 0.125rem; height:100%; background: var(--Basic-Gray);}
.half-con .course-list li{position: relative; padding-left:3.63rem;  line-height: 150%;}
.half-con .course-list li + li{margin-top:clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem);}
.half-con .course-list li:before{content:""; position: absolute; left:0; top:50%; display:block;  width: 1.625rem; aspect-ratio: 1/1; background: var(--Theme-Primary);
border: 9px solid #eef0f7; border-radius:50%; transform:translateY(-50%);}
.half-con .course-list li p{color: var(--Basic-Black-80); font-size: var(--font-size-17); font-weight: 700; margin-bottom:0.62rem;}
.half-con .course-list li .date{display:inline-flex; align-items: center; gap:0.25rem; color: var(--Basic-Black-70); font-size: var(--font-size-15); font-weight: 700; --icon-color: var(--Theme-Primary_sub); vertical-align: middle;}

/* 모달 필터 */
.modal-filter{position: fixed; left: 0; top: 0; z-index: 1020; width:100%; height: 100%; margin: 0 auto; background:rgba(0,0,0,0.7); pointer-events: none; opacity: 0;}
.modal-filter .modal-content{position: absolute; left:0; bottom:-100%; display: flex; justify-content: flex-start; flex-direction: column;  width: 100%; background:#fff; border-radius:1.2rem 1.2rem 0 0; max-height: 90%; transition: bottom 0.4s ease-out; }
.modal-filter .close-modal{position: absolute; right:1rem; top:1.25rem; --icon-width:1.75rem;}
.modal-filter .modal-header{padding: 1rem; font-size:var(--font-size-19); font-weight:700; } 
.modal-filter .modal-conts{padding:0 var(--side-padding); position: relative; overflow-x: hidden; overflow-y: auto;}
.modal-filter .filter-tag-wrap{position: sticky; top:0; left:0; z-index:4; width:calc(100% + calc(var(--side-padding) * 2)); margin-left:calc(-1 * var(--side-padding)); background:var(--Theme-Primary_subtler2); padding: 1rem var(--side-padding); display: flex; align-items: flex-start; justify-content: flex-start; gap:0.5rem;}
.modal-filter .filter-tag-wrap .tag-btn{position: absolute; right: 0; top: 0; padding:1rem var(--side-padding); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 3.12%, var(--Theme-Primary_subtler2) 46.25%); z-index:2;}
.modal-filter .filter-tag-wrap .tag-btn #btn-toggle{width: 1.875rem; border: 1px solid #ddd; height: 1.875rem; background: #fff; border-radius: 50%; transition: all 0.2s ease-out 0s;}
.modal-filter .filter-tag-wrap .tag-btn #btn-toggle.active{transform: rotate(-180deg);}
.modal-filter .filter-tag-wrap .btn-tiny-refresh{flex-shrink: 0; background:#fff; padding:0; width:1.875rem; border:1px solid #ddd;}
.modal-filter .filter-tag-wrap .tag-list{display: flex; font-size: var(--font-size-14); flex-wrap: nowrap; overflow: hidden; overflow-x: auto;}
.modal-filter .filter-tag-wrap .tag-list.is-open{flex-wrap: wrap; overflow-x: hidden;}
.modal-filter .filter-tag-wrap .tag-list .btn-tiny-category{background:#fff; border:1px solid #ddd; border-radius:2rem;}
.modal-filter .category-frame{border:none; padding: 1rem 0; gap:0.5rem;}
.modal-filter .category-frame .category-list-large{gap:0.5rem;}
.modal-filter .category-frame .category-list-large .category-name{border:1px solid #ddd; padding:1rem; border-radius:var(--radius-sm);}
.modal-filter .category-frame .category-list-large .category-name label{flex:1;}
.modal-filter .category-frame .category-list-large .category-list{background:var(--Theme-Primary_subtler2); padding:1rem; }
.modal-filter .modal-btn{display:flex; padding:1rem var(--side-padding); gap:1rem; margin:0; }
.modal-filter .modal-btn .btn{flex:1;}
.modal-filter.show{transition-delay: 0s; opacity: 1; pointer-events: all;}
.modal-filter.show .modal-content{ bottom:0;}

@media screen and (max-width:1280px){	
	/* 검색필터 */
    .filter-box .filter-input{width:100%;}
    .filter-box .filter-item ul{gap: clamp(0.5rem, 0.143rem + 0.952vw, 1rem); flex-wrap: wrap;}
    .filter-box .filter-item ul li {flex:0 0 calc((100% - clamp(0.5rem, 0.143rem + 0.952vw, 1rem) * 1) / 2); gap:0;}
    .filter-box .filter-item ul label{width:4rem;}
	/* 교육신청 뷰 */
	.detail-head ul li{width:100%;}

}
@media screen and (max-width:1024px){ 
	/*교육신청 리스트*/
	.application-list > li{flex-direction: column-reverse; position: relative; --appLi-x:clamp(0.75rem, 0.214rem + 1.429vw, 1.5rem); --appLi-y:clamp(0.75rem, 0.214rem + 1.429vw, 1.5rem);}
	.app-info{flex-wrap: wrap;}
	.app-info .app-info-text{flex:0 0 100%; border:none; padding-right:0; }
	.app-info:has(.app-subject .badge) .app-state,
	.app-info .app-state:has(.badge){padding:0.25rem 0;}
	.app-info .app-state .badge{position:absolute; right:var(--appLi-x); top:var(--appLi-y);}
	.app-info .app-subject .badge{position:absolute; right:var(--appLi-x); top:var(--appLi-y);}
	.app-info .app-info-btn{width:100%;}
	/* 검색필터 */
	.filter-box .filter-item ul label,
	.filter-box + .filter-tag-wrap{display:none;}
	/* 교육신청 뷰 */
	.application-view{flex-direction: column;}
	.detail-side{position: fixed; left:0; bottom:0; top:auto; width:100%; border-radius:0; background:#fff; z-index: 102;}
	.detail-side .app-info{padding:1rem var(--side-padding);}
	.detail-side .app-info > div{display:none;}
	.detail-head .btn-list{top: -0.15rem;}
}
@media screen and (max-width:768px){ 
	.search-list-top{flex-direction: column-reverse; align-items: flex-start; justify-content: normal; gap:1rem;}
	.search-list-top .sch-sort{margin-left:auto;}
	.search-list-top:has(.sch-sort-mob){ flex-direction: row; align-items: center;}
	.search-list-top .sch-sort-mob{}

	/* 교육신청 뷰 */
	.half-con{flex-direction: column; gap:1.5rem;}
	.detail-head .mob-fold ul{overflow:hidden;height:13.5rem; mask:linear-gradient(180deg, #000 0%, #000 90%, rgba(0, 0, 0, 0.00) 98.08%);}
	.detail-head .mob-fold ul.is-open{overflow: visible; height:auto; mask:none;}
	.detail-head .mob-fold  .mob-fold-btn{display:flex;}
	.detail-head ul li b{width:6.5rem; padding: 0 0.5rem;}
	.detail-head ul li{gap: 0 0.5rem; font-size: var(--font-size-14);}
	.detail-head ul li.full{align-items: flex-start;}
	.detail-head ul li.full p{padding-top:0.5em;}

	.filter-box .filter-item-flex{flex-wrap:wrap; gap:1rem;}
	.filter-box .filter-item ul{flex-direction: column; flex: 0 0 100%;}
	.filter-box .filter-item .btn{display:flex;  --btn-width: 100%;}
}

@media print {
	.detail-side{display:none;}
	.detail-head ul li{width:100%;}
	.filter-box .filter-item ul{gap: 1rem;}
}


/**************************************************
 ■ 역량모델
**************************************************/
.img-map-wrap{text-align: center;}
.img-map-wrap p{margin-top:1.4rem; color: var(--Badge-Level); text-align: center; font-size: var(--font-size-15); font-weight: 700;}
.img-map-wrap :focus{box-shadow:none;}

.compModel-slide{position:relative; margin-top:3.5rem;}
.compModel-slide .control{ position:absolute; right:0px; top:0.5rem; --btn-width:clamp(2.5rem, 2.143rem + 0.952vw, 3rem); --btn-border:var(--Theme-border); --btn-background:var(--Basic-Gray);}
.compModel-slide .swiper-slide{width: 100% !important; overflow: hidden; display: block; padding:2px;}
.compModel-con{padding:1.5rem; border-radius: 0.625rem; border: 1px solid #DDD; background:#fff; }
.compModel-tit{position:relative; display:inline-flex; align-items: center; gap:1.25rem; line-height: clamp(3.5rem, 2.786rem + 1.905vw, 4.5rem); padding:0 1.56rem; color: #FFF; font-size: var(--font-size-20); font-weight: 700; }
.compModel-tit:before{content:""; position:absolute; left:0px; top:0px; border-radius: 0.625rem 0.625rem 0 0; width:100%; height:calc(100% + 1rem); z-index:-1;}
.compModel-tit .icon{display: inline-flex; width: clamp(2rem, 1.196rem + 2.143vw, 3.125rem); aspect-ratio: 1; border-radius:  50%; background: #FFF url('/res/home/publish/assets/images/content/compmodel-icon.webp')repeat-x 0 0/ auto 100%;}
.compModel-tit.compModel-tit01:before{background:#f45b4f}
.compModel-tit.compModel-tit02:before{background:#ff9321}
.compModel-tit.compModel-tit02 .icon{background-position:25% 0;}
.compModel-tit.compModel-tit03:before{background:#7ec800}
.compModel-tit.compModel-tit03 .icon{background-position:50% 0;}
.compModel-tit.compModel-tit04:before{background:#21b6b7}
.compModel-tit.compModel-tit04 .icon{background-position:75% 0;}
.compModel-tit.compModel-tit05:before{background:#43474a}
.compModel-tit.compModel-tit05 .icon{background-position:100% 0;}
.compModel-con .bg-box b{font-weight:600;}
.compModel-con small{display:block; margin-top:1.5rem; text-align:right; color: var(--Basic-Black-70); font-size: var(--font-size-15); font-weight: 400; margin-bottom:0.6rem;}
.compTable{display:flex; gap:var(--compGap); flex-direction: column; --compGap:1rem;}
.compTable .compThead,
.compTable .compTbody .tr{display:flex; gap:var(--compGap); width: 100%; min-width: 0;}
.compTable .compThead .th{display: flex; height: 3.625rem; padding: 0.375rem 0.25rem; justify-content: center; align-items: center; gap: 0.625rem; flex: 1 0 0; border-radius: 0.625rem; background: var(--Basic-Gray); color: var(--Basic-Black-100); font-size: var(--font-size-20); font-weight: 700;}
.compTable .compThead .w20,
.compTable .compTbody .w20{flex: 0 0 20%;}
.compTable .compTbody .th{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.5rem; border-top: 1px solid var(--Basic-Black-40); background: var(--Basic-Gray); text-align:center;}
.compTable .compTbody .tr:first-child .th{border-top:none; border-radius:0.625rem 0.625rem 0 0;}
.compTable .compTbody .tr:last-child .th{border-radius:0 0 0.625rem 0.625rem;}
.compTable .compTbody .th p{color: var(--Basic-Black-90); font-size: var(--font-size-17); font-weight: 700; line-height: 150%; padding: 0 0.5rem; }
.compTable .compTbody .th button{display:inline-flex; align-items: center; gap:0.25rem; color: var(--Basic-Black-80); font-size: var(--font-size-15); font-weight: 400; }
.compTable .compTbody .th button i{width: 1.25rem; aspect-ratio: 1; border-radius: 50%; background: var(--Basic-Black-70); --icon-color:#fff; --icon-width:0.75rem;}
.compTable .compTbody .th button:hover{color:var(--Theme-Primary); }
.compTable .compTbody .th button:hover i{background:var(--Theme-Primary)}
.compTable .compTbody .td{position:relative; flex:1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:var(--compGap); padding: 1.5rem 0; overflow: hidden;}
.compTable .compTbody .td:before,
.compTable .compTbody .tr:last-child .td:after{content:""; position:absolute; left:0px; width:100%; height:2px; background:linear-gradient(to right, #E76000 33.3%, #39AB00 33.3%, #39AB00 66.6%, #2592FF 66.6%)}
.compTable .compTbody .td:before{top:0;}
.compTable .compTbody .td:after{bottom:0;}
.compTable .compTbody .course-column.lev01:nth-of-type(1):before,
.compTable .compTbody .course-column.lev01-full:nth-of-type(1):before,
.compTable .compTbody .tr:last-child .course-column.lev01:nth-of-type(1):after ,
.compTable .compTbody .tr:last-child .course-column.lev03:nth-of-type(2):before{content:""; position:absolute; width:var(--compGap); height:2px; background: #fff; left:calc(33.3% - calc(var(--compGap) / 2)); z-index: 1;}
.compTable .compTbody .course-column.lev02:nth-of-type(2):before,
.compTable .compTbody .course-column.lev01-full:nth-of-type(1):after,
.compTable .compTbody .tr:last-child .course-column.lev02:nth-of-type(2):after,
.compTable .compTbody .tr:last-child .course-column.lev03:nth-of-type(2):after{content:""; position:absolute;  width:var(--compGap); height:2px; background: #fff; left:calc(66.6% - calc(var(--compGap) / 4)); z-index: 1;}
.compTable .compTbody .course-column.lev01:nth-of-type(1):before,
.compTable .compTbody .course-column.lev01-full:nth-of-type(1):before,
.compTable .compTbody .course-column.lev01-full:nth-of-type(1):after,
.compTable .compTbody .course-column.lev02:nth-of-type(2):before{top:0;} 
.compTable .compTbody .tr:last-child .course-column.lev01:nth-of-type(1):after ,
.compTable .compTbody .tr:last-child .course-column.lev01-full:nth-of-type(1):after ,
.compTable .compTbody .tr:last-child .course-column.lev03:nth-of-type(2):before,
.compTable .compTbody .tr:last-child .course-column.lev02:nth-of-type(2):after,
.compTable .compTbody .tr:last-child .course-column.lev03:nth-of-type(2):after{bottom:0;}
.compTable .compTbody .course-column{display:flex; gap:1rem; flex-direction: column; padding:0 1.5rem;}
.compTable .compTbody .course-column p{display: flex; justify-content: center; align-items: center; gap: 0.625rem; color: var(--Basic-Black-100); text-align: center; font-size: var(--font-size-15); text-wrap-style: pretty; border-radius: 0.625rem; min-height:3.625rem; border: 1px solid transparent; background-origin: border-box; background-clip: content-box, border-box;}
.compTable .compTbody .course-column p.none{border:none !important; background-image:none !important;}
.compTable .compTbody .course-column.lev01 p{background-image: linear-gradient(#FFF9E8, #FFF9E8), linear-gradient(to right, #FFD668 0%, #FFD668 100%);}
.compTable .compTbody .course-column.lev02 p{background-image: linear-gradient(#F6FFF3, #F6FFF3), linear-gradient(to right, #96D143 0%, #96D143 100%);}
.compTable .compTbody .course-column.lev03 p{background-image: linear-gradient(#F2F9FF, #F2F9FF), linear-gradient(to right, #8DC6FF 0%, #8DC6FF 100%);}
.compTable .compTbody .course-column.lev01-full{grid-column: 1 / span 2;}
.compTable .compTbody .course-column.lev01-full p{background-image: linear-gradient(to right, #FFF9E8 0%, #F6FFF3 100%), linear-gradient(to right, #FFD668  0%,  #96D143 100%);}
.compTable .compTbody .course-column.lev02-full{grid-column: 2 / span 2;}
.compTable .compTbody .course-column.lev02-full p{background-image: linear-gradient(to right, #F6FFF3 0%, #F2F9FF 100%), linear-gradient(to right, #96D143  0%,  #8DC6FF 100%);}

@media (max-width:1280px){	
	.compTable .compThead .th{font-size:var(--font-size-16);}
	.compTable .compTbody .course-column{padding:0; }
	.compTable .compTbody .course-column p{font-size: var(--font-size-13);}
	.compTable .compTbody .course-column p br{display:none;}
}
@media screen and (max-width:1024px){ 
	 
}
@media screen and (max-width:768px){	
	.compTable{--compGap:0.5rem;}
	.compModel-con{padding:0; border:none;}
	.compModel-con small{font-size:var(--font-size-13);}
	.compModel-tit{gap:0.5rem; padding:0 1rem; font-size:var(--font-size-16);}
	.compTable .compThead .w20,
	.compTable .compTbody .w20{flex: 0 0 25%;}
	.compTable .compThead .th{font-size:0.75rem;}
	.compTable .compTbody .th p,
	.compTable .compTbody .th button,
	.compTable .compTbody .course-column p{font-size: 0.7rem;}
	.compTable .compTbody .th button{flex-direction: column;}

	.eduSystem,
	.eduGuide{overflow-x: auto;}
	.eduSystem img,
	.eduGuide img{width:clamp(48rem, 32.286rem + 41.905vw, 70rem);  max-width: fit-content;}

	.competence-table{height:80vh; overflow-y:auto; border-top: 1px solid #26293D;}
	.competence-table table{border-top:none;}
	.competence-table table thead{position: sticky; top: 0; z-index: 1;}
	.competence-table table tbody th{position: sticky; left:0; top: 0; z-index: 1;}
}

/**************************************************
 ■ 자격교육
**************************************************/
.qual-tab ul{display:flex; gap:var(--qual-tab-gap); margin-bottom:1.5rem; --qual-tab-gap:1.5rem; flex-wrap:wrap;}
.qual-tab ul li{width:calc((100% - var(--qual-tab-gap) * 3) / 4);}
.qual-tab ul button{display:block; width:100%; height:100%; border-radius: 0.625rem; border: 1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, var(--Theme-border) 0%, var(--Theme-border) 100%); background-origin: border-box; background-clip: content-box, border-box;  text-align:left; color: var(--Basic-Black-90);}
.qual-tab ul button:focus{box-shadow:none;}
.qual-tab ul button > span{display: block; padding: clamp(0.75rem, -0.5rem + 3.333vw, 2.5rem) clamp(0.5rem, -0.214rem + 1.905vw, 1.5rem);   font-size: var(--font-size-15); line-height:1.5;}
.qual-tab ul button strong{display:block; font-size:var(--font-size-20); font-weight:700; margin-bottom:0.5rem;}
.qual-tab ul li.on button{border-width:2.5px; background-image: linear-gradient(#F6FAFF, #F6FAFF), linear-gradient(125deg, #40A9FF 0%, #008DFF 60%, #0065BD 100%); color:var(--Theme-Primary);}

.qual-box{display: flex; padding: clamp(1rem, 0.107rem + 2.381vw, 2.25rem) clamp(1rem, -0.071rem + 2.857vw, 2.5rem); flex-direction: column; justify-content: center; align-items: flex-start; gap: 0.25rem; border-radius: var(--radius-xl); background: var(--Theme-Primary_subtler); --box-icon:3.125rem; --box-gap:1rem; color: var(--Basic-Black-90);}
.qual-box h3{display:flex; align-items: center; gap:var(--box-gap); font-size: clamp(1.25rem, 0.893rem + 0.952vw, 1.75rem); font-weight: 700;}
.qual-box h3 [class^="qualIcon"]{display: flex; width: var(--box-icon); aspect-ratio: 1; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:100%;  border-radius:50%;}
.qual-box h3 .qualIcon01{background-image:url('/res/home/publish/assets/images/content/qual_icon01.webp');}
.qual-box h3 .qualIcon02{background-image:url('/res/home/publish/assets/images/content/qual_icon02.webp');}
.qual-box h3 .qualIcon03{background-image:url('/res/home/publish/assets/images/content/qual_icon03.webp');}
.qual-box h3 .qualIcon04{background-image:url('/res/home/publish/assets/images/content/qual_icon04.webp');}
.qual-box h3 .qualIcon05{background-image:url('/res/home/publish/assets/images/content/qual_icon05.webp');}
.qual-box > div{padding-left:calc(var(--box-icon) + var(--box-gap)); font-size:var(--font-size-17); line-height:1.5; margin-top:0.5rem;}
.qual-box .qual-box-ul > li{display:flex; }
.qual-box .qual-box-ul > li + li{margin-top:1rem; padding-top:1rem; border-top:1px solid rgba(172, 184, 197, 0.40);}
.qual-box .qual-box-ul > li strong{position:relative; padding-left:1.37rem; flex:0 0 14rem; color: var(--Basic-Black-100); font-size: 1.1875rem; font-weight: 700; line-height: 150%; ;}
.qual-box .qual-box-ul > li strong:before{content:"•"; position:absolute; left:0px; top:0px; color: var(--Theme-Primary); font-size: 1.5rem;}
.qual-box .qual-box-ul .dot-ul{margin-top:0.5rem;}
.qual-box .qual-box-ul .dot-ul li:before{color: var(--Theme-Primary);}
.qual-box .line-box{width: 100%; margin-top:2rem; display: flex; justify-content: space-between; gap:0.25rem 2rem; padding: 0.5rem clamp(0.5rem, -0.214rem + 1.905vw, 1.5rem); align-items: center; font-weight:600; color: var(--Basic-Black-90); font-size:var(--font-size-17); border-radius:  0.5rem; border: 1px solid  #CDD1D5; background: #fff; --icon-color:var(--Theme-Primary_sub); --icon-width:1.5rem;}
.qual-box .line-box p{display:flex; gap:0.25rem; align-items: flex-start}
.qual-box .line-box a{ flex-shrink: 0; margin-left:auto;}
.qual-box .line-box a span{display:flex; justify-content: space-between;  width: 100%;}

.qual-links{margin-top:1.25rem; display:flex; gap:0.5rem 1.25rem; flex-wrap: wrap;}
.qual-links li{flex:1; display: flex; justify-content: space-between; padding: 1.625rem clamp(1rem, 0.286rem + 1.905vw, 2rem); align-items: center; gap: 0.625rem; border-radius: 0.625rem; border: 1px solid #F2F2F2; background: #F6F8FF;}
.qual-links li p{display: flex; align-items: flex-start; gap:0.5rem; color: var(--Basic-Black-80); font-size: var(--font-size-17); font-weight: 700; }
.qual-links li p > i{margin-top:0.2em; --icon-color:#3075F5;}
.qual-links li p span{display:block;font-size: var(--font-size-15); font-weight: 400; margin-top:0.5rem;}
.qual-links li p span a{color: #006ED4; text-decoration-line: underline; text-underline-position: from-font;}


.qual-step{display:flex; gap:clamp(1rem, -0.071rem + 2.857vw, 2.5rem) var(--step-gap); flex-wrap:wrap; margin-top:2.5rem; margin-bottom:1.5rem; --step-gap:clamp(2.25rem, 1.536rem + 1.905vw, 3.25rem); }
.qual-step li{position:relative; display: flex; flex-direction: column; flex: 0 0 calc((100% - var(--step-gap) * 2) / 3); border-radius: 0.75rem ;
 border-bottom: 1px solid var(--color-border-secondary-light); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);}
.qual-step li .icons{background: #F2F2F2; display: flex; padding: clamp(0.75rem, 0.214rem + 1.429vw, 1.5rem) 0; justify-content: center; align-items: center; gap: clamp(0.25rem, -0.018rem + 0.714vw, 0.625rem); flex-direction: column; font-size:var(--font-size-15); font-weight:700; color: var(--Basic-Black-80); --icon-color:#445A73; --icon-width:1.62rem; border-radius: 0.75rem 0.75rem 0 0 ;}
.qual-step li .icons i{background:#fff; border-radius:50%; width: 3.125rem; aspect-ratio: 1;  }
.qual-step li .text{flex:1; display: flex; align-items: center; justify-content: center;}
.qual-step li p{padding:clamp(0.5rem, 0.229rem + 0.724vw, 0.88rem) 0.5rem; text-align:center; color: var(--Basic-Black-90); font-size: var(--font-size-17); font-weight: 700; }
.qual-step li p span{font-size: var(--font-size-15); font-weight: 600; }
.qual-step li.first .icons{background: #FFF0E1; --icon-color:#FF6A2E;}
.qual-step li.last .icons{background: var(--Theme-Primary_sub); color:#fff;  --icon-color:var(--Theme-Primary_sub);}
.qual-step.row8 li{flex: 0 0 calc((100% - var(--step-gap) * 3) / 4);}
.qual-step li:not(:first-child):not(:nth-child(4)):before{content:""; position:absolute; left:calc(-1 * var(--step-gap) + clamp(0.5rem, 0.143rem + 0.952vw, 1rem)) ; top:40%; width:1.25rem; aspect-ratio: 1; background:url('/res/home/publish/assets/images/icons/icon-arrow-right-s.svg')no-repeat 0 0/100%;  }
.qual-step.row8 li:not(:first-child):not(:nth-child(5)):before{content:""; position:absolute; left:calc(-1 * var(--step-gap) + clamp(0.5rem, 0.143rem + 0.952vw, 1rem)) ; top:40%; width:1.25rem; aspect-ratio: 1; background:url('/res/home/publish/assets/images/icons/icon-arrow-right-s.svg')no-repeat 0 0/100%;  }
.qual-step.row8 li:nth-child(5):before{display:none;}
.qual-step.row7 li .icons{font-size:var(--font-size-17);}
.qual-step.row7 li{flex: 0 0 calc((100% - var(--step-gap) * 2) / 3);}
.qual-step.row7 li:nth-child(n+4){flex: 0 0 calc((100% - var(--step-gap) * 3) / 4);}

.qual-type{display:flex; gap:clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem) var(--qual-typa-gap); --qual-typa-gap:clamp(1rem, 0.143rem + 2.286vw, 2.2rem);  flex-wrap:wrap; margin-top:2.5rem }
.qual-type li{display: flex; flex-direction: column; justify-content: space-between; gap:1.25rem; width:calc((100% - var(--qual-typa-gap) * 2) / 3); border-top:1px solid var(--Theme-Primary_sub); padding-top:1.25rem; font-size: var(--font-size-17);}
.qual-type li strong{display:block; color: var(--Basic-Black-90); font-size:var(--font-size-20); font-weight: 700; margin-bottom:0.69rem;}
.qual-type li span{display:block; border-radius:0.625rem; overflow:hidden;}

.addr-box{display: flex; flex-direction: column; gap:clamp(0.5rem, 0.143rem + 0.952vw, 1rem); padding: clamp(1rem, 0.375rem + 1.667vw, 1.875rem) clamp(1rem, 0.286rem + 1.905vw, 2rem); border-radius: 0.625rem; border: 1px solid var(--Basic-Gray); background: #F6F8FF;}
.addr-box + .addr-box{margin-top:1.25rem;}
.addr-box h5{color: var(--Basic-Black-80); font-size: var(--font-size-20); font-weight: 700;}
.addr-box ul{display: flex; flex-direction: column; gap:1rem; padding: clamp(0.75rem, 0.482rem + 0.714vw, 1.125rem) clamp(1rem, 0.643rem + 0.952vw, 1.5rem); border-radius: 0.625rem; background: #FFF;}
.addr-box ul li{display:flex; gap:0.25rem 2.5rem; flex-wrap: wrap; font-size:var(--font-size-17); --icon-color:var(--Theme-Primary_sub);}
.addr-box ul li + li{margin-top:0.5rem;}

@media (max-width:1440px){	
	.qual-links{ flex-direction: column;}
	.qual-links li{padding:0.625rem 0.625rem 0.625rem clamp(1rem, 0.286rem + 1.905vw, 2rem);}
	.qual-links li p br{display:none;}
	.qual-links li a{width:12rem; flex-shrink: 0;}
	.qual-links li a span{display:flex; justify-content: space-between;  width: 100%;}
}
@media (max-width:1280px){ 
	.qual-tab ul li{width:calc((100% - var(--qual-tab-gap) ) / 2);}
}
@media screen and (max-width:1024px){ 
	.qual-tab ul{--qual-tab-gap:0.5rem;}
	.qual-tab ul button > span span{display:none;}
	.qual-tab ul button strong{margin-bottom:0; font-size: var(--font-size-17); text-align:center;}
}
@media screen and (max-width:768px){	
	.qual-links li{flex-direction: column; align-items: flex-start; }
	.qual-links li a{margin-left:auto; --btn-height: 2.7rem;}
	.qual-box > div{padding-left:0;}
	.qual-box .qual-box-ul > li{ flex-direction: column; align-items: flex-start;}
	.qual-box .qual-box-ul > li strong{flex:0 0 100%;}
	.qual-box .line-box{flex-direction: column; align-items: flex-start}
	.qual-box .line-box p i{margin-top:0.2em;}
	.qual-box .line-box a{--btn-height: 2.7rem;}
	
	.qual-step li,
	.qual-step.row7 li,
	.qual-step.row7 li:nth-child(n+4),
	.qual-step.row8 li{flex: 0 0 calc((100% - var(--step-gap) * 1) / 2);}
	.qual-step li:nth-child(3):before,
	.qual-step li:nth-child(5):before,
	.qual-step li:nth-child(7):before{display:none;}
	.qual-step li:nth-child(4):before{content:""; position:absolute; left:calc(-1 * var(--step-gap) + clamp(0.5rem, 0.143rem + 0.952vw, 1rem)) ; top:40%; width:1.25rem; aspect-ratio: 1; background:url('/res/home/publish/assets/images/icons/icon-arrow-right-s.svg')no-repeat 0 0/100%; }

	.qual-type li{width:calc((100% - var(--qual-typa-gap) * 1) / 2); }

	.addr-box ul li{flex-direction: column;}
}

/**************************************************
 ■ 직업계고 교원 현장기술연수
**************************************************/
.job-box{padding: clamp(1rem, 0.643rem + 0.952vw, 1.5rem) clamp(1rem, -0.518rem + 4.048vw, 3.125rem); border-radius: 0.5625rem; background: #F6F8FF;}
.job-box ul{display:flex; }
.job-box ul li{flex:0 0 50%; display:flex; gap:clamp(0.5rem, -0.036rem + 1.429vw, 1.25rem); counter-increment: item;}
.job-box ul li [class^="job-icon"]{flex-shrink: 0; display:inline-block; height: clamp(3.5rem, 2.875rem + 1.667vw, 4.375rem); aspect-ratio: 1; border-radius: 1.48956rem; }
.job-box ul li .job-icon01{background:#fff url('/res/home/publish/assets/images/content/job_icon01.webp')no-repeat 50% 50%/100%;}
.job-box ul li .job-icon02{background:#fff url('/res/home/publish/assets/images/content/job_icon02.webp')no-repeat 50% 50%/100%;}
.job-box ul li p{}
.job-box ul li p b{padding-left:1.47rem;  position:relative; display:block; color: var(--Theme-Primary); font-size: var(--font-size-20); font-weight: 700; margin-bottom:0.5rem; }
.job-box ul li b:before{content:counter(item); position:absolute; left:0px; top:0.2em; display: inline-flex; align-items: center; justify-content: center; color:#fff;  width: 1.25rem; aspect-ratio: 1; border-radius: 50%; background: var(--Theme-Primary); text-align:center; font-size: 0.875rem; font-weight: 700; line-height: 1;}

.job-history{position:relative; display:flex; flex-direction: column; --his-padding:clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem);}
.job-history:before{content:""; position:absolute; left:50%; top:0px; width:1px; height:100%; background:#C2E4FF; }
.job-history > li{width:50%; position:relative;  }
.job-history > li:before{content:""; position:absolute; top:0px; width:1.125rem; aspect-ratio: 18 / 24; background:url('/res/home/publish/assets/images/content/job-history-item.svg')no-repeat 0 0/100%;}
.job-history > li:nth-child(even){text-align:right; padding-right:var(--his-padding); }
.job-history > li:nth-child(even):before{right:-0.563rem;}
.job-history > li:nth-child(odd){margin-left:auto; text-align:left; padding-left:var(--his-padding);}
.job-history > li:nth-child(odd):before{left:-0.563rem;}
.job-history > li strong{display:block;color: var(--Theme-Primary_sub); font-size: clamp(1.5rem, 1.143rem + 0.952vw, 2rem); font-weight: 700; line-height:1.5; padding-bottom:1rem; border-bottom:1px solid var(--Basic-Gray); margin-bottom:1.25rem;}
.job-history > li ul{margin-bottom:1rem;}
.job-history > li li{position:relative; }
.job-history > li li:before{content:""; position:absolute; top:0.5em; width: 0.625rem; border-radius:50%; aspect-ratio: 1;  background:#8BCBFF; }
.job-history > li:nth-child(odd) li:before{left:calc(-1 * var(--his-padding) - 0.3rem); }
.job-history > li:nth-child(even) li:before{right:calc(-1 * var(--his-padding) - 0.3rem); }
.job-history > li li b{display:block; color: var(--Basic-Black-100); font-size: var(--font-size-19); font-weight: 700; line-height: 150%; margin-bottom:0.5rem; }
.job-history > li li + li{margin-top:1rem;}

.job-roundBox{display:flex; margin-top:2rem;}
.job-roundBox + .job-roundBox{margin-top:1rem;}
.job-roundBox strong{display: flex; justify-content: center; align-items: center; flex:0 0 16.4375rem; border-radius: 0.625rem 0 0 0.625rem; background: var(--Basic-Gray); color: var(--Basic-Black-90); font-size: var(--font-size-20); font-weight: 700;}
.job-roundBox ul{padding: clamp(1rem, 0.643rem + 0.952vw, 1.5rem) clamp(1rem, 0.286rem + 1.905vw, 2rem); border-radius: 0 0.625rem 0.625rem 0; border: 2px solid var(--Basic-Gray);}

.job-vision{display:flex; flex-direction: column; gap:2.5rem;}
.job-vision h5{color: var(--Basic-Black-90); text-align: center; font-size: var(--font-size-20); font-weight: 700; margin-bottom:1.25rem;}
.job-vision .vis-pointBox{padding: 1.5rem 1rem 2.1875rem; border-radius: 0.625rem; border: 1px dashed var(--Theme-Primary_sub); background: var(--Theme-Primary_subtler); text-align:center;}
.job-vision .vis-pointBox strong{color: var(--Theme-Primary); font-size: var(--font-size-20); font-weight: 700;}
.job-vision .vis-pointBox h4{position:relative; color: var(--Basic-Black-100); font-size: var(--font-size-24); font-weight: 700; padding-top:3.13rem;}
.job-vision .vis-pointBox h4:before{content:""; position:absolute; left:50%; top:1rem; width:1px; height: 1.125rem; background:var(--Basic-Black-80);}
.job-vision .vis-pointBox h4 span{position:relative; display:inline-block; padding:0 clamp(1.6rem, 0.886rem + 1.905vw, 2.6rem);}
.job-vision .vis-pointBox h4 span:before,
.job-vision .vis-pointBox h4 span:after{content:""; position:absolute; top:-0.3em; width:1.625rem; aspect-ratio: 26 / 21; }
.job-vision .vis-pointBox h4 span:before{left:0; background:url('/res/home/publish/assets/images/content/job-mark-left.svg')no-repeat 0 0/100%; }
.job-vision .vis-pointBox h4 span:after{right:0; background:url('/res/home/publish/assets/images/content/job-mark-right.svg')no-repeat 0 0/100%; }
.job-vision .vis-pointBox02 ul{display:flex; gap:1.6rem; align-items: center}
.job-vision .vis-pointBox02 ul li.one{position: relative; width:28%; padding:2%; aspect-ratio: 1/1; background: #f8f8f8; border-radius: 50%;}
.job-vision .vis-pointBox02 ul li.one:after{content: ""; position: absolute; right:calc(-1 * calc(9% + 1.6rem )); top:50%; width:calc(20% + 1.6rem ); height:1px; background: linear-gradient(90deg, #8cc5fe 0%, #4b68b1 100%);}
.job-vision .vis-pointBox02 ul li.one span{display:flex; align-items: center; justify-content: center; aspect-ratio: 1/1;border-radius: 50%; background: #fff;  border:0.7px solid #8DC6FF; color: var(--Theme-Primary); font-weight: 600; text-align: center; font-size: 107%; padding: 4%;}
.job-vision .vis-pointBox02 ul li.one2{background:#fff0eb;}
.job-vision .vis-pointBox02 ul li.one2:after{right:auto; left:calc(-1 * calc(9% + 1.6rem )); background: linear-gradient(90deg, #4b68b1 0%, #FF8E60 100%);}
.job-vision .vis-pointBox02 ul li.one2 span{border-color: #FF8E60; color:#CD3B00;}
.job-vision .vis-pointBox02 ul li:not(.one){flex:0 0 60%; padding:1.5%; border-radius: 8rem; background: #ECF2FE; display:flex;}
.job-vision .vis-pointBox02 ul li:not(.one) span{width:40%; aspect-ratio: 1; color:#fff; display:flex; align-items: center; justify-content: center; border-radius: 50%; background:rgba(var(--Theme-Primary-rgb), 0.8); padding:3% 5%; text-align: center; font-weight: 700; font-size: 100%; line-height: 1.5;}
.job-vision .vis-pointBox02 ul li:not(.one) span + span{margin-left:-3%;}
.job-vision .vis-pointBox03 ul{display: flex; padding: clamp(1rem, -0.071rem + 2.857vw, 2.5rem); flex-wrap: wrap; gap:1rem clamp(1rem, -0.071rem + 2.857vw, 2.5rem); border-radius: 0.75rem; background: #F8F8F8;}
.job-vision .vis-pointBox03 ul li{flex:1; border-radius: 0.625rem; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10); overflow:hidden; text-align:center;}
.job-vision .vis-pointBox03 ul li p{padding: 1.5rem; font-size: var(--font-size-17);}
.job-vision .vis-pointBox03 ul li strong{display:block; padding:0.7rem 1.25rem; border-radius: 0.625rem 0.625rem 0 0; background: var(--Basic-Black-70); font-size: 1.25rem; color:#fff; font-weight:700;} 

.job-spec{margin-top:1rem;}
.job-spec > p{border-radius: 0.625rem 0.625rem 0 0; background: var(--Basic-Gray); padding: 2rem 1.25rem; text-align:center; font-size:var(--font-size-20); }
.job-spec > p b{display:block;}
.job-spec ul{position:relative; display: flex; --spec-padding:clamp(1rem, 0.286rem + 1.905vw, 2rem); padding: clamp(1rem, 0.286rem + 1.905vw, 2rem) clamp(1rem, -0.071rem + 2.857vw, 2.5rem); justify-content: center; align-items: center; gap: clamp(2rem, -0.143rem + 5.714vw, 5rem); border-radius: 0 0 0.625rem 0.625rem; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);}
.job-spec ul:before{content:""; position:absolute; left:50%; top:var(--spec-padding); width:1px; height:calc(100% - calc(var(--spec-padding)*2)); background:var(--Basic-Gray);}
.job-spec ul li{flex:1; text-align:center; font-size:var(--font-size-17); }
.job-spec ul li p{margin-top:1rem;}
.job-spec ul li p b{color: var(--Theme-Primary);}

.job-effect01{display:flex; gap:var(--effect-gap); --effect-gap:clamp(1rem, 0.643rem + 0.952vw, 1.5rem); flex-wrap:wrap; padding-bottom:2.5rem; margin-bottom:2.5rem; border-bottom:1px dashed var(--Basic-Black-40);}
.job-effect01 li{position:relative; width:calc((100% - var(--effect-gap) * 2) / 3); font-size:var(--font-size-17); padding:0.87rem 2.5rem 0.87rem 4.27rem;  text-align:left; min-height:5rem; border-radius: 0.625rem; border: 1px solid #E2E6EB; background: #F8F8F8;}
.job-effect01 li em{position:absolute; left:0px; top:0px; display: flex; width: 2.63844rem; height: 2.75rem; justify-content: center;align-items: center; border-radius: 0.625rem 0; background: #008DFF; font-weight: 700; color:#fff;}
.job-effect02{display:flex; justify-content: space-between; align-items: center; gap:clamp(0.5rem, 0.143rem + 0.952vw, 1rem);}
.job-effect02 .round{display: block; padding: 0.75rem 1.5rem; border-radius: 3.75rem;  font-size: var(--font-size-17); font-weight: 700;}
.job-effect02 .effect-step01,
.job-effect02 .effect-step05{display:flex; flex-direction: column; gap:clamp(0.5rem, 0.143rem + 0.952vw, 1rem);}
.job-effect02 .effect-step01 .round{border: 1px dashed  #40A9FF; color: #0072CE;}
.job-effect02 .effect-step05 .round{border: 1px dashed  var(--Theme-Primary); color: var(--Basic-Black-80);}
.job-effect02 .effect-step03,
.job-effect02 .effect-step07{padding:1.5rem; aspect-ratio: 1; border-radius:50%; }
.job-effect02 .effect-step03 .one,
.job-effect02 .effect-step07 .one{display:flex; align-items: center; justify-content: center; aspect-ratio: 1; font-size:var(--font-size-20); font-weight: 600; padding:1rem; border-radius:50%; width:9.8rem;}
.job-effect02 .effect-step03{background:#eaf5ff;}
.job-effect02 .effect-step03 .one{background:#F6F8FF; border:1px solid #008DFF; color:var(--Theme-Primary)}
.job-effect02 .effect-step07{background:#f5f5f5;}
.job-effect02 .effect-step07 .one{background:#fff; border:1px solid var(--Basic-Black-80); color:var(--Basic-Black-100)}
.job-effect02 .effect-step02{--icon-color:var(--Theme-Primary_sub)}
.job-effect02 .effect-step04{--icon-color:#22449C;}
.job-effect02 .effect-step06{--icon-color:var(--Basic-Black-80)}

@media (max-width:1440px){
	.job-vision .vis-pointBox02 ul li.one span{font-size: 95%;}
}
@media (max-width:1280px){
	.job-box ul{flex-wrap:wrap; gap:1.25rem 0;}
	.job-box ul li{flex:0 0 100%;}
	.job-effect01 li{padding: 0.87rem 1rem 0.87rem 3.27rem; width:calc((100% - var(--effect-gap)) / 2); } 
	.job-effect02 .round{font-size:80%; padding: 0.5rem 1rem;}
	.job-effect02 .effect-step01, .job-effect02 .effect-step05{width:20%;}
	.job-effect02 .effect-step03, .job-effect02 .effect-step07{width:25%; padding: 2%;}
	.job-effect02 .effect-step03 .one, .job-effect02 .effect-step07 .one{ width: 100%; font-size: 95%; padding: 5%;}

	.job-vision .vis-pointBox02 ul li:not(.one) span{font-size:80%}
	.job-vision .vis-pointBox02 ul li.one span{font-size: 75%;}
}
@media screen and (max-width:768px){
	.job-history{padding-left:0.5rem;}
	.job-history:before{left:0.5rem;}
	.job-history > li{width:100%; padding-bottom:1.5rem;}
	.job-history > li:nth-child(even){text-align:left;    padding-right:0; padding-left: var(--his-padding);}
	.job-history > li:nth-child(even):before{left:-0.563rem; right: auto;}
	.job-history > li:nth-child(even) li:before{left:calc(-1 * var(--his-padding) - 0.3rem);; right:auto;}

	.job-roundBox{flex-wrap:wrap;}
	.job-roundBox strong{flex:0 0 100%; border-radius:  0.625rem 0.625rem 0 0; padding:0.75rem 0;}

	.job-vision .vis-pointBox03 ul,
	.job-spec ul{flex-wrap:wrap;}
	.job-spec ul li,
	.job-vision .vis-pointBox03 ul li{flex:0 0 100%;}
	.job-spec ul:before{display:none;}
	.qual-step li p span{display:block; font-size:var(--font-size-13);}

	.job-effect01 li{width:100%;}
	.job-effect02{flex-direction: column;}
	.job-effect02 .icon-arrow-right-s{transform: rotate(90deg );}
	.job-effect02 .round{font-size:100%; width: 90%;}
	.job-effect02 .effect-step01, .job-effect02 .effect-step05{flex-direction: row; flex-wrap: wrap; width:100%; justify-content: center}
	.job-effect02 .effect-step03, .job-effect02 .effect-step07{width:100%; padding: 1.5rem; border-radius:1.5rem; aspect-ratio: auto; }
	.job-effect02 .effect-step03 .one, .job-effect02 .effect-step07 .one{ font-size: var(--font-size-20); aspect-ratio: auto;  border-radius:1rem; padding:1rem;}

	.job-vision .vis-pointBox02 ul{flex-direction: column;}
	.job-vision .vis-pointBox02 ul li.one{width:100%; padding: 1.5rem; aspect-ratio: auto; border-radius:1.5rem;}
	.job-vision .vis-pointBox02 ul li.one span{font-size: var(--font-size-20);  aspect-ratio: auto; border-radius:1rem; padding:1rem;}
	.job-vision .vis-pointBox02 ul li.one:after{right:auto; left:50%; top:calc(100% - 1.5rem);width:1px; height:calc(10% + 3.2rem );     background: linear-gradient(180deg, #8cc5fe 0%, #4b68b1 100%);}
	.job-vision .vis-pointBox02 ul li.one2:after{top:calc(0% - 2.5rem); background: linear-gradient(180deg, #4b68b1 0%, #FF8E60 100%);}
	.job-vision .vis-pointBox02 ul li:not(.one){flex-direction: column; border-radius: 1.5rem; padding:3.5%; }
	.job-vision .vis-pointBox02 ul li:not(.one) span{border-radius: 1rem; width:100%; aspect-ratio: auto; font-size: var(--font-size-16); padding:8% }
	.job-vision .vis-pointBox02 ul li:not(.one) span + span{margin-left: 0; margin-top:-3%;}
}

/**************************************************
 ■ 교육원 설립목적 및 연혁
**************************************************/
.history-box{  background: none; display:flex; align-items: flex-start; gap:3.63rem; padding:0.75rem; }
.history-box ul{position: relative; flex-direction: column; gap:2.9rem; padding:1.75rem clamp(0rem, -1.25rem + 3.333vw, 1.75rem); }
.history-box ul:before{content:""; position: absolute; left:-0.75rem; top:-0.75rem; width:130%; height:calc(100% + 0.75rem); border-radius: 0.5625rem; background: #F6F8FF;z-index: -1;}
.history-box ul li{flex:0 0 auto;}
.history-box ul li [class^="histoy-icon"] { flex-shrink: 0; display: inline-block; height: clamp(3.5rem, 2.875rem + 1.667vw, 4.375rem); aspect-ratio: 1; border-radius: 1.48956rem;}
.history-box ul li .histoy-icon01 {background: #fff url('/res/home/publish/assets/images/content/histoy_icon01.webp')no-repeat 50% 50%/100%;}
.history-box ul li .histoy-icon02 {background: #fff url('/res/home/publish/assets/images/content/histoy_icon02.webp')no-repeat 50% 50%/100%;}
.history-box .his-img{position: relative; flex-shrink: 0; width: 23.4145rem;  }
.history-box .his-img img{border-radius: 0.625rem; width:100%;}
.history-box .his-img:before{content:""; position: absolute; right:-0.75rem; bottom:-0.75rem; width: 75%; aspect-ratio: 237/135; border-radius: 0.625rem; background: var(--Theme-Gradient, linear-gradient(134deg, #40A9FF 6.58%, #008DFF 59.87%, #0065BD 95.39%)); z-index: -1;}

.history-edu-list{display: flex; flex-wrap: wrap; gap:clamp(0.5rem, 0.143rem + 0.952vw, 1rem);}
.history-edu-list li{width:calc((100% - clamp(0.5rem, 0.143rem + 0.952vw, 1rem) * 3) / 4); padding: clamp(1rem, 0.643rem + 0.952vw, 1.5rem); border-radius: 0.375rem; background: var(--Basic-Gray); color: var(--Basic-Black-100);
font-size:clamp(1rem, 0.821rem + 0.476vw, 1.25rem); font-weight: 700; line-height: 150%; }
.history-edu-list li:nth-child(odd){background: var(--Theme-Primary_subtler);}
.history-edu-list li em{display:block; color: rgba(27, 29, 31, 0.30); font-size: var(--font-size-15); margin-bottom:0.25rem; line-height: 1;}
.history-edu-list li .img{display:block; overflow:hidden; border-radius: 0.625rem; margin-bottom:1rem;}
.history-edu-list li .img img{width:100%;}

.history-year-tab{margin-bottom:2rem;}
.history-year-tab ul{display:flex; gap:clamp(0.75rem, 0.336rem + 1.105vw, 1.33rem);}
.history-year-tab ul li{flex:1;}
.history-year-tab ul li button{color: var(--Basic-Black-90); font-size: var(--font-size-19); font-weight: 400; height:clamp(3.5rem, 2.875rem + 1.667vw, 4.375rem); border-radius: 0.65rem; padding: 0 1rem; background: var(--Theme-Primary_subtler2); width:100%;}
.history-year-tab ul li button:focus{box-shadow:none;}
.history-year-tab ul li.on button{color:#fff; font-weight: 700; background: #008DFF; clip-path: polygon(1.15rem 0%, calc(100% - 1.15rem) 0%, 100% 1.15rem, 100% 100%, 0 100%, 0% 1.15rem);}

@media (max-width:1280px){
	.history-box{align-items: center; gap:0;}
	.history-box .his-img{width: 16rem;}
}
@media screen and (max-width:768px){
	.history-box{flex-direction: column-reverse; }
	.history-box .his-img{width: 100%;}
	.history-box ul:before{left: -1.75rem;}
	.history-box ul li [class^="histoy-icon"]{display:none;}
	.history-edu-list li{width: calc((100% - 1rem ) / 2);}
	.history-edu-list li:nth-child(3){background: var(--Basic-Gray);}
	.history-edu-list li:nth-child(4){background: var(--Theme-Primary_subtler);}
}
@media print {
	.history-year-con#his02{display:block !important}
}

/**************************************************
 ■  인사말
**************************************************/
.greeting-wrap{position: relative; display:flex; align-items: flex-start; gap:2.19rem; padding:0.62rem 0 0 0.62rem; --img-width:22.625rem;}
.greeting-wrap:before{content:""; position:absolute; left:0px; top:0px; width: 15.875rem;  aspect-ratio: 254/145; border-radius: 0.625rem; background: var(--Theme-Gradient, linear-gradient(134deg, #40A9FF 6.58%, #008DFF 59.87%, #0065BD 95.39%)); z-index:-1;}
.greeting-wrap .greeting-img{width:var(--img-width); border-radius: 0.625rem; overflow: hidden; flex-shrink: 0;}
.greeting-wrap .greeting-img img{width:100%;}
.greeting-wrap .greeting-text-wrap h3{font-size:var(--font-size-32); font-weight: 700; line-height:1.5; }
.greeting-wrap .greeting-text-wrap h3 + p{font-size: var(--font-size-19); margin-top:1.5rem;}
.greeting-wrap .greeting-text{position: relative; display:flex; flex-direction: column; gap:1.25rem;  font-size: var(--font-size-17); line-height:1.5; margin-top:2.5rem; padding:2.5rem clamp(0rem, -1.786rem + 4.762vw, 2.5rem); padding-bottom:4rem; padding-left:0;}
.greeting-wrap .greeting-text::before{content:""; position:absolute; right:0px; top:0px; width:calc(100% + var(--img-width)); height:100%; border-radius: 0.5625rem; background: #F6F8FF; z-index:-1;} 
.greeting-wrap .greeting-text strong{text-align: right;}
.greeting-wrap .greeting-text strong img{vertical-align: middle; display: inline-block; margin-left: 0.5rem;}

@media (max-width:1380px){
	.greeting-wrap .greeting-text-wrap br{display:none;}
}
@media (max-width:1280px){
	.greeting-wrap{--img-width:17.625rem;}
	.greeting-wrap:before{width:12rem;}
}
@media screen and (max-width:768px){
	.greeting-wrap{ flex-direction: column;}
	.greeting-wrap .greeting-text{padding:0; }
	.greeting-wrap .greeting-text::before{display:none; }
}
@media screen and (max-width:420px){
	.greeting-wrap{--img-width:100%;}
}

/**************************************************
 ■  조직도
**************************************************/
.organ-flow .organ-1th{text-align: center;}
.organ-flow .organ-2th{text-align: center; padding:clamp(1.5rem, -1rem + 6.667vw, 5rem) 0; position: relative;}
.organ-flow .organ-2th:before{content:""; position: absolute; left:50%; top:0; width:1px; height:100%; background: var(--Basic-Black-80); z-index: -1;}
.organ-flow .organ-1th p,
.organ-flow .organ-2th p{position: relative; display: inline-flex; align-items: center;  justify-content: center; width: 14rem; height: clamp(4rem, 3.286rem + 1.905vw, 5rem); border: 4px solid rgba(255, 255, 255, 0.20);  color:#fff; font-weight: 700; font-size:var(--font-size-20);}
.organ-flow .organ-1th p{ background: #008DFF url('/res/home/publish/assets/images/content/organ-flow-1th.svg')no-repeat 0 0/100%;  border-radius: 5rem;}
.organ-flow .organ-2th p{background: #1347A9; border-radius: 0.625rem;}
.organ-flow .organ-1th p:after{content:""; position: absolute; left:50%; bottom:-0.65rem; width:1rem; border:0.25rem solid #fff; background:#008DFF; border-radius:50%; transform:translateX(-50%); aspect-ratio: 1;}
.organ-flow .organ-3th{padding:0 4rem;}
.organ-flow .organ-3th ul{position: relative; display:flex; gap:0 1.5rem; }
.organ-flow .organ-3th ul:before{content:""; position: absolute; left:20%; top:0; width:60%; height:1px; background:var(--Theme-Primary); }
.organ-flow .organ-3th ul li{position: relative;  flex:1; padding-top:clamp(1.5rem, -1rem + 6.667vw, 5rem);}
.organ-flow .organ-3th ul li:first-child:after{content:""; position: absolute; left:50%; top:0; width:50%; height:100%; border-top:1px solid var(--Theme-Primary); border-left:1px solid var(--Theme-Primary); border-top-left-radius: 0.25rem; z-index: -1;}
.organ-flow .organ-3th ul li:nth-of-type(2):after,
.organ-flow .organ-3th ul li:nth-of-type(3):after{content:""; position: absolute; left:50%; top:0; width:1px; height:100%; background:var(--Theme-Primary); z-index: -1;}
.organ-flow .organ-3th ul li:last-child:after{content:""; position: absolute; left:0; top:0; width:50%; height:100%; border-top:1px solid var(--Theme-Primary); border-right:1px solid var(--Theme-Primary); border-top-right-radius: 0.25rem; z-index: -1;}
.organ-flow .organ-3th ul p{position: relative; height: clamp(3.5rem, 3.054rem + 1.19vw, 4.125rem); display: flex; align-items: center;  justify-content: center; border-radius: 0.625rem; border: 1px solid var(--Theme-Primary); background: var(--Theme-Primary_subtler); color: var(--Theme-Primary); font-weight: 600; font-size: clamp(1rem, 0.821rem + 0.476vw, 1.25rem);}
.organ-flow .organ-3th ul p:before{content:""; position: absolute; left:50%; top:-0.5rem; width:1rem; border:0.25rem solid #fff; background:var(--Theme-Primary); border-radius:50%; transform:translateX(-50%); aspect-ratio: 1;}


@media (max-width:1280px){
	.organ-flow .organ-3th{padding:0 ;}
}
@media screen and (max-width:768px){
	.organ-flow .organ-3th ul{flex-wrap:wrap; }
	.organ-flow .organ-3th ul:before{display:none;}
	.organ-flow .organ-3th ul li{flex:0 0 calc(50% - 0.75rem);}
	.organ-flow .organ-3th ul li:first-child:after{width:calc(50% + 0.75rem)}
	.organ-flow .organ-3th ul li:nth-of-type(2):after{background:none; left:-0.75rem; width:calc(50% + 0.75rem); border-top:1px solid var(--Theme-Primary); border-right:1px solid var(--Theme-Primary); border-top-right-radius: 0.25rem;}
	.organ-flow .organ-3th ul li:last-child:after{border:none; left:50%; width:1px; background:var(--Theme-Primary);}

	.organ-table table{min-width:100%; border-top:none;}
	.organ-table table colgroup,
	.organ-table table thead{display:none;}
	.organ-table table tr,
	.organ-table table tbody th,
	.organ-table table tbody td{display:block;}
	.organ-table table tbody th{border-right:none;}
	.organ-table table tbody td,
	.organ-table table tbody td:not(:last-child), .organ-table table thead th:not(:last-child){border:none;}
	.organ-table table tbody tr{border:1px solid #D5D7DD; }
	.organ-table table tbody tr + tr{margin-top:1rem;}
	.organ-table table tbody th{text-align:left;  font-size:var(--font-size-20);}
	.organ-table table tbody th:before{content:attr(data-label); display:inline-block; background:var(--Theme-Primary); padding:0.2em 0.5rem; border-radius:1.5rem; color:#fff; font-weight:600; margin-right:0.5rem; font-size:var(--font-size-14);}
	.organ-table table tbody td{text-align:left  !important;}
	.organ-table table tbody td:before{content:attr(data-label); display:block; background:var(--Theme-Primary_subtler2); padding:0.4em 1rem; border-radius:1.5rem; color:var(--Theme-Primary); font-weight:700; margin-bottom:0.5rem; font-size:var(--font-size-18);}
}

/**************************************************
 ■  시설안내
**************************************************/
.faci-top-img{position: relative; padding-right:var(--faci-padding); --faci-padding:clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem)}
.faci-top-img .img{overflow:hidden; border-radius: 0.625rem;}
.faci-top-img .text{position: absolute; right:0; bottom:0; width:70%; padding: var(--faci-padding) var(--faci-padding) 0 var(--faci-padding); border-radius: 0.5625rem 0; background: #FFF; font-size:var(--font-size-19); color: var(--Basic-Black-90);}
.faci-top-img .text h4{ color: var(--Basic-Black-90); font-size: clamp(1.4rem, 1.329rem + 0.19vw, 1.5rem); font-weight: 700; margin:0 0 clamp(0.5rem, 0.143rem + 0.952vw, 1rem);}

.faci-list{display:flex; flex-wrap:wrap; gap:1.5rem var(--faci-gap); --faci-gap:2.19rem}
.faci-list li{width:calc((100% - var(--faci-gap) * 2) / 3); padding-top:1.25rem; color: var(--Basic-Black-90); border-top:1px solid var(--Theme-Primary_sub); }
.faci-list li .box-img{overflow:hidden; border-radius: 0.625rem; margin-top:1.25rem;}
.faci-list li .box-txt{font-size: var(--font-size-20); font-weight: 700; }

@media (max-width:1440px){
	.faci-top-img {padding-bottom:1rem;}
	.faci-top-img .text br{display:none;}
	.faci-list{ --faci-gap:1.5rem}
}
@media screen and (max-width:1024px){ 
	.faci-list li{width:calc((100% - var(--faci-gap) * 1) / 2);} 
}
@media screen and (max-width:768px){
	.faci-top-img {padding:0; margin-bottom: -2rem;}
	.faci-top-img .text{position: relative; top: -2rem; width: 100%;  font-size: var(--font-size-16); padding-right:0;}
	.faci-list li{width:100%;}
}
/**************************************************
 ■  클린룸
**************************************************/
.clnroom-top {text-align: center; color: var(--Basic-Black-90)}
.clnroom-top h3{position: relative; font-size: var(--font-size-28); font-weight: 700; margin-bottom:1.25rem; padding-bottom:3.45rem;}
.clnroom-top h3::after{content:""; position: absolute; left:50%; bottom: 0; width:1px; height:2.2rem; background: var(--Basic-Black-70);}
.clnroom-top img{border-radius: 0.625rem;;}
.clnSlide{position: relative; padding:0 2.56rem 2.5rem; margin-top: 2.5rem;}
.clnSlide::after{content:""; position: absolute; left: 0; bottom: 0; width:100%; height:40%; border-radius: 0.625rem; background: var(--Theme-Primary_subtler);}
.clnSlide .swiper-button-next, 
.clnSlide .swiper-button-prev{width: 3rem; aspect-ratio: 1/1; border-radius: 50%; background: #FFF; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08); --icon-color:var(--Theme-Primary); --icon-width:1.5rem;}
.clnSlide .swiper-button-next{right: 1rem;}
.clnSlide .swiper-button-prev{left: 1rem;}
.clnSlide .swiper-button-next::after, 
.clnSlide .swiper-button-prev::after{display:none;}

.cln-box-detail ul{display:flex; gap:clamp(1rem, 0.643rem + 0.952vw, 1.5rem); padding:0 3.4rem; padding-top:calc(var(--dln-icon-width)/2); margin-bottom: 2rem; --dln-icon-width:5rem;}
.cln-box-detail ul li{position: relative; flex:1; border-radius: 0.625rem; border: 1px solid #8DC6FF; background: #F6F8FF; padding:4rem 2.5rem 2.5rem; font-size: var(--font-size-16); color: var(--Basic-Black-90);}
.cln-box-detail ul li i{position:absolute; left:50%; top:calc(-1 * calc(var(--dln-icon-width)/2)) ; display: flex; width: var(--dln-icon-width); aspect-ratio: 1; justify-content: center; align-items: center; border-radius: 50%; border: 0.833px solid #E2E6EB; background: #FFF; box-shadow: 0 0 16.667px 0 rgba(0, 71, 101, 0.10); transform:translateX(-50%); --icon-color:var(--Theme-Primary); --icon-width:2.17rem;} 
.cln-box-detail ul li strong{display: block; color: #0072CE; font-size: var(--font-size-20);  font-weight: 700; padding-bottom:clamp(1rem, 0.643rem + 0.952vw, 1.5rem); margin-bottom: clamp(1rem, 0.643rem + 0.952vw, 1.5rem); border-bottom: 1px solid var(--Basic-Black-50);}
.cln-box-detail .dash-box{padding:clamp(1rem, 0.643rem + 0.952vw, 1.5rem); border-radius: 0.625rem; border: 1px dashed #008DFF; background: var(--Theme-Primary_subtler); font-size: clamp(0.875rem, 0.741rem + 0.357vw, 1.063rem);}

.cln-operate{display: flex; gap:1.25rem; flex-wrap:wrap; margin-top:1.25rem;}
.cln-operate li{position: relative; display:flex; gap:clamp(1rem, 0.643rem + 0.952vw, 1.5rem); align-items: center;  width:calc((100% - 1.25rem) / 2); padding: 2.5rem; border-radius: 0.625rem; border: 1px solid rgba(172, 184, 197, 0.35); background: #FFF; --img-bg:#E6F1FD}
.cln-operate li em{position: absolute; left: 0; top:0; display: flex; width: 2.75rem; aspect-ratio: 1; justify-content: center; align-items: center; border-radius: 0.625rem 0; background: #008DFF; font-size: var(--font-size-17); font-weight: 700; color:#fff;}
.cln-operate li [class^="clean_img_icon"]{display: flex; width: clamp(3.5rem, 2.914rem + 1.562vw, 4.32rem); aspect-ratio: 69/70; flex-shrink: 0; border-radius: 1.48956rem; background-color: var(--img-bg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%;}
.cln-operate li .clean_img_icon01{background-image: url('/res/home/publish/assets/images/content/clean_img_icon01.webp');}
.cln-operate li .clean_img_icon02{background-image: url('/res/home/publish/assets/images/content/clean_img_icon02.webp');}
.cln-operate li .clean_img_icon03{background-image: url('/res/home/publish/assets/images/content/clean_img_icon03.webp');}
.cln-operate li b{display:block; font-size: var(--font-size-20); font-weight: 700; margin-bottom:clamp(0.5rem, 0.143rem + 0.952vw, 1rem);}
.cln-operate li.full{width: 100%; border: 1px solid #8DC6FF; background: var(--Theme-Primary_subtler); --img-bg:#fff;}

@media (max-width:1440px){
	.cln-box-detail ul{padding:0; padding-top: clamp(2rem, 1.643rem + 0.952vw, 2.5rem); }
	.cln-box-detail ul li{padding: clamp(2.5rem, 1.429rem + 2.857vw, 4rem) clamp(1rem, 0.643rem + 0.952vw, 1.5rem) 1.5rem;}
}
@media screen and (max-width:1024px){
	.cln-operate li{width:100%; padding:1.5rem; padding-left:2.7rem;}
	.cln-operate li br{display:none;}
	.clnSlide .swiper-button-next{right: 0rem;}
	.clnSlide .swiper-button-prev{left: 0rem;}
}
@media screen and (max-width:768px){
	.clnSlide{padding:0 1rem 2.5rem; }
	.cln-box-detail ul{flex-wrap:wrap;}
	.cln-box-detail ul li{flex:0 0 100%; --dln-icon-width:clamp(3rem, 2.286rem + 1.905vw, 4rem); }
	.cln-box-detail ul li i{--icon-width:clamp(1.5rem, 1.286rem + 0.571vw, 1.8rem); }
	.cln-box-detail ul li + li{margin-top:calc(var(--dln-icon-width)/2);}
	.cln-box-detail ul li b{display:block;}
	.cln-operate li{flex-direction: column; padding-left:1.5rem; }
}

/**************************************************
 ■ 오시는길
**************************************************/
.map-wrap{border-radius: 0.625rem 0.625rem 0 0; border: 1px solid var(--Basic-Black-20); overflow:hidden; aspect-ratio: 70/35;}
.map-wrap .root_daum_roughmap,
.map-wrap .root_daum_roughmap .wrap_map{width:100% !important; height:100% !important;}
.map-wrap .root_daum_roughmap .border1,
.map-wrap .root_daum_roughmap .border2,
.map-wrap .root_daum_roughmap .border3,
.map-wrap .root_daum_roughmap .border4{display:none;}
.map-addr{position: relative; padding:clamp(1rem, -0.071rem + 2.857vw, 2.5rem); border-radius: 0 0 0.625rem 0.625rem; background: var(--Theme-Primary_subtler);}
.map-addr h3{position: absolute; left: 0; top: 0; transform: translateY(-100%); display: flex; align-items: center;  justify-content: center; width: 23.1875rem; height: clamp(4rem, 3.196rem + 2.143vw, 5.125rem); border-radius: 0 0.625rem 0 0; background: linear-gradient(148deg, #40A9FF -16.27%, #008DFF 79.09%, #0065BD 178.15%); color: #FFF; font-size: var(--font-size-24); font-weight: 600; z-index: 1;}
.map-addr ul{display:flex; gap:clamp(0.75rem, 0.321rem + 1.143vw, 1.35rem) 0; flex-wrap:wrap;}
.map-addr ul li{width: 40%; display:flex; align-items: center;}
.map-addr ul li:nth-child(odd){width:60%;}
.map-addr ul li b{display:flex; gap:clamp(0.4rem, 0.014rem + 1.029vw, 0.94rem); width:clamp(6rem, 3.857rem + 5.714vw, 9rem); flex-shrink: 0; align-items: center;}
.map-addr ul li i{width: 1.8125rem; aspect-ratio: 1; --icon-color:var(--Theme-Primary_point); --icon-width:1.5rem; background: #fff; border-radius: 50%; flex-shrink: 0;}

.addr-dl{border-radius: 0.625rem; border: 1px solid #8DC6FF; background: #fff; display:flex; }
.addr-dl.center{align-items: center;}
.addr-dl + .addr-dl{margin-top:1.25rem;}
.addr-dl dt{border-radius: 0.625rem 0 0 0.625rem; background: #F6F8FF; display: flex; width: 16.25rem; padding: 2.5rem 0; justify-content: center; align-items: center; flex-direction: column; gap: 0.625rem; font-size: var(--font-size-20); color: var(--Basic-Black-90); font-weight: 600;}
.addr-dl dt span{display: flex; width: clamp(4rem, 2.393rem + 4.286vw, 6.25rem); aspect-ratio: 1; border-radius: clamp(1.4rem, 0.829rem + 1.524vw, 2.2rem); background: #FFF; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%;}
.addr-dl dt span.location_icon01{background-image: url('/res/home/publish/assets/images/content/location_icon01.webp');}
.addr-dl dt span.location_icon02{background-image: url('/res/home/publish/assets/images/content/location_icon02.webp');}
.addr-dl dd{flex:1; padding:2.7rem;}
.addr-dl dd li{padding-left:1.88rem; position: relative; font-size: var(--font-size-19); color: var(--Basic-Black-100);}
.addr-dl dd li:before{content:""; position: absolute; left: 0; top:0.1em; width:1.5rem; aspect-ratio: 1; mask: url('/res/home/publish/assets/images/icons/icon-map.svg')no-repeat 0 0/100%; background:#292D32;}
.addr-dl dd li b{display:block;  font-weight: 600; margin-bottom:0.8rem;}
.addr-dl dd li b i{display:inline-block; border-radius: 3.75rem; background: var(--Theme-Primary); color:#fff; line-height: 1.45rem; padding:0 0.5rem; justify-content: center; font-size: var(--font-size-15); font-weight: 600; margin-right:0.5rem;}
.addr-dl dd li p{position: relative;  padding-left:1.19rem; display: flex; align-items: flex-start;}
.addr-dl dd li p:before{content:""; position: absolute; left: 0; top:0.35em; display: block; width:0.69rem; aspect-ratio: 1; border:3px solid var(--Theme-Primary_point); border-radius: 50%;}
.addr-dl dd li p span{position: relative; display:inline-block; width:clamp(2.5rem, 1.786rem + 1.905vw, 3.5rem); margin-right: 1rem; flex-shrink: 0;}
.addr-dl dd li p span:after{content:""; position: absolute; right:0; top:0.3em; width:1px; height:0.8em; background:#222;}
.addr-dl dd li + li{margin-top:2rem;}

@media (max-width:1440px){
	.map-addr ul li,
	.map-addr ul li:nth-child(odd){width:100%;}
	.addr-dl dt{ width: 13.25rem;}
	.addr-dl dd{padding:clamp(1.5rem, 0.643rem + 2.286vw, 2.7rem) clamp(1rem, 0.643rem + 0.952vw, 1.5rem);}
}
@media screen and (max-width:768px){
	.addr-dl{flex-direction: column;}
	.addr-dl.center{align-items: flex-start;}
	.addr-dl dt{width:100%; flex-direction: row; padding:1.5rem 0;}
	.map-wrap{aspect-ratio: 4/3;}
	.map-addr{padding:0;}
	.map-addr h3{position: relative; transform: translateY(0%); width:100%; border-radius: 0 0 1.25rem 0;}
	.map-addr ul{padding:1.5rem 1rem;}
	.map-addr ul li:first-child{flex-wrap: wrap; gap:0.5rem;}

}


/**************************************************
 ■ 로그인 / 회원가입
**************************************************/
#container .content-body:has(.memberBox-wrap){position: relative; padding:clamp(4rem, 2.393rem + 4.286vw, 6.25rem) 0; overflow: hidden;}
#container .content-body:has(.memberBox-wrap):before{content:""; position: absolute; top:-10%; border-radius: 110.625rem; width: 110.625rem;  height:120%; background: linear-gradient(134deg, rgba(64, 169, 255, 0.10) 6.58%, rgba(0, 141, 255, 0.10) 59.87%, rgba(0, 101, 189, 0.10) 95.39%); filter: blur(200px); z-index:-2;}
#container .content-body:has(.memberBox-wrap):after{content:""; position: absolute; left:calc(55% + 13.75rem); top:10rem; width: 18.75rem; aspect-ratio: 101/125; background: url('/res/home/publish/assets/images/common/mark_w.svg')no-repeat 0 0/100%; mask: linear-gradient(0deg, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0) 100%); z-index:-1;}
#container .content-body:has(.memberBox-wrap.w740):after{left:calc(50% + 13.75rem);}

.memberBox-wrap{position: relative; max-width:57.5rem; margin:0 auto; padding:clamp(2.7rem, 2.171rem + 1.41vw, 3.44rem) clamp(1rem, -2.75rem + 10vw, 6.25rem); filter: drop-shadow(0 -10px 20px rgba(0, 0, 0, 0.02)); }
.memberBox-wrap.w740{max-width:46.25rem; }
.memberBox-wrap:before{content:""; position: absolute; left:0; top:0; width:100%; height:100%; border-radius: 0 0 1.25rem 1.25rem; background: #FFF; clip-path: polygon(1.25rem 0%, calc(100% - 1.25rem) 0%, 100% 1.25rem, 100% 100%, 0 100%, 0% 1.25rem); z-index:-1;}
.memberBox-wrap:after{content: ""; position: absolute; left:1.25rem; top:-0.25rem; width:calc(100% - 2.5rem); height:0.25rem; border-radius: 0.25rem 0.25rem 0 0; background: linear-gradient(177deg, #40A9FF 6.58%, #008DFF 59.87%, #0065BD 95.39%);}
.memberBox-wrap .memb-head{display:flex; align-items: center; justify-content: center; gap:0.69rem; padding-bottom:clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem); color: var(--Basic-Black-90); font-size: var(--font-size-32); font-weight: 700; line-height: 150%; --icon-width:2.18rem; --icon-color:var(--Theme-Primary_sub);}
.memberBox-wrap .memb-head.bot-line{ border-bottom: 1px solid #000;}
@media screen and (max-width:1024px){
	#container .content-body:has(.memberBox-wrap):before{ background: linear-gradient(134deg, rgba(64, 169, 255, 0.10) 0%, rgba(0, 141, 255, 0.10) 27%, rgba(0, 101, 189, 0.10) 95.39%);}

}

/* 로그인 */
.edit-line-wrap {padding: 2rem clamp(0rem, -5rem + 13.333vw, 7rem); border-top:1px solid var(--Theme-border); border-bottom:1px solid var(--Theme-border);}
.edit-line-wrap .login-form{padding:0;}
.login-form{padding:clamp(2rem, 1.286rem + 1.905vw, 3rem) 0 0;}

.login-form .col-label{display: flex; align-items: center; color: #222; font-size: var(--font-size-20); font-weight: 700; }
.login-form .input{width:100%; height: clamp(3rem, 2.464rem + 1.429vw, 3.75rem); border-radius: 0.375rem; border: 1px solid #D1D5DA; background: #FFF; padding:0 clamp(0.75rem, 0.393rem + 0.952vw, 1.25rem); font-size:var(--font-size-19);}
.login-form .input:focus{ border: 1px solid var(--Theme-Primary_sub, #008DFF); background: var(--Theme-Primary_subtler2, #F0F5FA); box-shadow: 0 0 8px 0 rgba(0, 90, 193, 0.20); font-weight: 600;}
.login-form .login-flex{display:flex; justify-content: space-between; align-items: center; font-size:var(--font-size-17); color: #5C6677; }
.login-form .login-flex .chk-box{display:flex; align-items: center; gap:0.5rem;}
.login-btn {display:flex; gap:clamp(0.5rem, 0.143rem + 0.952vw, 1rem); flex-direction: column; margin-top:3rem;}
.login-btn .btn{ --btn-height: clamp(3rem, 2.464rem + 1.429vw, 3.75rem); --btn-border-radius: 0.25rem;}

/* 아이디찾기 */
.findArea{text-align: center; margin-bottom:3rem; color: var(--Basic-Black-80); font-size: var(--font-size-19);}
.findArea [class^="find-img"]{display:block; width: 7.5rem; aspect-ratio: 1; margin:0 auto 2rem; border-radius: 50%; background-color: var(--Theme-Primary_subtler); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.findArea .find-img01{background-image: url('/res/home/publish/assets/images/content/find_img01.webp');}
.findArea .find-img02{background-image: url('/res/home/publish/assets/images/content/find_img02.webp');}
.findArea h4{color: var(--Basic-Black-90); font-size: var(--font-size-24); font-weight: 700; margin-bottom:0.75rem;}
.findArea h4 b{color: var(--Theme-Primary_sub); font-weight: 700;}

/* 회원가입 - 약관동의 */
.memb-title{display:flex; margin-bottom:1.25rem;  justify-content: space-between; padding-top: 0.5rem;}
.memb-title h3{color: var(--Basic-Black-90); font-size: var(--font-size-28); font-weight: 700;}
.memb-sub{display:flex; justify-content: space-between; padding-bottom:1.25rem; border-bottom: 1px solid var(--Basic-Black-60, #99A2AA); margin:3rem 0 1.88rem;}
.memb-sub h4{color: var(--Basic-Black-80); font-size: var(--font-size-24); font-weight: 700;}
.memb-sub p{color: #22449C; font-size:var(--font-size-17);}
.memb-step{display:inline-flex; }
.memb-step li{ position: relative;}
.memb-step li:not(:last-child):after{content:""; position: absolute; top:0.56rem; left: 0; width:100%; height: 0.1rem; background: #CDD1D5;}
.memb-step li:not(:last-child){flex:0 0 clamp(2rem, -2.286rem + 11.429vw, 8rem); min-width: clamp(2rem, -2.286rem + 11.429vw, 8rem);}
.memb-step li span{display:block; padding-top:1.75rem; color:  #464C53; font-size: var(--font-size-13); font-weight: 400; line-height: 150%; letter-spacing: 0;}
.memb-step li span:before{content:""; position: absolute; left:0; top:0; width:1.25rem; aspect-ratio: 1; border-radius: 50%; border: 1px solid  #CDD1D5; background: #E6E8EA; z-index:1; }
.memb-step li .step-cont{color:#1E2124; font-size:var(--font-size-15);font-weight: 700; }
.memb-step li.active span:before{background: var(--Theme-Primary_sub); border-color:var(--Theme-Primary_sub);}
.memb-step li.active span:after{content:""; position: absolute; left:0.2rem; top:0.2rem; width:0.875rem; aspect-ratio: 1; border-radius: 50%; border-radius: var(--radius-max);
border: 2px solid #FFF; background: var(--Theme-Gradient); z-index:2; }
.memb-step li.done:not(:last-child):after{background: #6D7882;}
.memb-step li.done span:before{background: #6D7882; border-color:#6D7882;}
.memb-step li.done span:after{content:""; position: absolute; left:0.2rem; top:0.2rem; width:0.875rem; aspect-ratio: 1; background:url('/assets/images/icons/icon-check.svg')no-repeat 50% 50%/120%; z-index: 2;}

.join-agree-wrap .chk-box .text-sub{color: #0072CE !important; }
.join-agree-wrap .join_chk_all{margin-bottom:clamp(0.5rem, -0.214rem + 1.905vw, 1.5rem); font-size:var(--font-size-17);}
.join-agree-wrap .join_chk_all .chk-box{font-weight: 600; display:flex; align-items: flex-start; gap:0.5rem;  }
.join-agree-wrap .join_chk_all .chk-box input[type="checkbox"]{margin-top:0.2em;}
.join-agree-wrap .join_chk_item{padding: clamp(1rem, -0.071rem + 2.857vw, 2.5rem) clamp(1rem, -0.071rem + 2.857vw, 2.5rem) clamp(1rem, -0.071rem + 2.857vw, 2.5rem); border-radius: 0.75rem; border: 1px solid #B1B8BE; background:  #FFF; margin-top:1.25rem;}
.join-agree-wrap .join_chk_item h4{margin-bottom: clamp(0.5rem, -0.214rem + 1.905vw, 1.5rem); font-size: var(--font-size-17);}
.join-agree-wrap .txt_agree{margin-top:0.75rem; display:flex; gap:0.5rem 1rem;}
.join-agree-wrap .txt_agree p{flex:1; font-size: var(--font-size-15);}
.join-agree-wrap .txt_agree  .radio-box{font-size: var(--font-size-15);}
.join-agree-wrap .box-scroll{border-radius:  0.75rem; background: #F4F5F6; height: clamp(8rem, 6.571rem + 3.81vw, 10rem); overflow-y:auto;  font-size:var(--font-size-16); padding:clamp(0.5rem, 0.143rem + 0.952vw, 1rem);}

/* 회원가입 - 본인인증 */
.identi-wrap .list-certification{display:flex; gap:clamp(1rem, 0.643rem + 0.952vw, 1.5rem); margin-bottom:clamp(2rem, 1.286rem + 1.905vw, 3rem);}
.identi-wrap .list-certification li{position: relative; flex:1; }
.identi-wrap .list-certification li:before{content:""; position: absolute; left:0; top:0; width:100%; height:100%; border: 1px solid transparent; border-radius: 0.83rem; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #B3D5FF 0%, #B3D5FF 100%); background-origin: border-box; background-clip: content-box, border-box; z-index:-1;}
.identi-wrap .list-certification li a{padding: clamp(2rem, 1rem + 2.667vw, 3.4rem) 0.5rem; display:flex; flex-direction: column; align-items: center; gap:1rem;  color: var(--Basic-Black-100); text-align: center; font-size: var(--font-size-20); font-weight: 600;}
.identi-wrap .list-certification li span{display: flex; width: 4.31981rem; height: 4.375rem; justify-content: center; align-items: center;  border-radius: 1.48956rem; background: #F6FAFF;}
.identi-wrap .list-certification li:is(:hover, :focus):before{border: 2.5px solid transparent;  background-image: linear-gradient(#F6FAFF, #F6FAFF), linear-gradient(45deg, #40A9FF 0%, #008DFF 60%, #0065BD 100%); }
.identi-wrap .list-certification li:is(:hover, :focus) span{background-color:#fff;}
.identi-wrap .addr-box{background: #F4F5F6; border: 1px solid var(--Basic-Gray);}

.policy-frame{padding-top:clamp(2rem, 1.286rem + 1.905vw, 3rem)}

@supports (-webkit-touch-callout: none) { 
	.memb-step{margin-right:1.5rem;}
}

@media screen and (max-width:1024px){
	.memb-step{margin-top:0.5rem;}
	.memb-step li{flex:0 0 clamp(2rem, -2.286rem + 11.429vw, 8rem);}
	.memb-step li span{font-size:0;}
	.memb-step li .step-cont{display: none;}
	.memb-step li:last-child{flex:0 0 1.25rem;}
	.join-agree-wrap .txt_agree{flex-wrap:wrap;}
	.join-agree-wrap .txt_agree p{flex:0 0 100%;}
	.join-agree-wrap .txt_agree p + .radio-box{margin-left:auto;}
}


/**************************************************
 ■ 마이페이지 
**************************************************/
/* 나의 홈 */
.myhome-head .myh-title h3{color: var(--Basic-Black-90); font-size: var(--font-size-20); font-weight: 700;}
.myhome-head .myh-title h3 + h3{font-size:var(--font-size-24); margin-top:clamp(0.25rem, -0.107rem + 0.952vw, 0.75rem);}
.myhome-head .myh-title h3 select{width:12.75rem; height: 2.75rem; border-radius: 0.375rem; border: 2px solid var(--Theme-Primary_point, #FF6A2E); padding-left:0; padding-right:2.75rem; text-align:center; font-size: var(--font-size-20); font-weight: 700; color:var(--Theme-Primary_point, #FF6A2E); margin-right:0.75rem; background:url('/res/home/publish/assets/images/content/myh-select.svg')no-repeat right top;}
.myhome-head .myh-title p{margin-top:clamp(1rem, 0.729rem + 0.724vw, 1.38rem); font-size:var(--font-size-17); --icon-color: var(--Theme-Primary_point, #FF6A2E);}
.myhome-head .myh-flex{display:flex; justify-content: space-between; align-items: center; gap:2rem 1rem; }
.myhome-head .myh-states{width:30.75rem; display:flex; gap:2rem;}
.myhome-head .myh-states li{display:flex;  flex-direction: column; flex:1; border-radius: 0.625rem; border: 2px solid var(--Basic-Gray);}
.myhome-head .myh-states li div{padding:2.25rem 2rem;  color: var(--Basic-Black-90); font-size: var(--font-size-20); font-weight: 700; background-repeat: no-repeat; background-position: right 1.8rem top 50%;}
.myhome-head .myh-states li:nth-child(1) div{background-image:url('/res/home/publish/assets/images/content/myhome_icon01.webp');}
.myhome-head .myh-states li:nth-child(2) div{background-image:url('/res/home/publish/assets/images/content/myhome_icon02.webp');}
.myhome-head .myh-states li p{display: flex; height: 3.125rem;justify-content: center; align-items: center; gap: 0.625rem; border-radius: 0.625rem; background: var(--Basic-Gray); color: var(--Basic-Black-90); font-size: var(--font-size-17); font-weight: 400;}
.myhome-head .myh-states li p b{font-size: var(--font-size-28); font-weight: 700;}

.myh-states-box{margin-top:clamp(2.5rem, 1.786rem + 1.905vw, 3.5rem); border-radius: 0.625rem; background: var(--Basic-Gray); display: flex; padding: clamp(1rem, 0.554rem + 1.19vw, 1.625rem) clamp(1rem, 0.286rem + 1.905vw, 2rem); gap: var(--myh-state-gap); --myh-state-gap:1.5rem; flex-wrap:wrap;}
.myh-states-box li{width:calc((100% - var(--myh-state-gap) * 3) / 4); border-radius: 0.625rem; border-top: 4px solid var(--Theme-Primary_sub, #008DFF); border-bottom: 1px solid var(--Theme-Primary_sub, #008DFF); background: #FFF;}
.myh-states-box li a{display: flex; flex-direction: column; padding: 1.25rem 1.75rem;}
.myh-states-box li .myh-stat-tit{font-size: var(--font-size-20); font-weight: 700;}
.myh-states-box li .myh-stat-count{text-align:right; font-size: var(--font-size-17); color: var(--Basic-Black-90);}
.myh-states-box li .myh-stat-count em{color: var(--Basic-Black-100); font-size: var(--font-size-28); font-weight: 800; margin-right:0.2rem;}
.myh-states-box li .myh-stat-txt{text-align:right;color: var(--Basic-Black-70, #687581); font-size: var(--font-size-15); font-weight: 400;}
.myh-states-box li:first-child{background: linear-gradient(134deg, #40A9FF 6.55%, #008DFF 78.9%, #0065BD 106.33%); color:#fff; --icon-color:#fff;}
.myh-states-box li:first-child .myh-stat-count,
.myh-states-box li:first-child .myh-stat-count em,
.myh-states-box li:first-child .myh-stat-txt{color:#fff;}

.more-title{margin-top:clamp(2.5rem, 1.429rem + 2.857vw, 4rem); display:flex; align-items: flex-start; margin-bottom:1rem;}
.more-title .bullet_dot{margin-bottom:0;}
.more-title .bullet_dot b{color:var(--Theme-Primary_sub);}
.more-title a{margin-left: auto; display: flex; justify-content: center;  align-items: center; aspect-ratio: 1 / 1; width: 1.875rem; aspect-ratio: 1; border-radius: 50%; border: 1px solid var(--Theme-border); background: var(--Theme-Primary); --icon-width: 1.25rem; --icon-color: #fff; transition: all 0.65s ease-out 0s; -webkit-transition: all 0.65s ease-out 0s;}

.enrolled_course_list .nodata-row{padding:4rem clamp(1rem, 0.286rem + 1.905vw, 2rem); border-radius: 0.625rem; background: var(--Basic-Gray); }
.enrolled_course_list ul:has(.course-item){border-radius: 0.625rem; border: 1px solid var(--Theme-border); background: #FFF; padding:clamp(1rem, 0.286rem + 1.905vw, 2rem); display:flex; gap:1.5rem; overflow-x:auto;}
.enrolled_course_list .course-item{border-radius: 0.5rem; background: var(--Basic-Gray); padding: clamp(1rem, 0.643rem + 0.952vw, 1.5rem); width:calc((100% - 1.5rem * 2) / 3);}
.enrolled_course_list .course-item .class{display:block; margin-bottom:0.25rem; color: var(--Basic-Black-70, #687581); font-size: var(--font-size-15); font-weight: 400;}
.enrolled_course_list .course-item .subject{color: var(--Basic-Black-80); font-size: var(--font-size-17); font-weight: 600; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.5em; height:3em; overflow: hidden; word-break: break-word;}
.enrolled_course_list .course-item .date{margin-top:0.62rem; margin-bottom:1.5rem; padding-top:0.62rem; border-top:1px dotted #99A2AA; display:flex; color: var(--Basic-Black-80);  font-size: var(--font-size-15); gap:0.88rem;  }
.enrolled_course_list .course-item .date b{display:inline-flex; align-items: center; gap:0.5rem; font-weight: 700; flex-shrink: 0;}
.enrolled_course_list .course-item .date b:before{content:""; display:inline-block; width: 0.375rem; height: 0.375rem; flex-shrink: 0; aspect-ratio: 1/1; background: var(--Theme-Gradient, linear-gradient(134deg, #40A9FF 6.58%, #008DFF 59.87%, #0065BD 95.39%));}


.myh-list-flex{display:flex; gap:0 2.5rem;}
.myh-list-flex > div{display:flex; flex-direction: column;}
.myh-list-flex .myh-finish-list{flex:1; }
.myh-list-flex .myh-video-list{width:40%;}
.myh-finish-list .finish-list{flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding:clamp(1rem, -0.071rem + 2.857vw, 2.5rem) clamp(1rem, 0.286rem + 1.905vw, 2rem); border-radius: 0.625rem; background: var(--Theme-Primary_subtler);}
.myh-finish-list .finList-tit{display:flex; justify-content: space-between; align-items: flex-end;}
.myh-finish-list .finList-tit p{color: var(--Basic-Black-80); font-size: var(--font-size-20); font-weight: 700;}
.myh-finish-list .finList-tit span{font-size:var(--font-size-17); color: var(--Basic-Black-90);}
.myh-finish-list .finList-tit span b{color: var(--Basic-Black-100); font-size: var(--font-size-44); font-weight: 700; margin:0 0.35rem;}
.myh-finish-list .finList-cont{display:flex; justify-content: space-between; align-items: center; gap:0.5rem 0; flex-wrap:wrap; margin-top:clamp(1rem, 0.286rem + 1.905vw, 2rem); padding:clamp(0.75rem, 0.414rem + 0.895vw, 1.22rem) clamp(0.75rem, 0.214rem + 1.429vw, 1.5rem); border-radius: 0.5rem; background: #FFF; }
.myh-finish-list .finList-cont p{padding-left:1.4rem; color: var(--Basic-Black-80); font-size: var(--font-size-17); font-weight: 700; background: url('/res/home/publish/assets/images/icons/icon-award.svg')no-repeat 0 0.2em;}
.myh-finish-list .finList-cont ul{display:flex; gap:1rem; font-size:var(--font-size-15); color: var(--Basic-Black-90); }
.myh-finish-list .finList-cont ul li{display:flex; align-items: center;}
.myh-finish-list .finList-cont ul li:not(:first-child){padding-left:1rem; position: relative;}
.myh-finish-list .finList-cont ul li:not(:first-child):before{content:""; position: absolute; left: 0; top:0.4em; width: 0.125rem; height: 1.25rem; background: var(--Theme-border, #DDD);}
.myh-finish-list .finList-cont ul span{font-weight: 700; color: var(--Theme-Primary); border-radius: 0.375rem; padding: 0.25rem 0.5rem; background: var(--Theme-Primary_subtler); margin-right: 0.75rem;}
.myh-finish-list .finList-cont ul  b{font-size: 1.5rem; color: var(--Basic-Black-100); margin-right: 0.25rem; }
.myh-video-list .more-title{position: relative;}
.myh-video-list .swiper-pagination{    width: clamp(5rem, 3.571rem + 3.81vw, 7rem) !important; bottom: auto; top: 0.7rem; right: 2.5rem; left: auto !important; transform: translateX(0%) !important;}
.myh-video-list .swiper-pagination-bullet{border-radius: 1rem; background: var(--Basic-Black-30, #C6D0DA); opacity: 1; width: 0.4rem; height: 0.4rem;}
.myh-video-list .swiper-pagination-bullet-active{width: 1.125rem; background: var(--Theme-Primary);}
.myh-video-list .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.myh-video-list .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform: scale(1);}
.myh-video-list .myh-video{border-radius: 0.625rem; border: 1px solid var(--Theme-border, #DDD); flex: 1; padding:1.4rem 1.94rem; overflow:hidden;}
.myh-video-list .myh-video .nodata{padding:1.76rem 0;}
.myh-video-list .myh-video .swiper{width:60%;  margin: 0; overflow: visible;}
.myh-video-list .myh-video .swiper a{position: relative; display:flex; flex-direction: column; }
.myh-video-list .myh-video .swiper .tag{position: absolute; left: 0.7rem; top:0.7rem; display: inline-flex; justify-content: center; align-items: center; padding:0 0.5rem; height: 1.625rem; border-radius: 0.25rem; background: rgba(0, 0, 0, 0.70); backdrop-filter: blur(3px); color:#fff; font-weight: 600; font-size:0.8125rem; z-index: 1;}
.myh-video-list .myh-video .swiper .img{position: relative; aspect-ratio: 103/58; border-radius: 0.625rem 0.625rem 0 0;  overflow: hidden;}
.myh-video-list .myh-video .swiper .text{padding: 0.75rem 1rem; border-radius: 0 0 0.625rem 0.625rem; background: var(--Basic-Gray); color: var(--Basic-Black-80);
font-size: var(--font-size-15); font-weight: 700; line-height: 150%; }
.myh-video-list .myh-video .swiper .text span{text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; word-break: break-word;}
.myh-video-list .myh-video .swiper .swiper-button-next, 
.myh-video-list .myh-video .swiper .swiper-button-prev{width:2rem; height:2rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.70); background: rgba(255, 255, 255, 0.70); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10); backdrop-filter: blur(3px); --icon-color:var(--Theme-Primary); margin-top:-1rem;}
.myh-video-list .myh-video .swiper .swiper-button-next{right:-1rem;}
.myh-video-list .myh-video .swiper .swiper-button-prev{left:-1rem;}
.myh-video-list .myh-video .swiper .swiper-button-next:after, 
.myh-video-list .myh-video .swiper .swiper-button-prev:after{display:none;}


@media (max-width:1440px){
	.myhome-head .myh-title h3 select{width: 10rem;}
	.myhome-head .myh-states{width:40%; gap: 0.5rem 1rem;}
	.myhome-head .myh-states li div{padding:1.85rem 1rem; background-position: right 1rem top 50%;}
}
@media (max-width:1280px){
	.myhome-head .myh-states{flex-direction: column;}
	.myhome-head .myh-states li{flex-direction: row;}
	.myhome-head .myh-states li div{flex:1; padding:1.5rem 1rem;}
	.myhome-head .myh-states li p{height:auto; padding:0.5rem 1rem; gap:0.3rem; width: 35%;}

	.myh-states-box{ --myh-state-gap: 1rem;}
	.myh-states-box li a{padding:1.25rem 1rem;}

	.myh-list-flex .myh-video-list{width:50%;}
	.myh-video-list .myh-video .swiper{width:70%;}

	.enrolled_course_list .course-item{    width: calc((100% - 1.5rem * 1) / 2);}
}
@media screen and (max-width:1024px){
	.myh-list-flex .myh-video-list{width:40%;}
	.myh-video-list .myh-video .swiper{width:60%;}
	.enrolled_course_list ul:has(.course-item){overflow-y: visible; flex-wrap: wrap;}
	.enrolled_course_list .course-item{width:100%;}
}
@media screen and (max-width:768px){
	.myhome-head .myh-flex{flex-wrap: wrap;}
	.myhome-head .myh-title h3 select{width:7rem; height: 2rem; background-size: auto 100%; padding-right:2rem; margin-right: 0.25rem; padding-left: 0.5rem;     text-align: left;}
	.myhome-head .myh-states{width:100%; flex-direction: row;}
	.myhome-head .myh-states li{    flex-direction: column;}
	.myhome-head .myh-states li p{width:100%;}
	.myhome-head .myh-states li div{background-size: auto 60%; background-position: right 0.5rem top 50%;}
	.myh-states-box li{width:calc((100% - var(--myh-state-gap) ) / 2);}
	.myh-list-flex{flex-wrap:wrap; }
	.myh-list-flex .myh-video-list{width:100%;}
}
@media screen and (max-width:490px){
	.myh-finish-list .finList-cont ul{width:100%;}
	.myh-finish-list .finList-cont ul li{flex:1;}
	.myh-finish-list .finList-cont ul li:not(:first-child):before{display:none;}
	.myh-video-list .myh-video .swiper{width:80%;}
}

@media print {
	.myh-video-list .myh-video .swiper{width:100%}
    .myh-video-list .swiper-pagination{display: none;}
	.myhome-head .myh-states li div { background-position: right 0.5rem top 50%;}
	.myh-states-box{--myh-state-gap: 1rem;}
}


/* 타 법령 보수교육 인정 */
.sub-visual{display: flex; padding: 2rem 1rem; justify-content: center; align-items: center; text-align: center; border-radius: 0.625rem; color: #FFF; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.10); font-size: var(--font-size-28); font-weight: 700; margin-bottom:1.5rem; }
.sub-visual span{display:inline-block; aspect-ratio: 55/40; width:3.438rem; vertical-align: middle; margin-right: 0.75rem; }
.sub-visual.subvis01{background:url('/res/home/publish/assets/images/content/mysub_visual01.webp')no-repeat 80% 50%/cover; }
.sub-visual.subvis01 span{background:url('/res/home/publish/assets/images/common/popup_head_edu.webp')no-repeat 50% 50%/100%; }
.sub-visual.subvis02{background:url('/res/home/publish/assets/images/content/mysub_visual02.webp')no-repeat 80% 50%/cover; }
.sub-visual.subvis02 span{background:url('/res/home/publish/assets/images/common/popup_head_apply.webp')no-repeat 50% 50%/100%; }

.other-wrap .memb-step li:last-child{    flex: 1 0 clamp(2rem, -2.286rem + 11.429vw, 8rem);}
.other-wrap .box-info{margin-bottom:1rem; align-items: center; }
.other-wrap .box-info .flex-box{flex-wrap:wrap;}
.other-wrap .box-info .user-btn{margin-left: auto; display: inline-flex; padding: 0.5rem 0.875rem; justify-content: center; align-items: center; gap: 0.125rem; border-radius: 2.75rem;
border: 1px solid var(--Theme-Primary_point, #FF6A2E); background: #FFF; color: var(--Theme-Primary_point, #FF6A2E); font-size: var(--font-size-15); font-weight: 700;}
.other-wrap .box-info .user-btn i{display:block; width: 1.25rem; aspect-ratio: 1; background: url('/res/home/publish/assets/images/icons/icon-user-edit.svg')no-repeat 0 0/100%;}

.sign-box{display: flex; justify-content: center; align-items: center; border-radius: 0.75rem; padding:clamp(1.5rem, 0.429rem + 2.857vw, 3rem) clamp(1rem, 0.643rem + 0.952vw, 1.5rem); background: url('/res/home/publish/assets/images/content/sign-box.png')no-repeat 50% 50%/cover; font-size: var(--font-size-19);}
.sign-box h4{text-align: center; color: var(--Basic-Black-100); font-size: clamp(1.2rem, 0.629rem + 1.524vw, 2rem); font-weight: 700; margin-bottom:2rem;}
.sign-box p{text-align:center; color: var(--Basic-Black-80);  font-weight: 700;}
.sign-box .line{margin-top:clamp(1.25rem, 0.714rem + 1.429vw, 2rem); padding-top:clamp(1.25rem, 0.714rem + 1.429vw, 2rem); border-top:1px solid var(--Basic-Black-50); text-align:center;}
.sign-box .line .block{display:block; font-weight: 400; color: var(--Basic-Black-90); margin-bottom:0.75rem;}
.sign-box .line ul{display:inline-block; font-size:var(--font-size-17);  text-align: left; color: var(--Basic-Black-90); }
.sign-box .line ul li{display: flex; gap:clamp(1.25rem, 0.714rem + 1.429vw, 2rem);}
.sign-box .line ul li + li{margin-top:0.5rem;}
.sign-box .line ul li b{width:4rem; font-weight: 400;}

.other-imgBox{text-align: left; padding:0; overflow:hidden;}
.other-imgBox .other-halfUl{padding:clamp(1rem, -0.071rem + 2.857vw, 2.5rem); background: #F8F8F8; display:flex; gap:2.5rem;}
.other-imgBox .other-halfUl li{ font-size: var(--font-size-17);}
.other-imgBox .other-halfUl b{display:block; font-size: var(--font-size-19); font-weight: 700; margin-bottom:0.5rem;}
.other-stepImg{padding:2.5rem clamp(1rem, -0.071rem + 2.857vw, 2.5rem); text-align:center}
.other-stepImg h4{display: inline-block; color: var(--Basic-Black-100); font-size: 110%; font-weight: 600;padding: clamp(0.7rem, 0.307rem + 1.048vw, 1.25rem) clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem); border-radius: 3.75rem; border: 1px solid #E2E6EB; background: #F8F8F8;}
.other-stepImg .step_obj{margin-top:2.5rem; display:flex;}
.other-stepImg .step_obj .step_box:not(.last):before,
.other-stepImg .step_obj .step_box:not(.last):after{content:""; position:absolute; right:10%; width:30%; height:0.688rem; background:url('/res/home/publish/assets/images/content/step_box_arrow1.svg') repeat-x right 50%; font-size:95%; }
.other-stepImg .step_obj .step_box:not(.last):before{top:17%; color: var(--Theme-Primary); padding-bottom: 3.5rem;}
.other-stepImg .step_obj .step_box:not(.last):after{top:70%; color: #CD3B00; padding-top: 0.7rem; }
.other-stepImg .step_obj .step_box:not(.last){position: relative;  flex:1; padding-right:20%;}
.other-stepImg .step_obj .step_box .box_inner_tit{position: absolute; left:30%; top:-0.5rem; transform:translateX(-50%); display:inline-block; padding: 0.3125em 1.375em; color:#fff; font-weight: 700; font-size: 95%; border-radius: 3.75rem; background: var(--Theme-Primary_sub, #008DFF);}
.other-stepImg .step_obj .step_box .bd_txt_box{aspect-ratio: 1; border-radius: 50%; padding:12%; background:#eaf4ff; }
.other-stepImg .step_obj .step_box .bd_txt_box .txt{display: flex;align-items: center; justify-content: center; flex-direction: column; border-radius: 50%; aspect-ratio: 1; font-weight: 600; color: var(--Theme-Primary); border:1px solid #8DC6FF; background:#f6f8ff; font-size: 105%;}
.other-stepImg .step_obj .step_box.ab:before{content:"접수"; }
.other-stepImg .step_obj .step_box.ab:after{content:"반려"; background:url('/res/home/publish/assets/images/content/step_box_arrow3.svg') repeat-x left 50%;}
.other-stepImg .step_obj .step_box:is(.ab2, .ab3):before{content:"승인"; }
.other-stepImg .step_obj .step_box:is(.ab2, .ab3):after{content:"불승인"; background:url('/res/home/publish/assets/images/content/step_box_arrow2.svg') repeat-x right 50%;}
.other-stepImg .step_obj .step_box:is(.ab2, .ab3) .box_inner_tit{background: #F18928;}
.other-stepImg .step_obj .step_box:is(.ab2, .ab3) .bd_txt_box{background:#fff0ea;}
.other-stepImg .step_obj .step_box:is(.ab2, .ab3) .bd_txt_box .txt{border-color:#FF8E60; background:#fffcf9; color:var(--Basic-Black-90)}
.other-stepImg .step_obj .step_box:is(.ab2, .ab3) .bd_txt_box .txt b{color: #CD3B00; }
.other-stepImg .step_obj .step_box.last{flex:0 0 20%; display:flex; flex-direction: column;  gap:1.62rem; justify-content: center}
.other-stepImg .step_obj .step_box.last .rst_box{padding: 0.5em 1em;  border-radius: 60px; border: 1px dashed #40A9FF; font-weight: 600; font-size: 95%; color: #0072CE; line-height:1.3;}
.other-stepImg .step_obj .step_box.last .rst_box.bg_orange{border-color: #FF6A2E;; color: #CD3B00;}

.other-stepImg .step_obj.sj2 .step_box:not(.last){padding-right:10%;}
.other-stepImg .step_obj.sj2 .step_box:not(.last):before, 
.other-stepImg .step_obj.sj2 .step_box:not(.last):after{width: 20%;}
.other-stepImg .step_obj.sj2 .step_box.ab:before{top: 35%;}
.other-stepImg .step_obj.sj2 .step_box.ab:after{display:none;}
.other-stepImg .step_obj.sj2 .step_box.ab2:before{top: 35%; content:"검토";}
.other-stepImg .step_obj.sj2 .step_box.ab2:after{display:none;}
.other-stepImg .step_obj.sj2 .step_box .bd_txt_box .txt{font-size:90%;}
.other-stepImg .step_obj.sj2 .step_box .bd_txt_box .txt b{font-size:100%;}

.agree-checkBox{padding:clamp(1rem, -0.071rem + 2.857vw, 2.5rem);  margin-top:clamp(2.5rem, 1.786rem + 1.905vw, 3.5rem); border-radius:  0.75rem; border: 1px solid var(--Basic-Black-20, #DAE2E9); background: #F4F5F6; color: var(--Basic-Black-100);}
.agree-checkBox p{border-radius:  0.75rem; background:  #FFF; padding:clamp(1rem, 0.286rem + 1.905vw, 2rem); font-size: var(--font-size-20); font-weight: 700;  text-align: center;}
.agree-checkBox .chk_box{text-align: center; margin-top:1rem; font-size: clamp(0.95rem, 0.78rem + 0.453vw, 1.188rem);}

.agreeLine-checkBox{display: flex; flex-direction: column; gap:clamp(1rem, 0.643rem + 0.952vw, 1.5rem); padding:clamp(1rem, -0.071rem + 2.857vw, 2.5rem); border-radius:  0.75rem; border: 1px solid var(--Basic-Black-20, #DAE2E9); font-size: clamp(0.95rem, 0.78rem + 0.453vw, 1.188rem); color: var(--Basic-Black-100);}
.agreeLine-checkBox + .agreeLine-checkBox{margin-top: 1.25rem;}
.agreeLine-checkBox .grayBox{border-radius:  0.75rem; padding:clamp(1rem, 0.286rem + 1.905vw, 2rem); color:#464C53; font-size: clamp(0.95rem, 0.78rem + 0.453vw, 1.188rem); text-align: center; background: #F4F5F6;}
.agreeLine-checkBox .grayBox b{color: var(--Basic-Black-100);}
.agreeLine-checkBox .scroll_box{border-radius:  0.75rem; background:  #FFF; padding:clamp(1rem, 0.286rem + 1.905vw, 2rem); color:#464C53; font-size: clamp(0.95rem, 0.78rem + 0.453vw, 1.188rem); background: #F4F5F6; max-height:14rem; overflow-y: auto;}
.agreeLine-checkBox .ag_chk_box{font-size: clamp(0.95rem, 0.78rem + 0.453vw, 1.188rem); display:flex; flex-wrap: wrap; gap:0.5rem 0;}
.agreeLine-checkBox .ag_chk_box p{flex:1; text-align: center; color:  #464C53}
.agreeLine-checkBox .ag_chk_box .chk_box{margin-left:auto; display:flex; gap:clamp(1rem, 0.286rem + 1.905vw, 2rem);}
.agreeLine-checkBox .last{font-size: clamp(1.3rem, 0.979rem + 0.857vw, 1.75rem); text-align: center; font-weight: 700; margin-top:1rem;}

.finish-box{text-align: center; margin-top:clamp(2.5rem, 1.786rem + 1.905vw, 3.5rem); color:  #1E2124;}
.finish-box p{ font-size: var(--font-size-24); font-weight: 600; margin-top:1.5rem;}
.finish-box p + p{color: var(--Basic-Black-80); font-size: var(--font-size-19); font-weight: 400;}
.finish-box .gray-text{margin-top:2rem;  padding:  2rem 1rem; border-radius: 0.625rem; background: #EEF2F7; font-size:var(--font-size-17); }
.finish-box .unanswer{display: flex; justify-content: center; align-items: center; gap:1rem;}
.finish-box .unanswer span{display: inline-flex; justify-content: center; align-items: center; gap: 0.375rem; padding: 0.5rem 0.75rem; border-radius: 0.25rem;
background: var(--Basic-Gray); font-weight: 600;  font-size: var(--font-size-17); --icon-color:#E91F00;}

@media (max-width:1280px){
	.sign-box br{display:none;}
	.other-stepImg .step_obj .step_box .box_inner_tit{font-size: 90%; padding: 0.3125em 0.8em; }
	.other-stepImg .step_obj .step_box .bd_txt_box .txt{font-size: 90%;}
	.other-stepImg .step_obj .step_box.last .rst_box{font-size:85%; padding: 0.75em 0.5em;}
	.other-stepImg .step_obj .step_box:not(.last):before, .other-imgBox .other-stepImg .step_obj .step_box:not(.last):after{font-size:80%;}
	.other-stepImg .step_obj.sj2 .step_box .bd_txt_box .txt{font-size:80%;}
	.other-stepImg .step_obj.sj2 .step_box.last{flex: 0 0 15%;}

	.other-imgBox .other-halfUl li{flex:1;}
	.agreeLine-checkBox .ag_chk_box p{flex:0 0 100%;}
}
@media screen and (max-width:768px){
	.other-wrap .memb-step li:last-child{flex:0 0 1.75rem;}
	.other-imgBox .other-halfUl{gap:1.5rem; flex-wrap: wrap;}
	.other-imgBox .other-halfUl li{flex:0 0 100%;}

	.other-stepImg .step_obj{ flex-direction: column;}
	.other-stepImg .step_obj .step_box:not(.last){padding-right:0; padding-bottom:7rem;}
	.other-stepImg .step_obj .step_box:not(.last):before,
	.other-stepImg .step_obj .step_box:not(.last):after{ width: 3rem; height: 4.5rem; right: 66%; padding-bottom: 3rem; background: url(/res/home/publish/assets/images/content/step_box_arrow1-row.svg) no-repeat center bottom;}
	.other-stepImg .step_obj .step_box.ab:after{top: auto; bottom: 1rem; right: 15%; padding-top:0; background: url(/res/home/publish/assets/images/content/step_box_arrow3-row.svg) no-repeat center bottom;}
	.other-stepImg .step_obj .step_box:not(.last):after{top: auto; bottom: 1rem; right: 15%; padding-top:0; background: url(/res/home/publish/assets/images/content/step_box_arrow2-row.svg) no-repeat center bottom;}
	.other-stepImg .step_obj .step_box:not(.last):before{top:auto; bottom:1rem;}
	.other-stepImg .step_obj .step_box .box_inner_tit{font-size: var(--font-size-20); left:50%;}
	.other-stepImg .step_obj .step_box .bd_txt_box{aspect-ratio: auto;  border-radius:1.5rem; padding:1.5rem;}
	.other-stepImg .step_obj .step_box .bd_txt_box .txt{aspect-ratio: auto; border-radius:1rem ; padding:1rem; font-size:var(--font-size-17);}
	.other-stepImg .step_obj .step_box.last{display:flex; gap:1rem; flex-direction: row;}
	.other-stepImg .step_obj .step_box.last .rst_box{font-size:var(--font-size-17); flex:1;}

	.other-stepImg .step_obj.sj2 .step_box:not(.last){padding-right:0;}
	.other-stepImg .step_obj.sj2 .step_box.ab:before,
	.other-stepImg .step_obj.sj2 .step_box.ab2:before{right: 40%;}
	.other-stepImg .step_obj.sj2 .step_box:not(.last):before,
	.other-stepImg .step_obj.sj2 .step_box:not(.last):after{top:auto; bottom:1.5rem; } 
}
@media print {
	.agreeLine-checkBox .scroll_box{max-height: none;}
	.other-stepImg .step_obj.sj2 .step_box .bd_txt_box .txt { font-size: 70%;}
	.other-stepImg .step_obj .step_box:not(.last):before, .other-stepImg .step_obj .step_box:not(.last):after{font-size:85%;}
}


/* 역량모델 */
.result_chart { display: flex; align-items: center; justify-content: center; height: 38rem; margin: 3.5rem auto 2rem; position: relative;}
.result_chart .chart_box{ width: 280px;  margin: 0 auto; text-align: center;}
.result_chart .chart_box canvas{width:100%; margin: 0 auto; }
.result_chart .info_bundle{position: absolute; width: 15rem; padding: 1rem; border-radius: 0.625rem; background: #F6F8FF;}
.result_chart .info_bundle .info_tit{font-size: 1.063rem; display: flex; align-items: center;  justify-content: center; gap:0.5rem; color: var(--Basic-Black-80); margin-bottom: 0.75rem;}
.result_chart .info_bundle .info_tit .cate{display: flex; width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; border-radius: 50%;
background: var(--Theme-Primary); color:#fff; font-size: 0.78125rem; font-weight: 900; }
.result_chart .info_bundle .info_tit b{color: var(--Basic-Black-100)}
.result_chart .info_bundle .text{padding: 0.5rem 0.625rem; border-radius: 0.25rem; background: #FFF; font-size: 0.9375rem; color: var(--Basic-Black-70); text-align: center;}
.result_chart .info_bundle .btn_group{display:flex; gap:0.5rem; margin-top:1rem;}
.result_chart .info_bundle .btn_group .btn{flex:1;}
.result_chart .info_bundle.b1{left:41%; top:0;}
.result_chart .info_bundle.b2{right:calc(50% - 35rem); top:30%; transform: translateX(-50%);}
.result_chart .info_bundle.b3{right:calc(50% - 30rem); bottom:5%; transform: translateX(-50%);}
.result_chart .info_bundle.b4{left:calc(50% - 15rem);; bottom:5%; transform: translateX(-50%);}
.result_chart .info_bundle.b5{left:calc(50% - 20rem); top:30%; transform: translateX(-50%);}

.result_detail_chart{height:21.875rem;}
.result_detail_chart .chart_box { height: 100%;}
.result_detail_chart .chart_box canvas{max-height:100%;}

/* 역량진단 폼 */
.state_tab{border-radius: 0.875rem; overflow: hidden; background: var(--Basic-Gray);}
.state_tab ul{display:flex;  }
.state_tab li{counter-increment: item;flex:1; padding:clamp(0.5rem, -0.036rem + 1.429vw, 1.25rem) clamp(0.5rem, 0.143rem + 0.952vw, 1rem); text-align: center; color: var(--Basic-Black-70, #687581); font-size: var(--font-size-17); font-weight: 600; }
.state_tab li i{ display: flex; gap:0.5rem; justify-content: center; color: var(--Basic-Black-50, #A8B1BA); font-size: 0.8125rem; margin-bottom: 0.25rem;;}
.state_tab li i:after{content: counter(item, decimal-leading-zero); ;}
.state_tab li.done {color: var(--Basic-Black-50); background:#D0D5DC;}
.state_tab li.active{position: relative; background: linear-gradient(90deg, #D0D5DC);  z-index:1; color:#fff;}
.state_tab li.active i{color: #9DDAFF;}
.state_tab li.done + li.active:after{content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%; border-radius: 0.875rem; border-right: 2px solid #9DDAFF; border-bottom: 2px solid #9DDAFF; background: var(--Theme-Primary);  z-index: -1;}

.survey_list{ margin:clamp(2.5rem, 1.786rem + 1.905vw, 3.5rem) 0; }
.survey_list .bundle:not(:first-child){margin-top:clamp(2rem, 1.286rem + 1.905vw, 3rem);}
.survey_list .survey_title{display:flex; align-items: flex-start; gap:0.75rem; margin-bottom:1.75rem;}
.survey_list .survey_title .num{flex-shrink: 0; display:inline-block; width: 3.125rem; padding: 0.125rem 0; border-radius: 0.375rem 1.0625rem 1.0625rem 0.375rem; background: var(--Basic-Gray); text-align:center; color: var(--Theme-Primary); font-family: Exo; font-size: var(--font-size-20); font-weight: 900; line-height: 150%; letter-spacing: 0.0375rem;}
.survey_list .survey_title .subject{color: var(--Basic-Black-90); font-size: var(--font-size-19); font-weight: 600; padding-top: 0.2em;}
.survey_list .radio_bundle-inner{padding-left:3.88rem;}
.survey_list .radio_bundle{display:flex; }
.survey_list .radio_bundle + .radio_bundle{margin-top:1rem; padding-top:1rem; border-top:1px dotted #99A2AA; }
.survey_list .radio_bundle .label_tit{flex:0 0 10rem; color: var(--Basic-Black-90); font-size: 1.1875rem; font-weight: 600; --icon-color:var(--Basic-Black-30, #C6D0DA); --icon-width:1.5rem;}
.survey_list .radio_bundle .radio_list{flex:1; display:flex; font-size:var(--font-size-17); color: var(--Basic-Black-80);}
.survey_list .radio_bundle .radio_list li{width:20%; display:flex; gap:0.5rem; align-items: center}
.survey_list .radio_bundle .radio_list li input:checked + label{font-weight: 600;}

@media (max-width:1440px){
	.survey_list .radio_bundle .radio_list{flex-wrap:wrap; gap:0.5rem 2rem;}
	.survey_list .radio_bundle .radio_list li{width:auto;}
}
@media (max-width:1280px){
	.result_chart .info_bundle{width:12rem;}
	.result_chart .info_bundle .info_tit{align-items: flex-start; justify-content: flex-start;}
	.result_chart .info_bundle .info_tit .cate{margin-top:0.3em;}
	.result_chart .info_bundle .info_tit b{display:block;}
	.result_chart .info_bundle.b2{right: calc(50% - 28rem);}
	.result_chart .info_bundle.b3{right: calc(50% - 26rem);}
	.result_chart .info_bundle.b4{left: calc(50% - 14rem);}
	.result_chart .info_bundle.b5{left: calc(50% - 16rem);}
}
@media screen and (max-width:768px){
	.state_tab{overflow-x: auto;}
	.state_tab li{flex:1 0 10rem;}
	.survey_list .radio_bundle{flex-direction: column; gap:1rem 0;}
	.survey_list .radio_bundle .label_tit{flex:0 0 auto;}
	.survey_list .radio_bundle .radio_list li{width:100%;}
	
	.result_chart{height:auto; flex-direction: column; gap:2rem; align-items: normal}
	.result_chart .info_bundle.b1,
	.result_chart .info_bundle.b2,
	.result_chart .info_bundle.b3,
	.result_chart .info_bundle.b4,
	.result_chart .info_bundle.b5{position: relative; left:auto;right:auto;top:auto;bottom:auto; width:100%; transform: translateX(0%);}
	.result_chart .chart_info{display:flex; flex-direction: column; gap:1rem;} 
	.result_table{display:none;}

}
@media print {
	.result_chart .info_bundle.b5{left:0;}
	.result_chart .info_bundle.b4 {left: 5%;}
}

/* 역량기반 교육체계 */
.rec_diagram{margin-bottom:3.5rem;}
.rec_diagram .diag_inner{position: relative; display: flex; align-items: center; justify-content: center; height: 920px; background: url(/res/home/publish/assets/images/content/recommend_diagram_bg.svg)no-repeat 50% 50% / auto 94%; }
.rec_diagram .diag_inner::before{content:""; position: absolute; left:50%; top:50%; width:25rem; aspect-ratio: 1; transform: translate(-50%, -50%); background: url('/res/home/publish/assets/images/content/dot_arrow_bg.svg')no-repeat 50% 50%/ 100%;}
.rec_diagram .diag_tit{ display: flex; align-items: center;  justify-content: center; flex-direction: column; width: 14.24806rem; aspect-ratio: 1; border-radius: 50%; border: 0.709px solid #8DC6FF; background: #F6F8FF; font-size: clamp(1rem, 0.866rem + 0.357vw, 1.188rem); color: var(--Theme-Primary); font-weight: 700;}
.rec_diagram .diag_tit b{font-size: clamp(1.5rem, 1.321rem + 0.476vw, 1.75rem);}
.rec_diagram .diag_list .diag{position: absolute; border-radius: 0.625rem; --point: #43474A; --sub-color:var(--Basic-Black-100); border-right: 1px solid #E2E6EB; border-left: 1px solid #E2E6EB;  border-top: 4px solid var(--point); border-bottom: 1px solid var(--point); background: #FFF; padding: 1.875rem 1.75rem;}
.rec_diagram .diag .subject{text-align: center; padding-bottom:1.25rem; margin-bottom: 1.25rem; border-bottom:1px solid #ACB8C5; font-size: var(--font-size-20); font-weight: 700; color: var(--sub-color);} 
.rec_diagram .diag .subject:before{content:""; display:inline-block; width: 1.25rem; aspect-ratio: 1/1; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.80); background: var(--point); vertical-align: middle; margin-right: 0.5rem;}
.rec_diagram .diag .dot-ul{color: var(--Basic-Black-80); font-size:var(--font-size-15);}
.rec_diagram .diag .dot-ul.s2{display:flex; flex-wrap:wrap; gap:clamp(0.25rem, 0.071rem + 0.476vw, 0.5rem) 0;}
.rec_diagram .diag .dot-ul.s2 li{width: 50%;}
.rec_diagram .diag .dot-ul.s2 li + li{margin:0;}
.rec_diagram .diag .dot-ul li:before{color: var(--Theme-Disabled);}
.rec_diagram .diag.d1{top:0; left:50%; transform: translateX(-50%);  width:29.5rem;}
.rec_diagram .diag.d2{top:calc(50% - 8rem); left:calc(50% - 22rem); transform: translateX(-50%); --point:#80CB00;  --sub-color:#0B8A00;}
.rec_diagram .diag.d3{top:calc(50% - 8rem); right:calc(50% - 22rem); transform: translateX(50%); --point:#22BABB;  --sub-color:#008485;}
.rec_diagram .diag.d4{bottom:2rem; left:calc(58% - 29.5rem); width:29.5rem; --point:#F55B4F;  --sub-color:#E32B1E;}
.rec_diagram .diag.d5{bottom:2rem; right:calc(59% - 29.5rem); height: 15.2rem; width: 16rem;  --point:#FFA23F;  --sub-color:#DD3700;} 

@media (max-width:1280px){
	.rec_diagram .diag_inner{ height: 790px;}
	.rec_diagram .diag_inner::before{width:21rem;}
	.rec_diagram .diag_tit{width:12rem;}
	.rec_diagram .diag .subject{padding-bottom: 1rem; margin-bottom: 1rem;}
	.rec_diagram .diag_list .diag{padding:clamp(1rem, 0.643rem + 0.952vw, 1.5rem);}
	.rec_diagram .diag.d2{left:calc(50% - 17rem);}
	.rec_diagram .diag.d3{right:calc(50% - 17rem);}
	.rec_diagram .diag.d4{left:5%; width:55%;}
	.rec_diagram .diag.d5{height:13.7rem; width:30%; right:5%;}
}
@media screen and (max-width:768px){
	.rec_diagram .diag_inner{height:auto; background:none; flex-direction: column; gap:1rem;}
	.rec_diagram .diag_inner::before{display:none;}
	.rec_diagram .diag_tit{width:100%; aspect-ratio: unset; border-radius: 3rem; padding:clamp(0.5rem, 0.143rem + 0.952vw, 1rem);}
	.rec_diagram .diag_list{display:flex; flex-direction: column; gap:1rem; margin-bottom:1rem;}
	.rec_diagram .diag.d1,
	.rec_diagram .diag.d2,
	.rec_diagram .diag.d3,
	.rec_diagram .diag.d4,
	.rec_diagram .diag.d5{position: relative; width:100%; height:auto; left: auto; right:auto; top:auto; bottom:auto; transform: translate(0, 0);}
}
@media screen and (max-width:524px){
	.rec_diagram .diag .dot-ul.s2 li{width: 100%;}
}

/**************************************************
 ■ 교육체계도
**************************************************/
.value-box{ padding:0.5rem; border-radius:0.75rem; box-shadow:0 0 0.5rem rgba(0, 0, 0, 0.1); display:flex; align-items: center; margin-bottom:1.5rem;}
.value-box .value-tit{position: relative; display:flex; justify-content: space-between; align-items: center; flex:0 0 22rem; padding-left:2rem; padding-right:0.5rem; background:url('/res/home/publish/assets/images/common/bullet.svg')no-repeat 1rem 50%;}
.value-box .value-tit .value-0{display: flex; align-items: center;  justify-content: center;  text-align:center; border-radius: 0.5rem; font-size: var(--font-size-14); font-weight: 600; padding:0.2rem; min-height:clamp(2rem, 1.286rem + 1.905vw, 3rem); border:1px solid #ddd; background:linear-gradient(175deg, #ffff 50%, #f3f5f9 100%); padding:0 0.5rem;}
.value-box ul{display:flex; gap:0.5rem; flex:1;}
.value-box ul li{display: flex; align-items: center;  justify-content: center; flex:1; text-align:center; border-radius: 0.5rem; font-size: var(--font-size-14); font-weight: 600; padding:0.2rem; min-height:clamp(2rem, 1.286rem + 1.905vw, 3rem);}
.value-box ul li.value-8{border:1px solid #ace1a4; background: linear-gradient(175deg, #BEEDB730 50%, #ace1a450 100%);}
.value-box ul li.value-7{border:1px solid #f3ed92; background: linear-gradient(175deg, #F8F3AD30 50%, #f3ed9250 100%);}
.value-box ul li.value-6{border:1px solid #99CFFF; background: linear-gradient(175deg, #99CFFF30 50%, #99CFFF50 100%);}
.value-box ul li.value-5{border:1px solid #89d6d7; background: linear-gradient(175deg, #9BE6E730 50%, #89d6d750 100%);}
.value-box ul li.value-4{border:1px solid #FFC797; background: linear-gradient(175deg, #FFC79730 50%, #FFC79750 100%);}
.value-box ul li.value-3{border:1px solid #ffbbbb; background: linear-gradient(175deg, #ffbbbb30 50%, #ffbbbb50 100%);}
.value-box ul li.value-2{border:1px solid #FDB0F5; background: linear-gradient(175deg, #FDB0F530 50%, #FDB0F550 100%);}
.value-box ul li.value-1{border:1px solid #BBAFFF; background: linear-gradient(175deg, #BBAFFF30 50%, #BBAFFF50 100%);}

.ccm-tabs{background:linear-gradient(135deg, #E6F1FD 0.48%, #F7F6FF 47.15%, #F0F5FA 98.53%); padding:1.5rem; border-radius:0.75rem; margin-bottom:clamp(2.5rem, 1.786rem + 1.905vw, 3.5rem);}
.ccm-tabs > ul > li{display:flex; gap:0 2rem;}
.ccm-tabs > ul > li:not(:first-child){margin-top:clamp(0.5rem, 0.143rem + 0.952vw, 1rem);}
.ccm-tabs > ul > li .depth-tit{flex:0 0 10rem; border-radius:0.35rem; background:#fff; border:1px solid var(--Theme-Primary); display:flex;  justify-content: center; align-items: center; font-weight:700; color:var(--Theme-Primary-70); }
.ccm-tabs > ul > li .depth-cont{flex:1;}
.ccm-tabs > ul > li .depth-tab{display:flex; gap:0.5rem; flex-wrap:wrap;}
.ccm-tabs > ul > li .depth-tab li{flex:0 0 calc((100% - 0.5rem * 3) / 4);}
.ccm-tabs > ul > li .depth-tab.full li{flex-grow:1; }
.ccm-tabs > ul > li .depth-tab.full li a{justify-content: center;}
.ccm-tabs > ul > li .depth-tab li a{display:flex; align-items: center; min-height:3rem;  height: 100%; padding:0 1rem; text-align:left; border-radius:0.35rem; background:#fff; border:1px solid var(--Basic-Black-30); font-weight: 500; color:var(--Basic-Black-60); font-size: var(--font-size-15);}
.ccm-tabs > ul > li .depth-tab li.active a{color:#fff; background:var(--Theme-Primary); border-color:var(--Theme-Primary);  font-weight:700;}

.content-panel{border:2px solid #F0F5FA; border-radius:0.75rem; padding: 1.5rem; }
.grade-dl{display:flex; gap:2rem; }
.grade-dl:not(:first-child){margin-top:2rem; padding-top:2rem; border-top:1px solid var(--Theme-border);}
.grade-dl dt{flex:0 0 10rem;}
.grade-dl dt h4{border-radius:0.35rem; background:#fff; border:1px solid var(--Theme-Primary); display:flex;  justify-content: center; align-items: center; font-weight:700; color:var(--Theme-Primary-70); min-height:3rem; }
.grade-dl dd{flex:1; display:flex; flex-wrap:wrap; gap:1rem; }
.grade-dl dd span{flex:0 0 calc((100% - 1rem * 3) / 4); display:flex; align-items: center; min-height:3rem; padding:0.5rem 1rem; text-align:left; border-radius:0rem 0.5rem 0.5rem 0.5rem; background:#fff;  font-weight: 500;  font-size: var(--font-size-15); border:1px solid #ddd;}
.content-panel .no-result{flex-direction: column; background:#f7f8f9; border-radius:0.75rem; }

.grade-dl .lv8{background: linear-gradient(175deg, #BEEDB730 50%, #ace1a450 100%); border-color:#ace1a4; }
.grade-dl .lv7{background: linear-gradient(175deg, #F8F3AD30 50%, #f3ed9250 100%); border-color:#f3ed92;}
.grade-dl .lv6{background: linear-gradient(175deg, #99CFFF30 50%, #99CFFF50 100%); border-color:#99CFFF;}
.grade-dl .lv5{background: linear-gradient(175deg, #9BE6E730 50%, #89d6d750 100%); border-color:#89d6d7;}
.grade-dl .lv4{background: linear-gradient(175deg, #FFC79730 50%, #FFC79750 100%); border-color:#FFC797;}
.grade-dl .lv3{background: linear-gradient(175deg, #ffbbbb30 50%, #ffbbbb50 100%);  border-color:#FBB;}
.grade-dl .lv2{background: linear-gradient(175deg, #FDB0F530 50%, #FDB0F550 100%);  border-color:#FDB0F5;}
.grade-dl .lv1{background: linear-gradient(175deg, #BBAFFF30 50%, #BBAFFF50 100%); border-color:#BBAFFF;}
.grade-dl .lv0{background: linear-gradient(175deg, #ffff 50%, #f3f5f9 100%); border-color:#ddd;}

@media (max-width:1480px){
	.ccm-tabs > ul > li .depth-tit,
	.grade-dl dt{flex:0 0 7rem;}
	.ccm-tabs > ul > li .depth-tab li{flex:0 0 calc((100% - 0.5rem * 2) / 3);}
	.grade-dl dd span{flex:0 0 calc((100% - 1rem * 2) / 3);}
}
@media screen and (max-width:768px){
	.value-box{flex-wrap:wrap; gap:clamp(0.5rem, 0.143rem + 0.952vw, 1rem) ;}
	.value-box .value-tit{flex:0 0 100%; padding-left:1rem; background-position:left 0 top 50%;}
	
	.ccm-tabs{padding:1rem;}
	.ccm-tabs > ul > li{position:relative; gap:0; flex-wrap:wrap;}
	.ccm-tabs > ul > li:before{display:block; font-size:var(--font-size-16); font-weight:500; color:var(--Basic-Black-70);}
	.ccm-tabs > ul > li.depth1:before{content:"대분류"}
	.ccm-tabs > ul > li.depth2:before{content:"중분류"}
	.ccm-tabs > ul > li.depth3:before{content:"소분류"}
	.ccm-tabs > ul > li .depth-tit{position:relative; flex:0 0 100%; justify-content: space-between; height:3rem; padding:0 1rem; }
	.ccm-tabs > ul > li .depth-tit:after{content:"";  display: block;  width: var(--icon-width);  aspect-ratio: 1;  background-color: var(--Theme-Primary); vertical-align: middle;  forced-color-adjust: none; -webkit-mask: url(/res/home/publish/assets/images/icons/icon-angle-down.svg)no-repeat 0 0/100%;
    mask: url(/res/home/publish/assets/images/icons/icon-angle-down.svg)no-repeat 0 0/100%; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
	.ccm-tabs > ul > li.is-open .depth-tit{border-radius:0.35rem 0.35rem 0 0; }
	.ccm-tabs > ul > li.is-open .depth-tit:after{transform: rotate(180deg );}
	.ccm-tabs > ul > li .depth-cont{position:absolute; left:0px; top:100%; display:none; flex:0 0 100%; width: 100%; max-height:15rem; overflow-y:auto; border:1px solid  var(--Theme-Primary); padding:0.5rem; background:#fff; z-index: 2; border-top:none; border-radius:0 0 0.35rem 0.35rem;}
	.ccm-tabs > ul > li .depth-tab{gap:0;}
	.ccm-tabs > ul > li .depth-tab li{flex-basis:100%;}
	.ccm-tabs > ul > li .depth-tab li a{border:none; min-height:2rem; }
	.ccm-tabs > ul > li .depth-tab.full li a{justify-content: flex-start;}
	.ccm-tabs > ul > li .depth-tab li.active a{color:var(--Theme-Primary); background:var(--Theme-Primary_subtler2); border-color:var(--Theme-Primary_subtler2); }
	
	.content-panel{padding:0; border:none;}
	.grade-dl{flex-wrap:wrap; gap:clamp(0.5rem, -0.214rem + 1.905vw, 1.5rem); }
	.grade-dl dt{flex:0 0 100%;}
	.grade-dl dt h4{justify-content: flex-start; border:none; font-size:var(--font-size-21); min-height: auto;}
	.grade-dl dd span{flex:0 0 calc((100% - 1rem) / 2);}
}
@media screen and (max-width:600px){ 
	.grade-dl dd{gap:0.5rem;}
	.grade-dl dd span{flex:0 0 100%;}
}

/**************************************************
 ■ 연간 교육일정
**************************************************/
.annual-schedule-page .annual-schedule-filter .search-btn-black {width: 90px; height: 42px; margin: 0; padding: 0 14px; border: 1px solid #1d5fd0; border-radius: 6px; background-color: #1d5fd0; color: #fff; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 15px; font-weight: 600; line-height: 1;}
.annual-schedule-page .schedule-education-notice-url .icon-search {--icon-width: 24px !important;}

/* 번호 */
.annual-schedule-page .board__list-title > li:nth-child(1),
.annual-schedule-page .board__list--inner > .list--num {
    width: 7% !important;
}

/* 적용연도 */
.annual-schedule-page .board__list-title > li:nth-child(2),
.annual-schedule-page .board__list--inner > .list--kinds {
    width: 13% !important;
}

/* 교육구분 */
.annual-schedule-page .board__list-title > li:nth-child(3),
.annual-schedule-page .board__list--inner > .list--name {
    width: 16% !important;
}

/* 모집기간 */
.annual-schedule-page .board__list-title > li:nth-child(4),
.annual-schedule-page .board__list--inner > .list--date {
    width: 27% !important;
}

/* 교육기간 */
.annual-schedule-page .board__list-title > li:nth-child(5),
.annual-schedule-page .board__list--inner > .list--state {
    width: 27% !important;
}

/* 바로가기 */
.annual-schedule-page .board__list-title > li:nth-child(6),
.annual-schedule-page .board__list--inner > .list--url {
    width: 10% !important;
}

/* =========================
   역량진단
========================= */
/* 역량진단 항목 라디오 버튼 표시 */
.competency .survey_list .radio_list {display: grid !important; grid-template-columns: repeat(5, 1fr); align-items: center; width: 100%; padding: 0; margin: 0;}
.competency .survey_list .radio_box {display: flex !important; align-items: center; gap: 7px;}
/* 기존 CSS에서 radio를 숨기고 있을 가능성이 있어서 강제 표시 */
.competency .survey_list .radio_box input[type="radio"] {display: inline-block !important; position: static !important; left: auto !important; top: auto !important; opacity: 1 !important; visibility: visible !important; width: 16px !important; height: 16px !important; margin: 0 !important; appearance: auto !important; -webkit-appearance: radio !important; vertical-align: middle; cursor: pointer;}
.competency .survey_list .radio_box label {display: inline-block !important; margin: 0 !important; cursor: pointer; font-size: 16px; color: #111; line-height: 1.4;}
/* 역량진단 단계 탭 current 강조 */
.competency .state_tab li.current,
.competency .state_tab .current {background-color: #1F5AFC !important; color: #fff !important; font-weight: 700 !important; border-radius: 12px !important; box-shadow: 0 6px 14px rgba(31, 90, 252, 0.25);}
/* current 안의 링크/텍스트까지 흰색 처리 */
.competency .state_tab li.current a,
.competency .state_tab li.current button,
.competency .state_tab .current a,
.competency .state_tab .current button {color: #fff !important; font-weight: 700 !important;}
/* current 항목 안의 span, b 같은 내부 텍스트도 같이 처리 */
.competency .state_tab li.current *,
.competency .state_tab .current * {color: #fff !important;}

#infoLayerPopup .sub-table {width: 100%; border-collapse: collapse; table-layout: fixed; border-top: 1px solid #333; border-left: 1px solid #ddd;}
#infoLayerPopup .sub-table th,
#infoLayerPopup .sub-table td {padding: 12px 16px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle; word-break: keep-all;}
#infoLayerPopup .sub-table th {background-color: #f5f7fa; font-weight: 700;}
#clusterGroupDefinitionBody td:nth-child(2) {white-space: pre-line; text-align: left;}
#clusterGroupDefinitionBody tr td {font-weight: normal !important;}