@charset "utf-8";


/* 연혁 max-width: 1600 넘기도록 */
._obj.has-hist {overflow:visible;}

.dBox > .item > .cont > img { width:100%; }

.btn-style3 {font-family: 'Pre Regular'; font-size: 20px; line-height: 1.5; color:#fff !important; border-radius:4px; background:#3445EB; min-height:68px; display: inline-flex; align-items: center; justify-content: center; max-width:324px; width:100%; padding:10px 20px;}
.btn-style3:hover {color:#fff;}
.btn-style3.ico1 .icon {width:28px; height:28px; background:url('../../images/sub/ic-down.svg') no-repeat center; margin-right:16px;}
@media (max-width:1023px) {
  .btn-style3 {min-height:50px; max-width:unset; width:auto; font-size: 18px;}  
}
@media (max-width:767px) {
  .btn-style3 {font-size: 15px; min-height:45px;}
}

.aside-bx .inner {display: flex; margin:0 -10px;}
.aside-bx .inner > div {width:50%; margin:0 10px;}
.aside-bx .img-box {border-radius:4px; overflow: hidden; text-align: center;}
@media (max-width:1280px) {
  .aside-bx .inner {flex-direction: column;}
  .aside-bx .inner > div {width:100%; margin-bottom: 20px;}
  .aside-bx .inner > div:last-child {margin-bottom: 0;}
}


/* Text styles */
.P_1 {font-size: 54px; font-family: 'Pre Medium';}
.P_2 {font-size: 40px; font-family: 'Pre Medium';}
.P_3 {font-size: 32px; font-family: 'Pre Medium';}
.P_4 {font-size: 24px; font-family: 'Pre Medium';}
.P_5 {font-size: 20px; font-family: 'Pre Regular';}
.P_9_Add {font-size: 18px; font-family: 'Pre Medium';} /* .P_6 */
.P_6 {font-size: 16px; font-family: 'Pre Medium'; line-height: 26px;}     /* .P_7 */
.P_7 {font-size: 14px; font-family: 'Pre Medium';}     /* .P_8 */
.P_8 {font-size: 12px; font-family: 'Pre Medium';}     /* .P_9 */

.H_1 {font-size: 64px; font-family: 'Pre Bold';}
.H_2 {font-size: 54px; font-family: 'Pre Bold';}
.H_3 {font-size: 48px; font-family: 'Pre Bold';}
.H_4 {font-size: 40px; font-family: 'Pre Bold';}
.H_5 {font-size: 32px; font-family: 'Pre Bold';}
.H_6 {font-size: 24px; font-family: 'Pre Bold';}
.H_7 {font-size: 20px; font-family: 'Pre Bold';}
.H_8 {font-size: 16px; font-family: 'Pre Bold';}
.H_9 {font-size: 14px; font-family: 'Pre Bold';}

@media (max-width: 1300px) {
  .P_4 {font-size: 22px;}
  .P_5 {font-size: 18px;}
  .H_1 {font-size: 58px;}
  .H_2 {font-size: 48px;}
  .H_5 {font-size: 30px;}
  .H_6 {font-size: 22px;}
}
@media (max-width: 1023px) {
  .P_4 {font-size: 20px;}
  .P_5 {font-size: 16px;}
  .H_1 {font-size: 52px;}
  .H_2 {font-size: 44px;}
  .H_4 {font-size: 36px;}
  .H_5 {font-size: 28px;}
  .H_6 {font-size: 20px;}
}
@media (max-width: 767px) {
  .P_4 {font-size: 18px;}
  .H_1 {font-size: 46px;}
  .H_2 {font-size: 40px;}
  .H_4 {font-size: 30px;}
  .H_5 {font-size: 25px;}
  .H_6 {font-size: 18px;}
}
@media (max-width: 500px) {
  .H_2 {font-size: 36px;}
  .H_4 {font-size: 26px;}
  .H_5 {font-size: 22px;}
}


/* [S] 이사장 인사말 */
.chairman-wrap .inner {max-width:1600px; margin:0 auto; width:100%; position: relative; z-index: 1;}
@media (max-width:1023px) {
  .chairman-wrap .inner {flex-direction: column;}
}

.chairman-msg1 {position: relative;}
.chairman-msg1 .inner {display: flex;}
.chairman-msg1 .left strong {line-height:72px; width:540px; display: inline-block;}
.chairman-msg1 .right p {line-height: 50px; color:#000;}
.chairman-msg1 .right .img-box {margin-top: 60px; border-radius:4px; display: inline-block; overflow: hidden;}
@media (max-width:1400px) {
  .chairman-msg1 .left strong {width:400px; font-size: 45px;}
  .chairman-msg1 .right p {font-size: 28px; line-height: 1.5;}	
}
@media (max-width:1023px) {
  .chairman-msg1 .left strong {font-size: 40px; width:100%;}
  .chairman-msg1 .right {text-align: center; margin-top: 20px;}
  .chairman-msg1 .right p {font-size: 24px; text-align:left;}
}
@media (max-width:767px) {
  .chairman-msg1 .left strong {font-size: 38px;}
  .chairman-msg1 .right p {font-size: 22px;}
}

.chairman-msg2 {margin-top: 60px; position: relative; padding-bottom: 100px;}
.chairman-msg2::before {content:''; width:100%; height:calc(100% + 185px); background:#F1EEE9; position: absolute; bottom:0; left:0;}
.chairman-msg2 .inner {display: flex; position: relative;}
.chairman-msg2 .left strong {width:540px; display: inline-block;}
.chairman-msg2 .right p {line-height: 32px;}
.chairman-msg2 .right i {display: block; margin:20px 0;}
.chairman-msg2 .sign-box {margin-top: 48px; display: flex; align-items: center;}
.chairman-msg2 .sign-box em {display: inline-block; margin-right: 40px;}
@media (max-width:1500px) {
  .chairman-msg2::before {width:calc(100% + 60px); left:-30px;}
  .chairman-msg1 .inner,
  .chairman-msg2 .inner,
  .chairman-msg3 .inner {padding:0 30px;}
}
@media (max-width:1400px) {
  .chairman-msg2 .left strong {width:400px;}
  .chairman-msg2 .right p > br {display: none;}
}
@media (max-width:1023px) {
  .chairman-msg2 .left strong {width:100%;}
  .chairman-msg2 .right p {margin-top: 20px;}
}
@media (max-width:767px) {
  .chairman-msg2 {padding-bottom: 50px;}
  .chairman-msg2 .sign-box {margin-top: 40px;}
  .chairman-msg1 .inner,
  .chairman-msg2 .inner,
  .chairman-msg3 .inner {padding:0 20px;}
}
@media (max-width:500px) {
  .chairman-msg2::before {width:calc(100% + 40px); left:-20px;}
}

.chairman-msg3 {position: relative; margin-top: 100px;}
.chairman-msg3 .inner {display: flex;}
.chairman-msg3 .left strong {width:540px; display: inline-block;}
.chairman-msg3 .right {position: relative; margin:-15px 0;}
.chairman-msg3 .right li {display: flex; align-items: center; }
.chairman-msg3 .date {width:170px; font-family: 'Pre Bold'; line-height: 30px; font-size: 20px; color:#707070; position: relative; flex-shrink: 0;}
.chairman-msg3 .date::after {content:''; width:8px; height:8px; background:#d9d9d9; position: absolute; right:0; top:50%; margin-top:-4px; border-radius:50%;}
.chairman-msg3 .cn {font-family: 'Pre Regular'; font-size: 20px; line-height: 32px; color:#000; position: relative; padding:15px 0; padding-left:50px;}
.chairman-msg3 .cn::before {content:''; width:1px; height:50%; position: absolute; left:-4px; top:50%; background:#d9d9d9;}
.chairman-msg3 .cn::after {content:''; width:1px; height:50%; position: absolute; left:-4px; bottom:50%; background:#d9d9d9;}

.chairman-msg3 li:first-child .cn::after {display: none;}
.chairman-msg3 li:last-child .cn::before {display: none;}

@media (max-width:1400px) {
  .chairman-msg3 .left strong {width:400px;}
}
@media (max-width:1023px) {
  .chairman-msg3 .right {margin-top:20px;}
  .chairman-msg3 .date {font-size: 18px;}
  .chairman-msg3 .cn {font-size: 18px;}
}
@media (max-width:767px) {
  .chairman-msg3 {margin-top: 50px;}
  .chairman-msg3 .date {width:auto; min-width:130px;font-size: 16px;}
  .chairman-msg3 .cn {font-size: 16px; line-height: 1.5; padding:10px 0; padding-left:20px;}
}
/* [E] 이사장 인사말 */

/* [S] 총장 인사말 */
.president-msg {position: relative;}
.president-msg .inner {display: flex; position: relative; flex-direction: row-reverse; align-items: center;}
.president-msg .inner > div {width:50%;}
.president-msg .left {display: flex; flex-direction: column; justify-content: space-between; padding-right:50px}
.president-msg .left strong {display: block; margin-bottom: 32px;}
.president-msg .left span {display: inline-block; word-break: keep-all; line-height: 32px;}
.president-msg .left .sign-box {display: flex; align-items: center; margin-top: 70px;}
.president-msg .left .sign-box em{margin-right: 16px;}
.president-msg .right {padding-left: 10px; text-align: center;}
.president-msg .img-box{display: inline-block; border-radius:4px; overflow:hidden;}

@media (max-width:1200px) {
  .president-msg .left .sign-box {margin-top: 50px;}
}
@media (max-width:1023px) {
  .president-msg .inner {flex-direction: column;}
  .president-msg .inner > div {width:unset;}
  .president-msg .logo-box {text-align: center;}
  .president-msg .left .sign-box em{margin-right: 8px;}
  .president-msg .left strong {margin-top: 20px;}
  .president-msg .right {padding-left:0; text-align: center; margin-bottom: 20px;}
}
@media (max-width:767px) {
  .president-msg .left .sign-box {margin-top:10px;}
}
/* [E] 총장 인사말 */

/* [S] 건학이념 */
.founding-idea1 {position: relative; background:#F1EEE9; text-align: center; padding:42px 20px; line-height: 1.5; border-radius:4px}

.founding-idea2 {position: relative; text-align: center;}
.founding-idea2 ul {display: inline-flex;}
.founding-idea2 li {position: relative; margin:0 -20px;}
.founding-idea2 .flex-box {display: flex; align-items: center; justify-content: center;  width: 338px; height: 338px; border-radius:50%; background:rgba(40,34,233,0.1);}
.founding-idea2 .box {text-align: center;}
.founding-idea2 .box span {display: inline-block; color:#fff; background:#2822E9; width:120px; text-align: center; border-radius:50px;}
.founding-idea2 .box strong {display: block; text-align: center; font-family: 'Pop Bold'; font-size: 32px; letter-spacing: -.02em; color:#2822E9; margin-top: 10px;}

@media (max-width:1023px) {
  .founding-idea2 .flex-box {width:280px; height:280px;}
  .founding-idea2 .box strong {font-size: 28px;}
}
@media (max-width:767px) {
  .founding-idea2 ul {flex-direction: column; margin:20px 0;}
  .founding-idea2 li {margin:-20px 0;}
}

.founding-idea3 {position: relative;}
.founding-idea3 .box {background:#F0F8FF; border-radius: 4px; text-align: center; line-height: 1.5; padding:43px 20px;}
.founding-idea3 .box p {font-size: 68px; font-family: 'Pre Medium';}
.founding-idea3 .box span {color:#2822E9; font-family: 'Pre Medium'; display: inline-block; margin-top: 4px;}
.founding-idea3 .text {text-align: center; margin-top: 40px; line-height: 32px; color:#000;}

@media (max-width:1023px) {
  .founding-idea3 .box p {font-size: 60px;}
}
@media (max-width:767px) {
  .founding-idea3 .box p {font-size: 50px;} 
}
@media (max-width:600px) {
  .founding-idea3 .box p {font-size: 26px;} 
}
/* [E] 건학이념 */

/* [S] 비전전략체계 */

.vision-wrap1 {position: relative; line-height: 1.5;}
/* 타이틀 */
.vision-wrap1 .vision-title {position: relative; text-align: center; background: #F1EEE9; padding:20px;}
.vision-wrap1 .vision-title h1 {line-height: 1.5; color:#000; position: relative; display: inline-block; padding:0 35px;}
.vision-wrap1 .vision-title h1::before {content:''; width: 12px; height: 12px; border-radius:50%; background:#000; position: absolute; left:0; top:50%; margin-top:-6px;}
.vision-wrap1 .vision-title h1::after {content:'';  width: 12px; height: 12px; border-radius:50%; background:#000; position: absolute; right:0; top:50%; margin-top:-6px;}
@media (max-width:1400px) {
  .vision-wrap1 .vision-title h1 {font-size: 50px;}  
}
@media (max-width:1300px) {
  .vision-wrap1 .vision-title h1 {font-size:20px; padding:0 16px;}
  .vision-wrap1 .vision-title h1::before,
  .vision-wrap1 .vision-title h1::after {width:6px; height:6px; margin-top:-3px;}
}
/* 공통 */
.vision-wrap1 {text-align: center;}
.vision-wrap1 .sub-title {background:#000; border-radius:50px; margin:0 auto; display: inline-block; width:260px; text-align: center; display: inline-block; padding:11px 0; position: relative; z-index: 1;}
.vision-wrap1 .sub-title h2 {color:#fff; display: inline-block; padding:0 24px; position: relative;}
.vision-wrap1 .sub-title h2::before {content:''; width: 6px; height: 6px; border-radius:50%; background:#fff; position: absolute; left:0; top:50%; margin-top:-3px;}
.vision-wrap1 .sub-title h2::after {content:''; width: 6px; height: 6px; border-radius:50%; background:#fff; position: absolute; right:0; top:50%; margin-top:-3px;}
.vision-wrap1 .box-inner {margin:0 10%;}
@media (max-width:1023px) {
  .vision-wrap1 .box-inner {margin:0;}
}
/* 미션 */
.vision-box1 {position: relative; margin-top: 70px;}
.vision-box1 .box1 {border:4px solid; border-image:linear-gradient(15deg, #00BF1A, #2822E9 80%); border-image-slice: 1; margin-top: -29px; border-radius:4px;}
.vision-box1 .box1 p{padding:52px 15px; text-align: center;}
@media (max-width:650px) {
  .vision-box1 {margin-top: 40px;}
  .vision-box1 .box1 p {font-size:18px;}
}

/* 비전 */
.vision-box2 {position: relative; margin-top: 130px;}
.vision-box2 .sub-title {position: relative; z-index: 1;}
.vision-box2 .box2 {background: #F0F8FF; margin-top:-29px; padding:55px 15px 45px 15px; border-radius:4px;}
.vision-box2 .box2 p {color:#000; position: relative; z-index: 1;}
@media (max-width:650px) {
  .vision-box2 {margin-top: 90px;}
  .vision-box2 .box2 p {font-size: 22px;}
}
@media (max-width:500px) {
  .vision-box2 {margin-top:130px;}
}
/* 인재상 */
.vision-box3 {position: relative; margin-top: 60px;}
.vision-box3::before {content:''; width:450px; height:334px; background:url('../../images/sub/vision-arrow-s.png') no-repeat center; position: absolute; left:50%; margin-left:calc(-450px / 2); bottom:calc(100% + 11px);}
.vision-box3 .sub-title {position: relative;}
.vision-box3 .box3 {margin-top: -29px;}
.vision-box3 ul {display: flex; }
.vision-box3 ul li {width:33.3333%; padding:0 10px;}
.vision-box3 .li-box {background: #F1EEE9; color:#000; display: flex; align-items: center; justify-content: center; min-height:148px; border-radius:4px;}
.vision-box3 .li-box p {margin-top: 10px;}
@media (max-width:650px) {
  .vision-box3::before {bottom:calc(100% + -20px); transform: scale(.9);}
  .vision-box3 ul {flex-wrap:wrap;}
  .vision-box3 ul li {width:100%; margin-bottom: 10px;}
  .vision-box3 ul li:last-child {margin-bottom: 0;}
  .vision-box3 .li-box {min-height:115px;}
}
@media (max-width:500px) {
  .vision-box3 {margin-top: 30px;}
}
/* 교육목표 */
.vision-box4 {position: relative; margin-top: 135px;}
.vision-box4 .box4 {background:#F0F8FF; padding:43px 15px; border-radius:4px; margin-top: -29px;}
.vision-box4 .box4 p {font-family: 'Pre Medium'; line-height: 38px; position: relative; z-index: 1;}
@media (max-width:650px) {
  /* .vision-box4 {margin-top: 80px;} */
  .vision-box4 .box4 {padding:40px 15px 20px 15px;}
  .vision-box4 .box4 p {line-height: unset;}
  .vision-box4 .box4 p > br {display: none;}
}
/* 발전전략 */
.vision-box5 {position: relative; margin-top: 60px;}
.vision-box5::before {content:''; width:566px; height:420px; background:url('../../images/sub/vision-arrow-b.png') no-repeat center; position: absolute; left:50%; margin-left:calc(-566px / 2); bottom:calc(100% - 15px);}
.vision-box5 .sub-title {display: block; width:100%; border-radius:4px; position: relative; }
.vision-box5 ul {display: flex;}
.vision-box5 li {width:25%; padding:0 10px; position: relative; padding-top: 28px;}
.vision-box5 li::before {content: ''; width:1px; height:60px; background:#d9d9d9; position: absolute; left:50%; top:0;}
.vision-box5 .tit{border:1px solid #D9D9D9; border-radius:4px; background:#F7F7F7; min-height:60px; display: flex; align-items: center; justify-content: center; padding:10px; margin-bottom: 10px; position: relative;}
.vision-box5 .cn {border:1px solid #D9D9D9; border-radius:4px; background:#F7F7F7; min-height:119px; display: flex; align-items: center; justify-content: center; padding:15px 10px; border-radius:4px;}
@media (max-width:650px) {
  .vision-box5::before {content:''; width:450px; height:334px; background:url('../../images/sub/vision-arrow-s.png') no-repeat center; position: absolute; left:50%; margin-left:calc(-450px / 2); bottom:calc(100% + 10px); transform: scale(.9);}
  .vision-box5 ul {flex-wrap:wrap}
  .vision-box5 li {width:50%;}
}
@media (max-width:500px) {
  .vision-box5 {margin-top: 30px;}
}
/* [E] 비전전략체계 */

/* [S] 발전전략 - 전략체계 */
.develop-plan {position: relative; line-height: 1.5;}
/* 타이틀 */
.develop-plan .title {position: relative; text-align: center; background: #F1EEE9; padding:20px; margin-bottom: 48px;}
.develop-plan .title h1 {line-height: 1.5; color:#000; position: relative; display: inline-block; padding:0 35px;}
.develop-plan .title h1::before {content:''; width: 12px; height: 12px; border-radius:50%; background:#000; position: absolute; left:0; top:50%; margin-top:-6px;}
.develop-plan .title h1::after {content:'';  width: 12px; height: 12px; border-radius:50%; background:#000; position: absolute; right:0; top:50%; margin-top:-6px;}
@media (max-width:1400px) {
  .develop-plan .title h1 {font-size: 20px;padding:0 16px;}  
  .develop-plan .title h1::before,
  .develop-plan .title h1::after {width:6px; height:6px; margin-top:-3px;}
}
@media all and (max-width: 768px) {
  .develop-plan .title h1::before,
  .develop-plan .title h1::after{display: none;}
}
/* 공통 */
.develop-plan .small {font-size: 16px !important;}
.develop-plan .con1,
.develop-plan .con2,
.develop-plan .con3 {padding-bottom: 40px; border-bottom:1px solid #d9d9d9; margin-bottom:40px;}
.develop-plan .a1-wrap {padding:28px 34px; flex-basis: 312px; margin-right: 20px; border-radius:4px;} 
.develop-plan .a1-wrap .tit {display: flex; align-items: center;}
.develop-plan .a1-wrap .tit span {width:36px; height:36px; margin-right:10px; font-size: 24px; display: flex; align-items: center; justify-content: center; color:#fff; border-radius:50%; background:#000; font-family: 'Pre Bold';}
.develop-plan .a1-wrap .tit strong {font-size: 32px; line-height: 44px; font-family: 'Pre Bold';}
.develop-plan .a1-wrap p {font-size: 20px; line-height: 30px; font-family: 'Pre Bold'; margin-top: 13px; padding-left:10px; position: relative;}
.develop-plan .a1-wrap p::before {content:':'; position: absolute; left:0; top:-2px;}
.develop-plan .a2 {flex:1;}
.develop-plan .a2-wrap {display: flex; flex:1; margin-bottom: 6px;}
.develop-plan .a2-wrap:last-child {margin-bottom: 0;}
.develop-plan .a2-wrap .tit {padding:19px 0 19px 24px; border-radius:4px;flex-basis: 312px; margin-right: 20px; flex-shrink: 0;}
.develop-plan .a2-wrap .tit span {font-family: 'Pre Bold'; font-size: 16px; line-height: 28px; width:58px; background:#000; color:#fff; border-radius:50px; display: inline-block; text-align: center; margin-right: 5px;}
.develop-plan .a2-wrap .tit strong {font-family: 'Pre Bold'; font-size: 20px; line-height: 30px; display: inline-block;}
.develop-plan .a3-wrap {flex:1;}
.develop-plan .a3-wrap ul {display: flex; flex-wrap:wrap; margin:0 -3px;}
.develop-plan .a3-wrap li {width:33.3333%; padding:0 3px; margin-top:6px;}
.develop-plan .a3-wrap li:nth-child(-n+3) {margin-top:0;}
.develop-plan .a3-wrap .box {min-height:72px; display: flex; align-items: center; border-radius:4px; padding:18px 0 18px 16px;}
.develop-plan .a3-wrap .box span {font-family: 'Pre Bold'; font-size: 16px; line-height: 28px; border-radius:50px; width:58px; text-align: center; margin-right: 10px;}
.develop-plan .a3-wrap .box p {font-size: 18px; line-height: 28px; color:#000; font-family: 'Pre Medium';}
/* caption */
.develop-caption {position: relative; margin-bottom: 16px;}
.develop-caption ul {display: flex;}
.develop-caption li {flex-basis: 312px; margin-right:20px; text-align: center;}
.develop-caption li.caption3 {flex:1; margin-right:0;}
.develop-caption li p {font-family: 'Pre Bold'; font-size: 24px; line-height: 34px; color:#fff; border-radius:4px; background:#000; padding:15px 10px;}
/* color */
.develop-plan .color1 .a1-wrap {background:#C1E1FF;}
.develop-plan .color1 .a2-wrap .tit {background:#D7ECFF;}
.develop-plan .color1 .a3-wrap .box {background:#E9F2FF;}
.develop-plan .color1 .a3-wrap span {background:#C1E1FF}

.develop-plan .color2 .a1-wrap {background:#E6E5D1;}
.develop-plan .color2 .a2-wrap .tit {background:#F1EEE9;}
.develop-plan .color2 .a3-wrap .box {background:#F9F7F4;}
.develop-plan .color2 .a3-wrap span {background:#E6E5D1}

/* con1 */
.develop-plan .con1 {position: relative;}
.develop-plan .con1 .inner {display: flex;}
/* con2 */
.develop-plan .con2 {position: relative;}
.develop-plan .con2 .inner {display: flex;}
/* con3 */
.develop-plan .con3 {position: relative;}
.develop-plan .con3 .inner {display: flex;}
/* con4 */
.develop-plan .con4 {position: relative;}
.develop-plan .con4 .inner {display: flex;}

@media (max-width:1600px) {
  .develop-plan .a3-wrap li {width:50%; margin-top:6px !important}
  .develop-plan .a3-wrap li:nth-child(-n+2) {margin-top:0 !important;}
}
@media (max-width:1300px) {
  .develop-caption li {flex-basis: 208px;}
  .develop-caption li p {font-size: 14px; line-height: 1.5;}

  .develop-plan .a1-wrap {flex-basis: 208px; padding:16px;}
  .develop-plan .a1-wrap .tit span {width:22px; height:22px; font-size: 15px; margin-right: 5px;}
  .develop-plan .a1-wrap .tit strong {font-size: 15px; line-height: 1.5;}
  .develop-plan .a1-wrap p {font-size: 13px; margin-top: 10px; line-height: 1.5;}

  .develop-plan .a2-wrap .tit {flex-basis: 208px; padding:12px 0 12px 10px;}
  .develop-plan .a2-wrap .tit span {font-size: 11px; width:36px; line-height: 16px;}
  .develop-plan .a2-wrap .tit strong {font-size: 13px; line-height: 1.5;}

  .develop-plan .a3-wrap .box {min-height:52px; padding:0 0 0 10px;}
  .develop-plan .a3-wrap .box span {font-size: 11px; line-height: 16px; width:36px;}
  .develop-plan .a3-wrap .box p {font-size: 12px; line-height: 1.5;}
  .develop-plan .a3-wrap li {width:33.3333%; margin-top:6px !important}
  .develop-plan .a3-wrap li:nth-child(-n+3) {margin-top:0 !important;}

  .develop-plan .small {font-size: 12px !important;}
}
@media (max-width:1023px) {
  .develop-plan .develop-con {width:100%; overflow-y:auto;}
  .develop-plan .develop-con::-webkit-scrollbar {width:4px; height:4px;} 
  .develop-plan .develop-con::-webkit-scrollbar-track {background: #eaeaea; border-radius:4px;}
  .develop-plan .develop-con::-webkit-scrollbar-thumb {background: #000; border-radius:50px;}
  .develop-plan .con-inner {width:1300px;}
}
/* [E] 발전전략 - 전략체계 */

/* [S] 발전전략 - 특성화 비전 */

.special-vision {position: relative; line-height: 1.5;}
.special-vision .con {margin:0 10%;}

.special-vision .title {position: relative; text-align: center; background: #F1EEE9; padding:20px; margin-bottom: 48px;}
.special-vision .title h1 {line-height: 1.5; color:#000; position: relative; display: inline-block; padding:0 35px;}
.special-vision .title h1::before {content:''; width: 12px; height: 12px; border-radius:50%; background:#000; position: absolute; left:0; top:50%; margin-top:-6px;}
.special-vision .title h1::after {content:'';  width: 12px; height: 12px; border-radius:50%; background:#000; position: absolute; right:0; top:50%; margin-top:-6px;}
@media (max-width:1400px) {
  .special-vision .title h1 {font-size: 20px;padding:0 16px;}  
  .special-vision .title h1::before,
  .special-vision .title h1::after {width:6px; height:6px; margin-top:-3px;}
}
.special-vision .box-inner {text-align: center;}
.special-vision .sub-title {background:#000; border-radius:50px; margin:0 auto; display: inline-block; width:260px; text-align: center; display: inline-block; padding:11px 0; position: relative; z-index: 1;}
.special-vision .sub-title h2 {color:#fff; display: inline-block; padding:0 24px; position: relative;}
.special-vision .sub-title h2::before {content:''; width: 6px; height: 6px; border-radius:50%; background:#fff; position: absolute; left:0; top:50%; margin-top:-3px;}
.special-vision .sub-title h2::after {content:''; width: 6px; height: 6px; border-radius:50%; background:#fff; position: absolute; right:0; top:50%; margin-top:-3px;}
@media (max-width:1023px) {
  .special-vision .con {margin:0;}
  .special-vision .box-inner {margin:0;}
}
/* 미션 */
.special-vision {position: relative; margin-top: 70px;}
.special-vision .box1 {border:4px solid; border-image:linear-gradient(15deg, #00BF1A, #2822E9 80%); border-image-slice: 1; margin-top: -29px; border-radius:4px;}
.special-vision .box1 p{padding:52px 15px; text-align: center;}
@media (max-width:650px) {
  .special-vision {margin-top: 40px;}
  .special-vision .box1 p {font-size:20px;}
}

.special-vision .bg-box {background:#F0F8FF; min-height:652px; position: relative; display: flex; align-items: center; justify-content: center; margin-top: 148px;}
.special-vision .bg-box::after,
.special-vision .bg-box::before {content:''; width:382px; height:284px; background:url('../../images/sub/special-arrow.png') no-repeat;position: absolute;  top:-100px; mix-blend-mode: multiply;}
.special-vision .bg-box::before {left:64px;}
.special-vision .bg-box::after {right:64px;}
@media (max-width:1023px) {
  .special-vision .bg-box {min-height:auto; margin-top: 120px;}
  .special-vision .bg-box::after,
  .special-vision .bg-box::before {width:200px; height:150px; background-size:cover;}
  .special-vision .bg-box::before {left:30px;}
  .special-vision .bg-box::after {right:30px;}
}
@media (max-width:767px) {
  .special-vision .bg-box {margin-top: 70px;}
  .special-vision .bg-box::after,
  .special-vision .bg-box::before {width:120px; height:90px; top:-50px;}
}
/* [E] 발전전략 - 특성화 비전 */

/* [S] 로고 시그니처 */
/* 공통 */
.signature .inner {display: flex;}
.signature .left {width:456px; margin-right:60px; flex-shrink: 0;}
.signature .left h2 {font-family: 'Pre Bold'; font-size: 40px; color:#000; position: relative; display: inline-block;}
.signature .left h2::after {content:''; color:#ABABAB; font-family: 'Pop Medium'; font-size: 16px; line-height: 2.2; position: absolute; left:calc(100% + 15px); top:0; width:100%;}
.signature .right .img-box {border:1px solid #BECDFF; border-radius:4px;}
/* box1 */
.signature-box1 {border-bottom:1px solid #BECDFF; padding-bottom: 42px; margin-bottom: 50px;}
.signature-box1 .inner {display: flex; justify-content: space-between; align-items: center;}
.signature-box1 h1 {font-family: 'Pre Bold'; font-size: 54px; line-height: 1.5;}
@media (max-width:1023px) {
  .signature-box1 h1 {font-size: 32px;}  
}
@media (max-width:767px) {
  .signature-box1 .inner {flex-wrap:wrap;}
}
/* box2 */
.signature-box2 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 50px;}
.signature-box2 .left {display: flex; flex-direction: column; justify-content: space-between;}
.signature-box2 .left h2::after {content:'SYMBOL'; }
.signature-box2 .left .df {display: flex;}
.signature-box2 .right p {font-family: 'Pre Regular'; line-height: 32px; font-size: 20px; color:#707070;}
.signature-box2 .right .img-box {margin-top: 32px;}
/* box3 */
.signature-box3 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 50px;}
.signature-box3 .left h2::after {content:'LOGO TYPE'; }
/* box4 */
.signature-box4 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 50px;}
.signature-box4 .left h2::after {content:'LOGO TYPE'; }
/* box5 */
.signature-box5 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 50px;}
.signature-box5 .left h2::after {content:'LOGO TYPE'; }
/* box6 */
.signature-box6 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 50px;}
.signature-box6 .left h2::after {content:'LOGO SIGNATURE'; }
/* box7 */
.signature-box7 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 50px;}
.signature-box7 .left h2::after {content:'COLOR SYSTEM'; }
/* box8 */
.signature-box8 {position: relative; padding-bottom: 50px; border-bottom:1px solid #BECDFF;}
.signature-box8 .left h2::after {content:'GRAPHIC MOTIF'; }

@media (max-width:1023px) {
  .signature:not(.signature-box1) .left h2 {font-size: 28px;}
  .signature:not(.signature-box1) .inner {flex-direction: column;}
  .signature .left {width:auto; margin-right: 0;}
  .signature .right {margin-top: 20px;}
  .signature-box2 .info-box {margin-top: 20px;}
  .signature-box2 .right {margin-top: 20px;}
  .signature-box2 .right p {font-size: 18px; line-height: 1.5;}
}
/* [E] 로고 시그니처 */

/* [S] 워드마크 및 슬로건 */
/* 공통 */
.word-mark .inner {display: flex;}
.word-mark .left {width:621px; margin-right:60px; flex-shrink: 0;}
.word-mark .left h2 {font-family: 'Pre Bold'; font-size: 40px; color:#000; position: relative; display: inline-block;}
.word-mark .left h2::after {content:''; color:#ABABAB; font-family: 'Pop Medium'; font-size: 16px; line-height: 2.2; position: absolute; left:calc(100% + 15px); top:0; white-space: nowrap;}
.word-mark .left .text-box {font-size: 20px; line-height: 32px; font-family: 'Pre Regular'; color:#000; flex:1; margin-top: 17px;}
.word-mark .right {flex:1;}
.word-mark .right .img-box {border:1px solid #BECDFF; border-radius:4px; min-height:432px; display: flex; align-items: center; justify-content: center; padding: 15px;}
/* 타입 */
.word-mark span.type { display: inline-block; background:#F0F8FF; color:#2822E9; font-family: 'Pre Bold'; font-size: 14px; line-height: 22px; min-width:50px; padding:0 10px; border-radius:50px;text-align: center; height:22px; flex-shrink: 0;}
.word-mark span.type.color {color:#fff; background: #2822E9;}
/* title */
.word-mark.title {border-bottom:1px solid #BECDFF; padding-bottom: 42px; margin-bottom: 50px;}
.word-mark.title .inner {display: flex; justify-content: space-between; align-items: center;}
.word-mark.title h1 {font-family: 'Pre Bold'; font-size: 54px; line-height: 1.5;}
@media (max-width:1023px) {
  .word-mark.title h1 {font-size: 32px;}  
  .word-mark h2 {font-size: 28px;}
}
@media (max-width:767px) {
  .word-mark.title .inner {flex-wrap:wrap;}
}
/* mark1 */
.word-mark.mark1 {position: relative; padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.word-mark.mark1 .left {display: flex; flex-direction: column; justify-content: space-between;}
.word-mark.mark1 .left h2::after {content:'WORD MARK';}
/* mark2 */
.word-mark.mark2 {position: relative; padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.word-mark.mark2 .left h2::after {content:'LOGO TYPE'; }
.word-mark.mark2 .img-box {flex-direction: column; padding:15px 80px 15px 90px; align-items: start;}
.word-mark.mark2 .img-box > div {display: flex;}
.word-mark.mark2 .img-box .img1 {margin-bottom: 70px;}
.word-mark.mark2 .img-box span {margin-right: 20px;}
@media (max-width:1600px) {
  .word-mark.mark2 .img-box {padding:15px;}
}
@media (max-width:1500px) {
  .word-mark.mark2 .img-box span {margin-right: 0; margin-bottom: 20px;}
  .word-mark.mark2 .img-box > div {flex-wrap:wrap;}
  .word-mark.mark2 .img-box > div > img {}
}
/* mark3 */
.word-mark.mark3 {position: relative; padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.word-mark.mark3 .left h2::after {content:'LOGO SIGNATURE';}
/* mark4 */
.word-mark.mark4 {position: relative; padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.word-mark.mark4 .left h2::after {content:'LOGO SIGNATURE';}
/* mark5 */
.word-mark.mark5 {position: relative; padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.word-mark.mark5 .left h2::after {content:'SLOGAN';}
.word-mark.mark5 .img-box {align-items: stretch;}
.word-mark.mark5 .img-box > div {flex:1; padding:28px;}
.word-mark.mark5 .right .img-box {padding: 0;}
.word-mark.mark5 .bg-inner {height:100%; position: relative;}
.word-mark.mark5 .dark-bg {background: #000;}
.word-mark.mark5 .right .df {height:100%; display: flex; align-items: center; justify-content: center; padding-top: 22px;}
.word-mark.mark5 .df > div {text-align: center;}
.word-mark.mark5 span.type {position: absolute; left:0; top:0;}
.word-mark.mark5 .word-img5-1 {margin-bottom: 65px;}
/* mark6 */
.word-mark.mark6 {position: relative; padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.word-mark.mark6 .left {display: flex; flex-direction: column; justify-content: space-between;}
.word-mark.mark6 .left h2::after {content:'SLOGAN';}
/* mark7 */
.word-mark.mark7 {position: relative; padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.word-mark.mark7 .left {display: flex; flex-direction: column; justify-content: space-between;}
.word-mark.mark7 .left h2::after {content:'SLOGAN';}
/* mark8 */
.word-mark.mark8 {position: relative; padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.word-mark.mark8 .left {display: flex; flex-direction: column; justify-content: space-between;}
.word-mark.mark8 .left h2::after {content:'SLOGAN';}

@media (max-width:1280px) {
  .word-mark:not(.title) .inner {flex-direction: column;}
  .word-mark .info-box {margin-top: 20px;}
  .word-mark .right {margin-top: 30px;}
  .word-mark.mark2 .img-box span {margin-right: 15px;}
  .word-mark.mark2 .img-box {justify-content: center; align-items: center;}
  .word-mark .left {width:100%;}

  .word-mark:not(.title) .left h2 {font-size: 28px;}
}
@media (max-width:767px) {
  .word-mark .left h2::after {font-size: 14px; left:calc(100% + 5px);}
  .word-mark.mark2 .img-box {align-items: start;}
  .word-mark.mark5 .img-box {flex-direction: column;}
  .word-mark.mark5 .right .df {padding-top:40px;}
  .word-mark .right .img-box {min-height:200px;}
}


.signature-color span.type { display: inline-block; background:#F0F8FF; color:#2822E9; font-family: 'Pre Bold'; font-size: 14px; line-height: 22px; min-width:50px; padding:0 10px; border-radius:50px;text-align: center; height:22px; flex-shrink: 0;}
.signature-color span.type.color {color:#fff; background: #2822E9;}

.signature-color.title {border-bottom:1px solid #BECDFF; padding-bottom: 42px; margin-bottom: 50px;}
.signature-color.title h1 {font-family: 'Pre Bold'; font-size: 54px; line-height: 1.5;}
@media (max-width:1023px) {
  .signature-color.title h1 {font-size: 32px;}  
}
@media (max-width:767px) {
  .signature-color.title .inner {flex-wrap:wrap;}
}
.signature-color .sub-title h2 {font-family: 'Pre Bold'; font-size: 40px; color:#000; position: relative; display: inline-block;}
.signature-color .text-box{font-size: 20px; line-height: 32px; font-family: 'Pre Regular'; color:#000; flex:1; margin-top: 17px;}
.signature-color.box1 .sub-title h2::after {content:'COLOR SYSTEM'; color:#ABABAB; font-family: 'Pop Medium'; font-size: 16px; line-height: 2.2; position: absolute; left:calc(100% + 15px); top:0; white-space: nowrap;}
.signature-color.box2 .sub-title h2::after {content:'TYPOGRAPHY'; color:#ABABAB; font-family: 'Pop Medium'; font-size: 16px; line-height: 2.2; position: absolute; left:calc(100% + 15px); top:0; white-space: nowrap;}
/* box1 */
.signature-color.box1 {padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.signature-color.box1 .con-inner {display: flex; justify-content: space-between; margin-top: 50px; }
.signature-color.box1 ul {display: flex; margin:0 -10px; margin-top: 24px;}
.signature-color.box1 ul li {padding:0 10px; flex:1;}
.signature-color.box1 .primary-color {width:31.5%; margin-right:20px;}
.signature-color.box1 .secondary-color {width:64.25%;}
.signature-color.box1 .li-box {height:242px; padding:16px; display: flex; flex-direction: column; position: relative;}
.signature-color.box1 .li-box.blue {background:#0067A6; color:#fff;}
.signature-color.box1 .li-box.white {border:1px solid #BECDFF; color:#0067A6;}
.signature-color.box1 .li-box.yellow {background:#E8E100; color:#000;}
.signature-color.box1 .li-box.gray1 {background:#C4C4C4;}
.signature-color.box1 .li-box.gray2 {background: #757373; color:#fff;}
.signature-color.box1 .li-box.black {background: #000; color:#fff;}
.signature-color.box1 .color-side {position: absolute; right:16px; top:16px; z-index: 1; text-align: right; font-size: 14px; line-height: 22px; font-family: 'Pre Medium';}
.signature-color.box1 .li-box strong {font-size: 14px; font-family: 'Pre Bold'; line-height: 20px; flex:1;}
.signature-color.box1 .li-box p {font-size: 14px; line-height: 20px; font-family: 'Pre Medium'; margin-bottom: 2px;}
.signature-color.box1 .li-box p:last-child {margin-bottom: 0;}
.signature-color.box1 .li-box em {width:54px; font-size: 14px; font-family: 'Pre Bold'; line-height: 20px; display: inline-block;}
@media (max-width:1300px) {
  .signature-color.box1 .con-inner {flex-direction: column;}
  .signature-color.box1 .primary-color {width:100%}
  .signature-color.box1 .secondary-color {width:100%; margin-top: 20px;}
}
@media (max-width:850px) {
  .signature-color.box1 ul {flex-wrap:wrap;}
  .signature-color.box1 ul li {width:50%; flex:unset; margin-bottom: 20px;}
  .signature-color.box1 ul li:nth-last-child(-n+2) {margin-bottom: 0;}
}

.signature-color.box2 {position: relative; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.signature-color.box2 .con {margin-top: 40px;}
.signature-color.box2 .con-inner {text-align: center;}
.signature-color.box2 ul {display: inline-block;}
.signature-color.box2 li {display: flex; text-align:left; margin-bottom: 40px;}
.signature-color.box2 li strong {font-size: 14px; line-height: 20px; color:#2822E9; font-family: 'Pre Bold' !important; flex-shrink: 0; margin-right:40px;}
.signature-color.box2 li p {font-size: 24px; line-height: 38px; color:#000;}
.signature-color.box2 .font1 {font-family: 'Pre Light';}
.signature-color.box2 .font2 {font-family: 'Pre Medium';}
.signature-color.box2 .font3 {font-family: 'Pre Bold';}
.signature-color.box2 .font4 {font-family: 'Pre Black';}

@media(max-width:1023px) {
  .signature-color .sub-title h2 {font-size: 28px;}
  .signature-color .text-box {font-size: 18px; line-height: 1.5;}
  .signature-color .text-box p br {display: none;}

  .signature-color.box1 .sub-title h2::after {font-size: 14px;}
  .signature-color.box1 .con-inner {margin-top: 30px;}
  .signature-color.box2 li {margin-bottom: 30px;}
  .signature-color.box2 li p {font-size: 20px; line-height: 1.5;}
  .signature-color.box2 li p br {display: none;}
}
@media (max-width:767px) {
  .signature-color.box2 li p {font-size: 18px;}
}

.graphic-motif span.type { display: inline-block; background:#F0F8FF; color:#2822E9; font-family: 'Pre Bold'; font-size: 14px; line-height: 22px; min-width:50px; padding:0 10px; border-radius:50px;text-align: center; height:22px; flex-shrink: 0;}
.graphic-motif span.type.color {color:#fff; background: #2822E9;}

.graphic-motif.title {border-bottom:1px solid #BECDFF; padding-bottom: 42px; margin-bottom: 50px;}
.graphic-motif.title h1 {font-family: 'Pre Bold'; font-size: 54px; line-height: 1.5;}
@media (max-width:1023px) {
  .graphic-motif.title h1 {font-size: 32px;}  
}
@media (max-width:767px) {
  .graphic-motif.title .inner {flex-wrap:wrap;}
}
.graphic-motif .sub-title h2 {font-family: 'Pre Bold'; font-size: 40px; color:#000; position: relative; display: inline-block;}
.graphic-motif .text-box{font-size: 20px; line-height: 32px; font-family: 'Pre Regular'; color:#000; flex:1; margin-top: 17px;}
.graphic-motif.box1 .sub-title h2::after {content:'GRAPHIC MOTIF'; color:#ABABAB; font-family: 'Pop Medium'; font-size: 16px; line-height: 2.2; position: absolute; left:calc(100% + 15px); top:0; white-space: nowrap;}
.graphic-motif.box2 .sub-title h2::after {content:'PATTERN'; color:#ABABAB; font-family: 'Pop Medium'; font-size: 16px; line-height: 2.2; position: absolute; left:calc(100% + 15px); top:0; white-space: nowrap;}
/* box1 */
.graphic-motif.box1 {padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.graphic-motif.box1 .con-inner {display: flex; justify-content: space-between; margin:0 -10px; margin-top: 50px;}
.graphic-motif.box1 .identifier {padding:0 10px;}
.graphic-motif.box1 .identifier .img-box {margin-top: 24px;}
@media (max-width:1023px) {
  .graphic-motif .sub-title h2 {font-size: 28px;}
  .graphic-motif .text-box {font-size: 18px;}
  .graphic-motif .text-box p br {display: none;}
}
@media (max-width:850px) {
  .graphic-motif.box1 .con-inner {flex-direction: column;}
  .graphic-motif.box1 .identifier {margin-bottom: 40px;}
}

.graphic-motif.box2 {position: relative; padding-bottom: 40px; border-bottom:1px solid #BECDFF;}
.graphic-motif.box2 .graphic-pattern {display: flex; justify-content: center; margin-top: 40px;}
.graphic-motif.box2 .graphic-pattern .img-box {padding:0 36px;}

@media (max-width:767px) {
  .graphic-motif.box2 .graphic-pattern {flex-direction: column; text-align: center;}
  .graphic-motif.box2 .graphic-pattern .img-box {margin-bottom: 20px;}
}

/* [E] 워드마크 및 슬로건 */

/* [S] 학부학과 BI */

/* title */
.depart-bi.title {border-bottom:1px solid #BECDFF; padding-bottom: 42px; margin-bottom: 50px;}
.depart-bi.title .inner {display: flex; justify-content: space-between; align-items: center;}
.depart-bi.title h1 {font-family: 'Pre Bold'; font-size: 54px; line-height: 1.5;}
@media (max-width:1023px) {
  .depart-bi.title h1 {font-size: 32px;}  
}
@media (max-width:767px) {
  .depart-bi.title .inner {flex-wrap:wrap;}
}

/* box 공통 sub-title */
.depart-bi .inner {display: flex;}
.depart-bi .left {width:516px; flex-shrink: 0;}
.depart-bi .left h2 {font-family: 'Pre Bold'; font-size: 40px; color:#000; position: relative; display: inline-block;}
.depart-bi .left h2::after {content:''; color:#ABABAB; font-family: 'Pop Medium'; font-size: 16px; line-height: 2.2; position: absolute; left:calc(100% + 15px); top:0; white-space: nowrap;}
.depart-bi .right p {font-size: 20px; line-height: 32px; font-family: 'Pre Regular'; color:#707070; margin-bottom: 32px;}
.depart-bi .img-box {border:1px solid #BECDFF; border-radius:4px; display: flex; align-items: center; justify-content: center; }

@media (max-width:1280px) {
  .depart-bi .left {width:400px;}
}
@media (max-width:1023px) {
  .depart-bi:not(.title) .inner {flex-direction: column;}
  .depart-bi .left h2 {font-size: 28px;}
  .depart-bi .left h2::after {font-size: 14px;}
  .depart-bi .right p {font-size: 18px; margin-top: 20px; margin-bottom: 0;}
  .depart-bi .img-box {margin-top: 25px;}
}

.depart-bi.box1 .left h2::after {content:'CONCEPT';}
.depart-bi.box2 .left h2::after {content:'KEY VALUE';}
.depart-bi.box3 .left h2::after {content:'SYMBOL';}
.depart-bi.box4 .left h2::after {content:'LOGO';}
.depart-bi.box5 .left h2::after {content:'LOGO';}
.depart-bi.box6 .left h2::after {content:'COLOR SYSTEM';}
.depart-bi.box7 .left h2::after {content:'TYPOGRAPHY';}
.depart-bi.box8 .left h2::after {content:'GRAPHIC MOTIF';}


.depart-bi.box1 {padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.depart-bi.box2 {padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.depart-bi.box3 {padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.depart-bi.box4 {padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.depart-bi.box5 {padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.depart-bi.box6 {padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.depart-bi.box7 {padding-bottom: 60px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
/* [E] 학부학과 BI */

/* [S] 캐릭터 */

/* title */
.character.title {border-bottom:1px solid #BECDFF; padding-bottom: 42px; margin-bottom: 50px;}
.character.title .inner {display: flex; justify-content: space-between; align-items: center;}
.character.title h1 {font-family: 'Pre Bold'; font-size: 54px; line-height: 1.5;}
.character.title .character_down{display: flex; gap: 5px; word-break: keep-all; min-width: 324px;}

/* 타입 */
.character span.type { display: inline-block; background:#F0F8FF; color:#2822E9; font-family: 'Pre Bold'; font-size: 16px; line-height: 26px; min-width:50px; padding:0 15px; border-radius:50px;text-align: center; height:26px; flex-shrink: 0;}
.character span.type.color {color:#fff; background: #2822E9;}

@media (max-width:1023px) {
  .character.title h1 {font-size: 32px;}  
  .character.title .character_down{display: block; margin-top: 15px;}
  .character.title .character_down a{margin-bottom: 10px;}
  .character.title .character_down a:last-child{margin-bottom: 0;}
}
@media (max-width:767px) {
  .character.title .inner {flex-wrap:wrap;}
  .character.title .character_down{min-width: auto;}
}

/* 공통 */
.character .inner {display: flex;}
.character .left {width: 530px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between;}
.character .left h2 > span {font-family: 'Pre Bold'; font-size: 40px; color:#000; position: relative; display: inline-block;}
.character .left h2 > span::after {content:''; color:#ABABAB; font-family: 'Pop Medium'; font-size: 16px; line-height: 2.2; position: absolute; left:calc(100% + 15px); top:0; white-space: nowrap;}
.character .right .cn {font-size: 20px; line-height: 32px; font-family: 'Pre Regular'; color:#707070; margin-bottom: 45px;}
.character .text-box strong {display: block; font-family: 'Pre Bold'; font-size: 20px; color:#000; margin-top: 10px;}

@media (max-width:1280px) {
  .character .left {width:400px;}
}
@media (max-width:1023px) {
  .character:not(.title) .inner {flex-direction: column;}
  .character .left h2 span {font-size: 28px;}
  .character .left h2 > span::after {font-size: 14px;}
  .character .right .cn {font-size: 18px; margin:20px 0;}
}
@media (max-width:767px) {
  .character .text-box strong {font-size: 18px;}
}
.character.box1 {padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.character.box1 .left h2 > span::after {content:'PROFLIE';}
.character.box1 .inner:last-child {margin-top:-45px}
.character.box1 .inner:last-child .right {display: flex; align-items: end;}
.character.box1 .inner:last-child .profl-box {}
.character.box1 .profl-box {padding-left: 37px; border-left:1px solid #d9d9d9;}
.character.box1 .profl-box li {display: flex; align-items: start; margin-bottom: 20px;}
.character.box1 .profl-box li:last-child {margin-bottom: 0;}
.character.box1 .profl-box strong {display: inline-block; font-size: 20px; line-height: 32px; font-family: 'Pre Medium'; color:#2822E9; width:190px; flex-shrink: 0;}
.character.box1 .profl-box p {font-size: 20px; line-height: 30px; font-family: 'Pre Bold'; color:#000; margin-bottom: 0;}
@media (max-width:1500px) {
  .character .profl-box p br {display: none;}  
  .character.box1 .img-box {text-align: center;}
  .character.box1 .profl-box p {margin-top: 0;}
}
@media (max-width:1280px) {
  .character.box1 .inner:last-child {margin-top: 0; align-items: center;}
}
@media (max-width:767px) {
  .character.box1 .profl-box {padding-left: 0; border-left: 0;}
  .character.box1 .profl-box li {margin-bottom: 10px;}
  .character.box1 .profl-box strong {font-size: 18px; width:130px;}
  .character.box1 .profl-box p {font-size: 18px;}
}

.character.box2 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.character.box2 .char-box ul {display: flex; justify-content: center;}
.character.box2 .char-box ul li {padding:0 30px;}
.character.box2 .text-box {text-align: center;}
@media (max-width:767px) {
  .character.box2 .char-box ul li {padding:0 10px;}
}

.character.box3 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.character.box3 h2 em {font-size: 20px; line-height: 32px; font-family: 'Pre Medium'; display: block;}
.character.box3 .char-box {margin-top: 15px;}
.character.box3 .char-box ul {display: flex; justify-content: space-between;}
.character.box3 .text-box {text-align: center; margin-top: 17px;}

.character.box4 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.character.box4 h2 em {font-size: 20px; line-height: 32px; font-family: 'Pre Medium'; display: block;}
.character.box4 .char-box {margin-top: 15px;}
.character.box4 .char-box ul {display: flex; justify-content: space-between;}
.character.box4 .text-box {text-align: center; margin-top: 17px;}

.character.box5 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.character.box5 .right {flex:1;}
.character.box5 .char-box {display: flex;}
.character.box5 .char-box > div {width:50%; text-align: center;} 
.character.box5 .char-box .char1 {margin-right: 60px;}
.character.box5 .text-box {text-align: center;}
.character.box5 .color-code {text-align:left; margin-top: 45px;}
.character.box5 .color-code ul::after {content:''; display: block; clear:both;}
.character.box5 .color-code li {float:right; width:50%; padding-left:68px; position: relative;}
.character.box5 .color-code li p {font-size: 16px; line-height: 26px; font-family: 'Pre Medium'; color: #707070; margin-bottom: 12px;}
.character.box5 .color-code li::before {content:''; width:48px; height:48px; position: absolute; left:0; top:0;}
.character.box5 .color1-1::before {background:#F6B1AE;}
.character.box5 .color1-2::before {background:#78C8F0;}
.character.box5 .color1-3::before {background:#EB5C50;}
.character.box5 .color1-4::before {background:#30466D;}
.character.box5 .color1-5::before {background:#F0CA6E;}

.character.box5 .color2-1::before {background:#F6B1AE;}
.character.box5 .color2-2::before {background:#78C8F0;}
.character.box5 .color2-3::before {background:#DBD8E0;}
.character.box5 .color2-4::before {background:#30466D;}

@media (max-width:1600px) {
  .character.box5 .char-box .char1 {margin-right: 0;}
  .character.box5 .color-code li {padding-left: 38px;}
  .character.box5 .color-code li::before {width:25px;}
}
@media (max-width:1400px) {
  .character.box5 .color-code li {width:100%;}
  .character.box5 .color-code li {padding-left: 68px;}
  .character.box5 .color-code li::before {width:48px;}
}
@media (max-width:550px) {
  .character.box5 .char-box {flex-direction: column; justify-content: center; align-items: center;}
  .character.box5 .char-box > div {width:100%;}
}

.character.box6 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.character.box6 .left {margin-right: 60px;}
.character.box6 .right {width:100%;}
.character.box6 .img-box > ul {display: flex; justify-content: space-between;}
.character.box6 .img-box li {width:50%; text-align: center; padding:0 10px;}
.character.box6 .text-box span {margin-top: 21px;}
@media (max-width:1023px) {
  .character.box6 .left .info-box {margin-top: 20px;}
}

.character.box7 .type {background:#DFF0FF; margin-right: 12px;}
.character.box7 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.character.box7 .img-box {margin-top: 40px;}
.character.box7 .img-box ul {margin:0 -10px;}
.character.box7 .img-box ul::after {content:''; display: block; clear:both;}
.character.box7 .img-box li {width:25%; float:left; padding:0 10px; margin-bottom: 20px;}
.character.box7 .li-box {background:#F7F7F7; padding:20px;}
@media (max-width:1500px) {
  .character.box7 .type {font-size: 14px;}
}
@media (max-width:1400px) {
  .character.box7 .img-box li {width:33.3333%;}
}
@media (max-width:1023px) {
  .character.box7 .img-box {margin-top: 10px;}
  .character.box7 .img-box li {width:50%;}
}
@media (max-width:767px) {
  .character.box7 .img-box li {width:100%;}
}

.character.box8 .type {background:#DFF0FF; margin-right: 12px;}
.character.box8 {position: relative; padding-bottom: 100px; border-bottom:1px solid #BECDFF; margin-bottom: 40px;}
.character.box8 .img-box {}
.character.box8 .img-box ul {display: flex; justify-content: center;}
.character.box8 .img-box li {width:50%; margin-bottom: 20px; max-width:480px; padding:0 30px;}
.character.box8 .li-box {background:#F7F7F7; padding:20px;}
@media (max-width:767px) {
  .character.box8 .img-box ul {padding:0 -10px;}
  .character.box8 .img-box li {padding:0 10px;}
}
@media (max-width:600px) {
  .character.box8 .img-box ul {flex-direction: column; align-items: center;}
  .character.box8 .img-box li {width:100%;}
}

.character.box9 {position: relative; padding-bottom: 40px; border-bottom:1px solid #BECDFF;}
.character.box9 .img-box {margin-top: 40px;}
.character.box9 .img-box ul {display: flex; justify-content: center; margin:0 -10px;}
.character.box9 .img-box li {width:25%; padding:0 10px;}
.character.box9 .li-box {background:#F7F7F7; padding:20px;}
@media (max-width:1023px) {
  .character.box9 .img-box {margin-top:10px;}
  .character.box9 .img-box ul {flex-wrap:wrap;}
  .character.box9 .img-box li {width:50%; margin-bottom: 20px;}  
}

@media (max-width:767px) {
  .character.box1,
  .character.box2,
  .character.box3,
  .character.box4,
  .character.box5,
  .character.box6,
  .character.box7,
  .character.box8 {padding-bottom: 50px;}
}
/* [E] 캐릭터 */

/* [S] 교가 */
.school-song {position: relative;}
.school-song .inner {display: flex; margin:0 80px; flex-direction: row-reverse;}
.school-song .inner > div {width:50%;}
.school-song .left {margin-right: 55px; background: #F7F7F7; padding:72px 125px;}
.school-song .part1,
.school-song .part2 {display: flex;}
.school-song .part1 {margin-bottom: 50px;}
.school-song .left strong {font-size: 40px; line-height: 1.5; font-family: 'Pre Bold'; width:100px; flex-shrink: 0;  color:#000;}
.school-song .left p {font-size: 24px; line-height: 38px; color:#000;}
.school-song .left p i {margin:40px 0; display: block;}
.school-song .right {position: relative; display:flex; align-items:center; justify-content:center;}
/* title */
.school-song-title {border-bottom:1px solid #BECDFF; padding-bottom: 42px; margin-bottom: 50px;}
.school-song-title .inner {display: flex; align-items: flex-end; gap: 20px;}
.school-song-title h1 {font-family: 'Pre Bold'; font-size: 54px; line-height: 1.5;}
.school-song-title .school-song-credit {display: flex; font-family: 'Pre Regular'; font-size: 20px; line-height: 2.5;}
.school-song-title .school-song-credit p:first-child::after {content: '|'; padding: 0 16px;}

@media (max-width:1600px) {
  .school-song .left {padding:72px 50px;}
}
@media (max-width:1300px) {
  .school-song .left strong {font-size: 35px;}
  .school-song .left p {font-size: min(20px, 1.5vw); line-height:1.5;}
}
@media (max-width:1023px) {
  .school-song .inner {flex-direction: column;}
  .school-song .inner > div {width:100%;}
  .school-song .left p {font-size: 24px;}
  .school-song .right {text-align: center; margin-bottom: 20px;}
  .school-song-title h1 {font-size: 32px;}
  .school-song-title .school-song-credit {font-size: 16px; line-height: 2.2;}
  .school-song-title .school-song-credit p:first-child::after {padding: 0 10px;}
}
@media (max-width:767px) {
  .school-song .inner {margin:0;}
  .school-song .left p {font-size: 18px;}
}
@media (max-width:500px) {
  .school-song .left {padding:30px;}
  .school-song .left strong {width:80px; font-size: 30px;}
}
/* [E] 교가 */

/* [S] 본부 - 부속기관들 */
.org-banner-box {margin-top: 45px; border-radius:4px; overflow:hidden; max-height:400px; width:100%;}
.org-banner-box img {object-fit: cover;}
@media (max-width:1023px) {
  .org-banner-box {margin-top: 30px;}
}

.bg-box1 {position: relative;}
.bg-box1 > ul {display: flex; margin:0 -10px; flex-wrap:wrap;}
.bg-box1 > ul > li {padding:0 10px; width:25%; margin-bottom: 20px; word-break: break-all;}
.bg-box1 .box {background:#F1EEE9; border-radius:4px; display: flex; align-items: center; min-height:120px; padding:20px 0px 20px 36px; flex-wrap:wrap; height:100%;}
.bg-box1 .con-list1 {display: flex; margin:0 -10px; width:100%;}
.bg-box1 .con-list1 > ul {flex:1; padding:0 10px;}
.bg-box1 .con-list2{margin-bottom: 0;}

.bg-box1.leng3 > ul > li {width:33.3333%;}
@media (max-width:1600px) {
  .bg-box1 > ul > li br {display: none;}
}
@media (max-width:1280px) {
  .bg-box1 > ul > li {width:33.3333%;}
  .bg-box1.leng3 > ul > li {width:50%;}
  .bg-box1.leng3 .con-list1 {display: block;}
}
@media (max-width:1023px) {
  .bg-box1 > ul > li {width:50%;}
  .bg-box1.leng3 > ul > li {width:100%;}
}
@media (max-width:767px) {
  .bg-box1 > ul > li {width:100%;}
  .bg-box1 .box {min-height:80px;}
}

.bg-box2 {position: relative;}
.bg-box2 > ul {display: flex; margin:0 -10px; flex-wrap:wrap;}
.bg-box2 > ul > li {padding:0 10px; width:33.3333%; margin-bottom: 20px; word-break: break-all;}
.bg-box2 .box {background:#F1EEE9; border-radius:4px; display: flex; align-items: start; min-height:120px; padding:40px 20px 40px 36px; flex-direction: column; height:100%;}
.bg-box2 h3 {font-size: 32px; line-height: 1.5; color:#000; font-family: 'Pre Bold'; width:100%; margin-bottom: 10px;}
.bg-box2 h3.small{font-size: 24px;}
.bg-box2 .con-list1 {display: flex; margin:0 -10px; width:100%;}
.bg-box2 .con-list1 > ul {flex:1; padding:0 10px;}
@media (max-width:1600px) {
  .bg-box2 > ul > li br {display: none;}
}
@media (max-width:1280px) {
  .bg-box2 h3.small,
  .bg-box2 h3  {font-size: 25px;}
  .bg-box2 > ul > li {width:33.3333%;}
  .bg-box2 .con-list1 {display: block;}
  .bg-box2 .con-list1 > ul > li:last-child {margin-bottom:10px;}
  .bg-box2 .con-list1 > ul:last-child > li:last-child {margin-bottom:0;}
}
@media (max-width:1023px) {
  .bg-box2 > ul > li {width:50%;}
}
@media (max-width:767px) {
  .bg-box2 > ul > li {width:100%;}
  .bg-box2 .box {min-height:80px;}
}

.con-desc.big {word-break: break-all;}
@media (max-width:1600px) {
  .con-desc.big br {display: none;}
}

/* 산업기술연구소 - 조직현황 */
.org-wrap-sub .color1 {background:#0500B5;}
.org-wrap-sub .color2 {background:#2822E9;}
.org-wrap-sub .color3 {background:#6942F1;}
.org-wrap-sub .color4 {background:#F0F8FF; border:1px solid #BECDFF;}
.org-wrap-sub .box { display: table; position: relative;}
.org-wrap-sub .box p {display: table-cell; vertical-align: middle; padding: 0 5px; position: relative;}

.org-wrap-sub {position: relative; --lineColor:#9E9BFF;}
.org-wrap-sub .top {position: relative; font-size: 32px; color:#fff; font-family: 'Pre Bold'; width:840px; margin:0 auto; padding-bottom:44px;}
.org-wrap-sub .top::before {content:''; width:2px; height:calc(100% - (92px / 2)); position: absolute; left:50%; bottom:0; background: var(--lineColor); margin-left:-1px;}
/* calc(100% - (92px / 2)) 92px - top box의 높이 */
.org-wrap-sub .top-top {margin-bottom: 44px;}
.org-wrap-sub .top-top::after {content: ''; display: block; clear: both;}
.org-wrap-sub .top-top > div {width:50%; float:left; position: relative;}
.org-wrap-sub .top-top .left::before {content: ''; width:100%; height:2px; background-color:var(--lineColor); position: absolute; top: 50%; left:0;}
.org-wrap-sub .top-top .right::before {content: ''; width:100%; height:2px; background-color:var(--lineColor); position: absolute; top: 50%; left:0;}
.org-wrap-sub .top-top .right .box {float:right;}
.org-wrap-sub .top-top .box {width:400px; display: table; text-align: center; border-radius:8px;}
.org-wrap-sub .top-top .box p {height:92px;}
.org-wrap-sub .top-bottom {max-width:840px;}
.org-wrap-sub .top-bottom::after {content: ''; display: block; clear: both;}
.org-wrap-sub .top-bottom .right {float:right; width:50%; padding-left:20px; position: relative;}
.org-wrap-sub .top-bottom .right::before {content:''; width:100%; height:2px; background: var(--lineColor); position: absolute; top:50%; left:0;}
.org-wrap-sub .top-bottom .box {width:400px; border-radius:8px; text-align: center; height: 92px;}

.org-wrap-sub .bottom {position: relative;}
.org-wrap-sub .bottom::before {content: ''; width:76%; height:2px; background:var(--lineColor); position: absolute; top:0; left:50%; transform:translateX(-50%);}
.org-wrap-sub .bottom .depth1 {margin:0 -10px;}
.org-wrap-sub .bottom .depth1 > li {float:left; padding:0 10px; width:25%;}
.org-wrap-sub .bottom .depth1 > li {padding-top:50px; position: relative;}
.org-wrap-sub .bottom .depth1 > li::before {content:''; width:2px; height:50px; background:var(--lineColor); position: absolute; top:0; left:50%; margin-left:-1px;}
.org-wrap-sub .bottom .depth2 > li {margin-bottom: 20px;}
.org-wrap-sub .bottom .depth2 > li:last-child {margin-bottom: 0;}
.org-wrap-sub .bottom .box {width:100%; height:72px; border-radius:4px; text-align: center; color:#000; font-size: 20px; font-family: 'Pre Bold';}

@media (max-width:1280px) {
  .org-wrap-sub .top {font-size: 25px; width: 680px;}
  .org-wrap-sub .top::before {height:calc(100% - (75px / 2));}
  .org-wrap-sub .top-top .box {width:320px;}
  .org-wrap-sub .top-top .box p {height:75px;}

  .org-wrap-sub .top-bottom .box {width:320px; height: 75px;}

  .org-wrap-sub .bottom .box {height: 65px;}
  .org-wrap-sub .bottom::before {width:76.4%;}
}

@media (max-width:1000px) {
  .org-wrap-sub .bottom::before {display: none;}
  .org-wrap-sub .bottom .depth1 > li {width:50%;}
  .org-wrap-sub .bottom .depth1 > li:first-child::after {content: ''; width:50%; height:2px; top:0; position: absolute; background: var(--lineColor); right:0;}
  .org-wrap-sub .bottom .depth1 > li:nth-child(2)::after {content: ''; width:50%; height:2px; top:0; position: absolute; background: var(--lineColor); left:0;}
  .org-wrap-sub .bottom .depth1 > li:nth-last-child(-n+2)::before {display: none;}
}
@media (max-width:767px) {
  .org-wrap-sub .top {font-size: 20px; width:100%;}
  .org-wrap-sub .top::before {height:calc(100% - 30px);}
  .org-wrap-sub .top-top .left {padding-right:20px;}
  .org-wrap-sub .top-top .right {padding-left:20px;}
  .org-wrap-sub .top-top .box p {height: 60px;}
  .org-wrap-sub .top-top .box {width:100%; max-width:300px;}

  .org-wrap-sub .top-bottom .box {width:100%; max-width:300px; height: 60px;}

  .org-wrap-sub .bottom .box {height: 50px; font-size: 16px;}
  .org-wrap-sub .bottom .depth1 > li {padding-top: 30px;}
  .org-wrap-sub .bottom .depth2 > li {margin-bottom: 10px;}
}
/* // 산업기술연구소 - 조직현황 */
/* [E] 본부 - 부속기관들 */

/* [S] 대학공시 */
.btn-style2.long span {padding-right:110px;}

.uni-disc-wrap {position: relative;}
.uni-disc-wrap .top-banner {position: relative; margin-bottom: 80px;}
.uni-disc-wrap .top-banner .banner-inner {padding:55px 48px; display: flex; background: #F1EEE9;}
.uni-disc-wrap .top-banner .title {font-family: 'Pre Bold'; color:#000; width:475px; flex-shrink: 0;}
.uni-disc-wrap .top-banner .title h2 {font-size: 48px; }
.uni-disc-wrap .top-banner .con p {font-size: 24px; color:#000; line-height: 1.58; font-family: 'Pre Medium';} 
.uni-disc-wrap .top-banner .btn-box {margin-top: 40px;}
.uni-disc-wrap .uni-disc-con {position: relative; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:40px 48px; display: flex;}
.uni-disc-wrap .uni-disc-con .title {width:475px; font-size: 40px; font-family: 'Pre Bold'; flex-shrink: 0;}
.uni-disc-wrap .uni-disc-con li {position: relative; padding-left:20px; font-size: 20px; line-height: 1.6; margin-bottom: 25px;}
.uni-disc-wrap .uni-disc-con li:last-child {margin-bottom: 0;}
.uni-disc-wrap .uni-disc-con li::after {content: ''; width:8px; height:8px; background:#000; position: absolute; left:0; top:11px;}
@media (max-width:1280px) {
  .uni-disc-wrap .top-banner .title {width:385px;}
  .uni-disc-wrap .top-banner .title h2 {font-size: 40px;}
  .uni-disc-wrap .top-banner .con p {font-size: 20px;}

  .uni-disc-wrap .uni-disc-con .title {font-size: 32px; width:385px;}
  .uni-disc-wrap .uni-disc-con li {font-size: 18px;}
  .uni-disc-wrap .uni-disc-con li::after {width: 6px; height: 6px;}
}
@media (max-width:1023px) {
  .uni-disc-wrap .top-banner {margin-bottom: 40px;}
  .uni-disc-wrap .top-banner .banner-inner {flex-direction: column;}
  .uni-disc-wrap .top-banner .title {width:100%;}
  .uni-disc-wrap .top-banner .title h2 {font-size: 30px;}
  .uni-disc-wrap .top-banner .con p {font-size: 18px; margin-top: 20px;}

  .uni-disc-wrap .uni-disc-con {flex-direction: column;}
  .uni-disc-wrap .uni-disc-con .title {font-size: 25px; width:auto;}
  .uni-disc-wrap .uni-disc-con .con {margin-top: 20px;}
}
@media (max-width:767px) {
  .uni-disc-wrap .top-banner .banner-inner {padding:25px 30px;}
  .uni-disc-wrap .uni-disc-con {padding:25px 30px;}
}
/* [E] 대학공시 */

/* [S] 정보공개제도안내, 정보공개청구방법 */
.public-info-wrap {position: relative; word-break:keep-all;}
.public-info-wrap .top-banner {position: relative; margin-bottom: 80px;}
.public-info-wrap .top-banner .banner-inner {padding:55px 48px; display: flex; background: #F1EEE9;}
.public-info-wrap .top-banner .title {font-family: 'Pre Bold'; color:#000; width:475px; flex-shrink: 0;}
.public-info-wrap .top-banner .title h2 {font-size: 48px; }
.public-info-wrap .top-banner .con p {font-size: 24px; color:#000; line-height: 1.58; font-family: 'Pre Medium';}
.public-info-wrap .top-banner .btn-box {margin-top: 40px;}

.public-info-wrap .pub-con {position: relative; padding:40px 48px; display: flex; background: #F7F7F7; margin-bottom: 20px;}
.public-info-wrap .pub-con:last-child {margin-bottom: 0;}
.public-info-wrap .pub-con .title {width:475px; flex-shrink: 0; padding-right: 140px;}
.public-info-wrap .pub-con .title h3 {font-size: 40px; font-family: 'Pre Bold';}
.public-info-wrap .pub-con .title span {display: inline-block; font-size: 16px; line-height: 1.58; color:#2822E9; margin-top: 15px;}
.public-info-wrap .division strong {color:#000; font-size: 20px; font-family: 'Pre Bold'; margin-top: 25px; display: block;}
.public-info-wrap .division:first-child strong {margin-top: 0;}
.public-info-wrap .division p {color:#515151; font-size: 16px; line-height: 1.58; margin-top: 12px; font-family: 'Pre Medium';}

@media (max-width:1280px) {
  .public-info-wrap .top-banner .title {width:385px;}
  .public-info-wrap .top-banner .title h2 {font-size: 40px;}
  .public-info-wrap .top-banner .con p {font-size: 20px;}

  .public-info-wrap .pub-con .title h3{font-size: 32px; width:385px;}
  .public-info-wrap .pub-con .title br {display: none;}

}
@media (max-width:1023px) {
  .public-info-wrap .top-banner {margin-bottom: 40px;}
  .public-info-wrap .top-banner .banner-inner {flex-direction: column;}
  .public-info-wrap .top-banner .title {width:100%;}
  .public-info-wrap .top-banner .title h2 {font-size: 30px;}
  .public-info-wrap .top-banner .con p {font-size: 18px; margin-top: 20px;}

  .public-info-wrap .pub-con {flex-direction: column;}
  .public-info-wrap .pub-con .title h3{font-size: 25px; width:auto;}
  .public-info-wrap .pub-con .title {padding-right: 0;}
  .public-info-wrap .pub-con .con {margin-top: 20px;}
}
@media (max-width:767px) {
  .public-info-wrap .top-banner .banner-inner {padding:25px 30px;}
  .public-info-wrap .pub-con {padding:25px 30px;}
}
/* [E] 정보공개제도안내, 정보공개청구방법 */

/* [S] 비정보공개의 세부기준 */
.private-info-wrap {position: relative; padding:60px 0; border-top:1px solid #000; border-bottom:1px solid #000; margin-top:50px;}
.private-info-wrap .division {margin-bottom: 30px;}
.private-info-wrap .division:last-child {margin-bottom: 0;}
@media (max-width:767px) {
  .private-info-wrap {padding:30px 0;}
  .private-info-wrap .division {margin-bottom: 30px;}
}
/* [E] 비정보공개의 세부기준 */

/* [S] 정보공개서식 */
.public-form-down {position: relative;}
.public-form-down ul {display: flex; flex-wrap:wrap; margin:0 -15px;}
.public-form-down li {padding:0 15px; width:33.3333%; margin-bottom: 30px;}
.public-form-down .box {background: #F7F7F7; display: flex; align-items: center; justify-content: center; min-height:120px; padding:0 40px 0 40px;}
.public-form-down a {font-size: 20px; font-family: 'Pre Bold'; display: block;  position: relative; flex:1; padding-right:50px;}
.public-form-down a:hover {text-decoration:underline;}
.public-form-down a::after {content:''; width:48px; height:48px; background: #000 url('../../images/sub/ic-down.svg') no-repeat center; border-radius:50%; position: absolute; right: 0px; top:50%; margin-top:-24px;}
@media (max-width:1280px) {
  .public-form-down li {width: 50%;}
  .public-form-down a {font-size: 18px;}
}
@media (max-width:767px) {
  .public-form-down li {width: 100%;}
  .public-form-down li:last-child {margin-bottom: 0;}
  .public-form-down .box {padding:0 20px;}
  .public-form-down a {font-size: 16px;}
}
/* [E] 정보공개서식 */

/* [S] 교직원 검색 */
.employee-wrap {position: relative; text-align: center;}
.employee-wrap .left,
.employee-wrap .right {}
.employee-wrap strong {font-size: 32px; font-family: 'Pre Medium'; display: flex; align-items: center; justify-content: center; background:#F7F7F7; border-top:1px solid #000; border-bottom:1px solid #000;min-height:120px;}
.employee-wrap strong em { font-family: 'Pre Bold'; display: inline-block; margin-right:20px;}
.employee-wrap .con-table {height:100%;}
.employee-wrap table {height:100%;}
.con-table tbody th .small-txt {font-size: 14px; font-family: 'Pre Medium'; display: inline-block; font-weight: normal;}
@media (max-width:1280px) {
  .employee-wrap strong {font-size: 24px;}
}
@media (max-width:767px) {
  .employee-wrap strong {font-size: 20px; min-height:80px;}
}
/* [E] 교직원 검색 */

/* [S] 주차안내 */
.parking-box {position: relative; background: #F7F7F7; padding:50px 60px 25px 60px;}
.parking-box ul {display: flex; margin:0 -20px;}
.parking-box ul li {padding:0 20px; width:25%; display: flex; flex-direction: column;}
.parking-box .box {display: flex; flex-direction: column; flex:1;} 
.parking-box .box > p {flex:1;}
.parking-box .img-box {margin-top: 12px; position: relative; border-radius:4px; border:1px solid #d9d9d9;}
.parking-box .img-box::after {content:''; width:40px; height:40px; background:url('../../images/sub/step-arrow2.png') no-repeat center; position: absolute; left:100%; top:50%; margin-top:-20px;}
.parking-box .img-box img {width: 100%;border-radius:4px;}
.parking-box ul li:last-child .img-box::after {display: none;}
.parking-box .info {font-size: 16px; color:#515151; display: flex; align-items: center; font-family: 'Pre Medium'; padding-top: 24px; border-top:1px solid #d9d9d9; margin-top: 24px;}
.parking-box .info em {font-size: 24px; color:#000; margin-left:10px; font-family:'Pre Bold';}
@media (max-width:1280px) {
  .parking-box ul {flex-wrap:wrap;}
  .parking-box ul li {width:50%; margin-bottom: 40px;}
}
@media (max-width:767px) {
  .parking-box {padding:25px 30px;}
  .parking-box ul li {width:100%;}
  .parking-box .box {position: relative;}
  .parking-box ul li:last-child .box::after {display: none;}
  .parking-box .box::after {content:''; width:40px; height:40px; background:url('../../images/sub/step-arrow2.png') no-repeat center; position: absolute; top:100%; left:50%; margin-left:-20px; transform: rotate(90deg);}
  .parking-box .img-box {width:auto; margin:0 auto; margin-top:12px;}
  .parking-box .img-box::after {display: none;}
}

.parking-box2 {position: relative; background: #F7F7F7; padding:50px 112px 25px 112px;}
.parking-box2 .inner {display: flex; margin:0 -54px;}
.parking-box2 .inner > div {width:50%; padding:0 54px;}
.parking-box2 .inner > div strong {font-size: 32px; font-family: 'Pre Bold'; margin-bottom: 20px; color:#000; display: inline-block;}
.parking-box2 ul {margin-top: 35px;}
.parking-box2 .info {font-size: 16px; color:#515151; display: flex; align-items: center; font-family: 'Pre Medium'; padding-top: 24px; border-top:1px solid #d9d9d9; margin-top: 24px;}
@media (max-width:1280px) {
  .parking-box2 .inner {flex-direction: column;}
  .parking-box2 .inner > div {width:100%; margin-bottom: 40px;}
  .parking-box2 .inner > div:last-child {margin-bottom: 0;}
}
@media (max-width:767px) {
  .parking-box2 {padding:25px 30px;}
  .parking-box2 .inner > div strong {font-size: 25px;}
}
/* [E] 주차안내 */

/* [S] 조직도 */

.org-wrap {position: relative; max-width:1474px; margin:0 auto; --lineColor:#9E9BFF;}
.org-wrap .logo {text-align: center; margin-bottom: 60px;}
.org-wrap .inner {position: relative;}
.org-wrap a:hover {color:#2822E9;}
.org-wrap .box {display: flex; align-items: center; justify-content: center; border-radius:4px;}
.org-wrap .org-top {position: relative;}
.org-wrap .org-top::before {content:''; width:2px; height:100%; background:var(--lineColor); position: absolute; left:50%; margin-left:-1px; top:0;}
.org-wrap .president {position: relative; padding-bottom: 72px;}
.org-wrap .president .box {max-width:520px; width:100%; height:92px; font-size: 32px; color:#fff; font-family: 'Pre Bold'; background: #6841f0; margin:0 auto;}
.org-wrap .sub-president {padding-bottom: 90px; position: relative;}
.org-wrap .sub-president .box {max-width:456px; width:100%; height:92px; font-size: 32px; color:#fff; font-family: 'Pre Bold'; background: #6942f1; margin:0 auto;}
.org-wrap .org-side {position: absolute; left:0; top:40px; width:100%;}
.org-wrap .org-side::before {content:''; height:2px; background:var(--lineColor); position: absolute; top:93px; left:300px; right:140px;}
.org-wrap .org-side .side-inner {display: inline-block; position: relative;}
.org-wrap .org-side .side-inner::before {content:''; width:2px; height:calc(100% - 72px); position: absolute; top:36px; right:0; background: var(--lineColor);}
.org-wrap .org-side li {margin-bottom: 12px; width:auto; width:300px; padding-right:60px; position: relative;}
.org-wrap .org-side li::before {content:''; width:100%; height:2px; background:var(--lineColor); position: absolute; left:0; top:50%; margin-top:-1px;}
.org-wrap .org-side li:last-child {margin-bottom: 0;}
.org-wrap .org-side li p {min-height:72px; display: flex; align-items: center; justify-content: center; color:#fff; background:linear-gradient(to right, #B49BFB, #9472FC); font-size: 24px; border-radius:4px; font-family: 'Pre Bold'; position: relative;}
.org-wrap .org-bottom {position: relative; max-width:1474px; margin: 0 auto;}
/* depth1 */
.org-wrap .depth1 {font-size: 0; display: flex; justify-content: space-between; margin:0 -20px;}
.org-wrap .depth1 > li {padding-top: 50px;}
.org-wrap .depth1 .title {height: 72px; display: flex; align-items: center; justify-content: center; background: #6942f1; color:#fff; font-family: 'Pre Bold'; font-size: 24px; border-radius:4px;}
.org-wrap .depth1 > li {margin:0 20px; position: relative;}
.org-wrap .depth1 > li:first-child {max-width:570px; width:100%; display: inline-block;}
.org-wrap .depth1 > li:first-child::before {content:''; width:2px; height:50px; background:var(--lineColor); position: absolute; left:50%; margin-left:-1px; top:0;}
.org-wrap .depth1 > li:first-child::after {content:''; width:100%; height:2px; background:var(--lineColor); position: absolute; top:0; left:50%;}
.org-wrap .depth1 > li:nth-child(2) {max-width:544px; width:100%; display: inline-block;}
.org-wrap .depth1 > li:nth-child(2)::before {content:''; width:2px; height:50px; background:var(--lineColor); position: absolute; left:50%; margin-left:-1px; top:0;}
.org-wrap .depth1 > li:nth-child(2)::after {content:''; width:100%; height:2px; background:var(--lineColor); position: absolute; top:0; right:50%;}
.org-wrap .depth1 > li:last-child {max-width:280px; width:100%; display: inline-block; }
.org-wrap .depth1 > li:last-child::before {content:''; width:2px; height:263px; background: var(--lineColor); position: absolute; left:50%; margin-left:-1px; top:-213px;}
/* depth2 */
.org-wrap .depth2 {position: relative; margin-top: 20px !important;}
.org-wrap .depth2 .dep2-box {display: flex; width:100%; margin-bottom: 24px;}
.org-wrap .depth2 .dep2-box > dl {border:1px solid #BECDFF; border-radius:4px; height:100%;}
.org-wrap .depth2 .dep2-box > dl > dt {font-size: 24px; background:#F0F8FF; text-align: center; font-family: 'Pre Bold'; color:#000; min-height:72px; padding:10px; display: flex; align-items: center; justify-content: center; border-radius:4px 4px 0 0;}
.org-wrap .depth2 .dep2-box > dl dd {background:#fff; color:#515151; font-size: 18px; text-align: center; border-radius:0 0 4px 4px;}
.org-wrap .dep2-list {padding:22px 0;}
.org-wrap .dep2-list p {font-size: 18px; color:#515151; font-family: 'Pre Medium'; margin-bottom: 15px;}
.org-wrap .depth2.center > li > .dep2-box > dl {width:49.12%;}

/* depth3 */
.org-wrap .center .depth3 {position: relative; height:100%; padding-left:25px;}
.org-wrap .center .depth3::after {content:''; width:100%; height:2px; background:var(--lineColor); position: absolute; left:0; top:36px;}
.org-wrap .center .depth3::before {content:''; width:2px; height:calc(100% - 72px); position: absolute; left:25px; top:36px; background:var(--lineColor);}
.org-wrap .center .depth3 > li {padding-left: 25px; position: relative; z-index: 1;}
.org-wrap .center .depth3 > li::before {content:''; width:100%; height:2px; position: absolute; top:36px; left:0; background:var(--lineColor);}
.org-wrap .depth3 > li > dl {border:1px solid #BECDFF; border-radius:4px; text-align: center; margin-bottom: 12px; position: relative;}
.org-wrap .depth3 > li:last-child > dl {margin-bottom: 0;}
.org-wrap .depth3 > li > dl > dt {font-size: 20px; color:#000; font-family: 'Pre Bold'; background: #F0F8FF; min-height:72px; display: flex; align-items: center; justify-content: center; border-radius:4px;}
.org-wrap .depth3 {flex:1;}
.org-wrap .dep3-list {padding:22px 0; background: #fff; border-radius:0 0 4px 4px;}
.org-wrap .dep3-list p {font-size: 18px; color:#515151; font-family: 'Pre Medium'; margin-bottom: 15px;}

/* depart */
.org-wrap .depart {display: flex; margin:0 -12px;}
.org-wrap .depart > li {width:50%; padding:0 12px;}
.org-wrap .depart .dep2-box > dl {width:100%;}
.org-wrap .depart .depth3 {margin-bottom: 24px;}


@media (max-width:1400px) {
  .org-wrap .depth2 .dep2-box > dl > dt {font-size: 22px;}
}
@media (max-width:1280px) {
  .org-wrap .president .box {max-width:350px; font-size: 28px;}
  .org-wrap .sub-president .box {max-width:285px; font-size: 28px;}
  .org-wrap .depth1 .title {font-size: 22px;}
  .org-wrap .depth2 .dep2-box {flex-direction: column; margin-bottom: 40px;}
  .org-wrap .dep2-list p {font-size: 16px;}
  .org-wrap .dep3-list p {font-size: 16px;}
  .org-wrap .depth2.center > li > .dep2-box > dl {width:100%;}
  .org-wrap .depth3 > li > dl > dt {font-size: 18px;}
  .org-wrap .center .depth3 {padding-left: 0; padding-top: 10px;}
  .org-wrap .center .depth3::before {left:50%; margin-left:-1px; top:0;}
  .org-wrap .center .depth3 > li {padding-left: 0;}
  .org-wrap .center .depth3 > li::before {display: none;}

  .org-wrap .depart {flex-direction: column;}
  .org-wrap .depart > li {width:100%;}
}
@media (max-width:1000px) {
  .org-wrap .president {padding-bottom: 40px;}
  .org-wrap .president .box {height:70px; max-width:300px;}
  .org-wrap .sub-president {padding-bottom: 250px; }
  .org-wrap .sub-president .box {height:70px;max-width:250px;}

  .org-wrap .org-side { width:50%; top:170px;}
  .org-wrap .org-side::before {width:100%; left:0; top:50%; margin-top:-1px;}
  .org-wrap .org-side .side-inner {padding-right:0; width:100%;}
  .org-wrap .org-side .side-inner::before {left:calc(50% + 50px); top:32px; height:calc(100% - 63px);}
  .org-wrap .org-side li {width:50%;padding-right:0;}
  .org-wrap .org-side li::before {left:50px;}
  .org-wrap .org-side li:nth-child(2)::before {display: none;}
  .org-wrap .org-side li p {min-height:65px; font-size: 20px;}

  .org-wrap .depth1 {position: relative; margin: 0;}
  .org-wrap .depth1::before {content:''; width:66.5%; height:2px; background:var(--lineColor); position: absolute; left:50%; transform: translateX(-50%); top:0;}
  .org-wrap .depth1 > li {width:33.3333% !important;}
  .org-wrap .depth1 > li:last-child::before {height:50px; top:0;}
  .org-wrap .depth1 > li::after {display: none;}
}
@media (max-width:767px) {
  .org-wrap .president .box {font-size: 24px; height: 60px;}
  .org-wrap .sub-president .box {font-size: 24px; height: 60px;}
  .org-wrap .depth1 {flex-wrap:wrap;}
  .org-wrap .depth1::before {width:50%;}
  .org-wrap .depth1 .title {font-size: 18px;}
  .org-wrap .depth1 > li {width:50% !important; margin:0; padding:0 20px; padding-top: 50px;}
  .org-wrap .depth1 > li:last-child {max-width:unset; padding-top: 0;}
  .org-wrap .depth1 > li:last-child::before {display: none;}
  .org-wrap .depth2 .dep2-box > dl > dt {font-size: 18px;}
  .org-wrap .depth3 > li > dl > dt {font-size: 16px;}
}
@media (max-width:600px) {
  .org-wrap .president {padding-bottom: 30px;}
  .org-wrap .sub-president {padding-bottom: 30px;}


  .org-wrap .org-side {position: relative; top:0;width:100%;}
  .org-wrap .org-side::before {display: none;}
  .org-wrap .org-side .side-inner {text-align: center;}
  .org-wrap .org-side .side-inner::before {display: none;}
  .org-wrap .org-side li {margin:auto auto 10px; width:100%;}
  .org-wrap .org-side li::before {display: none;}
  .org-wrap .org-side li p {min-height:50px;}

  .org-wrap .depth1::before {display: none;}
  .org-wrap .depth1 .title {height:55px;}
  .org-wrap .depth1 > li {width:100% !important; padding:40px 0 0 0;}
  .org-wrap .depth1 > li::before {display: none !important;}
  .org-wrap .depth1 > li:nth-child(2) {padding-top: 0;}

  .org-wrap .depth2 {margin-top: 10px !important;}
}
/* [E] 조직도 */

/* [S] 찾아오시는길 */
.loadmap-table .con-table {height:100%;}
.loadmap-table .con-table table {height:100%;}


.loadmap-wrap {position: relative;}
.loadmap-wrap .loadmap-header {display: flex; align-items: center;justify-content: space-between;}
.loadmap-wrap .loadmap-header-info {flex:1;}
.loadmap-wrap .info-inner {display: flex; justify-content: space-between; align-items: center;}
/* 대제목 */
.loadmap-wrap h2 {font-size: 54px; color:#000; font-family: 'Pre Bold'; margin-right: 32px;}
/* 주소 */
.loadmap-wrap .attr {position: relative;}
.loadmap-wrap .attr > ul {display: flex;}
.loadmap-wrap .attr > ul > li {position: relative; font-size: 20px; color:#000; line-height: 1.6; padding-left: 42px; margin-right:32px; padding-right:32px;}
.loadmap-wrap .attr > ul > li::before {content:''; width:1px; height:32px; background:#d9d9d9; position: absolute; right:0; top:0;}
.loadmap-wrap .attr > ul > li:last-child {padding-right: 0; margin-right: 0;}
.loadmap-wrap .attr > ul > li:last-child::before {display: none;}
.loadmap-wrap .attr > ul > li::after {content:''; width:32px; height:32px; position: absolute; left:0; top:0;}
.loadmap-wrap .attr .ico1::after {background: url('../../images/sub/load-icon1.svg') no-repeat center / contain;}
.loadmap-wrap .attr .ico2::after {background: url('../../images/sub/load-icon2.svg') no-repeat center / contain;}

/* 맵 버튼 */
.loadmap-wrap .map-btn {font-size: 0;}
.loadmap-wrap .map-btn > a {display: inline-block; min-width:280px; border:1px solid #d9d9d9; border-radius:4px; padding:16px 24px; background: url('../../images/sub/load-arrow.png') no-repeat right 24px center; margin-left: 20px;}
.loadmap-wrap .map-btn > a:first-child {margin-left: 0;}
.loadmap-wrap .map-btn > a > span {padding-left:45px; font-size: 20px; line-height: 36px; display: inline-block; position: relative; padding-right:30px; }
.loadmap-wrap .map-btn > a > span::before {content:'';}
.loadmap-wrap .map-btn > a > span::after {content:''; width:36px; height:36px; position: absolute; left:0; top:0;}
.loadmap-wrap .map-btn .naver-btn > span::after {background:url('../../images/sub/load-icon3.png') no-repeat left center;}
.loadmap-wrap .map-btn .google-btn > span::after {background:url('../../images/sub/load-icon4.png') no-repeat left center;}

@media (max-width:1600px) {
  .loadmap-wrap .loadmap-header {flex-wrap:wrap;}
  .loadmap-wrap .loadmap-header-info {width:100%; flex:unset;}
}
@media (max-width:1280px) {
  .loadmap-wrap h2 {font-size: 45px;}
  .loadmap-wrap .attr > ul > li {font-size: 18px; line-height: 32px; margin-right: 20px; padding-right: 20px;}
  .loadmap-wrap .map-btn > a {padding:11px 24px; min-width:250px;}
  .loadmap-wrap .map-btn > a > span {font-size: 18px;}
}
@media (max-width:1023px) {
  .loadmap-wrap .info-inner {flex-wrap:wrap;}
  .loadmap-wrap .attr {width:100%; margin-top: 20px;}
  .loadmap-wrap .map-btn {margin-top: 20px;}
}
@media (max-width:767px) {
  .loadmap-wrap .map-btn > a {min-width:200px; margin-left: 10px;}
  .loadmap-wrap .map-btn > a > span {font-size: 16px;}
}

@media (max-width: 600px) {
  .loadmap-wrap .attr > ul > li {margin-right: 10px;font-size: 16px;padding-left: 35px;}
  .loadmap-wrap .attr .ico1::after {background-size: 30px;}
  .loadmap-wrap .attr .ico2::after {background-size: 30px;}
  .loadmap-wrap .map-btn > a {display: inline-block;margin-left: 0; min-width: auto;margin-bottom: 15px; padding: 11px 16px; margin-left: 5px; background-position: right: 15px center;}
  .loadmap-wrap .map-btn > a:last-child {margin-bottom: 0;}
}

.load-map-img {border-radius:4px; overflow:hidden;}
.load-color {font-size: 16px; height:32px; min-width:92px; text-align: center; padding:0 5px; border-radius:50px; color:#fff; font-family: 'Pre Medium'; display: inline-flex; align-items: center; justify-content: center;}
.load-color.color1 {background: #0052A4;}
.load-color.color2 {background: #50B75B;}
.load-color.color3 {background: #707070;}
.load-color.color4 {background: #D91D25;}

.loadmap-info {position: relative;}
.loadmap-info ul {display: flex; margin:0 -10px;}
.loadmap-info ul li {padding:0 10px; width:33.3333%; }
.loadmap-info .box {background: #F1EEE9; padding:30px 40px; height:100%; display: flex; flex-direction: column;}
.loadmap-info .label {font-size: 20px; line-height: 32px; color:#707070; font-family: 'Pre Medium'; flex:1;}
.loadmap-info .text-box {margin-top: 35px;}
.loadmap-info .text-box span {font-size: 24px; color:#000; font-family: 'Pre Medium';}
.loadmap-info .text-box strong {font-family: 'Pre Bold';font-size: 32px; display: block; margin-top: 5px;}
@media (max-width:1700px) {
  .loadmap-info .text-box strong {font-size: 30px;}
}
@media (max-width:1500px) {
  .loadmap-info .text-box span {font-size: 22px;}
  .loadmap-info .text-box strong {font-size: 26px;}
}
@media (max-width:1280px) {
  .loadmap-info ul {flex-wrap:wrap;}
  .loadmap-info ul li {width:100%; margin-bottom: 20px;}
  .loadmap-info ul li:last-child {margin-bottom: 0;}
  .loadmap-info .text-box strong{margin-top: 0;}
}
@media (max-width:767px) {
  .loadmap-info .box {padding:20px 30px;}
  .loadmap-info .text-box span {font-size: 18px;}
  .loadmap-info .text-box strong {font-size: 26px;}
}
/* [E] 찾아오시는길 */

/* [S] 대학시설 */
.facility-link {position: relative; max-width:1600px; width:100%; margin:100px auto auto; text-align: right;}
.campusmap .tab_2 .tab_div {margin-top: 0;}
.campusmap .tab_2 .ul_5 {flex-wrap:wrap; justify-content: start;}
.campusmap .tab_2 .li_5 {width:calc(100% / 6 + 1px); background: #fff;}
.campusmap .tab_2 .li_5._active,
.campusmap .tab_2 .li_5:hover {background: #000;}
.campus-list-wrap {flex:1;}
.campus-list-wrap .list {flex:1;}
.campus-list-wrap .list:last-child::before {display:none;}
@media (max-width:1700px) {
  .facility-link {max-width:unset; width:100%; padding:0 30px;}
}
@media (max-width:1600px) {
  .campus-list-wrap {display:block !important;}
  .campus-list-wrap .list:last-child::before {display:block;}
}
@media (max-width:860px) {
  .facility-link {margin:60px auto auto}
}

.campus-wrap {position: relative;}
.campus-wrap .map-img {float:left; overflow:hidden; margin-right: 20px; width:calc(66.25% + 2px);}
.campus-wrap .map-img img {border:1px solid #d9d9d9; border-radius:4px;}

.campus-wrap .campus-slider1 {float:left; width:calc(100% - 66.25% - 22px); position: relative; border-radius:4px; overflow:hidden;}
.campus-wrap .control {position: absolute; top:20px; right:20px; padding:0 36px; display:none;}
.campus-wrap .control.on {display:block;}
.campus-wrap .control button {width:20px; height:20px; text-indent: -9999px;}
.campus-wrap .prevnext button {position: absolute;}
.campus-wrap .prevnext .prev {background: url('../../images/sub/campus-prev.png') no-repeat center; left:0;}
.campus-wrap .prevnext .next {background: url('../../images/sub/campus-next.png') no-repeat center; right:0;}
.campus-wrap .playstop .play {background: url('../../images/sub/campus-play.png') no-repeat center;}
.campus-wrap .playstop .stop {background: url('../../images/sub/campus-stop.png') no-repeat center;}
.campus-wrap .playstop button {display: none;}
.campus-wrap .playstop button.on {display: block;}


.campus-wrap .all-floor {clear:both; padding-top: 20px;}
.floor-list {display: flex; flex-wrap:wrap; margin:0 -10px;}
.floor-list > li {width:25%; padding:0 10px; margin-bottom: 20px; }
.floor-list .box {background: #f7f7f7; padding:30px 30px; height:100%;}
.floor-list .box-inner {display: flex; height:100%;}
.floor-list .box-inner strong {width:80px; font-size: 32px; font-family: 'Pre Bold'; color:#000; position: relative;}
.floor-list .list {padding-left: 20px; position: relative; display: flex; flex-direction:column}
.floor-list .list::before {content:''; width:1px; height:100%; background:#d9d9d9; position: absolute; left:0; top:0;}
.floor-list .list li {font-size: 16px; line-height: 26px; color:#000;}
/* 층별 시설 안내 */
.floor-info {position: relative;}
.floor-info .tab > ul {display: flex; flex-wrap:wrap; width: 100%;}
.floor-info .tab > ul > li {margin-right: 12px; margin-bottom: 12px;}
.floor-info .tab > ul > li:last-child {margin-right: 0;}
.floor-info .img-box li{display: none;}
.floor-info .tab .floor-btn {width:148px; border:1px solid #BECDFF; background:#F0F8FF; color:#000; font-family: 'Pre Bold'; font-size: 24px; padding:18px 0; border-radius:4px; transition: .3s; transition-property: background,border, color ;}
.floor-info .tab .floor-btn:hover,
.floor-info .tab .floor-btn.active {background:#2822E9; color:#fff; border:1px solid #2822E9;}
/* 층별 시설 안내 컨텐츠 */
.floor-detail {position: relative; margin-top: 60px;}
.floor-detail .campus-con {display: none;}
.floor-detail .campus-con.active {display: block;}
.floor-detail .detail-list {display: flex; flex-wrap:wrap; margin:0 -20px;}
.floor-detail .detail-list > li {width:50%; padding:0 20px; margin-bottom: 30px;}
.floor-detail .detail-title {font-size: 32px; font-family: 'Pre Bold'; color:#000;}
.floor-detail .img-box {border-radius:4px; overflow:hidden; margin-top: 20px;}
.floor-detail .cn {padding:32px 24px;}
.floor-detail dl {display: flex; color:#000; margin-bottom: 30px;}
.floor-detail dl:last-child {margin-bottom: 0;}
.floor-detail dl dt {width:100px; font-family: 'Pre Bold'; font-size: 20px; vertical-align: top; flex-shrink: 0;}
.floor-detail dl dd {font-size: 20px; font-family: 'Pre Medium';}
.floor-detail dl dd span {display: block; color:#515151; font-size: 16px; margin-top: 10px;}

@media (max-width:1280px) {
  .floor-list > li {width:33.3333%;}
  .floor-info .tab > ul > li{width: calc(25% - 12px); flex: none;}
  .floor-info .tab .floor-btn {font-size: 18px; width: 100%; padding:10px 30px;}
  .floor-detail .detail-title {font-size: 28px;}
  .floor-detail dl dt {font-size: 18px;}
  .floor-detail dl dd {font-size: 18px;}
  .floor-detail dl dd span {font-size: 14px;}
}
@media (max-width:1000px) {
  .floor-detail .detail-title {font-size: 24px;}
}
@media (max-width:850px) {
  .floor-list > li {width:50%;}
  .floor-detail .detail-list > li {width:100%;}
}
@media (max-width:767px) {
  .floor-info .tab > ul > li{width: calc(50% - 12px);}
  .campus-wrap .map-img {width:100%; margin-right: 0;}
  .campus-wrap .campus-slider1{width: 100%; margin-top: 10px;}
}
@media (max-width:600px) {
  .floor-list > li {width:100%;}
}

/* 연수원 */
.addr-box {position: relative; background: #F7F7F7; padding:36px 10px; margin-top: 18px;}
.addr-box ul {display: flex; align-items: center; justify-content: center;}
.addr-box ul li {padding-right: 60px; margin-right: 60px; font-size: 20px; line-height: 32px; color:#000; font-family: 'Pre Medium'; padding-left:44px; position: relative;}
.addr-box ul li::before {content: ''; width:1px; height:40px; position: absolute; right:0; top:-10px; background: #ababab;}
.addr-box ul li:last-child {padding-right: 0; margin-right: 0;}
.addr-box ul li:last-child::before {display: none;}
.addr-box ul li::after {content: ''; width:32px; height:32px; position: absolute; left:0; top:0;}
.addr-box .ico1::after {background: url('../../images/common/icon-location.svg') no-repeat center / contain;}
.addr-box .ico2::after {background: url('../../images/common/icon-contact.svg') no-repeat center / contain;}
@media (max-width:1400px) {
  .addr-box {padding:36px 50px;}
  .addr-box ul {flex-wrap:wrap;}
  .addr-box ul li {width:100%; margin-right: 0; padding-right: 0; margin-bottom: 20px;}
  .addr-box ul li:last-child {margin-bottom: 0;}
  .addr-box ul li::before {display: none;}
}
.training-center {position: relative; display: flex;}
.training-center .left {width:32.5%; display:flex; flex-direction: column; padding-right: 20px;}
.training-center .right {width:calc(100% - 32.5%);}
@media (max-width:1280px) {
  .training-center {flex-direction: column;}
  .training-center .left {width: 100%; margin-bottom: 20px; padding-right: 0;}
  .training-center .right {width: 100%;}
}
.center-list {position: relative; display: flex; flex-direction: column; flex:1;}
.center-list .box {background:#F1EEE9; border-radius:4px; padding:36px; min-height:140px;}
.center-list .box {margin-bottom: 20px;}
.center-list .box:last-child {margin-bottom: 0; flex:1;}
.center-list .box dt {font-size: 24px; font-family: 'Pre Bold'; line-height: 34px;}
.center-list .box dd {font-size: 20px; font-family: 'Pre Medium'; line-height: 26px; color:#515151; margin-top: 15px;}
@media (max-width:1280px) {
  .center-list .box dt {font-size: 22px;}
  .center-list .box dd {font-size: 18px;}
}
@media (max-width:1023px) {
  .center-list .box dt  {font-size: 22px;}
}
@media (max-width:767px) {
  .center-list > ul {flex-direction: column;}
  .center-list > ul > li {margin-bottom: 20px;}
  .center-list > ul > li:last-child {margin-bottom: 0;}	
  .center-list .box {min-height:80px;}
  .center-list .box strong  {font-size: 20px;}
}
/* [E] 대학시설 */ 


/* [S] 개인정보 처리방침 */
.private-info-list ul {display: flex; flex-wrap:wrap; margin:0 -20px;}
.private-info-list ul li {padding:0 10px; width:25%; text-align: center; margin-bottom: 20px;}
.private-info-list .box {background:#F1EEE9; min-height:120px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.private-info-list .box span {display: block; font-family: 'Pre Medium'; font-size: 14px; margin-bottom: 10px;}
.private-info-list .box strong {font-size: 16px; font-family: 'Pre Bold';}
.private-info-list .box a {position: relative; border-bottom:2px solid #000;}
.private-info-list .box a:hover {color:#2822E9;}
@media (max-width:1280px) {
  .private-info-list ul li {width: 33.3333%;}
}
@media (max-width:767px) {
  .private-info-list ul li {width: 50%;}
}@media (max-width:600px) {
  .private-info-list ul li {width: 100%;}
}
/* [E] 개인정보 처리방침 */

/* [S] 임원현황 */
.school-cor {position: relative; padding:52px 80px; background: #F7F7F7; margin-bottom: 40px;}
.school-cor h2 {text-align: center; font-family: 'Pre Bold'; font-size: 32px;}

@media all and (max-width: 768px) {
  .school-cor{padding: 30px 20px;}
  .school-cor h2{font-size: 25px;}
}

/* [E] 임원현황 */

.wrapDepart{height:100%; margin: 58px 0 0 0;}
.wrapDepart .inner{display:flex;}
.wrapDepart .departImg{width:24%;background:#3c2ced url('../../images/main/depart_img_0.svg') no-repeat left center;border-top-left-radius:5px;border-bottom-left-radius:5px; display: none;}
.wrapDepart h2{color:#FFF;font-family:'Pre Bold';font-size:48px;line-height:1.3;width:32.6%;padding:48px 60px 0 60px;background:#3c2ced;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.wrapDepart h2 b{display:none;}
.wrapDepart h2 span{color:#FFF;font-family:'Pre Medium';font-size:16px;display:block;padding:10px 0 0 3px;}
.wrapDepart h2 i{padding:0 15px;}
.wrapDepart h2 svg {vertical-align: text-bottom;}
.wrapDepart .container{width:66%;margin-left:auto;}
.wrapDepart .container video{width: 100%; height: 100%;}
.wrapDepart .txt{display:none;}
.wrapDepart .img img{display:inline;}
.wrapDepart .control{display:none;}
.wrapDepart .prevnext{display:none;}

@media all and (max-width:1280px){
  .wrapDepart h2{font-size:38px;padding:30px 30px 0 30px; width: 48%;}
  .wrapDepart .container{width: 50%;}
}
@media all and (max-width:768px){
  .wrapDepart{margin-top: 120px;}
    .wrapDepart .inner {flex-direction:row-reverse;}
  .wrapDepart h2{font-size:25px;padding:20px 0 72px 16px;width:67.7%;border-top-right-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
  .wrapDepart h2 span{display:none;}
  .wrapDepart .departImg{border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:5px;border-bottom-right-radius:5px;background-size:cover;background-position:right center; display: block; width: 32.3%;}
  .wrapDepart .container{display:none;}
}
@media all and (max-width:480px){
  .wrapDepart .departImg{width:30%;}
  .wrapDepart h2{font-size:25px;width:70%;}
}

/* [S] 사용신청 */
.facility-use {position: relative;}
.facility-use ul {display: flex; flex-wrap:wrap;}
.facility-use ul li {width:33.3333%; padding:0 10px; margin-bottom: 20px;}
.facility-use .box {border:1px solid #d9d9d9; border-radius:4px; position: relative; padding:40px 35px;}
.facility-use strong {font-size: 24px; font-family: 'Pre Bold';}
.facility-use a {max-width:360px; width:100%;}
.facility-use .btn-wrap {margin-top: 93px;}
@media (max-width:1280px) {
  .facility-use strong {font-size: 20px;}
  .facility-use .btn-wrap {margin-top: 30px;}
  .facility-use ul li {width:50%;}
}
@media (max-width:767px) {
  .facility-use ul li {width:100%;}
}


/* [E] 사용신청 */




/* 20250515 접근성 */
.org-wrap .org-side li p {background:#6841F0;}