@charset "utf-8";


/* 콘텐츠 공통레이아웃 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 신청-진단 바로가기 버튼 */
.go_program_btn {
	width:max-content; height:5rem; display:flex; justify-content:space-between; align-items:center; gap:2rem; font-size:1.5rem; line-height:1.4; font-weight:500; 
	word-break:keep-all; color:#fff; text-align:center; padding:1rem 2rem; border-radius:5px; background:linear-gradient(45deg, #485b95, #2b3d73);
}
.go_program_btn i {font-size:1.4rem; opacity:0.5;}
.go_program_btn:hover {box-shadow:0 0 20px rgba(0,0,0,0.15);}



/* 비교과 프로그램 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 비교과 프로그램 소개 */
.imgbox {position:relative; width:100%; text-align:center; padding:2rem; margin:3rem auto 0; border:2px solid #ddd; overflow:hidden;}
.imgbox img {width:100%;}

.imgbox .expand {display:none;} /* 이미지확대-모바일용 */

@media screen and (max-width: 769px){
	.imgbox {padding:1rem;}
	
	.imgbox .expand {position:absolute; right:1rem; top:1rem; width:4rem; height:4rem; display:flex; justify-content:center; align-items:center; text-align:center; border-radius:1rem; background:rgba(34,63,99,0.2); cursor:pointer;}
	.imgbox .expand:hover {background:rgba(34,63,99,0.6);}
	.imgbox .expand i {font-size:1.4rem; color:#fff;}
}


/* 핵심역량진단 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 진단소개 */
.diagnosis_intro * {word-break:keep-all;}
.diagnosis_intro {position:relative; width:100%; height:35rem; display:flex; flex-direction:column; justify-content:center; gap:3rem; padding:6rem; background:rgba(0,185,241,0.04); overflow:hidden;}
.diagnosis_intro::after {content:""; position:absolute; right:4rem; bottom:0; width:100%; height:100%; background:url('../images/content/cont_diagnosis_bg.png') right 0 bottom -4rem no-repeat; background-size:50rem; opacity:0.3;}
.diagnosis_intro h3 {font-size:3.2rem; line-height:1.6; font-weight:500; color:#222;}
.diagnosis_intro h3 strong {font-size:3.6rem; line-height:1.4; background:linear-gradient(to bottom, #3a7ecd, #6da4e3); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.diagnosis_intro p {position:relative; z-index:1; font-size:1.7rem; line-height:1.8; color:#222;}
.diagnosis_intro p ~ p {margin-top:1rem;}

@media screen and (max-width :1200px) {
}

@media screen and (max-width :1025px) {
	.diagnosis_intro::after {right:2.5rem; background-size:38rem;}
	.diagnosis_intro h3 {font-size:2.8rem;}
	.diagnosis_intro p {font-size:1.6rem;}
}

@media screen and (max-width :769px) {
	.diagnosis_intro {height:auto;}
	.diagnosis_intro::after {display:none;}
	.diagnosis_intro p br {display:none;}
}

@media screen and (max-width :481px) {
	.diagnosis_intro {padding:4rem;}
	.diagnosis_intro h3 {font-size:2.2rem;}
	.diagnosis_intro h3 strong {font-size:2.8rem;}
}


/* 4대핵심역량 */
.main_core_define {display:flex; flex-direction:column; gap:1rem; padding:1rem; border-radius:1rem; background:#f7f8fc;}
.main_core_define > li {display:flex; flex-direction:column; gap:3rem; padding:3rem; border-radius:1rem; border:1px solid #eee; background:#fff;}

.main_core_define .define_head {display:flex; flex-direction:column; gap:1rem;}
.main_core_define .define_head dt {font-size:2rem; font-weight:bold; color:#1f1f1f;}
.main_core_define .define_head dd {font-size:1.6rem; line-height:1.4; color:#555; word-break:keep-all;}

.main_core_define .sub_core {display:grid; grid-template-columns:repeat(3, 1fr); gap:2rem;}
.main_core_define .sub_core li {display:flex; flex-direction:column; justify-content:space-between; gap:1.5rem; padding:2.5rem; border-radius:1rem; background:#f2f6fa; overflow:hidden;}
.main_core_define .sub_core li span {width:9rem; height:2.5rem; display:flex; justify-content:center; align-items:center; font-size:1.3rem; color:#fff; text-align:center; border-radius:5rem; background:#3a7ecd;}
.main_core_define .sub_core li dl {flex:1;}
.main_core_define .sub_core li dl dt {font-size:1.8rem; font-weight:500; color:#222;}
.main_core_define .sub_core li dl dd {font-size:1.5rem; line-height:1.4; margin-top:1rem; word-break:keep-all;}
.main_core_define .sub_core li em {width:max-content; display:flex; align-items:center; gap:1rem; align-self:flex-end; font-size:1.4rem; padding:6px 1rem; margin-top:1rem; border:1px solid #ddd; background:#fff;}

@media screen and (max-width :1200px) {
}

@media screen and (max-width :1025px) {
}

@media screen and (max-width :769px) {
	.main_core_define .sub_core {grid-template-columns:1fr;}
}

@media screen and (max-width :481px) {
	.main_core_define .sub_core li em {align-self:flex-start;}
}



/* 핵심역량 진단조사 */
.knu_core_info {display:flex; flex-direction:column; gap:4rem; padding:4rem; border-radius:1rem; border:1px solid #ccc; background:#fff;}

.info_core_head * {word-break:keep-all;}
.info_core_head {
	position:relative; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2rem; text-align:center; 
	padding:5rem 3rem; border-radius:1rem; border:2px dashed #eee; background:#f5fcff; overflow:hidden;
}
.info_core_head::before {
	content:""; display:block; position:absolute; left:50%; top:0; transform:translate(-50%); width:50%; height:100%; 
	background:url('../images/common/symbol.svg') center center no-repeat; background-size:cover; opacity:0.03;
}
.info_core_head b {font-size:1.8rem; font-weight:bold; color:#3a7ecd;}
.info_core_head h4 {font-size:2.4rem; line-height:1.4; font-weight:bold; color:#1f1f1f;}
.info_core_head dl * {font-size:1.6rem; line-height:1.4; color:#555;}
.info_core_head dl {display:flex; align-items:center; gap:1rem;}
.info_core_head dl dt {font-weight:bold; color:#1f1f1f;}

.info_core_visual {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center;}
.info_core_visual > ul {position:relative; display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:2rem; border-radius:50em; border:2px dashed #ddd; background:#fff;}
.info_core_visual > ul::after {content:"핵심역량"; display:inline-block; position:absolute; left:50%; top:0; transform:translate(-50%, -50%); width:max-content; font-size:1.6rem; font-weight:bold; color:#999; padding:1rem 2rem; background:#fff;}
.info_core_visual > ul li {width:16rem; height:16rem; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1.5rem; color:#fff; text-align:center; border-radius:50%;}
.info_core_visual > ul li.core1 {background:rgba(246,136,87,0.9);}
.info_core_visual > ul li.core2 {background:rgba(105,200,206,0.9); margin-left:-1.5rem;}
.info_core_visual > ul li.core3 {background:rgba(149,211,104,0.9); margin-left:-1.5rem;}
.info_core_visual > ul li.core4 {background:rgba(93,143,194,0.9); margin-left:-1.5rem;}
.info_core_visual > ul li i {font-size:4rem;}
.info_core_visual > ul li p {font-size:1.6rem; font-weight:500;}

.info_core_define * {word-break:keep-all;}
.info_core_define {display:grid; grid-template-columns:12rem 1fr; gap:1.5rem 3rem; align-items:center; padding-top:4rem; border-top:2px dotted #ddd;}
.info_core_define dt {font-size:1.8rem; line-height:1.4; font-weight:bold; color:#333;}
.info_core_define dd {height:100%; font-size:1.6rem; line-height:1.4;}

.info_core_define .core_flow {height:100%; display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.info_core_define .core_flow > div {height:100%; flex:1; display:flex; flex-direction:column; gap:8px; text-align:center; padding:1rem; border-radius:5px; border:1px solid #ccc; background:#fff;}
.info_core_define .core_flow > div span {
	width:100%; height:2.5rem; display:flex; justify-content:center; align-items:center; text-align:center; 
	font-family:"Pretendard"; font-size:1.4rem; font-weight:bold; color:#fff; border-radius:3px; background:linear-gradient(to left, #3a7ecd, #6da4e3);
}
.info_core_define .core_flow > div p {flex:1; display:flex; justify-content:center; align-items:center; font-size:1.5rem; color:#333; text-align:center;}
.info_core_define .core_flow > i {color:#333;}

@media screen and (max-width :1200px) {
}

@media screen and (max-width :1025px) {
	.knu_core_info {gap:3rem; padding:3rem;}
	
	.info_core_head dl {flex-direction:column;}
	
	.info_core_define {grid-template-columns:1fr; padding-top:3rem;}
	.info_core_define dt br {display:none;}
}

@media screen and (max-width :769px) {
	.info_core_head {padding:3rem;}
	.info_core_head h4 {font-size:2rem;}
	.info_core_head b {font-size:1.6rem;}
	
	.info_core_visual > ul {flex-direction:column;}
	.info_core_visual > ul li.core2 {margin:-1.5rem 0 0 0;}
	.info_core_visual > ul li.core3 {margin:-1.5rem 0 0 0;}
	.info_core_visual > ul li.core4 {margin:-1.5rem 0 0 0;}
	
	.info_core_define .core_flow {flex-direction:column;}
	.info_core_define .core_flow > div {width:100%;}
	.info_core_define .core_flow > div p br {display:none;}
	.info_core_define .core_flow > i {transform:rotate(90deg);}
}

@media screen and (max-width :481px) {
}