@charset "utf-8";


/* 공통영역 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 이미지박스 */
.imgbox {position:relative; width:100%; text-align:center; padding:3rem; border-radius:1rem; border:1px solid #ddd; background:var(--white); overflow:hidden;}
.imgbox.nobox {padding:0; border:none;} /* 박스가 필요없는 경우 */
.imgbox div {position:relative;}
.imgbox div ~ div {margin-top:6rem;}

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

@media screen and (max-width: 769px){
	.imgbox {padding:1.5rem;}
	.imgbox div ~ div {margin-top:3rem;}
	.imgbox img {width:100% !important;}
	
	.imgbox .expand {position:absolute; left: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:var(--white);}
}

/* 소개박스 */
.intro_box {display:flex; flex-direction:column; gap:2rem; padding:4rem 5rem; border-radius:1rem; border:1px solid #ddd; background:var(--white); box-shadow:3px 3px 0 3px rgba(0,0,0,0.1);}
.intro_box h4 {font-family:var(--fontPre); font-size:2.4rem; line-height:1.6; font-weight:500; color:var(--fontcolor1);}
.intro_box h4 strong {color:var(--fourthcolor);}
.intro_box h4 b {font-size:2.8rem; color:var(--fourthcolor);}
.intro_box div p {font-size:1.6rem; word-break:keep-all;}
.intro_box div p ~ p {margin-top:8px;}


/* 교수학습지원센터 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 교수학습지원센터 로드맵 */
.roadmap_order {display:grid; grid-template-columns:repeat(4, 1fr); gap:5rem 2rem; margin-top:6rem;}
.roadmap_order * {word-break:keep-all;}
.roadmap_order > div {position:relative; display:flex; flex-direction:column; gap:2rem; padding:4rem 2rem 2.5rem; border-radius:1rem; background:#e6edfa;}
.roadmap_order > div span {
	position:absolute; top:-2.5rem; left:50%; width:5rem; height:5rem; transform:translate(-50%);
	display:flex; justify-content:center; align-items:center; font-family:var(--fontPre); font-size:2rem; font-weight:900; 
	color:var(--fourthcolor); text-align:center; border-radius:50%; border:3px solid #9cbbe0; background:var(--white);
}
.roadmap_order > div h4 {display:flex; justify-content:center; align-items:center; font-size:1.6rem; font-weight:500; color:var(--fourthcolor); text-align:center; padding:1rem; border-radius:6px; background:var(--white);}
.roadmap_order > div ul {padding:0 1rem;}
.roadmap_order > div ul li {position:relative; font-size:1.5rem; color:var(--fontcolor2); padding:4px 0 4px 16px;}
.roadmap_order > div ul li::after {content:""; display:block; position:absolute; left:0; top:16px; width:3px; height:3px; border-radius:50%; background:var(--fourthcolor);}

@media screen and (max-width :1380px){
	.roadmap_order {grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width :1200px){
}
@media screen and (max-width :1025px){
}
@media screen and (max-width: 769px){
	.roadmap_order {grid-template-columns:1fr;}
}
@media screen and (max-width: 481px){
}


/* 재학생 맞춤형 고용서비스 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 빌드업-점프업 */
.build_jump {display:flex; flex-direction:column; gap:4rem;}
.build_jump * {word-break:keep-all;}
.build_jump > div div {display:flex; flex-wrap:wrap; align-items:center; gap:2rem;}
.build_jump > div div strong {display:flex; justify-content:center; align-items:center; font-size:1.8rem; color:var(--white); padding:1rem 2rem; margin-left:1rem; border-radius:1rem 1rem 0 0;}
.build_jump > div div span {font-size:1.8rem; font-weight:500;}
.build_jump > div ul {padding:2rem; border-radius:5px; border:3px solid;}
.build_jump > div ul li {position:relative; font-size:1.6rem; color:var(--fontcolor2); padding:4px 0 4px 16px;}
.build_jump > div ul li::after {content:""; display:block; position:absolute; left:0; top:16px; width:3px; height:3px; border-radius:50%; background:var(--fourthcolor);}

.build_jump > div.build_up div strong {background:#0080cb;} /* 빌드업 */
.build_jump > div.build_up div span {color:#0080cb;}
.build_jump > div.build_up ul {border-color:#b7d8eb; background:#e6f6ff;}

.build_jump > div.jump_up div strong {background:#0063b4;} /* 점프업 */
.build_jump > div.jump_up div span {color:#0063b4;}
.build_jump > div.jump_up ul {border-color:#b6d2ea; background:#edf1f9;}

@media screen and (max-width :1200px){
}
@media screen and (max-width :1025px){
}
@media screen and (max-width: 769px){
	.build_jump > div div {flex-direction:column-reverse;}
}
@media screen and (max-width: 481px){
}


/* 학습지원 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#userSub.cont_study {position:relative; padding-bottom:100px;}
#userSub.cont_study::after {
	content:""; display:block; position:absolute; right:0; bottom:-40px; width:360px; height:270px; 
	background:url('../images/content/study_supply_bg.png') no-repeat; background-size:contain; opacity:0.7;
}

@media screen and (max-width :1025px){
	#userSub.cont_study::after {width:240px; height:180px;}
}
@media screen and (max-width: 769px){
	#userSub.cont_study {padding-bottom:0;}
	#userSub.cont_study::after {display:none;}
}