@charset "utf-8";

/* 학과발전계획 */
.planWrap01 { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:stretch; }
.planWrap01 .itemWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }

.planWrap01 .itemWrap .tit { flex:0 0 361px; display:flex; justify-content:flex-start; align-items:center; margin-right:30px; }
.planWrap01 .itemWrap .tit > span { display:block; width:100%; padding:19px 20px; color:#fff; font-weight:600; font-size:20px; text-align:center; background:url("/sites/style_guide/images/plan/plan_img_01.png") no-repeat center center; background-size:contain; }
.planWrap01 .itemWrap .cont { flex-basis:auto; flex-grow:1; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; }

.planWrap01 .itemWrap.missionWrap .cont > span { display:block; width:100%; border:2px solid #009c88; text-align:center; color:#009c88; font-weight:600; border-radius:60px; padding:25px 20px; font-size:22px; }

.planWrap01 .itemWrap.visionWrap { margin-top:50px; }
.planWrap01 .itemWrap.visionWrap .cont > div { background-color:#ecf2f2; width:100%; text-align:center; padding:23px 20px; }
.planWrap01 .itemWrap.visionWrap .cont > div > span { display:block; font-weight:600; }
.planWrap01 .itemWrap.visionWrap .cont > div > span:nth-child(2) { margin-top:5px; }
.planWrap01 .itemWrap.visionWrap .cont > div > span > strong { font-size:28px; font-weight:600; font-style:italic; font-family:'Noto-Bold'; padding-bottom:10px; }

.planWrap01 .itemWrap.eduWrap { margin-top:90px; }
.planWrap01 .itemWrap.eduWrap .cont > .boxWrap { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; width:100%; }
.planWrap01 .itemWrap.eduWrap .cont > .boxWrap > .contWrap { flex: 0 0 32%; position:relative; }
.planWrap01 .itemWrap.eduWrap .cont > .boxWrap > .contWrap:nth-child(2) { margin:0 2%; }
.planWrap01 .itemWrap.eduWrap .cont > .boxWrap > .contWrap > div { border:2px solid #009c88; border-radius:60px; text-align:center; font-size:18px; font-weight:600; padding:20px 10px; }
.planWrap01 .itemWrap.eduWrap .cont > .boxWrap > .contWrap > div > br { display:none; }

.planWrap01 .itemWrap.strategyWrap { margin-top:90px; }
.planWrap01 .itemWrap.strategyWrap > .tit { align-items:flex-start; }
.planWrap01 .itemWrap.strategyWrap .cont > .item { flex-basis:47%; margin-bottom:40px; }
.planWrap01 .itemWrap.strategyWrap .cont > .item:nth-child(odd) { padding-right:3%; }
.planWrap01 .itemWrap.strategyWrap .cont > .item:nth-child(even) { padding-left:3%; border-left:2px dotted #dfdfdf; }
.planWrap01 .itemWrap.strategyWrap .cont > .item > p { font-weight:600; font-size:20px; color:#2875cc; }
.planWrap01 .itemWrap.strategyWrap .cont > .item > img { width:100%; margin:10px 0; }

@media only screen and (max-width:1200px) {
	.planWrap01 .itemWrap .tit { margin-right:0; margin-bottom:15px; }
	.planWrap01 .itemWrap .cont { flex-basis:100%; }
	.planWrap01 .itemWrap.missionWrap .cont > span { padding:20px 20px; }

	.planWrap01 .itemWrap.visionWrap, .planWrap01 .itemWrap.eduWrap, .planWrap01 .itemWrap.strategyWrap { margin-top:50px; }
} 
@media only screen and (max-width:500px) {
	.planWrap01 .itemWrap.visionWrap .cont > div > span > strong { font-size:20px; }
	.planWrap01 .itemWrap.eduWrap .cont > .boxWrap { flex-wrap:wrap; }
	.planWrap01 .itemWrap.eduWrap .cont > .boxWrap > .contWrap:nth-child(2) { margin-bottom:20px; margin-left:0; }
	.planWrap01 .itemWrap.eduWrap .cont > .boxWrap > .contWrap { flex-basis:100%; margin-bottom:20px; }
	.planWrap01 .itemWrap.strategyWrap .cont > .item { flex-basis:100%; }
	.planWrap01 .itemWrap.strategyWrap .cont > .item:nth-child(odd) { padding-right:0; }
	.planWrap01 .itemWrap.strategyWrap .cont > .item:nth-child(even) { padding-left:0; border-left:0; }
}
@media only screen and (max-width:361px) {
	.planWrap01 .itemWrap .tit { flex-basis:100%; }
	.planWrap01 .itemWrap .tit > span { background-size:contain; }
}

/* 졸업 후 진로 */
.list_4.circle > li { padding-bottom:20px; }