@charset "utf-8";

.pColor0 { color:#fff !important; }
.whiteBox { background-color:#fff; padding:30px; }
.grayBox { background-color:#E6E1E5; padding:30px; }

.typeBox3.custom01.bgColor1 { background:#212447; }
.typeBox3.custom01.bgColor2 { background:#3E72D8; }

/* 글로컬대학30 > 글로컬대학 추진과제 */
.typebox2.custom03 { background-color:#ede7e9; }
.typebox2.custom03 .imgBox { display:flex; flex-wrap:wrap; column-gap:5%; row-gap:30px; width:100%; }
.typebox2.custom03 .imgBox .img { flex: 0 0 35%; }
.typebox2.custom03 .imgBox .img > p { text-align:center; padding:10px 20px; color:#fff; font-size:22px; font-weight:bold; margin-bottom:20px; }
.typebox2.custom03 .imgBox .img > p.bgColor1 { background:#212447; }
.typebox2.custom03 .imgBox .img > p.bgColor2 { background:#3E72D8; }
.typebox2.custom03 .imgBox .cont { flex: 1 0 60%; }
.typebox2.custom03 .imgBox .cont > p { padding: 10px 0; }
.typebox2.custom03 .imgBox .cont .con-list3 li { margin-bottom:20px; }
@media all and (max-width:768px) {
	.typebox2.custom03 .imgBox .img { flex-basis:100%; }
	.typebox2.custom03 .imgBox .cont { flex-basis:100%; }
}

.stBox.custom01-03-01 > li:nth-child(1) { flex: 0 0 64%; }
.stBox.custom01-03-01 > li:nth-child(2) { flex: 0 0 34%; }
@media all and (max-width:1024px) {
	.stBox.custom01-03-01 > li:nth-child(1) { flex: 0 0 100%; }
	.stBox.custom01-03-01 > li:nth-child(2) { flex: 0 0 100%; }
}


.task-list.custom-01-03-03 li { padding:unset; padding:10px 0; }
.task-list.custom-01-03-03 .con-list3 > ul > li::before { top:21px; }
.task-list.custom-01-03-03 .con-list3 > ul > li { padding-left:19px; margin-bottom:0; }
.task-list.custom-01-03-03 .main { flex-wrap:wrap; row-gap:30px;  }
.task-list.custom-01-03-03 .main .task-image { flex-basis:250px; width:100%; padding-right:60px; display:flex; align-items:center; }
.task-list.custom-01-03-03 .main .task-content { flex-basis: calc(100% - 250px); width:100%; margin-top:0; padding-top:0; padding-left:0; }
.task-list.custom-01-03-03 .main .task-content .tit { font-size:22px; }
@media all and (max-width:768px) {
	.task-list.custom-01-03-03 .main .task-image { flex-basis:100%; }
	.task-list.custom-01-03-03 .main .task-content { flex-basis:100%; }
}
.imgTxt { width:auto; display:inline-flex; justify-content:center; align-items:center; padding:0 5px; }

.task-list.custom-01-03-03.sub .main .task-image { flex-basis:600px; }
.task-list.custom-01-03-03.sub .main .task-content { flex-basis: calc(100% - 600px); }
.task-list.custom-01-03-03.sub2 .main .task-image { flex-basis:400px; }
.task-list.custom-01-03-03.sub2 .main .task-content { flex-basis: calc(100% - 400px); }


/* 썸네일 */
.photo-list-wrap.custom01 .photo-list-box { height:606px; }
.photo-list-wrap.custom01 .photo-list-box img { height:100%; }
.photo-list-wrap.custom01 .cont { display:block; padding:20px 15px; color:#fff; background:#000; width:100%; text-align:center; opacity:0.7; }
.photo-list-wrap.custom01 .cont .tit { font-family:'HG Bold'; display:inline-block; padding-right:10px; }
.photo-list-wrap.custom01.div2 {}
.photo-list-wrap.custom01.div2 > ul > li { width:calc(100% / 2); }
@media screen and (max-width: 768px) {
	.photo-list-wrap.custom01.div2 > ul > li { width:100%; }
}

.circle-wrap.custom01 { margin-top:200px; margin-bottom:200px; }
.circle-wrap.custom01 > .circle-content.circle_4 { top:-110px; }
.circle-wrap.custom01 .outer-circle .inner-circle .circle-content { font-size:80px; font-family:'HG Bold'; }
@media screen and (max-width: 768px) {
	.circle-wrap.custom01 .outer-circle .inner-circle .circle-content { font-size:40px; }
}

.stBox.custom-02-01-03 { column-gap:4%; }
.stBox.custom-02-01-03 > li:nth-child(1) { flex: 0 0 28%; }
.stBox.custom-02-01-03 > li:nth-child(2) { flex: 0 0 68%; }
@media all and (max-width:1024px) {
	.stBox.custom01-03-01 > li:nth-child(1) { flex: 0 0 100%; }
	.stBox.custom01-03-01 > li:nth-child(2) { flex: 0 0 100%; }
}
.stBox.custom-02-01-03 .objHeading_h3 { font-family:'SBA Light'; font-size:20px; }
.stBox.custom-02-01-03 .objHeading_h3::before { top:4px; }
.stBox.custom-02-01-03 .con-desc { font-family:'SBA Medium'; font-size:20px; }

.typebox1.custom02-01-04 { justify-content:center; }
.typebox1.custom02-01-04 > div { font-family:'SBA Medium'; font-size:24px; }



/* AI교수 */
.circle-wrap.custom02 { margin-top:200px; margin-bottom:200px; }
.circle-wrap.custom02 .outer-circle .inner-circle .circle-content { font-size:24px; font-family:'HG Medium'; display:flex; justify-content:center; align-items:center; line-height:unset; background-color:#03215E; color:#fff; }
.circle-wrap.custom02 .outer-circle .inner-circle .circle-content i { display:block; }
.circle-wrap.custom02 > .circle-content { width:400px; height:100px; border-radius:20px; }
.circle-wrap.custom02 > .circle-content.circle_1 { top:-10px; left:-80%; }
.circle-wrap.custom02 > .circle-content.circle_3 { top:300px; left:-80%; }
.circle-wrap.custom02 > .circle-content.circle_2 { top:-10px; left:80%; }
.circle-wrap.custom02 > .circle-content.circle_4 { top:300px; left:80%; }
@media screen and (max-width: 1024px) {
	.circle-wrap.custom02 { flex-direction:column; justify-content:flex-start; align-items:stretch; row-gap:30px; width:100%; margin-top:0px; margin-bottom:0px; height:auto;}
	.circle-wrap.custom02 .outer-circle { border-radius:20px; display:block; }
	.circle-wrap.custom02 .outer-circle .inner-circle { border-radius:20px; }
	.circle-wrap.custom02 .outer-circle .inner-circle .circle-content { border-radius:20px; padding:20px 0; }
	.circle-wrap.custom02 .outer-circle .inner-circle .circle-content br { display:none; }	
	.circle-wrap.custom02 > .circle-content { position:relative;}	
	.circle-wrap.custom02 > .circle-content.circle_1 { top:unset; left:unset; right:unset; width:100%; }
	.circle-wrap.custom02 > .circle-content.circle_3 { top:unset; left:unset; right:unset; width:100%; }
	.circle-wrap.custom02 > .circle-content.circle_2 { top:unset; left:unset; right:unset; width:100%; }
	.circle-wrap.custom02 > .circle-content.circle_4 { top:unset; left:unset; right:unset; width:100%; }	
}

@media screen and (max-width: 768px) {
	.circle-wrap.custom02 .outer-circle .inner-circle .circle-content { font-size:16px; }
}

/* station C 브랜드 구축 */
.stBox.div3.custom03-01 > li { flex-grow:1; }
.stBox.div3.custom03-01 > li.arrowWrap { flex-basis:20px; display:flex; flex-direction:column; justify-content:center; align-items:center; row-gap:20px; }
.stBox.div3.custom03-01 .num-list1 {}
.stBox.div3.custom03-01 .num-list1 > ul > li { display:flex; align-items:center; padding-left:0; }
.stBox.div3.custom03-01 .num-list1 > ul > li .num { position:relative; padding:5px 10px; width:70px; }


.image-box.custom03-01-02 > ul { display:flex; justify-content:space-around; align-items:stretch; color:#fff; font-family:'SBA Medium'; font-size:24px; }
.image-box.custom03-01-02 > ul > li { display:flex; align-items:center; column-gap:20px; }

/* 한림 마이크로캠퍼스 */
.stBox.custom03-03 { column-gap:6%; }
.stBox.custom03-03.div2 > li { flex: 0 0 47%; }
.stBox.custom03-03 .tit { padding-bottom:20px; }
.stBox.custom03-03 .tit img { width:200px; }
.stBox.custom03-03 .photo-list-wrap.custom01 .photo-list-box { height:auto; }
.stBox.custom03-03 .photo-list-wrap.custom01 .photoTit { padding:10px 5px; text-align:center; font-family:'SBA Medium'; }
.stBox.custom03-03 .photo-list-wrap .photo-list-box::before { display:none; }
.photo-list-wrap.custom03-03 .photo-list-box::before { display:none; }
@media screen and (max-width: 1024px) {
	.stBox.custom03-03.div2 > li { flex: 0 0 100%; }
}

/* 뉴스레터 */
.photo-list-wrap.custom04-03 {}
.photo-list-wrap.custom04-03 .photoTit { padding:10px 5px; text-align:center; font-family:'SBA Medium'; }
.photo-list-wrap.custom04-03 .photo-list-box::before { display:none; }


/* 우수사례 */
.typebox1.custom05-01-02 {
	display:block;
}
.photo-list-wrap.custom05-01-02 > ul > li { width: calc(100% / 2); }

.stBox.div73 {}
.stBox.div73 > li:first-child { flex:0 0 69%; }
.stBox.div73 > li:last-child { flex:0 0 29%; }
@media screen and (max-width: 1024px) {
	.stBox.div73 > li:first-child { flex-basis:100%; }
	.stBox.div73 > li:last-child { flex-basis:100%; }
}

.logo05-01-02 img { width:200px; }

.icon-list2.div1 > ul > li { min-height:168px; }

.task-content .imgTxt > img { height:24px; }