@CHARSET "UTF-8";
/**************************************************
* 버전관리
* version : v=5
* Last Update :  20260401
**************************************************/

/********************************************************
■ 서브 공통
********************************************************/
.con {max-width:72.5rem; padding:0 1rem; margin:0 auto; }
.main_tit {font-family: 'Sejonghospital'; font-weight:700; color:#1d1805; margin: 5rem 0 1rem; font-size:1.3rem;}
.main_tit:nth-of-type(1) {margin-top:0;}
.sub_tit {font-family: 'Sejonghospital'; font-size:0.95rem; color:#214285; margin-bottom:2rem; font-weight:400;}
.sub_tit:not(:nth-of-type(1)) {margin-top:4rem;}
.sub_tit strong {font-weight:700;}

.dot_bg {padding: 1.5rem; background: #fff; -webkit-box-shadow: 7px 5px 40px 0px rgba(0, 0, 0, 0.09); box-shadow: 7px 5px 40px 0px rgba(0, 0, 0, 0.09); border-radius: 1rem; -webkit-border-radius: 1rem;}
.dot li{margin-bottom:0.3rem; position: relative; padding-left:1rem;  text-align:left; color:#333333;}
.dot li:last-child {margin-bottom:0;}
.dot li:before{ content : ""; position: absolute; left :0; top:0.4em; display : block; width:0.6rem; height: 0.6rem; background:url('/images/default/content/bullet01.svg') no-repeat center center; background-size:100% auto; }
.dot.blue li:before{background-image:url('/images/default/content/bullet02.svg')}
.dot.yellow li:before{background-image:url('/images/default/content/bullet03.png')}
.dot li.flex {display:flex;}
.dot li.flex span {flex-shrink:0;}

.sdot li{ position: relative; padding-left:1rem; }
.sdot li:not(:first-child){margin-top:0.3rem}
.sdot li:before{content:""; position:absolute; left:0px; top:0.6em; width:0.2rem; height:0.2rem; background:var(--black); border-radius:50%; -webkit-border-radius: 50%;}

table td.noData p{ text-align: center; background: url(/images/default/content/no-post.png) no-repeat 50% 2rem; background-size: auto 8rem; background-color: #f9f9f9; padding: 11rem 0 2rem; border-radius: 1rem; -webkit-border-radius: 1rem;}

.loading{position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); display: flex; align-items: center;  justify-content: center; z-index:1000;}

@media (max-width:1600px){
	.con {width:100%; padding: 0 1rem;}
}
@media (max-width:768px){
	.main_tit {margin: 4rem 0 1.5rem;}
	.dot_bg {padding: 1rem;}
}



/********************************************************
■ 영재키움 프로젝트
********************************************************/
/* 사업 추진체계 */
.org_bg {position:relative; padding:3.5rem 1rem; margin-bottom:5.5rem; text-align:center; z-index:0; border-radius:2rem; -webkit-border-radius: 2rem; overflow:hidden;}
.org_bg:after {content:''; display:'block'; width:100%; height:100%; background:#f9f5ee; position:absolute; top:0; left:0; z-index:-1;}
.org_bg img {width:54.1rem;}

@media (max-width:768px){
	.org_bg {padding:2rem 1rem;}
}

/* 사업 추진방향 */
.purpose {display:flex; flex-direction:column; gap:2.5rem 1rem;}
.vision_txt, .goal_txt {display:flex; align-items: center; justify-content: center; height:6rem; padding:1rem 3.4rem; font-size:1.05rem; border-radius:2.5rem; -webkit-border-radius: 2.5rem; position:relative; text-align:center;}
.vision_txt h4, .goal_txt h4 {display:flex; gap: 0 1rem;align-items: flex-start; position:absolute; top:52%; left:3.4rem;  font-size:1.3rem; transform:translate(0,-50%); -webkit-transform: translate(0, -50%);}
.vision_txt span, .goal_txt span {display:block; width:1.55rem; height:1.8rem;}
.vision_txt {background:linear-gradient(148deg, rgba(255,245,228,1) 30%, rgba(255,232,206,1) 50%, rgba(255,245,228,1) 70%);}
.vision_txt span {background:url('/images/default/content/vision_icon.svg') no-repeat center center; background-size:100% auto;}
.goal_txt {border:1px dashed #f4b13e;}
.goal_txt span {background:url('/images/default/content/goal_icon.svg') no-repeat center center; background-size:100% auto;}

.busi_plan .item {padding:4rem 2.4rem 3rem; background:#fff;  -webkit-box-shadow: 7px 5px 40px 0px rgba(0,0,0,0.09); box-shadow: 7px 5px 40px 0px rgba(0,0,0,0.09); border-radius:1rem; -webkit-border-radius: 1rem; position:relative;}
.busi_plan .item:before {content:''; display:block; width:1.45rem; height:5.3rem; background:url('/images/default/content/busi_arrow.svg') no-repeat center center; background-size:100% auto; position:absolute; left:50%; transform:translate(-50%,0); -webkit-transform: translate(-50%, 0);}
.busi_plan .item .icon_busi {width:7.2rem; position:absolute; top:-2.5rem; left:50%; transform:translate(-50%,0); -webkit-transform: translate(-50%, 0);}
.busi_plan .item h5 {font-size:1.05rem; font-weight:700; color:var(--black); text-align:center; margin-bottom:1.9rem;}

.plan_top {display:flex; gap:3rem 2.5rem; margin-top:8.75rem; margin-bottom:8.9rem; flex-wrap:wrap;}
.plan_top > .item {width:calc((100% - 2.5rem * 2)/3);}
.plan_top > .item:before {top:-35%;}
.plan_top > .item:nth-child(1):before {transform:translate(0,0) rotate(45deg); -webkit-transform: translate(0,0) rotate(45deg);}
.plan_top > .item:nth-child(3):before {transform:translate(-50%,0) rotate(-45deg); -webkit-transform: translate(-50%,0) rotate(-45deg);}
.plan_btm > .item:before {top:-50%;}
.plan_btm .item ul.dot {width:50.34%; margin:0 auto; display:flex; justify-content: space-between; flex-wrap: wrap;}
.plan_btm .item ul.dot > li {width:50%;}


@media (max-width:1470px){
	.vision_txt, .goal_txt {gap: 1rem 5rem; text-align:left;}
	.vision_txt h4, .goal_txt h4 {position:relative; top:auto; left:auto; transform:translate(0,0); -webkit-transform: translate(0, 0);}
}
@media (max-width:1024px){
	.busi_plan .item {padding: 4rem 1rem 1rem;}
	.busi_plan .item h5 {margin-bottom:1.4rem;}
	.plan_top {gap: 3rem 1rem;}
	.plan_top > .item {width: calc((100% - 1rem* 2) / 3);}
	.plan_btm .item ul.dot {width:80%;}
}
@media (max-width:768px){
	.purpose {gap:2rem 1rem;}
	.vision_txt, .goal_txt {padding: 2rem 1rem; height:auto; flex-direction: column; text-align:center; font-size:1.2rem;}
	.vision_txt h4, .goal_txt h4 {font-size:1.5rem;}
	.vision_txt p{text-wrap:balance;}
	
	.plan_top > .item {width: 100%;}
	.plan_top > .item:before {top:-55%;}
	.plan_top > .item:nth-child(1):before {transform:translate(-50%,0) rotate(0deg); -webkit-transform: translate(-50%,0) rotate(0deg);}
	.plan_top > .item:nth-child(2):before, .plan_top > .item:nth-child(3):before {display:none;} 
	.plan_btm .item ul.dot {width:100%; margin:0;}
	.plan_btm .item ul.dot > li {width:100%;}
}

/* 오시는 길 */
.map_box {margin-bottom: 3.95rem; display:flex; flex-direction:column; gap: 1.4rem 1rem;}

.kakao_map {border-radius:2rem; -webkit-border-radius: 2rem; border:1px solid #ddd; overflow:hidden;}
.kakao_map .root_daum_roughmap .wrap_map {height:23.5rem;}
.kakao_map .root_daum_roughmap .wrap_controllers, .kakao_map .root_daum_roughmap .map_border {display:none;}

.map_add {display:flex; gap: 1rem 4rem; align-items: center; padding: 2rem 4rem; background:#1d1805; border-radius:1rem; -webkit-border-radius: 1rem; color:#fff; box-shadow: 7px 5px 40px 0px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 7px 5px 40px 0px rgba(0, 0, 0, 0.09);}
.map_add .logo {flex-shrink: 0;}
.map_add .logo img {width:11rem;}
.map_add > ul {display:flex;  flex-wrap:wrap; gap:0.95rem 2.5rem;}
.map_add > ul li {padding-left:2.4rem; position:relative; width:33.3%;}
.map_add > ul li:before {content:'';display:block; width:1.6rem; height:1.55rem; position:absolute; top:0.45em; left:0;}
.map_add > ul li.mp_address {flex-basis:100% !important;}
.map_add > ul li.mp_address:before {background:url('/images/default/content/map_icon01.svg') no-repeat center center; background-size: 100% auto !important;}
.map_add > ul li.mp_num:before {background:url('/images/default/content/map_icon02.svg') no-repeat center center; background-size: 100% auto !important;}
.map_add > ul li.mp_fax:before {background:url('/images/default/content/map_icon03.svg') no-repeat center center; background-size: 100% auto !important;}
.map_add > ul li.mp_kakao:before {background:url('/images/default/content/map_icon04.svg?v=2') no-repeat center center; background-size: 100% auto !important;}
.map_add > ul li p,
.map_add > ul li a {padding: 0.45rem 0; background:linear-gradient(-120deg, rgba(255,255,255,0.14) 30%, rgba(0,0,0,1) 50%, rgba(255,255,255,0.14) 70%); border-radius:0.5rem; -webkit-border-radius: 0.5rem; border:1px solid rgba(255,255,255,0.2); text-align:center;}
.map_add > ul li.mp_kakao a {display: inline-block; padding: 0.45rem 1rem; white-space: nowrap; color: var(--yellow);
    background: linear-gradient(135deg, #000 20%, #403D2D 50%, #000 80%); outline: 2px solid var(--yellow); border-radius: 2rem;}
.map_add > ul li.mp_kakao a:hover {color: var(--yellow); border-color: rgba(255, 198, 3, 0.5); background: linear-gradient(135deg, #ffc603 0%, #000 20%, #000 100%);}

.route_txt {display:flex; gap:1.4rem 1rem; flex-direction:column; margin-bottom:3.7rem; font-size:1.3rem; font-weight:700; color:#003f89;}
.route_txt span {font-size:0.95rem; color:#454545; display:block; font-weight:500; line-height: 1.47;}
.map_route {position:relative; padding: 2.5rem 0 6.4rem; z-index:0;}
.map_route:after{content:''; display:block; width:100vw; height:100%; background:#f9f5ee; position:absolute; top:0; left:50%; transform:translate(-50%,0); -webkit-transform: translate(-50%, 0); z-index:-1;}
.map_route > .item {display:flex; padding: 1.5rem; gap:1rem 4.1rem; background:#fff; border-radius:1rem; -webkit-border-radius: 1rem; -webkit-box-shadow: 7px 5px 40px 0px rgba(0,0,0,0.09); box-shadow: 7px 5px 40px 0px rgba(0,0,0,0.09);}
.map_route > .item:not(:first-child)  {margin-top:1rem;}
.map_route > .item h5 {padding-left:3.15rem; width: 11rem; flex-shrink: 0; font-size:1.3rem; font-weight:700; color:#1d1805; position:relative;}
.map_route > .item h5:before {content:'';display: block; width:1.7rem; height:auto; aspect-ratio:1; position: absolute; top:0.1em; left:0;}
.map_route > .item:nth-child(1) h5:before {background:url('/images/default/content/route_bus.svg') no-repeat center center; background-size:100% auto;}
.map_route > .item:nth-child(2) h5:before {background:url('/images/default/content/route_train.svg') no-repeat center center; background-size:100% auto;}
.map_route > .item:nth-child(3) h5:before {background:url('/images/default/content/route_subway.svg') no-repeat center center; background-size:100% auto;}

.route {flex-grow: 1;}
.route li{ font-size:0.95rem; font-weight:500;}
.route li:not(:first-child) {padding-top: 1.15rem; margin-top: 1.15rem; border-top:1px solid #c6c6c6;}
.route li p {font-size:0.85rem; color:#454545;}

@media (max-width:1470px){
	.map_add {padding:2rem 2rem;}
	.map_add > ul li {width:calc((100% - 2.5rem / 1)/2);}
}
@media (max-width:1024px){
	.route_txt span{font-size:1.05rem;}
	.map_route > .item{gap:1rem 2rem;}
	
	.route li{font-size:1.05rem}
	.route li p{font-size:1rem;}
	
}
@media (max-width:768px){
	.kakao_map .root_daum_roughmap .wrap_map {height:15rem;}
	
	.map_add {flex-direction: column; padding: 2rem 1rem;}
	.map_add > ul {gap:0.95rem 1rem;}
	.map_add > ul li {width:calc((100% - 1rem / 1) / 2);}
	.map_add > ul li p {padding: 0.45rem 0.5rem;}
	.map_route {padding-bottom:5rem;}
	.map_route > .item {flex-direction:column;}
	.map_route > .item h5 {width:100%;}
	
	.route li p{font-size:1rem;}
}
@media (max-width:450px){
	.map_add > ul li {width:100%;}
	.map_add > ul li p {text-align:left;}
	.map_add > ul li.mp_kakao a {display:block; white-space:nowrap;}
}

/********************************************************
■ 영재키움 프로젝트 소개 - 공통
********************************************************/
#mento, #student {display:none;}
#mento.show, #student.show {display:block;} 

/*프로젝트 소개*/
.proj_intro {padding:1rem; display: flex; justify-content: center; align-items: center; height:10rem; border-radius:2rem; -webkit-border-radius: 2rem; overflow:hidden; background:url('/images/default/content/proj_intro.jpg') no-repeat center center; background-size:cover; color:#fff;}

@media (max-width:768px){
	.proj_intro {padding: 2rem 1rem;  height: auto;}
}


/*프로젝트 특징*/
.projFeature_bg {margin:5rem 0; padding: 4rem 0; background-size:100% auto; position:relative; z-index:0;}
.projFeature_bg:after {content:''; display:block; width:100vw; height:100%; background:url('/images/default/content/projFeature_bg.jpg') no-repeat center center; background-size:cover; position:absolute; top:0; left:50%; transform:translate(-50%,0); -webkit-transform: translate(-50%, 0); z-index:-1;}
.projFeature_bg .main_tit {margin:0;}

.projFeature {background:#fff; padding:2rem; border-radius:2rem; -webkit-border-radius: 2rem;}
.projFeature .img_wrap {display:flex; justify-content: center; gap:2rem 5.75rem; margin-bottom: 5rem; margin-top: 2rem; position:relative;  z-index:0;}
.projFeature .img_wrap:after {content:''; display:block; width:22.5rem; height:auto; aspect-ratio:1; background:url('/images/default/content/projFeature_deco.png') no-repeat center center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%, -50%); background-size: 100% auto; z-index:-1;}
.projFeature .img_wrap > div {display: flex; align-items: center; justify-content: center;  flex-direction: column; gap: 1.9rem 1rem; width:10.9rem; height:auto; font-size:0.95rem; aspect-ratio:1; border-radius:100%; -webkit-border-radius: 100%; background:url('/images/default/content/proj_feature.png') no-repeat center center; background-size:cover;    border: 1px solid #fff; -webkit-box-shadow: 7px 5px 40px 0px rgba(0,0,0,0.09); box-shadow: 7px 5px 40px 0px rgba(0,0,0,0.09);}
.projFeature .img_wrap > div p { position:relative;}
.projFeature .img_wrap > div p:before {content:''; display:block; width:8.5rem; height:0.05rem; background:radial-gradient(circle, rgba(255,198,0,1) 0%, rgba(255,198,0,0) 100%);; position:absolute; top: -0.85rem; left:50%; transform:translate(-50%,0); -webkit-transform: translate(-50%, 0);}
.projFeature .img_wrap img{height:2.25rem;}


@media (max-width:1024px){
	.projFeature .img_wrap {margin-top:2rem;}
	.projFeature .img_wrap > div{font-size:1.05rem;}
}
@media (max-width:768px){
	.projFeature .img_wrap {flex-direction: column;align-items: center; margin:2rem;}
	.projFeature .img_wrap:after {transform:translate(-50%,-50%) rotate(90deg); -webkit-transform: translate(-50%,-50%) rotate(90deg);}
	.projFeature .img_wrap > div {width:9.5rem;}
}


/*참가활동 절차*/
.projProcss_bg {margin:5rem 0 0; padding: 4rem 0 0;position:relative;}
.projProcss_bg:after {content:''; display:block; width:100vw; height:100%;background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(249,248,247,1) 44%);; position:absolute; top:0; left:50%; transform:translate(-50%,0); -webkit-transform: translate(-50%, 0); z-index:-1; }
.projProcss_bg .main_tit {margin-top:0;}

.process_list {display:flex; flex-wrap:wrap; gap:1rem;}
.process_list .proc_item:nth-child(2) {background:#fff url('/images/default/content/process02.png') no-repeat right bottom;}

.proc_item {padding:1.5rem; width:calc((100% - 1rem * 1)/2); background:#fff; border-radius:1rem; -webkit-border-radius: 1rem; -webkit-box-shadow: 7px 5px 40px 0px rgba(0,0,0,0.09); box-shadow: 7px 5px 40px 0px rgba(0,0,0,0.09); position:relative; z-index: 0;}
.proc_item h6 {padding-bottom:0.85rem; margin-bottom:0.85rem; position:Relative; font-size: 0.95rem; font-weight:700; color:#1d1805;}
.proc_item h6:after {content: '';  display: block;  width: 8.5rem;  height: 1px;  background: radial-gradient(circle, rgba(255, 198, 0, 1) 0%, rgba(255, 198, 0, 0) 100%);  position: absolute;  bottom:0;  left: 0;}
.proc_item h6 span { font-weight:600;}
.proc_item img {position:absolute; bottom:2rem ;right:1.4rem; z-index: -1;}
.proc_item .dot02 {padding-left:0;}
.proc_item .dot02 ul {display:flex; gap:0.5rem 1.4rem;}
.proc_item .dot02:before {display:none;}

/* 학생 이미지 */
.process_list.forStudent .proc_item:nth-child(5) {background:#fff url('/images/default/content/stu_process05.png') no-repeat right+30px bottom;}



@media (max-width:1470px){
	.proc_item {padding: 2rem 1rem;}
	.proc_item img {width: 5rem;}

	.process_list .proc_item:nth-child(2) {background-size:35%;}
	.process_list.forStudent .proc_item:nth-child(5) {background-size:20%;}
	.process_list.forStudent .proc_item:nth-child(5) {background-size:15%;}
}
@media (max-width:1024px){
	.proc_item {width:100%;}
	.proc_item h6{font-size:1.05rem;}
	.process_list .proc_item:nth-child(2) {background-size:auto;}
	
}
@media (max-width:590px){
	.proc_item {padding: 2rem 1rem 10rem;}
	.proc_item img {width:auto; height:7rem; bottom: 1rem; right: 1rem;}

	.process_list .proc_item:nth-child(2) {background-size:auto 9rem}
	.process_list.forStudent .proc_item:nth-child(5) {background-size:45%; background-position:right+10px bottom;}
}


/* 역할 */
.proj_task {position:relative;}
.proj_task .task_tab {position:absolute; top:-0.5rem; right:0; z-index:1;}

.task_table {border-top: 2px solid #000; text-align:center; color:#353535; font-weight:500; }
.task_table table {width:100%;}
.task_table table thead {background:#214383; color:#fff; border-bottom: 1px solid #e3e3e3;}
.task_table table tbody tr {border-bottom: 1px solid #e3e3e3;}
.task_table table thead th,
.task_table table tbody th,
.task_table table tbody td {padding:0.9rem 0.5rem;}
.task_table table thead th {position:relative; font-weight:400;}
.task_table table thead th:not(:last-child):after {content:''; display:block; width:2px; height:44.77%; background:#e3e3e3; position:absolute; top:50%; right:0; transform:translate(0,-50%); -webkit-transform: translate(0, -50%);}
.task_table table tbody th.bg1{background:#F9F4EE}
.task_table table tbody th.bg2{background:#F4F6FA}
.task_table .ps {color:#b20000; vertical-align: text-bottom;}
.task_table .ps_txt {display:flex; gap:0 0.25rem; font-size: 0.75rem; color:#b20000;}
.task_table .smallDot {display:flex; gap:0 0.25rem; font-size: 0.75rem;}

@media (max-width:768px){
	.proj_task .task_tab {font-size:1rem;}
	.task_table {overflow-x:scroll; font-size:1rem;}
	.task_table table {min-width: 50rem;}
}
@media (max-width:590px){
	.proj_task .task_tab {display: flex;  gap: 0.5rem; margin-bottom: 1rem; position:relative; top:auto; right:auto;}
	.proj_task .task_tab > p {width:50% !important;}
	.proj_task .task_tab > p.on {}
	
	.task_table .ps_txt{font-size:0.875rem;}
}


/********************************************************
■ 신입생 선발 - 행정사항 안내
********************************************************/
.adminCon h4.lineSeed{font-size:1.3rem; font-weight:600; color:var(--black); margin-bottom:1.15rem;}
.adminCon h4.lineSeed + p{font-size:0.95rem; color:var(--black); margin-bottom:1.5rem; }

.adminCon .file_box{margin:3.5rem 0 6rem;}
.roundNemo{padding:1.7rem 2.5rem; border:1px solid #DDDDDE; border-radius:1rem; -webkit-border-radius: 1rem; background:#fff;}
.roundNemo b{color:#214285;}
.roundNemo small{display:block; color:#555; font-size:0.95rem; margin-top:1rem; padding-left: 1.35rem;}
.roundNemo.bg{background:#F6F6F6; border-color:#F6F6F6; margin-top:2rem; }
.roundNemo.bg h5{font-size:0.95rem; color:#214285; margin-bottom:1.3rem; font-weight:400;}
.roundNemo.bg .bar{position:relative; padding-left:0.6rem; margin-top:0.5rem; }
.roundNemo.bg .bar:before{content:""; position:absolute; left:0px; top:0.65em; width:0.3rem; height:1px; background:#212121;}
.roundNemo .dot li{margin-bottom:0rem;}
.roundNemo .dot li:not(:first-child){margin-top:1.3rem;}

@media (max-width:1470px){
	.roundNemo{padding:1.2rem 1.5rem;}
	
}
@media (max-width:768px){
	.roundNemo small{font-size:0.875rem;}
	
}

/********************************************************
■ 주요 프로그램 - 학생프로그램
********************************************************/
.task_table.prodStudent .dot li {margin-bottom: 0;}
.task_table.prodStudent table thead th {padding: 0.6rem 1rem;}
.task_table.prodStudent table tbody th,
.task_table.prodStudent table tbody td {padding: 0.35rem 1rem; font-size:0.75rem;}
.aboutProg {position:relative; padding:4.5rem 0 6.4rem;}
.aboutProg:before{content:""; position:absolute; left:50%; top:0px; width:100vw; height:100%; background:#F9F4EE; transform:translateX(-50%); -webkit-transform: translateX(-50%); z-index: -1;}
.aboutProg2:before{background:#F4F8FB;}
.aboutProg h4{height:3.5rem; line-height: 3.5rem; text-align:center; max-width:22.6rem; font-size:1.3rem; border-radius:1rem 1rem 0 0;  -webkit-border-radius: 1rem 1rem 0 0; color: #ffc603; background: #1d1705 url(/images/default/content/page_tit_bg.png) no-repeat center bottom;}

.aboutProg .info h5{font-size:1.05rem; color:var(--black); padding-bottom:1rem; margin-bottom:1.5rem; border-bottom:1px solid var(--black); margin-top:2.5rem;}
.aboutProg .info h5 em{font-weight:400;}
.aboutProg .info small{display:block; padding-left:1.35rem; color:#666; font-weight:300; margin-top:0.5rem; font-size:0.75rem;}
.aboutProg .info dl{background:#fff url('/images/default/content/proText_bg.jpg')no-repeat right top; background-size:12rem auto; border-radius:1rem; -webkit-border-radius: 1rem; padding:2rem; margin-top:2rem;}
.aboutProg .info dl dd{display:flex; }
.aboutProg .info dl dd + dd{margin-top:1.2rem;}
.aboutProg .info dl dd b{flex-shrink: 0; position:relative; width:10.75rem;  }

.pro_wrap{position:relative; padding:3.5rem 0 2.5rem; margin-bottom:2.5rem;}
.pro_wrap:before{content:""; position:absolute; left:50%; top:0px; width:100vw; height:100%; background:#fff; transform:translateX(-50%); -webkit-transform: translateX(-50%); border-top:1px solid #DAD8D5; border-bottom:1px solid #DAD8D5; z-index: -1; box-shadow:0 0 2rem rgba(99,99,99,0.1)}
.progItem_list > li{position:relative; z-index:0;}
.progItem_list > li:after{content:""; position:absolute; right:-0.5rem; bottom:-0.5rem; background:#F9F4EE; border-radius:1rem; -webkit-border-radius: 1rem; height:80%; width:19rem; z-index: -1;}
.progItem_list > li:has(.hidden):after{height:calc(80% - 4.8rem);}
.progItem_list > li:has(.tip):after{height:calc(100% + 1rem); border-radius:0 0 1rem 1rem; -webkit-border-radius: 0 0 1rem 1rem;}
.progItem_list > li .hidden:is(#proS_02, #proS_03){padding-top:1.5rem;}
.progItem_list > li .tip{position:absolute; right:-0.5rem; top:-2rem; width:19rem; height:2rem; line-height:2rem; padding:0 1rem; color:var(--black); font-size:0.75rem; text-align:right; background:#F9F4EE; border-radius:1rem 1rem 0 0; -webkit-border-radius: 1rem 1rem 0 0;}
.progItem{ display: flex; border:1px solid #DFDEDC; border-radius:1rem; -webkit-border-radius: 1rem; overflow:hidden; min-height:11rem; background:#fff;}
.progItem .img{width:32%;}
.progItem .img span{display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.progItem .text{display: flex; flex-direction: column; flex:1; padding:1rem 4rem;}
.progItem .text h5{color:var(--black); font-size:1.05rem; padding-bottom:0.5rem; margin-bottom:1rem; border-bottom:1px solid #ccc; text-align:center;}
.progItem .text h5:before{content:""; display:inline-block; width:1.1rem; height:1.4rem; background:url('/images/default/content/rocket_icon.svg')no-repeat 0 0; background-size:100% auto; vertical-align:middle; margin-right:0.5rem;}
.progItem .text .dot{flex:1;}
.progItem .text .dot li b{margin-right:0.5rem;}
.progItem .text .dot.flex li.cont{display:flex;}
.progItem .text .dot.flex .bar{position:relative; padding-left:0.7rem; color:#353535; margin-top:0;}
.progItem .text .dot.flex .bar:before{content:""; position:absolute; left:0px; top:0.5em; width:0.3rem; height:0.3rem; background:#353535; border-radius:50%; -webkit-border-radius: 50%;}
.progItem .state{display:flex; gap:1.5rem; margin-top:1.75rem;}
.progItem .state p{flex:1; display: flex; align-items: center;  justify-content: center; text-align:center; padding:0.25rem 1rem; line-height: 1.2; min-height: 2rem; border-radius:1rem; -webkit-border-radius: 1rem; background:#F5F5F5;}
.progItem .state p.bg1{background: rgb(255,228,173); background: radial-gradient(circle, rgba(255,228,173,1) 0%, rgba(255,240,212,1) 100%);}
.progItem .state p.bg2{background:#BFDFFF;}
.progItem .state p.bg3{background:#DDDDDD;}
.progItem .state p.bg4{background: rgb(255,233,142);background: radial-gradient(circle, rgba(255,233,142,1) 0%, rgba(255,243,193,1) 100%);}
.progItem .state .icon_time{display:inline-block; width:1rem; height:1rem; background:url('/images/default/content/icon_time.svg')no-repeat 0 0; background-size:100% auto; margin-right:0.4rem;}


@media (max-width:1470px){
	.progItem .text{padding:1.5rem 2rem;}
	.progItem .state{gap:1rem;}
}
@media (max-width:768px){
	.prodStudent_txt {font-size: 1.05rem;}
	.task_table.prodStudent table tbody th,
	.task_table.prodStudent table tbody td {font-size:0.8rem;}
	.task_table.prodStudent .ps_txt {font-size:0.75rem !important;}
	.progItem_list > li:after{height:100%; right:-0.5rem; bottom:-0.5rem;}
	.progItem_list > li:has(.hidden):after{height:calc(100% - 4.8rem);}
	.progItem_list > li:has(.tip):after{height:calc(100% + 0.5rem);}
	.progItem_list > li .tip{right:-0.5rem;}

	.progItem{flex-direction: column}
	.progItem .img{width:100%;  aspect-ratio: 3 / 1;}
	.progItem .text{padding:1.5rem 1rem;}
	.progItem .text .dot.flex li.cont{flex-direction: column}
	.progItem .state{gap:0.5rem;}
	
	.aboutProg .info dl dd{display:block;}
	.aboutProg .info dl dd b{display:block;}
	.aboutProg .info small{font-size:0.85rem;}
}

/********************************************************
■ 주요 프로그램 - 멘토
********************************************************/
/* 멘토 역할 */
.forMento.proj_task .task_tab > p {position:relative; display: inline-block; padding: 0.8rem 0; width:8.4rem; background:#e8e4de; color:#7c7262; text-align:center; line-height: 1; border-radius:2rem; -webkit-border-radius: 2rem; cursor:pointer;}
.forMento.proj_task .task_tab > p.on {background:url('/images/default/main/tab_bg.jpg') no-repeat 45% center; background-size:cover; color:#fff; border-top-left-radius: 0; -webkit-border-top-left-radius: 0;}
.forMento.proj_task .task_tab > p.on:before { content: ""; position: absolute; left: -0.6rem; top: 0px; width: 0.6rem; height: 1.35rem; background: url(/images/default/main/tab_afer2.png) no-repeat right top; background-size: 100% auto; }


/* 멘토 이미지 */
.process_list.forMento01 .proc_item:nth-child(5) {background:#fff url('/images/default/content/mt_process01-05.png') no-repeat right+30px bottom;}
.process_list.forMento01 .proc_item:nth-child(7) {background:#fff url('/images/default/content/mt_process01-07.png') no-repeat right+30px bottom;}
.process_list.forMento02 .proc_item:nth-child(1) {background:#fff url('/images/default/content/mt_process02-01.png') no-repeat right+30px bottom;}
.process_list.forMento02 .proc_item:nth-child(2) {background:#fff;}
.process_list.forMento02 .proc_item:nth-child(4) {background:#fff url('/images/default/content/mt_process02-04.png') no-repeat right bottom;}

@media (max-width:1470px){
	.process_list.forMento01 .proc_item:nth-child(5) {background-size:35%;}
	.process_list.forMento01 .proc_item:nth-child(7) {background-size:23%;}
	.process_list.forMento02 .proc_item:nth-child(1) {background-size:20%;}
	.process_list.forMento02 .proc_item:nth-child(4) {background-size: 30%;}
}
@media (max-width:1024px){
	.process_list.forMento01 .proc_item:nth-child(5),
	.process_list.forMento01 .proc_item:nth-child(7),
	.process_list.forMento02 .proc_item:nth-child(1),
	.process_list.forMento02 .proc_item:nth-child(4) {background-size:auto;}
}




/********************************************************
■ 주요 프로그램 - 학생
********************************************************/
/* 학생 역할 */
.forStudent.proj_task .task_tab > p {position:relative; display: inline-block; padding: 0.8rem 0; width:8.4rem; background:#e8e4de; color:#7c7262; text-align:center; line-height: 1; border-radius:2rem; -webkit-border-radius: 2rem; cursor:pointer;}
.forStudent.proj_task .task_tab > p.on {background:url('/images/default/main/tab_bg.jpg') no-repeat 45% center; background-size:cover; color:#fff; border-top-right-radius: 0; -webkit-border-top-right-radius: 0;}
.forStudent.proj_task .task_tab > p.on:before { content: ""; position: absolute; right: -0.6rem; top: 0px; width: 0.6rem; height: 1.35rem; background: url(/images/default/main/tab_afer.png) no-repeat right top; background-size: 100% auto;}



/********************************************************
■ 프로그램 신청
********************************************************/
/*교사용(유형1-스카이) .teacherBody 클래스 // 학생용(유형2-베이지) .studentBody // 교사용(유형3-블루) .mentorBody 클래스*/

/******** 상단 라운드 박스 ********/
.tip_box{padding:0.8rem; border-radius:2rem; -webkit-border-radius: 2rem; background:var(--base); margin-bottom:3.5rem; }
.tip_box > div{background:#fff; border:2px solid var(--black); border-radius:2rem; -webkit-border-radius: 2rem; padding:2rem; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; gap:1.5rem}
.tip_box:has(.meto_warning) > div {gap:1rem 1.5rem; padding: 1.5rem;}

.tip_box .icon{display:block; width:2.7rem; height:2.9rem; background:url('/images/default/content/img_check.png')no-repeat 0 0; background-size:100% auto;}
.tip_box button{height:3rem; width:11rem; color: var(--yellow);  font-size: .9rem; font-weight: 400;  cursor:pointer; border-radius:0.5rem; -webkit-border-radius: 0.5rem; }
.tip_box.flex-top > div{align-items: flex-start;}

.studentBody .tip_box button{border:2px solid var(--yellow); outline:6px solid #f9f4ee;   background: linear-gradient(135deg, #a3810a 0%, #000 20%, #000 100%);}
.mentorBody .tip_box button{background:  linear-gradient(135deg, #000000 0%, #024089 20%, #024089 100%); border:2px solid var(--blue); outline:6px solid #E9F2F9; color:var(--yellow);}
.teacherBody .tip_box button{background:  linear-gradient(135deg, #000000 0%, #024089 20%, #024089 100%); border:2px solid var(--black); outline:6px solid #E9F2F9; color:#fff;}
.teacherBody .tip_box{background:#E9F2F9;}
.teacherBody .icon{background-image:url('/images/default/content/img_check_s.png');}

.meto_warning {padding: 1rem; width: 100%; border-radius: 0.5rem;  text-align: center;  background: #fff8f8; display: flex; align-items: center;  justify-content: center; color: #d70000; gap: 0.8rem; flex-wrap: wrap; font-size: 0.9rem;}
.meto_warning span {display: flex;  align-items: center;  gap: 0.5rem;font-size: 1rem; font-weight: 700; color: #d70000;}
.meto_warning span i{font-size: 1.2rem;}

@media (max-width:768px){
	.tip_box > div{flex-direction: column; text-align:center; padding:2rem 1rem;}
	.tip_box > div ul{text-align:left;}
	.tip_box.flex-top > div{align-items: center;}
	.meto_warning {margin-top:1rem;}
}

/******** 신청 step ********/
.prog_step{text-align:center; margin-bottom:4rem;}
.prog_step ol{display:inline-block}
.prog_step ol li{position:relative; display:inline-block; padding:0 1.3rem; text-align:center; margin-right:4.5rem;}
.prog_step ol li:last-child{margin-right:0;}
.prog_step ol li:not(:last-child):before{content:""; position:absolute; right:-4.5rem; top:2rem; width:4.5rem; height:0.2rem; background:#dadada; border-radius:0.1rem; -webkit-border-radius: 0.1rem;}
.prog_step ol li p{color:#585858; margin-top:0.7rem;}
.prog_step ol li .num{display: flex; align-items: center;  justify-content: center; flex-direction: column; width:4rem; height:4rem; border-radius:50%; -webkit-border-radius: 50%; border:1px solid #c1c1c1; background:#fff; font-size:0.75rem; color:#999; }
.prog_step ol li .num b{display:block; font-size:1.3rem; font-weight:700; color:var(--black); line-height:1;}
.prog_step ol li.on p{color:var(--black); font-weight:700;}
.prog_step ol li.on .num{background:var(--black); border-color:var(--black); box-shadow:0 0 1rem rgba(99,99,99,0.2); }
.prog_step ol li.on .num b{color:var(--yellow);}
.prog_step ol li.on:not(:last-child):before{background:var(--black);}
.prog_step ol li.on:not(:last-child):after{content:""; position:absolute; right:-4rem; top:0px; width:4rem; height:1.15rem; background:url('/images/default/content/step_before.png') no-repeat right 0; background-size:auto 100%;}
.prog_step ol li.end:not(:last-child):after{display:none;}

@media (max-width:1280px){
	.prog_step ol li{ padding: 0 0.5rem; margin-right: 2rem;}
	.prog_step ol li:not(:last-child):before{ right:-2rem; width:2rem;}
	.prog_step ol li.on:not(:last-child):after{right:-1.5rem; width:1.5rem;}
}
@media (max-width:768px){
	.prog_step ol li{ margin-right: 0;}
	.prog_step ol li:not(:last-child):before{width:3rem; z-index:-1; top:1.5rem; }
	.prog_step ol li.on:not(:last-child):after{display:none;}
	.prog_step ol li .num{width:3rem; height:3rem; font-size:0.5rem;}
	.prog_step ol li p{font-size:0.8rem; margin-top:0.4rem;}
	
}
@media (max-width:390px){
	.prog_step ol li{ padding: 0 0.2rem; }
	
}

/******** 약관동의 ********/
.prog_tit{font-size:1.3rem; color:var(--black);  padding-bottom:1rem;}
.prog_agree ul{padding:2.5rem 0; border-top:2px solid var(--black); border-bottom:2px solid var(--black); }
.prog_agree li .title{display: flex; justify-content: space-between; align-items: center; border:1px solid #c1c1c1; padding:1.2rem 1.7rem; font-size:1.3rem; font-weight:500; }
.prog_agree li .title em{color:var(--red); font-size:0.8rem; }
.prog_agree li .title .moreBtn{flex-shrink: 0; position:relative; width:1.5rem; height:1.5rem; font-size:0; background:url('/images/default/content/moreBtn.svg') no-repeat 50% 50%; background-size:100% auto;  transform: rotate(180deg ); -webkit-transform: rotate(180deg ); transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s;}
.prog_agree li .title .chks input[type="checkbox"]{border-radius:0.2rem; -webkit-border-radius: 0.2rem;}
.prog_agree li + li:not(.all) .title{border-top:none;}
.prog_agree .private{display:none;background:#FBF8F5; border:1px solid #c1c1c1; padding:2rem; border-top:none; font-size:.9rem; }
.prog_agree li.open  .title .moreBtn{transform: rotate(0deg ); -webkit-transform: rotate(0deg );}
.prog_agree li.all{margin-top:1rem;}
.prog_agree li.all .private{border-radius:0 0 1rem 1rem; -webkit-border-radius: 0 0 1rem 1rem;}
.prog_agree li.all.open .title{ border-radius:1rem 1rem 0 0; -webkit-border-radius: 1rem 1rem 0 0;}
.prog_agree li.all:has([type="checkbox"]:checked) .title{background:var(--black); color:#fff;}
.prog_agree li.all:has([type="checkbox"]:checked) .moreBtn{background-image:url('/images/default/content/moreBtn_w.svg')}
.prog_agree li.all:has([type="checkbox"]:checked) input[type="checkbox"]:checked{background-image: url(/images/default/content/chks_b.svg); background-color:var(--yellow); border-color:var(--yellow);}

@media (max-width:768px){
	.prog_agree li .title{padding:1rem; font-size:1rem;}
	.prog_agree li .chks{display:inline-flex;}
	.prog_agree li .title .chks input[type="checkbox"]{flex-shrink: 0;}
	.prog_agree .private{padding:1rem;}
}



/******** 유형선택 ********/
.prog_type{position:relative; display:flex; gap:1.5rem; padding:3.5rem 0; border-top:2px solid var(--black); border-bottom:2px solid var(--black); }
.prog_type:before{content:""; position:absolute; left:50%; top:0px; width:100vw; height: 100%; background:var(--base); z-index:-1;transform:translateX(-50%); -webkit-transform: translateX(-50%);}
.prog_type .item{width:calc((100% - 1.5rem * 2) / 3); display: flex; flex-direction: column-reverse;}
.prog_type .item input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.prog_type .item label{display: flex; flex-direction: column; justify-content: space-between; height: 100%; background:#fff; border-radius:2rem; -webkit-border-radius: 2rem; border:1px solid rgba(197,197,197,0.5); padding:2.5rem 1.5rem 0; cursor:pointer;}
.prog_type .item input[type="radio"]:checked + label{border-color:var(--black);}
.prog_type .item input[type="radio"]:checked + label .type_btn{color:var(--black);}
.prog_type .title_box{color:var(--black);}
.prog_type .title_box dl{height:180px;}
.prog_type .title_box dt{text-align:center; margin-bottom:1rem; font-weight:500;}
.prog_type .title_box dt em{display:inline-block; line-height: 1.2; margin-left:0.4rem; padding:0.2rem 0.7rem; border-radius:0.4rem; -webkit-border-radius: 0.4rem; font-size:1.35rem; font-weight:700; background:var(--blue); color:#fff; }
.prog_type .title_box dd{position:relative; font-size:1rem; margin-bottom:0.5rem; line-height: 1.2; font-weight:500; padding-left:1rem; }
.prog_type .title_box dd:before{content:""; position:absolute; left:0px; top:0.45em; width:0.3rem; height:0.3rem; background:var(--black); border-radius:50%; -webkit-border-radius: 50%;}
.prog_type .title_box .tit_name{position:relative; display: flex; align-items: center;  justify-content: center; gap:1rem; margin-top:4.5rem; border-radius:0.5rem; -webkit-border-radius: 0.5rem; height:6rem; font-size:1.3rem; font-weight:500; background:#E9F2F9;}
.prog_type .title_box .tit_name:before{content:""; position:absolute; left:50%; top:-4rem; width:0.6rem; height:3.15rem; margin-left:-0.3rem; background:url('/images/default/content/type_line01.svg')no-repeat 0 0; background-size:100% auto;}
.prog_type .title_box .tit_name i{display:inline-block; width:2.5rem; height:2rem; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100% ; }
.prog_type .title_box .tit_name i.cate01{background-image:url('/images/default/content/feature02.svg')}
.prog_type .title_box .tit_name i.cate02{background-image:url('/images/default/content/feature01.svg')}
.prog_type .title_box .tit_name i.cate03{background-image:url('/images/default/content/feature02_w.svg')}
.prog_type .txt_box{flex:1; height: 100%; margin:2.5rem 0; padding:1.5rem 0; background:#E9F2F9; border-radius:0.5rem; -webkit-border-radius: 0.5rem;}
.prog_type .txt_box > div{background:#fff; border-radius:2rem; -webkit-border-radius: 2rem; outline:2px solid var(--black); padding:1.5rem;     height: 100%;}
.prog_type .txt_box strong{display:block; text-align:center; font-size:1.1rem; border-bottom:1px solid #d7d7d7; margin-bottom:1rem; padding-bottom:1rem; text-wrap: pretty; }
.prog_type .txt_box .dot li{font-size:0.9rem;}
.prog_type .type_btn{position:relative; padding:1.5rem 0; border-top:1px solid #5B5B5B; color:#9C9C9C; font-size:1.3rem; font-weight:700; text-align:center;}
.prog_type .type_btn .check{position:relative; display:inline-block; margin-left:0.75rem; width:2.5rem; height:2.5rem; background:#fff; border:1px solid rgba(193,193,193,0.5);  vertical-align: middle; border-radius:50%; -webkit-border-radius: 50%;}
.prog_type .type_btn .check:before{content:""; position:absolute; left:0.8rem; top:-0.4rem; width:1.95rem; height:2.25rem;  background:url('/images/default/content/type_chks.png') no-repeat 0 0; background-size:100% auto; vertical-align: middle;}
.prog_type .type_btn .lvTxt{position:absolute; left:0px; top:0px; width:100%; height:99%; display: flex; align-items: center;  justify-content: center; background:rgba(255,255,255,0.3); color:var(--black); font-size:1rem; font-weight:500; -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.prog_type .type_btn .lvTxt:before{content:""; display:inline-block; width:1.5rem; height:1.5rem; background:url('/images/default/content/one_icon19.svg') no-repeat 0 0; background-size:100% auto; margin-right:1rem;} 

/*유형1*/
.prog_type .item01 input[type="radio"]:checked  + label .type_btn .check{background:var(--blue); border-color:var(--blue);}
.prog_type .item01 input[type="radio"]:checked  + label .type_btn .check:before{background-image:url('/images/default/content/type_chks_b.png')}
.prog_type .item01 .dot li:before{background-image:url('/images/default/content/bullet02.svg')}
/*유형2*/
.prog_type .item02 input[type="radio"]:checked  + label .type_btn .check{background:var(--black); border-color:var(--yellow);}
.prog_type .item02 input[type="radio"]:checked  + label .type_btn .check:before{background-image:url('/images/default/content/type_chks_y.png')}
.prog_type .item02 .title_box dt em{background:var(--black); color:var(--yellow);}
.prog_type .item02 .title_box .tit_name:before{background-image:url('/images/default/content/type_line02.svg')}
.prog_type .item02 .title_box .tit_name,
.prog_type .item02 .txt_box{background:#F9F4EE}
/*유형3*/
.prog_type .item03 input[type="radio"]:checked  + label .type_btn .check{background:var(--blue); border-color:var(--yellow);}
.prog_type .item03 input[type="radio"]:checked  + label .type_btn .check:before{background-image:url('/images/default/content/type_chks_y.png')}
.prog_type .item03 .title_box dt em{color:var(--yellow);}
.prog_type .item03 .title_box .tit_name:before{background-image:url('/images/default/content/type_line03.svg')}
.prog_type .item03 .title_box .tit_name{background:var(--blue); color:#fff;}
.prog_type .item03 .txt_box{background:var(--blue)}
.prog_type .item03 .dot li:before{background-image:url('/images/default/content/bullet03.png')}


@media (max-width:1280px){
	.prog_type{gap:1rem;}
	.prog_type .item{width:calc((100% - 1rem * 2) / 3);}
	.prog_type .item label{padding:2rem 1rem 0}
	.prog_type .txt_box > div{padding:1rem; border-radius:1.5rem; -webkit-border-radius: 1.5rem;}
	
}
@media (max-width:1024px){
	.prog_type{flex-direction: column}
	.prog_type .item{width:100%;}
	.prog_type .item label{flex-direction: row; flex-wrap: wrap; gap:1rem;}
	.prog_type .title_box dl{height:auto;}
	.prog_type .type_btn{width:100%;}
	.prog_type .title_box,
	.prog_type .txt_box{width:calc(50% - 0.5rem); margin:0;}
	.prog_type .txt_box{height:auto;}
	.prog_type .txt_box > div{height:100%;}
	
}
@media (max-width:768px){
	.prog_type .title_box,
	.prog_type .txt_box{width:100%; }
	
}

/******** 정보입력 ********/
.prog_form{position:relative;  padding:2rem 0 3rem; border-top:2px solid var(--black); border-bottom:2px solid var(--black); }
.prog_form .flex_p{display:flex; justify-content: space-between; margin-bottom:1.5rem;}
.prog_form .flex_p em{color:var(--red);}


.form_wrap{position:relative;  display:flex; align-items: flex-start; padding-right:2.5rem;}
.form_wrap:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:6.5rem; background:#F4F8FC; border-radius:2rem; -webkit-border-radius: 2rem; z-index: -1;}
.form_wrap h5{position:relative; display: flex; align-items: center; width:17rem; height:6.5rem; padding:0 1.75rem; color:var(--black); font-size:1.05rem;}
.form_wrap h5:after{content:""; position:absolute; right:0px; bottom:0px; width:2.5rem; height:2.5rem; background:url('/images/default/main/round_bot_right.svg') no-repeat 0 0; background-size:100% auto; }
.form_wrap h5 span{position:relative;  display:block; padding-left:2.4rem;  }
.form_wrap h5 span:before{content:"";position:absolute; left:0px; top:0; width:1.4rem; height:1.4rem; background:url('/images/default/content/square_s.svg') no-repeat 0 0; background-size:100% auto; }
.form_wrap > div{width:calc(100% - 17rem); margin-top:2rem; padding:1rem; background:#fff; border-radius:1.5rem; -webkit-border-radius: 1.5rem;}

.roundTb{width:100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; overflow:hidden; }
.roundTb th{padding:1rem; font-weight:500; background:#F4F8FC; color:var(--black); text-align:left; border-bottom:1px solid #E7E7E7;}
.roundTb th em{color:var(--red);}
.roundTb td{padding:1rem 2.25rem; border-bottom:1px solid #E7E7E7; }
.roundTb td.input{background:#F4F8FC;}
.roundTb td .arBtn{display:flex; gap:0.5rem; align-items: center;}
.roundTb td .arBtn.between{justify-content: space-between;}
.roundTb td .arBtn.between > span{width:50%;}
.roundTb td .arBtn.between > span label{color:#888; width:7rem;}
.roundTb td .arBtn.address{flex-wrap:wrap;}
.roundTb td .arBtn select{width:100%;}
.roundTb td .dateInput{background:#fff url('/images/default/content/icon_cal.svg')no-repeat right 0.5rem top 50%; min-width: 10rem;}
.roundTb td button{flex-shrink: 0; width:6rem; height:2.5rem; border-radius:0.5rem; -webkit-border-radius: 0.5rem; background:#F4F8FC; border:1px solid #024089; color:#024089; }
.roundTb td button.addrBtn{background:#9C9C9C; border-color:#9C9C9C; color:#fff;}
.roundTb td button.studentBtn{background:  linear-gradient(135deg, #000000 0%, #024089 20%, #024089 100%); border:2px solid var(--black); color:#fff;}
.roundTb td button.addBtn{height:1.5rem; color:#fff; background:var(--blue);}

.roundTb  td :is(.radio, .check){display:inline-block; white-space: nowrap; }
.roundTb  td :is(.radio, .check) label{padding-left:0.5rem; padding-right:0; cursor:pointer;}
.roundTb  td label{display:inline-block; padding:0;}
.roundTb  td .w150{width:7.5rem;}
.roundTb  td .w200{width:10rem;}
.roundTb  td textarea{resize: vertical; color:#353535;}
.roundTb  td .arBtn .formBtn{height:50px; padding:0 1rem; border-radius:0.5rem; -webkit-border-radius: 0.5rem; background:var(--yellow); border:1px solid rgba(100,100,100,0.5); font-size:0.8rem; color:var(--black); cursor:pointer;}
.roundTb > tr:first-child th:first-child{border-top-left-radius:1rem;}
.roundTb > tr:first-child td:last-child{border-top-right-radius:1rem;}
.roundTb > tr:last-child th{border-bottom-left-radius:1rem; border-bottom:0; }
.roundTb > tr:last-child td{border-bottom-right-radius:1rem; border-bottom:0; }

.roundTb  .file {position:relative;}
.roundTb  .file input[type="file"] {position:absolute; top:0; left:0; width:22.9rem; opacity:0;}
.roundTb  .file input[type="text"] {width:17.9rem;}
.roundTb  .file a {margin-left:0.5rem; vertical-align:top;}
.roundTb  .file span {margin-left:1rem; font-size:0.75rem; color:#767676}
.roundTb  .fileBtn {display:inline-block; width:6rem;  height:2.5rem; line-height:2.5rem; background:#F4F8FC; border:1px solid #024089; color:#024089;  font-weight:normal; font-size:0.8rem; text-align:center; margin-left:0px !important; cursor:pointer; border-radius:0.5rem; -webkit-border-radius: 0.5rem;}
.roundTb  small em{display:inline-block; color:var(--green); font-weight:600; margin-left:0.5rem;}
.roundTb .downDiv .colorRed{background:var(--red); color:#fff; padding:0.2rem 0.5rem; border-radius:0.3rem; font-size:0.75rem; font-weight:500; cursor:pointer;}
.chksWrap{display:flex; flex-wrap:wrap; gap:0.15rem;}
.schoolChk > span{display:inline-block; padding:0.25rem 0;}
.schoolChk > span:nth-of-type(5),
.schoolChk > span:nth-of-type(6){margin-right:35px !important;}

/*유형1*/
.teacherBody .form_wrap input[type="radio"]:checked ,
.teacherBody .form_wrap input[type="checkbox"]:checked { background:var(--blue) url('/images/default/content/type_chks_b.png')no-repeat left 0.3rem top -0.3rem; background-size:90%;}
/*유형2*/
.studentBody .form_wrap input[type="radio"]:checked,
.studentBody .form_wrap input[type="checkbox"]:checked { background:var(--black) url('/images/default/content/type_chks_y.png')no-repeat left 0.3rem top -0.3rem; background-size:90%;}
.studentBody .form_wrap:before,
.studentBody .roundTb th,
.studentBody .roundTb td.input{background:var(--base);}
.studentBody .form_wrap h5 span:before{background-image:url('/images/default/content/square_b.svg');}
.studentBody .roundTb td button{ background:#F9F4EE; border-color:var(--black); color:var(--black);}
.studentBody .roundTb td button.addrBtn{background:#9C9C9C; border-color:#9C9C9C; color:#fff;}
.studentBody .roundTb td button.studentBtn{border:2px solid var(--yellow); outline:6px solid #f9f4ee;}
/*유형3*/
.mentorBody .form_wrap input[type="radio"]:checked,
.mentorBody .form_wrap input[type="checkbox"]:checked { background:var(--blue) url('/images/default/content/type_chks_y.png')no-repeat left 0.3rem top -0.3rem; background-size:90%;}
.mentorBody .form_wrap:before{background:var(--blue);}
.mentorBody .form_wrap h5{color:#fff;}
.mentorBody .form_wrap h5 span:before{background-image:url('/images/default/content/square_w.svg');}
.mentorBody .form_wrap .roundTb td button.studentBtn{background:  linear-gradient(135deg, #000000 0%, #024089 20%, #024089 100%); border:2px solid var(--blue); outline:6px solid #E9F2F9; color:var(--yellow);}

@media (max-width:1024px){
	.prog_form .flex_p{flex-wrap:wrap; gap: 0.25rem;}
	
	.form_wrap{display:block; padding-right:0;}
	.form_wrap:before{height:3.5rem;}
	.form_wrap h5{width:100%; height:3.5rem;}
	.form_wrap h5:after{display:none;}
	.form_wrap > div{width:100%; margin-top:0;}
	
	.roundTb td .arBtn.phone{gap:0.2rem;}
	.roundTb td .arBtn.phone label{flex:1;}
	.roundTb td .arBtn:has(small){flex-wrap:wrap;}
}

@media (max-width:738px){
	.form_wrap > div{padding:1rem 0;}
	.roundTb > colgroup{display:none;}
	.roundTb >tbody > tr{display:flex;  flex-wrap: wrap; }
	.roundTb >tbody > tr > th,
	.roundTb >tbody > tr > td{display:block; padding:0.5rem; flex-shrink: 0;}
	.roundTb >tbody > tr > th{width:35%; font-size: 0.95rem; display: flex; justify-content: center;  /* align-items: center; */  flex-direction: column;}
	.roundTb >tbody > tr > td{width:65%;}
	.roundTb >tbody > tr > td.input{background:#fff; }
	.roundTb >tbody > tr > td .w150,
	.roundTb >tbody > tr > td .w200{width:calc(100% - 6.5rem);}
	.roundTb >tbody > tr:first-child > th:first-child{border-top-right-radius:0}
	.roundTb >tbody > tr:last-child > th:first-child{border-radius:0; -webkit-border-radius: 0;}
	.roundTb >tbody > tr:last-child > th:first-child{border-bottom-left-radius:0; border-bottom:1px solid #E7E7E7; }
	.roundTb >tbody > tr:last-child > td:last-child{border-bottom-right-radius:0;  }
	
	.roundTb .file input[type="text"]{width:100%;}
	
	.roundTb td .arBtn.between > span{width:100%;}
	.roundTb td .arBtn.between,
	.roundTb td .arBtn.row{flex-wrap: wrap;}
}


/******** 가입완료 ********/
.prog_finish{ padding:2rem 0 0; border-top:2px solid var(--black); }
.prog_finish > div{background:#E9F2F9; padding:0.5rem; border-radius:1.5rem; -webkit-border-radius: 1.5rem; border:1px solid #c5c5c5;}
.prog_finish .img{text-align:center;     margin-top: -3rem;}
.prog_finish .img img{position: relative; top: 1.5rem;}
.prog_finish .txt{background:#fff; border-radius:0 0 1.5rem 1.5rem; -webkit-border-radius: 0 0 1.5rem 1.5rem; padding:3.5rem 1rem; text-align:center; }
.prog_finish .txt h4{font-size:1.5rem; margin-bottom:1rem; }
.prog_finish .txt h4 span{color:var(--blue);}
.prog_finish .txt p{font-size:1.05rem; margin-bottom:2rem;}
.prog_finish .roundTb{border:1px solid #c5c5c5; max-width:31rem; margin:0 auto; border-radius:1rem; -webkit-border-radius: 1rem; overflow: hidden;}
.prog_finish .roundTb th{background:var(--blue); color:#fff; padding-left:1.5rem;} 
.prog_finish .roundTb td{background:#F4F7FC; text-align:left;}

.studentBody .prog_finish > div,
.studentBody .prog_finish .roundTb td{background:var(--base); }
.studentBody .prog_finish .roundTb th{background:var(--black)}
.studentBody .prog_finish .txt h4 span{color:var(--yellow)}


[class^="mini_icon"]{display:inline-block; width:1.1rem; height:1.1rem; background-color:#fff ; border-radius:50%; -webkit-border-radius: 50%; background-repeat:no-repeat; background-position:50% 50%; background-size:100% auto;}
.mini_icon01{background-image:url('/images/default/content/mini_icon01.svg');}
.mini_icon02{background-image:url('/images/default/content/mini_icon02.svg');}
.mini_icon03{background-image:url('/images/default/content/mini_icon03.svg');}
.mini_icon04{background-image:url('/images/default/content/mini_icon04.svg');}
.mini_icon05{background-image:url('/images/default/content/mini_icon05.svg');}
.mini_icon06{background-image:url('/images/default/content/mini_icon06.svg');}
.mini_icon07{background-image:url('/images/default/content/mini_icon07.svg');}

.studentBody [class^="mini_icon"]{background-color:var(--yellow) ;}
.studentBody .mini_icon01{background-image:url('/images/default/content/mini_icon01_b.svg');}
.studentBody .mini_icon02{background-image:url('/images/default/content/mini_icon02_b.svg');}
.studentBody .mini_icon03{background-image:url('/images/default/content/mini_icon03_b.svg');}
.studentBody .mini_icon04{background-image:url('/images/default/content/mini_icon04_b.svg');}
.studentBody .mini_icon05{background-image:url('/images/default/content/mini_icon05_b.svg');}
.studentBody .mini_icon06{background-image:url('/images/default/content/mini_icon06_b.svg');}
.studentBody .mini_icon07{background-image:url('/images/default/content/mini_icon07_b.svg');}
.mentorBody  [class^="mini_icon"]{background-color:var(--yellow) ;}

@media (max-width:768px){
	
	.prog_finish .txt p{font-size:0.9rem;}
	.prog_finish .roundTb th,
	.prog_finish .roundTb td{padding-left:1rem;}
}	


/********************************************************
■ 지원현황 리스트
********************************************************/
/*유형2 학생*/
.table_wrap{}
.basic{width:100%; border-top:2px solid var(--yellow);}
.basic th,
.basic td{padding:0.8rem 0.5rem; text-align:center; font-weight:400;}
.basic thead th{position:relative; background:var(--black); color:var(--yellow);}
.basic thead th:not(:first-child):before{content:""; position:absolute; left:0px; top:0.85rem; width:2px; height:calc(100% - 1.7rem); background:#fff; }
.basic td{border-bottom:1px solid #E3E3E3;}
.basic td.title .date{color:#888;}

.basic .state{display: inline-flex; align-items: center; flex-direction: column; justify-content: center; width:6.5rem; height:3.5rem; border-radius:0.5rem; -webkit-border-radius: 0.5rem; font-weight:500;}
.basic .state em{display:block; font-size:0.75rem; font-weight:300; line-height:1.1;}
.basic .state.ing{background:#9C9C9C; color:#fff;}
.basic .state.end{background:#F9F4EE; color:var(--black)}
.basic .pass{display: inline-flex; align-items: center; flex-direction: column; justify-content: center; width:5rem; height:3.5rem; border-radius:0.5rem; -webkit-border-radius: 0.5rem; font-weight:500; color: var(--yellow);
    background: linear-gradient(135deg, #ffc603 0%, #000 20%, #000 100%); border:1px solid var(--yellow)}
.basic .fail{display: inline-flex; align-items: center; flex-direction: column; justify-content: center; width:5rem; height:3.5rem; border-radius:0.5rem; -webkit-border-radius: 0.5rem; font-weight:500; color: #fff;
    background: linear-gradient(135deg, #B2B2B3 0%, #8A867F 20%, #8A867F 100%);}
    
.basic button{display:inline-block; width:5rem; height:1.7rem; border-radius:1rem; -webkit-border-radius: 1rem; font-size:0.75rem; font-weight:400;border:1px solid rgba(100,100,100,0.5); }
.basic button:disabled{cursor:default; }
.basic button + button{margin-top:0.2rem;}
.basic button.btnApply{ color:var(--black); background:var(--yellow);}
.basic button.btnView{color:var(--yellow); background:var(--black);}
.basic button.btnEdit{color:var(--black); background:var(--base);}
.basic button.btnDel{ color:#fff; background:#C2C2C2;}
.basic button.btnEnd{ color:#888; background:#f0f0f0; border-color:rgba(100, 100, 100, 0.3);}


.lineBtn{display:inline-block; padding:0.2rem 1rem; border-radius:0.8rem; -webkit-border-radius: 0.8rem; color:#888; background:var(--base);}


.scrollTb{}
.scrollTb .basic2{width:100%; border-top:2px solid var(--yellow);}
.scrollTb .basic2 th,
.scrollTb .basic2 td{padding:0.75rem 0.5rem; text-align:center; font-size:0.9rem; font-weight:400;}
.scrollTb .basic2 thead th{position:relative; background:var(--black); color:var(--yellow);}
.scrollTb .basic2 thead th:not(:first-child):before{content:""; position:absolute; left:0px; top:0.85rem; width:2px; height:calc(100% - 1.7rem); background:#fff; }
.scrollTb .basic2 td{border-bottom:1px solid #E3E3E3;}
.scrollTb .basic2 td.title .date{color:#888;}
.scrollTb .basic2 td .addBtn{    flex-shrink: 0; font-size:0; width:2.5rem; height:2.5rem; line-height:2.5rem; background:var(--blue) url('/images/default/content/plus.svg')no-repeat 50% 50%; background-size:80% auto; color:#fff; text-align:center; border-radius:0.5rem; -webkit-border-radius: 0.5rem; cursor:pointer;}
 
/*유형1,3 교사*/
:is(.teacherBody, .mentorBody) .basic{border-top:2px solid var(--black);}
:is(.teacherBody, .mentorBody) .basic thead th{background:var(--blue); color:#fff;}
:is(.teacherBody, .mentorBody) .basic .state.end{background:#E9F1F9; color:var(--blue)}
:is(.teacherBody, .mentorBody) .basic .pass{color: #fff; background: linear-gradient(-135deg, #255B9A 0%, #012d61, #255B9A 100%); border:none;}
:is(.teacherBody, .mentorBody) .basic .fail{color: #fff; background: linear-gradient(-135deg, #5B6877 0%, #3d4045, #5A6777 100%); border:none;}
:is(.teacherBody, .mentorBody) .basic button.btnApply{ color:#fff; background:var(--blue);}
:is(.teacherBody, .mentorBody) .basic button.btnView{color:#fff; background:var(--black);}
:is(.teacherBody, .mentorBody) .basic button.btnEdit{color:var(--blue); background:#E9F1F9;}
:is(.teacherBody, .mentorBody) .basic button.btnDel{ color:#fff; background:#C2C2C2;}


@media (max-width: 1280px){
	.basic thead,
	.basic colgroup,
	.basic tbody td.num,
	.basic tbody td br{display:none;}
	.basic tr{position:relative; display:flex; width:100%; flex-wrap: wrap; gap:0 1rem; padding-right:10rem; border:1px solid #E0E0E0; margin-bottom:2rem; padding:1rem; }
	.basic tbody td{display:flex; border-bottom:none; padding:0; text-align:left; width:49%;}
	.basic tbody td:not(:first-child) {margin-top: 0.8rem;}
	.basic tbody td:before{content: attr(data-label); color:#888; font-weight:600; width: 6rem;  display: inline-block;  flex-shrink: 0;}
	.basic tbody td.al{width:100%;}
	.basic tbody td.title{order:-1; font-size:1.05rem; color:var(--black); font-weight:500; display:flex;}
	.basic tbody td.title:before{display:none;}
	.basic tbody td.title .date{display:block; font-size:0.85rem; font-weight:400; }
	.basic tbody td:last-child,
	.basic tbody td:first-child{border:none;}
	.basic tbody td.stateTd{margin-top:0; position:absolute; right:1rem; top:1rem; padding:0;}
	.basic tbody td.stateTd:before,
	.basic tbody td.passTd:before{display:block;}
	.basic tbody td.passTd{margin-top:0; position:absolute; right:1rem; top:5rem; padding:0;}
	.basic tbody td.btns{width:100%;}
	.basic tbody td.noData,
	.basic tbody td.noData p{width:100%;}
	.basic tbody td.noData:before{display:none;}
	
	.basic tbody tr:has(.state){padding-right:6rem;}
	.basic tbody tr:has(.state) td:not(:is(.stateTd, .passTd, .btns)){width:100%;}
	.basic tbody td.btns{display:flex;}
	
	
	.basic .state{flex-direction: row; height:2rem;}
	.basic .pass,
	.basic .fail{ width: 6.5rem; height:2rem;}
	
	.basic button {font-size:0.8rem;}
	.basic button:not(:last-child) {margin-right:0.5rem;}
	.basic button + button{margin-top:0;}
	
	.scrollTb{overflow-x:auto; white-space: nowrap; width:100%;}
}
@media (max-width: 768px){
	.basic tbody tr:has(.state){padding-right:1rem;}
	.basic tbody tr td,
	.basic tbody tr:has(.state) td:not(:is(.stateTd, .passTd, .btns)){width:100%;}
	.basic tbody tr td:is(.stateTd, .passTd){margin-top:0.8rem; width:100%; position:relative; right:auto; top:auto;}
	.basic tbody td.stateTd:before,
	.basic tbody td.passTd:before{display:inline-block;}
	
	.basic tbody td.btns {gap:0.5rem; margin-top:1.2rem;}
	.basic tbody td.btns button{flex:1; max-width: calc((100% - 0.5rem * 2) / 3); height: 2.4rem; border-radius: 0.5rem; -webkit-border-radius: 0.5rem;}
	.basic button:not(:last-child) {margin-right:0;}
	.basic tbody td.btns:before{display:none;}
}

/********************************************************
■ 프로그램 뷰
********************************************************/
.progView_top{margin-bottom:3rem;}
.progView_top h3{padding-left:2rem; font-size:1.3rem; font-weight:700; color:var(--black); margin-bottom:0.5rem; background: url('/images/default/content/square_s.svg')no-repeat 0 0.2em ; background-size:1.4rem auto;}
.progView_top ul{display:flex; flex-wrap:wrap; gap:1rem 0; padding:1rem; border:0.5rem solid #E9F2F9; border-radius:1rem; -webkit-border-radius: 1rem; background:#fff;; }
.progView_top ul li{position:relative; width:50%;}
.progView_top ul li b{display:block; color:#516f90; }
.progView_top ul li.file{width:100%;}
.progView_top ul li.file b{width:6rem;  flex-shrink: 0;}
.progView_top ul li.file p{flex-grow:1; display:flex; gap:0.25rem; flex-wrap:wrap;}
.progView_top ul li.file p a{display:inline-block; background:#E9F2F9; padding:0.2rem 1rem; border-radius:1.5rem; -webkit-border-radius: 1.5rem; }
.progView_top ul li.file p a:before{ content: "\ea82"; font-family: 'remixicon' !important; font-size:1rem;  color:#516f90; vertical-align: text-top;}

.progView_bot h4{color:var(--blue); font-size:1.3rem; margin-bottom:1rem;  }
.progView_bot .content{font-size:1rem; padding-bottom:3rem; border-bottom:1px solid #eee;}
.progView_bot ~ .progView_bot{margin-top:2.5rem;}

.studentBody .progView_top h3{background-image: url('/images/default/content/square_b.svg')}
.studentBody .progView_top ul{border-color:var(--base);}
.studentBody .progView_top ul li b{color:#8e6a49}
.studentBody .progView_top ul li.file p a{background:var(--base)}
.studentBody .progView_top ul li.file p a:before{color:#8e6a49}
.studentBody .progView_bot h4{color:var(--black)}
/* .studentBody {background:var(--base);} */

.commu_view .progView_bot .content{border:none; padding-bottom:0; }

.radio-wrap{background:#E9F2F9; padding:1rem; border-radius:0.5rem; -webkit-border-radius: 0.5rem;}
.radio-wrap .radio{display:inline-block;}
.radio-wrap input[type="checkbox"]:disabled{background:url('/images/default/content/check.svg')no-repeat 50% 50%; background-size:100%; }
.radio-wrap input[type="radio"]:disabled{background:url('/images/default/content/radio.svg')no-repeat 50% 50%; background-size:100%; }
.radio-wrap input[type="checkbox"]:checked:disabled{background:url('/images/default/content/check_on.svg')no-repeat 50% 50%; background-size:100%;}
.radio-wrap input[type="radio"]:checked:disabled{background:url('/images/default/content/radio_on.svg')no-repeat 50% 50%; background-size:100%; }


.ask_box{background:#E9F2F9; padding:1rem; border-radius:0.5rem; -webkit-border-radius: 0.5rem;}
.ask_box ul{display:flex;  }
.ask_box ul li{width:50%; display:flex;  align-items: center;}
.ask_box ul li span{ padding:0 2rem; font-weight:600; color: #516f90;}
.ask_box ul li p{flex-grow:1; background:#fff; padding:0.5rem 1rem; border-radius:0.25rem; -webkit-border-radius: 0.25rem; box-shadow:0 0 0.5rem rgba(0,0,0,0.05);}

.studentBody .radio-wrap{background:var(--base);}
.studentBody .ask_box{background:var(--base); }
.studentBody .ask_box ul li span{color:#8e6a49;}

@media (max-width: 1024px){
	.progView_top ul li{width:100%;  display:flex; }
	.progView_top ul li b{width:7rem;  flex-shrink: 0;}
	.progView_top ul li.file b{width:7rem; }
}
@media (max-width: 768px){
	.progView_top ul li{display:block;}
	.progView_top ul li b{width:100%;}
	
	.ask_box ul{flex-wrap:wrap; gap:0.5rem; }
	.ask_box ul li{width:100%; flex-direction: column; align-items: normal; }
	.ask_box ul li span{padding:0; margin-bottom:0.3rem;}
}

/********************************************************
■ 지원안내
********************************************************/
.prog_type_con{position:relative; display:flex; align-items: flex-start; padding:3.5rem 0 6.4rem;  }
.prog_type_con:before{content:""; position:absolute; left:50%; top:0px; width:100vw; height: 100%; background:var(--base); z-index:-1;transform:translateX(-50%);  -webkit-transform: translateX(-50%);}
.prog_type_con .item{display: flex; flex-direction: column; padding:2.5rem 1.5rem 0;   background:#fff; border-radius:2rem; -webkit-border-radius: 2rem; border:1px solid rgba(197,197,197,0.5); }
.prog_type_con .full_item{width:66.7%; display:flex; flex-wrap:wrap;} 
.prog_type_con .full_item .item{position:relative; width:50%; border-radius:2rem 2rem 0 0; -webkit-border-radius: 2rem 2rem 0 0; border-bottom:none;}
.prog_type_con .full_item .file_item{width:100%; padding:2.5rem 1.5rem; background:#fff; border-radius:0 0 2rem 2rem; -webkit-border-radius: 0 0 2rem 2rem; border:1px solid rgba(197,197,197,0.5); border-top:none; }
.prog_type_con .full_item .item:before{content:""; position:absolute; right:-2px; top:2rem; width:4px; height:3rem; background:#fff;     z-index: 1;}
.prog_type_con .full_item .item01:after{content:""; position:absolute; right:-2px; bottom:0; width:4px; height:3rem; background:#fff;     z-index: 1;}
.prog_type_con .full_item .file_box + .file_box{margin-top:2rem;}
.file_box .file_box_head{position:relative; padding:1.5rem 1rem; text-align:center; background:var(--black) url('/images/default/content/file_box_head.jpg')no-repeat 0 0 ; background-size:cover; border-radius:0.5rem 0.5rem 0 0; -webkit-border-radius: 0.5rem 0.5rem 0; border:1px solid rgba(197,197,197,0.5);}
.file_box .file_box_head h4 b{display:inline-block; padding:0 3rem; font-size:0.95rem; font-weight:600; color:var(--yellow); border-left:2px solid var(--yellow); border-right:2px solid var(--yellow);}
.file_box .file_box_head span{position:absolute; right:1rem; top:50%; color:#fff; transform:translateY(-50%); -webkit-transform: translateY(-50%); font-size:0.75rem;}
.file_box .file_box_head span em{color:var(--yellow);}
.file_box .file_box_body{padding:2rem 1.5rem; border-radius:0 0 0.5rem 0.5rem; -webkit-border-radius: 0 0 0.5rem 0.5rem; border:1px solid rgba(197,197,197,0.5); border-top:none;}
.file_box .file_box_body ul{display:flex; gap:1.5rem; justify-content: center;}
.file_box .file_box_body ul li{width:calc((100% - 1.5rem * 3) / 4); display:flex; gap:1rem; flex-direction: column; padding-top:0.6rem;}
.file_box .file_box_body .folder{position:relative; flex: 1;  display: flex; flex-direction: column;  justify-content: center; text-align:center; line-height: 1.2; background:var(--base); border:1px solid rgba(197,197,197,0.5); border-radius:0.5rem; padding:2.75rem 0.5rem 1.5rem;  }
.file_box .file_box_body .folder:before{content:""; position:absolute; right:0.75rem; top:-0.55rem; width:1.65rem; height:0.55rem; background:url('/images/default/content/file_box_folder.jpg')no-repeat left bottom; background-size:100%;}
.file_box .file_box_body .folder:after{content:""; position:absolute; left:0.35rem; top:0.5rem; width:0.2rem; height:calc(100% - 1rem); background:#F1EDE8; border-radius:0.2rem; -webkit-border-radius: 0.2rem;}
.file_box .file_box_body .folder em{position:absolute; left:0.5rem; top:1rem; display:block; background:var(--black); color:var(--yellow); text-align:center; border-radius:0.2rem; -webkit-border-radius: 0.2rem; width:1.2rem; height:1.2rem; line-height:1.2rem; font-weight:600; font-size:0.8rem; }
.file_box .file_box_body .folder p{ font-weight:600; margin-bottom:0.5rem;}
.file_box .file_box_body .folder span{font-size:0.75rem;}
.file_box .file_box_body .downBtn{display: flex; align-items: center;  justify-content: center; gap:0.25rem; height:2.5rem; font-size:0.75rem; font-weight:600; color:var(--black); background:var(--base); border:1px solid rgba(29,24,5,0.5); border-radius:0.5rem; -webkit-border-radius: 0.5rem;}
.file_box .file_box_body .downBtn .icon_hwp{display:inline-block; width:1rem; height:1.3rem;  background:url('/images/default/content/icon_hwp.png')no-repeat 0 0 ; background-size:100%;}
.file_box .file_box_body .downBtn .icon_pdf{display:inline-block; width:1.05rem; height:1.35rem;  background:url('/images/default/content/icon_pdf.png')no-repeat 0 0 ; background-size:100%;}
.file_box .file_box_body .downBtn:hover{color:var(--yellow); border-color:rgba(255,198,3,0.5); background:  linear-gradient(135deg, #ffc603 0%, #000 20%, #000 100%); }
.file_box .file_box_body .downBtn:hover .icon_hwp{background-image:url('/images/default/content/icon_hwp_on.png');}
.file_box .file_box_body.flex{display:flex; gap:1rem 2.5rem; align-items: center; justify-content: center;}
.file_box .file_box_body.flex .downBtn{padding:0 2rem;}
.file_box .file_box_body.flex .folder{flex:0 0 auto;     padding: 1.75rem 2.5rem;}

.prog_type_con .item03{width:33.3%; }
.prog_type_con .title_box{color:var(--black);}
.prog_type_con .title_box dt{text-align:center; margin-bottom:1rem; font-weight:500;}
.prog_type_con .title_box dt em{display:inline-block; line-height: 1.2; margin-left:0.4rem; padding:0.2rem 0.7rem; border-radius:0.4rem; -webkit-border-radius: 0.4rem; font-size:1.05rem; font-weight:700; background:var(--blue); color:#fff; }
.prog_type_con .title_box dd{position:relative;  margin-bottom:0.5rem; line-height: 1.2; font-weight:500; padding-left:1rem; }
.prog_type_con .title_box dd:before{content:""; position:absolute; left:0px; top:0.45em; width:0.3rem; height:0.3rem; background:var(--black); border-radius:50%; -webkit-border-radius: 50%;}
.prog_type_con .title_box .tit_name{position:relative; display: flex; align-items: center;  justify-content: center; gap:1rem; margin-top:4.5rem; border-radius:0.5rem; -webkit-border-radius: 0.5rem; height:5rem; font-size:1.05rem; font-weight:500; background:#E9F2F9;}
.prog_type_con .title_box .tit_name:before{content:""; position:absolute; left:50%; top:-4rem; width:0.6rem; height:3.15rem; margin-left:-0.3rem; background:url('/images/default/content/type_line01.svg')no-repeat 0 0; background-size:100% auto;}
.prog_type_con .title_box .tit_name i{display:inline-block; width:2.5rem; height:2rem; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100% ; }
.prog_type_con .title_box .tit_name i.cate01{background-image:url('/images/default/content/feature02.svg')}
.prog_type_con .title_box .tit_name i.cate02{background-image:url('/images/default/content/feature01.svg')}
.prog_type_con .title_box .tit_name i.cate03{background-image:url('/images/default/content/feature02_w.svg')}
.prog_type_con .txt_box{margin:2.5rem 0; padding:1.5rem 0; background:#E9F2F9; border-radius:0.5rem; -webkit-border-radius: 0.5rem; flex: 1;}
.prog_type_con .txt_box > div{background:#fff; border-radius:2rem; -webkit-border-radius: 2rem; outline:2px solid var(--black); padding:1.5rem; height: 100%; min-height: 12rem;}
.prog_type_con .txt_box strong{display:block; text-align:center; font-size:0.95rem; border-bottom:1px solid #d7d7d7; margin-bottom:1rem; padding-bottom:1rem; text-wrap: pretty; }


/*유형1*/
.prog_type_con .item01 .dot li:before{background-image:url('/images/default/content/bullet02.svg')}

/*유형2*/
.prog_type_con .item02 .title_box dt em{background:var(--black); color:var(--yellow);}
.prog_type_con .item02 .title_box .tit_name:before{background-image:url('/images/default/content/type_line02.svg')}
.prog_type_con .item02 .title_box .tit_name,
.prog_type_con .item02 .txt_box{background:#F9F4EE}
/*유형3*/
.prog_type_con .item03 .title_box dt em{color:var(--yellow);}
.prog_type_con .item03 .title_box .tit_name:before{background-image:url('/images/default/content/type_line03.svg')}
.prog_type_con .item03 .title_box .tit_name{background:var(--blue); color:#fff;}
.prog_type_con .item03 .txt_box{background:var(--blue)}
.prog_type_con .item03 .dot li:before{background-image:url('/images/default/content/bullet03.png')}

@media (max-width: 1280px){
	.prog_type_con{display:block;}
	.prog_type_con .full_item,
	.prog_type_con .item03{width:100%;}
	.prog_type_con .full_item .item02:before,
	.prog_type_con .full_item .item02:after{display:none;}
	.prog_type_con .txt_box{margin-bottom:2rem;}
}
@media (max-width: 1024px){
	.file_box .file_box_body{padding:1.5rem;}
	.file_box .file_box_body ul{flex-wrap:wrap;}
	.file_box .file_box_body ul li{    width: calc((100% - 1.5rem* 1) / 2);}
	.file_box .file_box_body .folder{padding:1.5rem 0.5rem;}
	.prog_type_con .txt_box strong{font-size:1.05rem;}
	
	
}
@media (max-width: 768px){
	.prog_type_con{padding-bottom:5rem;}
	.prog_type_con .full_item .item{width:100%;}
	.prog_type_con .full_item .item:before,
	.prog_type_con .full_item .item:after{display:none;}
	.prog_type_con .full_item .item02{border-radius:0; -webkit-border-radius: 0;}
	
	.prog_type_con .title_box dl{height:auto !important;}
	.prog_type_con .title_box dt{font-size:1.26rem;}
	.prog_type_con .title_box dd{font-size:1.1rem;}
	.prog_type_con .title_box .tit_name{font-size:1.26rem;}
	.prog_type_con .txt_box strong{font-size:1.2rem}
	.prog_type_con .txt_box .dot li{font-size:1rem;}
	
	.prog_type_con .item03{margin-top:3rem;}
	
	
	.file_box .file_box_head h4 b{display:block; border:none; font-size:1.2rem;}
	.file_box .file_box_head span{position:relative; right:auto; top:auto;     transform: translateY(0); -webkit-transform: translateY(0); margin-top:0.2rem; text-align:center; font-size:1rem;}
	.file_box .file_box_body{padding:1.5rem 1rem;}
	.file_box .file_box_body ul li{width: 100%;}
	.file_box .file_box_body .folder{padding:1.75rem 1.5rem;}
	.file_box .file_box_body .folder p{font-size:1.1rem;}
	.file_box .file_box_body .folder span{font-size:0.875rem;}
	.file_box .file_box_body .folder em{top:0.5rem;}
	.file_box .file_box_body .downBtn{font-size:0.875rem;}
	
	.file_box .file_box_body.flex{flex-direction: column}
	.file_box .file_box_body.flex .downBtn{width:100%; }
	
	
}