@charset "utf-8";

/*[S]학교 주요기관*/
.campus-center .wrap-img-banner6 .banner-top .banner-content h1 em {display: block;transform: translateY(-.7rem);font-size: 2.5rem;color: #8ddeff;}
.campus-center .wrap-img-banner6 .banner-contents .num-list li.no-num {padding-left: 0;}

@media  screen and (max-width: 1200px) {
	.campus-center .wrap-img-banner6 .banner-top .banner-content h1 em {font-size: 2.1rem;}
}

@media  screen and (max-width: 768px) {
	.campus-center .wrap-img-banner6 .banner-top .banner-content h1 em {transform: translateY(0);font-size: 1.8rem;}
}
/*[E]학교 주요기관*/

/*[S]총학생회*/
.stu-council {display: flex;flex-direction: column;align-items: center;padding: 7rem 9.7rem 6.6rem;border: 2px solid #ccc;border-radius: 1rem;}
.stu-council .circle {width: 21rem;height: 21rem;margin-bottom: 4.5rem;padding: 1.5rem;background: #cee9ff;border-radius: 50%;}
.stu-council .circle > div {width: 100%;height: 100%;padding-top: 7.6rem;border-radius: 50%;text-align: center;background: #00508f url('../../images/sub/img-stu-council-deco.png') no-repeat top 3rem center;}
.stu-council .circle strong {display: block;font-size: 2.5rem;color: #fff;font-family: pb;line-height: 1.2;}
.stu-council .circle em {font-size: 1.6rem;color: #fff;font-family: pr;}
.stu-council .dep1 {position: relative;display: flex;justify-content: space-between;width: 100%;}
.stu-council .dep1::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 1px;background: #ccc;}
.stu-council .dep1 > li {position: relative;width: 23rem;padding-top: 3rem;margin-right: 2rem;}
.stu-council .dep1 > li:last-child {margin-right: 0;}
.stu-council .dep1 > li::before {content: '';position: absolute;left: 50%;top: 0;width: 1px;height: 3rem;margin-left: -.5px;background: #ccc;}
.stu-council .dep1 > li:nth-child(2)::before {top: -4.5rem;height: 7.5rem;}
.stu-council .dep1 > li:first-child::after {content: '';position: absolute;left: 0;top: -1px;height: 3rem;width: calc(50% - .1rem);background: #fff;z-index: 1;}
.stu-council .dep1 > li:last-child:after {content: '';position: absolute;right: 0;top: -1px;height: 3rem;width: calc(50% - .1rem);background: #fff;z-index: 1;}


.stu-council .dep1 > li > span {position: relative;display: block;width: 100%;padding: 1.85rem 2rem;font-size: 2.2rem;background: #006fc6;color: #fff;font-family: pm;border-radius: 1rem;text-align: center;}

.stu-council .dep2 {display: flex;justify-content: space-between;position: relative;width: 100%;}
.stu-council .dep2 > li {position: relative;width: 23rem;padding-top: 12.6rem;}
.stu-council .dep2 > li::before {content: '';position: absolute;left: 50%;top: 0;width: 1px;height: 100%;margin-left: -0.5px;background: #ccc;}
.stu-council .dep2 > li > span {position: relative;display: block;width: 100%;padding: 1.8rem 2rem;background: #fff;font-size: 2rem;font-family: pm;color: #006fc6;border: 2px solid #006fc6;border-radius: 1rem;text-align: center;}

.stu-council .dep2 .side-dep {position: absolute;left: 28rem;top: 4rem;}

.stu-council .dep2 .side-dep > span {position: relative;}
.stu-council .dep2 .side-dep span.blue {position: relative;display: block;width: 23rem;margin-bottom: 2.7rem;padding: 1.8rem 2rem;background: #fff;font-size: 2rem;font-family: pm;color: #006fc6;border: 2px solid #006fc6;border-radius: 1rem;text-align: center;}
.stu-council .dep2 .side-dep span.gray {display: block;width: 23rem;padding: 1.5rem 2rem;font-size: 2rem;font-family: pm;color: #fff;background: #7b8ca9;border-radius: 1rem;text-align: center;}
.stu-council .dep2 .side-dep > span.blue::before {content: '';position: absolute;left: -16.6rem;top: 50%;width: 16.4rem;height: 1px;margin-top: -.5px;background: #ccc;}
.stu-council .dep2 .side-dep > span.gray::before {content: '';position: absolute;width: 1px;height: 2.7rem;top: -2.7rem;left: 50%;margin-left: -.5px;background: #ccc;}


@media screen and (max-width: 1024px) {
	.stu-council {padding: 5rem 4rem 5.4rem;}
	.stu-council .circle {width: 18rem;height: 18rem;}
	.stu-council .circle > div {padding-top: 5.8rem;background: #00508f url('../../images/sub/img-stu-council-deco.png') no-repeat top 1.5rem center / 7.5rem;}
	.stu-council .circle strong {font-size: 2.2rem;}
	.stu-council .circle em {font-size: 1.5rem;}
	.stu-council .dep1 > li {width: 19rem;}
	.stu-council .dep1 > li > span {font-size: 2rem;padding: 1.5rem 1rem}

	.stu-council .dep2 > li {width: 19rem;}
	
	.stu-council .dep2 > li > span {padding: 1.45rem 1rem;font-size: 1.8rem;}

	.stu-council .dep2 .side-dep span.blue {width: 19rem;padding: 1.45rem 1rem;font-size: 1.8rem;}
	.stu-council .dep2 .side-dep span.gray {width: 19rem;padding: 1.3rem 1rem;font-size: 1.8rem;}
	
}

@media screen and (max-width: 768px) {
	.stu-council {padding: 5rem 2rem 5.4rem;}
	.stu-council .circle {width: 16rem;height: 16rem;}
	.stu-council .circle > div {padding-top: 5rem;background: #00508f url('../../images/sub/img-stu-council-deco.png') no-repeat top 1.5rem center / 6rem;}
	.stu-council .circle strong {font-size: 2rem;}
	.stu-council .circle em {font-size: 1.4rem;}
	.stu-council .dep1 > li {width: 16rem;margin-right: 1rem;}
	.stu-council .dep1 > li > span {font-size: 1.6rem;}

	.stu-council .dep2 > li {width: 16rem;}
	
	.stu-council .dep2 > li > span {font-size: 1.6rem;}

	.stu-council .dep2 .side-dep span.blue {width: 16rem;padding: 1.45rem 1rem;font-size: 1.6rem;}
	.stu-council .dep2 .side-dep span.gray {width: 16rem;padding: 1.3rem 1rem;font-size: 1.6rem;}

	.stu-council .dep2 > li {padding-top: 21.5rem;}

	.stu-council .dep2 .side-dep {left: 13rem;}
	.stu-council .dep2 .side-dep > span.blue::before {width: 5rem;;left: -5.2rem;}
}

@media screen and (max-width: 500px) {
	.stu-council .dep2 > li {width: 13rem;}
	.stu-council .dep2 .side-dep {left: 11.5rem;}
	.stu-council .dep2 .side-dep span.blue {width: 13rem;}
	.stu-council .dep2 .side-dep span.gray {width: 13rem;}
}
/*[E]총학생회*/

/*[S]학보사, 교육방속국 공통박스*/
.wrap-info-box {border: 2px solid #b2cadd;border-radius: 2rem;overflow: hidden;}
.wrap-info-box .top {display: flex;padding: 6rem;background: #f2f9fe;}
.wrap-info-box .top .left {position: relative;display: flex;justify-content: center;align-items: center;width: 36.5rem;height: 32rem;margin-right: 6rem;background: #fff;border-radius: 1rem 4rem 1rem 4rem;box-shadow: 0 2px 20px rgba(71, 71, 71, 0.05);flex-shrink: 0;}
.wrap-info-box .top .left::before {content: "";position: absolute;width: 4rem;height: 4rem;right: 3.6rem;top: -2rem;background: url(../../images/sub/ic-textdots1.png) no-repeat center / cover;}
.wrap-info-box .top .right {padding-top: 3rem;}
.wrap-info-box .top .tit {margin-bottom: 2rem;font-size: 3rem;color: #111;font-family: sm;line-height: 4rem;}
.wrap-info-box .top .tit span {color: #00508f}
.wrap-info-box .top .desc {margin-bottom: 4.5rem;font-size: 1.8rem;color: #444;}
.wrap-info-box .bottom {padding: 6rem;}
.wrap-info-box .bottom li {display: flex;align-items: center;margin-bottom: 3rem;}
.wrap-info-box .bottom li:last-child {margin-bottom: 0;}
.wrap-info-box .bottom li strong {display: flex;justify-content: center;align-items: center;min-width: 15rem;min-height: 5rem;margin-right: 3rem;background: #00a5e3;border-radius: 2.5rem;font-size: 2rem;color: #fff;font-family: psb;flex-shrink: 0;}
.wrap-info-box .bottom li p {color: #444;font-size: 2rem;font-family: pr;}

@media screen and (max-width: 1024px) {
	.wrap-info-box .top {flex-direction: column;align-items: center;}
	.wrap-info-box .top .left {flex-shrink: 1;margin-right: 0;margin-bottom: 0;margin-bottom: 1rem;}
	.wrap-info-box .top .desc br {display: none;}
}

@media screen and (max-width: 768px) {
	.wrap-info-box .top {padding: 4rem}
	.wrap-info-box .top .left {width: 100%;height: auto;padding: 3rem;margin-bottom: 0;}
	.wrap-info-box .top .left img {width: 55%;}
	.wrap-info-box .top .tit {font-size: 2.5rem;line-height: 3.5rem;}
	.wrap-info-box .top .desc {margin-bottom: 3.5rem;font-size: 1.7rem;}
	.wrap-info-box .bottom {padding: 4rem}
	.wrap-info-box .bottom li {flex-direction: column;margin-bottom: 5.5rem;text-align: center;}
	.wrap-info-box .bottom li strong {min-height: 4.5rem;min-width: 13rem;margin-right: 0;margin-bottom: 1.5rem;font-size: 1.8rem;}
	.wrap-info-box .bottom li p {font-size: 1.8rem;}
}

@media screen and (max-width: 500px) {
	.wrap-info-box .top {padding: 4rem 3rem}
	.wrap-info-box .top .tit {margin-bottom: 1.2rem;font-size: 2.3rem;line-height: 3rem;}
	.wrap-info-box .top .desc {margin-bottom: 3rem;}
	.wrap-info-box .top .left {padding: 2rem;}
	.wrap-info-box .bottom {padding: 4rem 3rem;}
	.wrap-info-box .bottom li{margin-bottom: 4.5rem;}
}
/*[E]학보사, 교육방속국 공통박스*/

/* 컨택트 */
.wrap-contact ul {display: flex; width: calc(100% + 3rem);}
.wrap-contact li {padding-right: 3rem; width: 50%;}
.wrap-contact .box {display: flex; justify-content: center; align-items: center; width: 100%; background: #edf5fa; border-radius: 1rem; padding: 2.5rem;}
.wrap-contact .ico {margin-right: 1.5rem;}
.wrap-contact strong {position: relative; margin-right: 1rem; padding-right: 1rem; font-family: pm; font-size: 1.8rem; color: #006fc6;}
.wrap-contact strong::after {content: ''; position: absolute; left: 100%; top: .8rem; width: 2px; height: 1rem; background: #afafaf;}
.wrap-contact p {font-family: pm; font-size: 1.8rem; color: #111111;}