@charset "utf-8";

/* 스타일가이드 디자인 추가 안내 css - 추후 디자인 할때 삭제해도됨!!! */
.style-guide-wrap{display: flex; align-items: center; justify-content: center; height:375px; background:#c7c7c7; max-width:1400px; width:100%; margin:50px auto;}
.style-guide-wrap p{font-size:30px; color:#000; font-family: 'Noto Medium';}


/* 오시는 길 */
.wrap-find-way::after{content: ""; display: block; clear: both;}
.wrap-find-way .wrap-way{float: left; width: 12%;}
.wrap-find-way .right-area{float: right; width: 85%;}
/* .wrap-contents::after{content: ''; display: block; clear: both;} */
.wrap-map .mapBox {display: table; width: 100%; height: 130px; padding: 0 30px 0 40px; background: #03499a;}
.wrap-map .mapContent {display: table-cell; vertical-align: middle;}
.wrap-map .mapContent::after{content: ""; display: block; clear: both;}
.wrap-map .map-box{float: left;}
.wrap-map .mapContent > div{font-family: 'Dream Regular'; font-size: 17px; color: #fff;letter-spacing: -.05em;}
.wrap-map .mapContent .location {display: inline-block;vertical-align: middle; margin: 20px 0 5px 0; padding-left: 26px; padding-right: 30px; background: url('../../images/sub/ic-location.png') no-repeat left 3px; }
.wrap-map .mapContent .call {display: inline-block;vertical-align: middle; margin: 20px 0 5px 0; padding-left: 26px; padding-right: 30px; background: url('../../images/sub/ic-call.png') no-repeat left 3px; }
.wrap-map .mapContent .fax{ display: inline-block;vertical-align: middle; margin: 20px 0 5px 0; padding-left: 26px; background: url('../../images/sub/ic-fax.png') no-repeat left 3px; }
.wrap-map .button{float: right;}
.wrap-map .mapContent .button ul::after{content: ''; display: block; clear: both;}
.wrap-map .mapContent .button li {float: right; padding: 5px 0 5px 20px;}
.wrap-map .mapContent .button li:nth-child(2){padding-left: 0;}
.wrap-way .ic-wrap{width: 170px; height:170px; border-radius:50%; background: #22B2E9; display: flex; align-items: center; justify-content: center;}

@media all and (max-width:1250px){
  .wrap-way .ic-wrap{width: 150px; height: 150px;}
}

@media all and (max-width:1170px){
  /* #menu351_obj644{width: 100%;} */
  .wrap-map .mapContent .location , .wrap-map .mapContent .call , .wrap-map .mapContent .fax{margin: 5px 0;}
  .wrap-map .mapContent > div{font-size: 16px;}
  .wrap-map .mapBox{padding: 20px;}
  .wrap-map .mapContent .location{padding-right: 15px;}
}

@media all and (max-width:1090px){
  .wrap-find-way .wrap-way{float: none; width: 100%;}
  .wrap-find-way .right-area{float: none; width: 100%;}

}

@media all and (max-width:800px){
  .wrap-map .mapContent > div{font-size: 15px;}
  .wrap-map .mapContent .location , .wrap-map .mapContent .call , .wrap-map .mapContent .fax{margin: 5px 0; margin-bottom: 12px;}
  .wrap-map .map-box{float: none; width: 100%;}
  .wrap-map .mapContent .location {display: block; }
  .wrap-map .mapContent .call {display: block;}
  .wrap-map .mapContent .fax{ display: block; }
  .wrap-map .button{float: none; width: 100%;display: block; text-align: center; margin-top: 10px;}
  .wrap-map .button ul{display:inline-block;}
}

@media all and (max-width:768px){
  .wrap-way .ic-wrap{margin: auto;}
  .wrap-way{display: inline-block;}
}

@media all and (max-width:460px){
  .wrap-map .mapContent .button li{float: none; width: 100%; margin-bottom: 10px; padding:0 0;}
  .wrap-map .mapContent .button li:last-child{ margin-bottom: 0px;}

}

/* 강의계획열람 css */
.link-wrap .con-desc{display: inline-block;}
.link-wrap .link {position: relative; color: #666;}
.link-wrap .link:hover {color: #0089d8;}
.link-wrap .link span {position: relative; background: linear-gradient(to bottom, transparent 96%, #0089d8 0) left center no-repeat; background-size: 0; transition: .3s;}
.link-wrap .link:hover span {background-size: 100% auto;}

.con-desc a{color: #333333;}
.wrap-plan .noti-txt.color1::after{top: 3px;}

/* 수강신청/변경 btn css */
.wrap-sign .con-list1 ul{display: flex; align-items: center;}
.wrap-sign .con-list1 > ul > li{margin-bottom: 0;}

/* 시험 table css */
.wrap-table .con-table tr:nth-child(1) > th:nth-child(1){background: #EEEEEE;}
.wrap-table .con-table tr:nth-child(3) > th:nth-child(1){background: #EEEEEE;}

/* 조기취업 숫자버튼 css */
.wrap-early .circle-num-list{display:inline-block;}
.wrap-early .circle-num-list > ul >li{margin-top: 0;}
.wrap-early .circle-num-list > ul > li .num{margin-right: 0; top: 2px; left: 6px;}
.wrap-early .circle-num-list{height: 16px;}

/* 인사말 */

.greeting-wrap .inner {display: flex;justify-content: space-between;align-items: flex-start;}
.greeting-president-photo {position: relative;width: 420px;}
.greeting-president-photo .name-box {position: absolute;right: -47px;bottom: -77.5px;width: 155px;height: 155px;background-image: url("../../images/sub/name_bg.jpg");background-size: cover;background-repeat: no-repeat;}
.greeting-president-photo .name-box .text-box {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
.greeting-president-photo .name-box .text-box span {display: inline-block;margin-bottom: 9px;white-space: nowrap;font-size: 14px;font-family: Dream Light;color: #fff;}
.greeting-president-photo .name-box em {position: absolute;left: -165px;bottom: 0px;font-size: 13px;letter-spacing: 7.8px;line-height: 22px;font-family:'Gmarket Medium';color: #666;text-align: right;}
.greeting-text-box {width: calc(100% - 550px);padding-top: 20px;}
.greeting-text-box .title-box {position: relative;}
.greeting-text-box .title-box:before {content: "";position: absolute;left: -50px;top: -20px;width: 72px;height: 55px;background-image:url("../../images/sub/dot_left.png");background-size: cover;background-position: center;background-repeat:no-repeat;z-index: -1;}
.greeting-text-box .title-box:after {content: "";width: 72px;height: 55px;position: absolute;right: 0;bottom: 10px;background-image: url('../../images/sub/dot_right.png');background-size: cover;background-position:center;background-repeat:no-repeat;z-index: -1;}
.greeting-text-box .title-box span {font-size: 18px;color:#222;letter-spacing: -0.9px;line-height: 30px;font-family: 'Dream Regular';}
.greeting-text-box .title-box .title {padding: 0 105px 0 43px;font-size: 50px;letter-spacing: -.03em;margin: 20px 0 24px;font-family: 'Dream Medium'; line-height: 70px;}
.greeting-text-box .title-box .title em {display: block;font-style: italic;text-align: left;color:#e6378d;}
.greeting-text-box .title-box .title i {display: block;font-style: italic;text-align: right;color:#222; font-family: 'Dream Regular';}
.greeting-text-box .info {font-size: 17px;line-height: 32px;letter-spacing: -0.85px;font-family: 'Dream Regular';}
.greeting-text-box .info i {display: block;margin: 31px 0;}

@media (max-width: 1370px) {
  .greeting-text-box .title-box .title {padding: 0;font-size: 34px;letter-spacing: 2.5px;}
  .greeting-text-box .title-box:after {right: -10px;bottom: -10px;}
}

@media (max-width: 1023px) {
  .greeting-wrap .inner {display: block;}
  .greeting-president-photo {margin: 0 auto;}
  .greeting-text-box {width: 100%;padding-top: 150px;}
  .greeting-text-box .title-box {text-align: center;}
  .greeting-text-box .title-box:before {left: -10px;top: -30px;}
  .greeting-text-box .title-box:after {right: 0;bottom: 0;}
  .greeting-text-box .title-box .title {padding: 0; font-size: 45px;}
  .greeting-text-box .title-box .title br {display: none;}
  .greeting-text-box .title-box .title em {text-align: center;}
  .greeting-text-box .title-box .title i {text-align: center;}
  .greeting-text-box .info i {display: block;margin: 37.75px 0;}
}

@media (max-width: 768px) {
  .greeting-president-photo {width: 100%;padding: 0 20px;}
  .greeting-president-photo img {width: 100%;}
  .greeting-president-photo .name-box {right: 0;}
  .greeting-text-box {padding-top: 130px;}
  .greeting-text-box .title-box span {font-size: 17px;letter-spacing: -0.85px;}
  .greeting-text-box .title-box .title {font-size: 32px;letter-spacing: -0.99px; line-height: 45px;}
  .greeting-text-box .title-box:before {width: 64.8px;height: 50.2px;top: -20px;}
  .greeting-text-box .title-box:after {width: 64.8px;height: 50.2px;bottom: 0;}
  .greeting-text-box .info {font-size: 16px;line-height: 28px;letter-spacing: -0.8px;}
  .greeting-text-box .info i {margin: 30.75px 0;}
  .greeting-president-photo .name-box em > br {display: block;}
}

/* 핵심역량 */
.core-ability-wrap .ability-title-box { text-align: center; margin-bottom: 56px; } 
.core-ability-wrap .ability-title-box strong { position: relative; display: inline-block; font-size: 26px; margin-bottom: 44px; color: #222; letter-spacing: -.05em; font-family: "Dream Medium"; } 
.core-ability-wrap .ability-title-box p { position: relative; display: inline-block; font-size: 20px; letter-spacing: -1px; font-style: italic; font-family: "Dream Medium"; } 
.core-ability-wrap .ability-title-box p:before { content: ""; position: absolute; left: -63px; top: 0; width: 39px; height: 29px; background-image: url("../../images/sub/dot_left.png"); background-size: cover; background-repeat: no-repeat; background-position: center; z-index: -1; } 
.core-ability-wrap .ability-title-box p:after { content: ""; position: absolute; right: -63px; top: 0; width: 39px; height: 29px; background-image: url("../../images/sub/dot_right.png"); background-size: cover; background-repeat: no-repeat; background-position: center; z-index: -1; } 
.core-ability-wrap .ability-title-box em { font-style: italic; color: #e6378d; } 
.core-ability-wrap .ability-title-box span { font-style: italic; color: #22b2e9; } 
.core-ability-wrap .ability-title-box b { font-style: italic; color: #c6d800; font-weight: normal; } 
.core-ability-wrap .ability-title-box p i { display: block; margin: 8px 0; } 
.core-ability-wrap .ability-title-box strong:before { content: ""; position: absolute; left: -124px; top: 50%; transform: translateY(-50%); width: 98px; height: 28px; background-image: url("../../images/sub/baytree_left.png"); background-size: cover; background-position: center; } 
.core-ability-wrap .ability-title-box strong:after { content: ""; position: absolute; right: -124px; top: 50%; transform: translateY(-50%); width: 98px; height: 28px; background-image: url("../../images/sub/baytree_right.png"); background-size: cover; background-position: center; } 
.core-ability-wrap .ability-list { display: flex; justify-content: space-between; width: 1300px; margin: 0 auto; } 
.core-ability-wrap .ability-list .ability { display: flex; width: 215px; flex-direction: column; align-items: center; } 
.core-ability-wrap .ability-list .ability .circle { position: relative; width: 200px; height: 200px; padding-top: 40px; border-radius: 50%; } 
.core-ability-wrap .ability-list .ability.self-directed .circle { background-color: #e6378d; } 
.core-ability-wrap .ability-list .ability.creative-fusion .circle { background-color: #22b2e9; } 
.core-ability-wrap .ability-list .ability.problem-solving .circle { background-color: #c6d800; } 
.core-ability-wrap .ability-list .ability.communication .circle { background-color: #b3a36b; } 
.core-ability-wrap .ability-list .ability.community .circle { background-color: #4b585f; } 
.core-ability-wrap .ability-list .ability .circle:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 215px; height: 215px; border-radius: 50%; border: 1px dashed #ddd; } 
.core-ability-wrap .ability-list .ability .circle .text-wrap { text-align: center; } 
.core-ability-wrap .ability-list .ability .circle .text-wrap span { position: relative; padding: 7px 0; font-size: 14px; letter-spacing: -0.7px; color: #fff; font-family: "Dream Regular"; } 
.core-ability-wrap .ability-list .ability .circle .text-wrap span:before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: calc(100% + 5px); height: 1px; background-color: #fff; } 
.core-ability-wrap .ability-list .ability .circle .text-wrap span:after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: calc(100% + 5px); height: 1px; background-color: #fff; } 
.core-ability-wrap .ability-list .ability .circle .text-wrap strong { display: block; margin-top: 33px; font-size: 22px; letter-spacing: -1.1px; color: #fff; font-family: "Dream Medium"; } 
.core-ability-wrap .ability-list .ability .text-box { position: relative; width: 177px; height: 136px; border: 1px solid #bcbcbc;padding: 25px 0; margin-top: 40px; border-radius: 0 18px 0 0; background-color: #fff; } 
.core-ability-wrap .ability-list .ability .text-box:before { content: ""; position: absolute; top: -47px;left: 50%;margin-left: -1px; width: 1px; height: 100%; background-color: #bcbcbc; z-index: -1; } 
.core-ability-wrap .ability-list .ability .text-box ul { position: relative; padding-left: 36px;} 
.core-ability-wrap .ability-list .ability .text-box ul:before { content: ""; position: absolute; left: 50%; top: -76px; transform: translate(-50%); width: 22px; height: 22px; border-radius: 50%; background-color: #fff; } 
.core-ability-wrap .ability-list .ability .text-box ul:after { content: ""; position: absolute; left: 50%; top: -72px; transform: translate(-50%); width: 14px; height: 14px; border-radius: 50%; background-color: #e6378d; } 
.core-ability-wrap .ability-list .ability.self-directed ul:after { background-color: #e6378d; } 
.core-ability-wrap .ability-list .ability.creative-fusion ul:after { background-color: #22b2e9; } 
.core-ability-wrap .ability-list .ability.problem-solving ul:after { background-color: #c6d800; } 
.core-ability-wrap .ability-list .ability.communication ul:after { background-color: #b3a36b; } 
.core-ability-wrap .ability-list .ability.community ul:after { background-color: #4b585f; } 
.core-ability-wrap .ability-list .ability .text-box li { display: flex; align-items: center; font-size: 15px; letter-spacing: -0.375px; padding-left: 10px; margin-bottom: 6px; color: #777; white-space: nowrap; font-family: "Dream Regular"; position: relative;} 
.core-ability-wrap .ability-list .ability .text-box li:before { content: ""; margin-right: 10px; width: 3px; height: 3px; background:#111; position: absolute; left:0; top:9px;} 
.core-ability-wrap .ability-list .ability .text-box li:last-child { margin-bottom: 0; } 

@media (max-width: 1380px){
  .core-ability-wrap .ability-list { width: 100%; padding: 0 20px; flex-wrap: wrap; justify-content: center; } 
  .core-ability-wrap .ability-list .ability { width: calc(100% / 3); } 
  .core-ability-wrap .ability-list > div:nth-child(n + 4) { margin-top: 80px; } 
  .core-ability-wrap .ability-title-box strong { margin-bottom: 35px; } 
  .core-ability-wrap .ability-title-box p { font-size: 18px; padding: 0 30px; letter-spacing: -0.9px; } 
  .core-ability-wrap .ability-title-box p:before { width: 32px; height: 24px; left: -10px; } 
  .core-ability-wrap .ability-title-box p:after { width: 32px; height: 24px; right: -10px; } 
}

@media (max-width: 768px){
  .core-ability-wrap .ability-list .ability { width: 50%; } 
  .core-ability-wrap .ability-list > div:nth-child(n + 3) { margin-top: 50px; } 
  .core-ability-wrap .ability-list .ability .circle { position: relative; width: 180px; height: 180px; padding-top: 42px; border-radius: 50%; } 
  .core-ability-wrap .ability-list .ability .circle:before { width: 195px; height: 195px; } 
  .core-ability-wrap .ability-list .ability .circle .text-wrap span { padding: 4px 0; font-size: 13px; letter-spacing: -0.65px; } 
  .core-ability-wrap .ability-list .ability .circle .text-wrap strong { margin-top: 20px; font-size: 20px; letter-spacing: -1px; } 
  .core-ability-wrap .ability-title-box p:before { left: 0; } 
  .core-ability-wrap .ability-title-box p:after { right: 0; } 
}
@media (max-width: 650px){
  .core-ability-wrap .ability-list{padding: 0 0;}
  .core-ability-wrap .ability-list .ability .text-box{width: calc(100% - 185px); margin-top: 0;}
  .core-ability-wrap .ability-list .ability .circle{width: 160px; height: 160px;}
  .core-ability-wrap .ability-list .ability .circle:before{width: 175px; height: 175px;}
  .core-ability-wrap .ability-list .ability .circle .text-wrap strong{margin-top: 15px; font-size: 18px;}
  .core-ability-wrap .ability-list .ability .text-box:before{width: 100%; height: 1px; top: 50%; left: -44px;}
  .core-ability-wrap .ability-list .ability .text-box ul:before{top: 54%; margin-top: -11px; left: -24px;}
  .core-ability-wrap .ability-list .ability .text-box ul:after{top: 54%; margin-top: -7px; left: -24px;}
  .core-ability-wrap .ability-list .ability { width: 100%; margin-bottom: 50px;  justify-content: space-between; align-items: center; flex-direction: unset;} 
  .core-ability-wrap .ability-list > div:last-child {margin-bottom: 0;}
  .core-ability-wrap .ability-list > div:nth-child(n + 3) { margin-top: 0; } 
  .core-ability-wrap .ability-title-box { margin-bottom: 40px; } 

}


/* 교명 */
.college-name-meaning { display: flex; justify-content: space-between; }  
.college-name-meaning .meaning-list { width: 730px; max-width: 730px; } 
.college-name-meaning .meaning-list.mean { margin-right: 39px; } 
.college-name-meaning .meaning-list strong { display: block; padding: 27px 0 21px 0; font-size: 22px; letter-spacing: -0.05em; border-radius: 0 12px 0 0; color: #222; text-align: center; font-family: 'Dream Medium'; }
.college-name-meaning .meaning-list strong span {font-size: 16px;font-weight: bold}
.college-name-meaning > .meaning-list.mean strong { border-top: 2px solid #e6378D; border-left: 2px solid #e6378D; border-right: 2px solid #e6378D; border-bottom: 1px solid #bcbcbc; } 
.college-name-meaning > .meaning-list.pursuit strong { border-top: 2px solid #019AD4; border-left: 2px solid #019AD4; border-right: 2px solid #019AD4; border-bottom: 1px solid #bcbcbc; } 
.college-name-meaning > .meaning-list strong span { letter-spacing: -0.05em; } 
.college-name-meaning > .meaning-list p { padding: 35px 90px; border-left: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; border-radius: 0 0 12px 12px; text-align: center; letter-spacing: -0.025em; line-height: 28px; font-family: 'Dream Regular'; } 
.education-system .education-steps { display: flex; justify-content: space-between; margin-bottom: 26px; } 
.education-system .education-steps .step { border: 1px solid #bcbcbc; border-radius: 0 12px 12px 12px; overflow: hidden; } 
.education-system .education-steps .step strong { display: block; padding: 16px; border-top: 1px solid #bcbcbc; background-color: #f8fdff; font-size: 18px; letter-spacing: -0.05em; line-height: 1.5; text-align: center; font-family: 'Dream Medium'; } 
.education-system .education-steps .step .img-box { display: flex; justify-content: center; align-items: center; height: 240px; } 
.education-system .education-steps .step1 { width: 350px; max-width: 350px; } 
.education-system .education-steps .step2 { width: 600px; max-width: 600px; } 
.education-system .education-steps .step3 { width: 350px; max-width: 350px; } 
.education-system .education-steps .step2 .center-wrap { display: flex; justify-content: space-between; align-items: center; width: 350px; max-width: 350px; margin-top: 5px;} 
.education-system .education-steps .step2 .center-wrap:before { content: ""; position: absolute; left: 50%; margin-left: -7.5px; width: 15px; height: 1px; background-color: #222; } 
.education-system .education-steps .step2 .center-wrap:after { content: ""; position: absolute; left: 50%; margin-left: -0.5px; width: 1px; height: 15px; background-color: #222; } 
.education-system .education-steps .arrow { position: relative; display: flex; justify-content: center; align-items: center; width: 100px; } 
.education-system .education-steps .arrow:before { content: ""; width: 23px; height: 38px; background-image: url("../../images/sub/arrow_right.jpg"); background-position: center; background-repeat: no-repeat; background-size: contain; } 
.education-system ul.footer-text li { position: relative; padding-left: 19px; margin-bottom: 10px; letter-spacing: -0.025em; color: #666; font-family: 'Dream Regular'; } 
.education-system ul.footer-text li:last-child { margin-bottom: 0; } 
.education-system ul.footer-text li:before { content: ""; position: absolute; left: 0; top: 8px; width: 10px; height: 8px; background-image: url("../../images/sub/list_dot.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; } 
.education-system ul.footer-text li span { color: #222; } 

@media (max-width: 1390px){
  .college-name-meaning .meaning-list p { height: calc(100% - 83px); padding: 20px 60px; } 
}

@media (max-width: 1023px){
  .education-system .education-steps .step2 .center-wrap { width: 250px; max-width: 250px; }  
}

@media (max-width: 850px){
  .college-name-meaning { flex-direction: column; justify-content: space-between; margin-bottom: 30px; } 
  .college-name-meaning .meaning-list { width: 100%; max-width: 100%; margin-bottom: 20px; } 
  .college-name-meaning .meaning-list:last-child {margin-bottom: 0;}
  .college-name-meaning .meaning-list.mean { margin-right: 0px; } 
  .college-name-meaning .meaning-list strong { display: block; padding: 19px 0 13px 0; font-size: 20px; } 
  .college-name-meaning .meaning-list p { padding: 25px 36px; height: auto; } 
  .education-system .education-steps { display: flex; flex-direction: column; margin-bottom: 20px; } 
  .education-system .education-steps .step strong { font-size: 16px; padding: 10px; } 
  .education-system .education-steps .step .img-box { height: 180px; } 
  .education-system .education-steps .step1 { width: 100%; max-width: 100%; } 
  .education-system .education-steps .step2 { width: 100%; max-width: 100%; } 
  .education-system .education-steps .step3 { width: 100%; max-width: 100%; } 
  .education-system .education-steps .step .img-box img { width: 90px; } 
  .education-system .education-steps .arrow { width: 100%; height: 75px; } 
  .education-system .education-steps .arrow:before { width: 30px; height: 30px; transform: rotate(90deg); background-repeat: no-repeat; } 
}

/* 연성의 시작 */
.wrap-ys-begin .contents01{padding-top: 50px;}
.wrap-ys-begin .contents01::after{content: ''; display: block; clear: both;}
.wrap-ys-begin .begin-lf{float: left; width: 64%;}
.wrap-ys-begin .begin-lf ul{display: flex;  margin: 0 -30px;}
.wrap-ys-begin .begin-lf li{width: 50%;padding: 0 30px;display: flex;flex-direction: column;}
.wrap-ys-begin .begin-lf .icon{text-align: center;padding:35px 0 30px 0 ; position: relative;}
.wrap-ys-begin .begin-lf .icon::after{content: ""; width: 10px; height: 10px; border-radius: 50%; background: #BCBCBC; position: absolute; bottom: 26px; left: 50%; margin-left: -5px;}
.wrap-ys-begin .begin-lf .icon::before{content: ''; width: 1px; height: 16%; background: #BCBCBC; position: absolute; bottom: 0; left: 50%;}
.wrap-ys-begin .begin-lf .cover{display: inline-block; width: 112px; height: 112px; background: url('../../images/sub/bg-icon-banner1.png') no-repeat center center; border-radius: 100%; text-align: center; line-height: 112px;  vertical-align: middle; position: relative; }
.wrap-ys-begin .begin-lf .cover img{display: inline-block; vertical-align: middle;}
.wrap-ys-begin .new-guide-wrap{position: relative;display: flex;flex: 1;flex-direction: column;}
.wrap-ys-begin .new-guide-bx{background: url(/sites/ko/images/sub/ys-begin-con01-bg.jpg);border-radius: 0 25px 0px 0px; }
.wrap-ys-begin .new-guide-bx p{font-size: 18px; font-family: "Dream Medium"; line-height: 1.5; letter-spacing: -.05em; color: #fff; text-align: center; padding: 14px 0;}
.wrap-ys-begin .sub-txt-box{ flex: 1; display: flex;}
.wrap-ys-begin .new-guide-shadow{ padding: 27px 20px; border: 1px solid #AFAFAF;height: 100%; border-radius: 0 0px 25px 25px; overflow: hidden; min-height: 195px; border-top: 0;}
.wrap-ys-begin .new-guide-link p{font-size: 16px; font-family: "Dream Regular"; line-height: 28px; letter-spacing: -.025em; color: #444; text-align: center;}
.wrap-ys-begin .begin-ri{float: right; width: 31.333%; max-width: 470px; margin-top: -50px;}
.wrap-ys-begin .begin-ri .letter-img{position: relative;}
.wrap-ys-begin .txt-box{ position: absolute;bottom: 0; width: 100%;}
.wrap-ys-begin .txt-box::after{content: ""; width: 100%; height: 40px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0px; left: 0;}
.wrap-ys-begin .txt-box p{font-size: 14px; font-family: "Dream Regular"; line-height: 40px; letter-spacing: -.05em; color: #fff; text-align: center; position: relative; z-index: 1;}
.wrap-ys-begin .contents02{margin-top: 45px;}
/* .wrap-ys-begin .objHeading_h3{margin-top: 60px;} */
.wrap-ys-begin .con02-1::after{content: ''; display: block; clear: both;}
.wrap-ys-begin .con02-2 {min-height:350px;}
.wrap-ys-begin .pic-area{float: left; width: 470px; position: relative; margin-right: 60px;}
.wrap-ys-begin .info-box strong {display: block;margin-bottom: 10px;font-size: 18px;line-height: 28px;letter-spacing: -.05em;color: #0070cf;font-family: "Dream Medium"; margin-top: 20px;}
.wrap-ys-begin .info-box li {margin-bottom: 10px;line-height: 27px; letter-spacing: -.05em; color: #666;}
.wrap-ys-begin .info-box li b{color: #222222;}
.wrap-ys-begin .con02-2::after{content: ''; display: block; clear: both;}
.wrap-ys-begin .con02-2 .pic-area{float: right; width: 870px; position: absolute; right: -205px; margin-right: 0; margin-left: 20px;}
.wrap-ys-begin .con02-2 .info-box{float:  left; width: 50%;}
.wrap-ys-begin .info-box .sub-box01{margin-bottom: 10px;}
.wrap-ys-begin .info-box .sub-txt p{font-size: 16px; font-family: "Dream Regular"; line-height: 28px; letter-spacing: -.025em; color:#444;}
.wrap-ys-begin .info-box.type02{padding-top: 65px;}
.wrap-ys-begin .info-box.type02 strong{margin-top: 0; margin-bottom: 5px;}

@media all and (max-width:1600px){
  .wrap-ys-begin .con02-2 .pic-area{right: 0; position: relative;}
  .wrap-ys-begin .con02-2 .info-box{float: none; width: 100%;}
  .wrap-ys-begin .info-box.type02{padding-top: 20px;}
}

@media all and (max-width:1400px){
  .wrap-ys-begin .con02-2 .pic-area{max-width: 650px;}
}

@media all and (max-width:1300px){
  .wrap-ys-begin .begin-lf ul{margin: 0 -15px;}
  .wrap-ys-begin .begin-lf li{padding: 0 15px;}
  .wrap-ys-begin .begin-ri{width: 35%; margin-top: 0;}

}
@media all and (max-width:1200px){
  .wrap-ys-begin .begin-ri{float: none; width: 100%; margin: auto; max-width: 350px;}
  .wrap-ys-begin .begin-lf {float: none; width: 100%;}
  .wrap-ys-begin .contents01{padding-top: 30px;}
  .wrap-ys-begin .con02-2{margin-top: 30px;}
}
@media all and (max-width:1100px){
  .wrap-ys-begin .pic-area{width: 415px; margin-right: 30px;}
  .wrap-ys-begin .objHeading_h3{margin-top: 20px;}

}

@media all and (max-width:900px){
  .wrap-ys-begin .pic-area{float: none; margin-right: 0; margin: auto; margin-top: 40px; width: 350px;}
  .wrap-ys-begin .con02-2 .pic-area{float: none; margin-left: 0; margin: auto; margin-top: 25px; width: 100%;}
  .wrap-ys-begin .info-box.type02 strong{margin-bottom: 10px;}
}

@media all and (max-width:768px){
  .wrap-ys-begin .new-guide-shadow{padding: 23px; min-height: auto;}

}
@media all and (max-width:680px){
  .wrap-ys-begin .begin-lf ul{margin: 0 0; display: block;}
  .wrap-ys-begin .begin-lf li{padding: 0 0; width: 100%;}

}
@media all and (max-width:600px){
  .wrap-ys-begin .new-guide-link p{font-size: 15px;}
  .wrap-ys-begin .info-box .sub-txt p{font-size: 15px;}
  .wrap-ys-begin .info-box li{font-size: 15px;}
}

/* MISSION */
.mission-wrap .title { position: relative; text-align: center; margin-bottom: 76px; } 
.mission-wrap .title:before { content: "MISSION"; position: absolute; left: 50%; top: -38px; transform: translateX(-50%); font-size: 60px; letter-spacing: -0.05em; color: #000; opacity: 0.1; z-index: -1; font-family: 'Gmarket Bold'; } 
.mission-wrap .title .title-wrap { display: inline-block; position: relative; } 
.mission-wrap .title-wrap:before { content: ''; position: absolute; top: -10px; left: -115px; width: 69px; height: 55px; background-image: url('../../images/sub/mission-dot-left.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; z-index: -1; } 
.mission-wrap .title-wrap:after { content: ''; position: absolute; bottom: -13px; right: -124px; width: 69px; height: 55px; background-image: url('../../images/sub/mission-dot-right.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; z-index: -1; } 
.mission-wrap .title strong { display: block; font-size: 35px; line-height: 50px; letter-spacing: -0.05em; font-style: italic; font-family: 'Dream Regular'; } 
.mission-wrap .title strong span { font-size: 35px; color: #e6378d; font-family: 'Dream Medium'; } 
.mission-list-wrap { position: relative; } 
.mission-list-wrap:before { content: ''; position: absolute; left: -20%; top: 50%; margin-top: -131px; width: 50%; height: 262px; background-color: #fff; border-radius: 0; z-index: 1; } 
.mission-list-wrap:after { content: ''; position: absolute; right: -20%; top: 50%; margin-top: -131px; width: 50%; height: 262px; background-color: #fff; border-radius: 0; z-index: 1; } 
.mission-list { position: relative; display: flex; justify-content: space-between; margin: 0 auto; width: 1145px; margin-bottom: 50px; padding: 30px 21px; border: 1px solid #bcbcbc; border-radius: 138px; } 
.mission-list:before { content: ''; position: absolute; left: 50%; bottom: -50px; margin-left: -0.5px; width: 1px; height: 50px; background-color: #bcbcbc; }
.mission-list .list { position: relative; z-index: 3; } 
.mission-list .list:before { content: ''; position: absolute; left: 50%; bottom: -30px; margin-left: -0.5px; width: 1px; height: 30px; background-color: #bcbcbc; } 
.mission-list .list:after { content: ''; position: absolute; left: 50%; bottom: -34.5px; margin-left: -4.5px; width: 9px; height: 9px; border-radius: 50%; background-color: #bcbcbc; } 
.mission-list .list .circle { position: relative; width: 300px; height: 300px; border-radius: 50%; border: 1px dashed #e5e5e5; } 
.mission-list .list .circle:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 280px; height: 280px; border-radius: 50%; z-index: 2; } 
.mission-list .list.intelligence .circle:before { background-color: #e6378d; } 
.mission-list .list.creative .circle:before { background-color: #22b2e9; } 
.mission-list .list.communication .circle:before { background-color: #c6d800; } 
.mission-list .list.intelligence .circle { padding-top: 46px; } 
.mission-list .list.creative .circle { padding-top: 40px; } 
.mission-list .list.communication .circle { padding-top: 40px; } 
.mission-list .list .text-wrap { position: relative; text-align: center; z-index: 2; } 
.mission-list .list .text-wrap img { margin-bottom: 10px; } 
.mission-list .list .text-wrap span { position: relative; display: block; padding-bottom: 13px; margin-bottom: 15px; font-size: 22px; line-height: 30px; letter-spacing: -0.05em; color: #fff; font-family: 'Dream Medium'; } 
.mission-list .list .text-wrap span:before { content: ''; position: absolute; left: 50%; margin-left: -28px; bottom: 0; width: 56px; height: 1px; background-color: #fff; } 
.mission-list .list .text-wrap p { font-size: 14px; line-height: 22px; letter-spacing: -0.025em; color: #fff; font-family: 'Dream Regular'; } 
.mission-wrap .footer-content { display: flex; flex-direction: column;align-items: center;} 
.mission-wrap .footer-content strong { position: relative; display: block; margin: 30px 0 33px; font-size: 30px; line-height: 20px; letter-spacing: -.05em; font-style: italic; font-family: 'Dream Medium'; } 
.mission-wrap .footer-content strong:before { content: ''; position: absolute; left: -47px; top: -11px; width: 33px; height: 28px; background-image: url('../../images/sub/dot_left.png'); background-position: center; background-size: 100%; background-repeat: no-repeat; z-index: -1; } 
.mission-wrap .footer-content strong:after { content: ''; position: absolute; right: -58px; top: -8px; width: 33px; height: 28px; background-image: url('../../images/sub/dot_right.png'); background-position: center; background-size: 100%; background-repeat: no-repeat; z-index: -1; } 
.mission-wrap .footer-content p { font-size: 20px; text-align: center; letter-spacing: -0.05em; line-height: 35px; font-family: 'Dream Regular'; } 
/* .mission-wrap .footer-content a { position: relative; display: inline-block; margin-top: 21px; padding: 13px 44px 13px 14px; font-size: 14px; letter-spacing: -0.05em; border: 1px solid #4b585f; font-family: 'Dream Regular'; } 
.mission-wrap .footer-content a:after { content: ''; position: absolute; top: 50%; margin-top: -10.5px; margin-left: 6px; width: 21px; height: 21px; background-image: url('../../images/sub/btn_icon.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }  */

/* mission 레이어팝업 */

/* misson-layer-popup */
.mission-popup-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; z-index: 9999; transition: all 0.3s; } 
.mission-popup-wrap.on { visibility: visible; opacity: 1; } 
.mission-popup-wrap .popup-close { width: 85px; height: 98px; display: flex; align-items: center; justify-content: center; position: absolute; right: -42px; top: -47px; background: url(../../images/sub/bg_close.png) no-repeat center; } 
.mission-popup-wrap .popup-close button { display: inline-block; text-indent: -9999px; width: 100%; height: 100%; position: relative; background: url(../../images/sub/popup-close_btn.png) no-repeat center; transition: transform 0.5s; } 
.mission-popup-wrap .popup-close .close-btn.active { transform: rotate(180deg); } 
.mission-popup-wrap .layer-popup { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); max-width: 950px; z-index: 100; } 
.mission-popup-wrap .layer-popup .name-box { padding: 22px 0; text-align: center; color: #fff; background-color: #019ad4; } 
.mission-popup-wrap .layer-popup .name-box span { font-size: 26px; line-height: 1.5; letter-spacing: -0.05em; font-family: "Dream Medium"; } 
.mission-popup-wrap .layer-popup .info-box { padding: 36px 60px 41px; text-align: center; background-color: #fff; border-radius: 0 0 15px 15px; } 
.mission-popup-wrap .layer-popup .info-box .popup-title { display: inline-block; position: relative; margin-bottom: 21px; } 
.mission-popup-wrap .layer-popup .info-box .popup-title::before { content: ""; position: absolute; left: -51px; top: -2px; width: 32px; height: 27px; background-image: url("../../images/sub/dot_left.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; } 
.mission-popup-wrap .layer-popup .info-box .popup-title::after { content: ""; position: absolute; right: -51px; top: 5px; width: 32px; height: 27px; background-image: url("../../images/sub/dot_right.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; } 
.mission-popup-wrap .layer-popup .info-box .popup-title strong { position: relative; display: block; font-size: 30px; line-height: 1.5; letter-spacing: -0.05em; font-style: italic; color: #222; z-index: 1; } 
.mission-popup-wrap .layer-popup .info-box .popup-title strong span { font-family: "Dream Medium"; color: #e6378d; } 
.mission-popup-wrap .layer-popup .info-box p { letter-spacing: -0.025em; line-height: 28px; } 
.mission-popup-wrap .layer-popup .info-box p i { display: block; height: 27px; } 


@media (max-width: 1160px){
  .mission-list { width: 100%; } 
}

@media (max-width: 1023px){ 
  .mission-wrap .title-wrap:before { left: -73px; } 
  .mission-wrap .title-wrap:after { right: -77px; } 
  .mission-list { justify-content: center; flex-wrap: wrap; margin-bottom: 70px; } 
  .mission-list:after { content: ''; position: absolute; left: 50%; bottom: -54.5px; margin-left: -4.5px; width: 9px; height: 9px; border-radius: 50%; background-color: #bcbcbc; } 
  .mission-list .list { display: flex; justify-content: center; width: 50%; } 
  .mission-list-wrap:before { display: none; } 
  .mission-list-wrap:after { display: none; } 
  .mission-list .list:before { display: none; } 
  .mission-list .list:after { display: none; } 
  /* misson-layer-popup */
  .mission-popup-wrap .layer-popup { padding: 0 40px 0 20px; } 
  .mission-popup-wrap .popup-close { right: 9px; } 
}

@media (max-width: 800px){
  .mission-wrap .title { margin-bottom: 56px; } 
  .mission-wrap .title:before { top: -30px; font-size: 55px; } 
  .mission-wrap .title-wrap:before { left: 0; width: 55px; height: 55px; background-size: contain; } 
  .mission-wrap .title-wrap:after { right: -4px; width: 55px; height: 55px; background-size: contain; } 
  .mission-wrap .title strong { font-size: 28px; } 
  .mission-wrap .title strong span { font-size: 31px; } 
  .mission-list { flex-direction: column; align-items: center; margin-bottom: 70px; padding: 25px 10px; border-radius: 80px; } 
  .mission-list .list { display: flex; justify-content: center; width: 100%; margin-bottom: 30px; } 
  .mission-list > li:last-child { margin-bottom: 0; } 
  .mission-list .list .circle { width: 250px; height: 250px; } 
  .mission-list .list .circle:before { width: 230px; height: 230px; } 
  .mission-list .list.intelligence .circle { padding-top: 30px; } 
  .mission-list .list.creative .circle { padding-top: 34px; } 
  .mission-list .list.communication .circle { padding-top: 34px; } 
  .mission-list .list .text-wrap { position: relative; text-align: center; z-index: 2; } 
  .mission-list .list .text-wrap img { margin-bottom: 5px; } 
  .mission-list .list.intelligence .text-wrap img { width: 55px; } 
  .mission-list .list.creative .text-wrap img { width: 44px; } 
  .mission-list .list.communication .text-wrap img { width: 55px; } 
  .mission-list .list .text-wrap span { position: relative; display: block; padding-bottom: 8px; margin-bottom: 10px; font-size: 19px; } 
  .mission-list .list .text-wrap span:before { margin-left: -24px; width: 48px; } 
  .mission-list .list .text-wrap p { font-size: 14px; line-height: 22px; letter-spacing: -0.12em; padding: 0 40px; color: #fff; font-family: 'Dream Regular'; } 
  .mission-list .list .text-wrap p br { display: none; } 
  .mission-wrap .footer-content { width: 100%; } 
  .mission-wrap .footer-content strong { position: relative; display: block; margin: 30px 0 33px; font-size: 27px; line-height: 20px; letter-spacing: 0.05em; font-style: italic; font-family: 'Dream Medium'; } 
  .mission-wrap .footer-content img { width: 80px}
  .mission-wrap .footer-content strong:before { left: -29px; top: -18px; width: 30px; height: 30px; background-size: contain; } 
  .mission-wrap .footer-content strong:after { right: -40px; top: -8px; width: 30px; height: 30px; background-size: contain; }  
  .mission-wrap .footer-content p { font-size: 16px; line-height: 27px; } 
  /* .mission-wrap .footer-content a { margin-top: 18px; padding: 10px 40px 10px 10px; } 
  .mission-wrap .footer-content a:after { margin-top: -8.5px; width: 18px; height: 18px; }  */
  /* misson-layer-popup */
  .mission-popup-wrap .layer-popup .name-box { padding: 16px 0; } 
  .mission-popup-wrap .layer-popup .name-box span { font-size: 18px; } 
  .mission-popup-wrap .layer-popup .info-box .popup-title { margin-bottom: 10px; } 
  .mission-popup-wrap .layer-popup .info-box .popup-title strong { font-size: 22px; } 
  .mission-popup-wrap .layer-popup .info-box p { font-size: 15px; line-height: 26px; } 
  .mission-popup-wrap .layer-popup .info-box p i { height: 0; margin:10px 0; } 
  .mission-popup-wrap .layer-popup .info-box .popup-title::before { left: -10px; width: 28px; height: 28px; background-size: contain; } 
  .mission-popup-wrap .layer-popup .info-box .popup-title::after { right: -10px; width: 28px; height: 28px; background-size: contain; } 
  .mission-popup-wrap .layer-popup .info-box { padding: 26px 20px 31px; } 
}

/* 원격교육학생모니터링단 */
.wrap-remote {padding-top: 40px;}
.wrap-remote .build-title::after {content:''; display: block; clear:both;}
.wrap-remote .build-title p {float:left; font-size: 26px; line-height: 50px;}
.wrap-remote .build-title a {float:right;}
.wrap-remote .build-inner {padding:40px 10px 24px 0;}

/* 교육방송국 */
.wrap-broadcast {padding-top: 40px;}
.broadcast-lesson {position: relative;}
.broadcast-lesson ul {max-width: 817px;width:100%;margin:0 auto;display:flex;background:url('../../images/sub/broadcast-bg.png') no-repeat center / cover;}
.broadcast-lesson li {width:33.3333%; height:312px; text-align:center; display:flex; justify-content:center; align-items:center; color:#fff; font-family:'Dream Bold'; letter-spacing:-.05em; font-size:25px; position:relative;}
.broadcast-lesson li:first-child {left: 20px;}
.broadcast-lesson li:last-child {right: 20px;}
@media all and (max-width:1024px) {
  .broadcast-lesson ul {max-width: 649px;}
  .broadcast-lesson li {height: 248px;}
  .broadcast-lesson li:first-child {left: 13px;}
  .broadcast-lesson li:last-child {right: 13px;}
}
@media all and (max-width: 768px) {
  .broadcast-lesson {margin-top: 20px;}
  .broadcast-lesson ul {background:none; max-width:none;}
  .broadcast-lesson li {height:150px; width:33.333%; margin-bottom:30px;margin-left: 10px;}
  .broadcast-lesson li:first-child {left:0; background:rgba(34,178,233,0.1); margin-left:0;}
  .broadcast-lesson li:nth-child(2) {background:rgba(1,73,154,0.1)}
  .broadcast-lesson li:last-child { right:0; background:rgba(0,112,207,0.1)}
  .broadcast-lesson li:first-child::after {content:''; position:absolute; left:10px; top:10px; width:calc(100% - 20px); height:calc(100% - 20px); background:#22B2E9;}
  .broadcast-lesson li:nth-child(2)::after {content:''; position:absolute; left:10px; top:10px; width:calc(100% - 20px); height:calc(100% - 20px); background:#01499A;}
  .broadcast-lesson li:last-child::after {content:''; position:absolute; left:10px; top:10px; width:calc(100% - 20px); height:calc(100% - 20px); background:#0070CF;}
  .broadcast-lesson li p {position:absolute; z-index:1; font-size: 20px;}
}
/* 학보사 */
.wrap-hakbosa {padding-top: 40px;}

/* 동아리 */
.wrap-build {padding-top:40px; margin-top:70px}
.wrap-career1,
.wrap-founded1,
.wrap-major1,
.wrap-normal1 {padding-top: 60px;margin-top: 40px;}

@media all and (max-width:860px) {
  .wrap-build {margin-top: 20px;}

}

@media all and (max-width:500px) {
  .wrap-build{padding-top: 0;}
}


/* 인재상 */
.ideal-wrap .title { position: relative; text-align: center; margin-bottom: 25px; } 
.ideal-wrap .title strong { position: relative; font-size: 26px; letter-spacing: -0.05em; font-family: 'Dream Medium'; } 
.ideal-wrap .title strong:before { content: ''; position: absolute; left: -127px; top: 50%; width: 97px; height: 27px; margin-top: -13.5px; background-image: url('../../images/sub/baytree_left.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; } 
.ideal-wrap .title strong:after { content: ''; position: absolute; right: -127px; top: 50%; width: 97px; height: 27px; margin-top: -13.5px; background-image: url('../../images/sub/baytree_right.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; } 
.ideal-list-wrap { position: relative; } 
.ideal-list-wrap:before { content: ''; position: absolute; left: 0%; top: 0%; width: 110%; height: 365px; background-color: #fff; border-radius: 0; z-index: 1; } 
.ideal-list { position: relative; display: flex; justify-content: space-between; margin: 0 auto; width: 1145px; margin-bottom: 50px; padding: 30px 21px; border: 1px solid #bcbcbc; border-radius: 138px; } 
.ideal-list:before { content: ''; position: absolute; left: 50%; bottom: -66px; margin-left: -0.5px; width: 1px; height: 63px; background-color: #bcbcbc; } 
.ideal-list .list { position: relative; z-index: 3; } 
.ideal-list .list > strong { display: block; text-align: center; font-size: 30px; margin-bottom: 12px; font-family: 'Gmarket Bold'; } 
.ideal-list .list.intelligence > strong em { color: #e6378d; } 
.ideal-list .list.creative > strong em { color: #22b2e9; } 
.ideal-list .list.communication > strong em { color: #c6d800; } 
.ideal-list .list:before { content: ''; position: absolute; left: 50%; bottom: -30px; margin-left: -0.5px; width: 1px; height: 30px; background-color: #bcbcbc; } 
.ideal-list .list:after { content: ''; position: absolute; left: 50%; bottom: -34.5px; margin-left: -4.5px; width: 9px; height: 9px; border-radius: 50%; background-color: #bcbcbc; } 
.ideal-list .list .circle { position: relative; width: 300px; height: 300px; border-radius: 50%; border: 1px dashed #e5e5e5; } 
.ideal-list .list .circle:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 280px; height: 280px; border-radius: 50%; z-index: 2; } 
.ideal-list .list.intelligence .circle:before { background-color: #e6378d; } 
.ideal-list .list.creative .circle:before { background-color: #22b2e9; } 
.ideal-list .list.communication .circle:before { background-color: #c6d800; } 
.ideal-list .list.intelligence .circle { padding-top: 46px; } 
.ideal-list .list.creative .circle { padding-top: 40px; } 
.ideal-list .list.communication .circle { padding-top: 40px; } 
.ideal-list .list .text-wrap { position: relative; text-align: center; z-index: 2; } 
.ideal-list .list .text-wrap img { margin-bottom: 23px; } 
.ideal-list .list .text-wrap span { display: block; padding: 0 32px; font-size: 16px; line-height: 22px; margin-bottom: 22px; letter-spacing: -0.025em; color: #fff; font-family: 'Dream Regular'; } 
.ideal-list .list .text-wrap strong { position: relative; display: block; padding-top: 28px; font-size: 28px; line-height: 30px; letter-spacing: -0.05em; color: #fff; font-family: 'Dream Medium'; } 
.ideal-list .list .text-wrap strong:before { content: ''; position: absolute; left: 50%; margin-left: -28px; top: 0; width: 56px; height: 1px; background-color: #fff; } 
.ideal-wrap .footer-content { display: flex; justify-content: center; } 
.ideal-wrap .footer-content ul { width: 692px; margin-top: 14px; padding: 25px 35px 25px 50px; border: 1px solid #bcbcbc; font-family: 'Dream Regular'; border-radius: 0 14px 14px 14px; } 
.ideal-wrap .footer-content ul li { position: relative; margin-bottom: 12px;text-align: left; line-height: 1.5; letter-spacing: -0.025em; } 
.ideal-wrap .footer-content ul li:last-child {margin-bottom: 0;}
.ideal-wrap .footer-content ul li:before { content: ''; position: absolute; left: -18px; top: 8px; width: 10px; height: 8px; background-image: url('../../images/sub/list_dot.jpg'); background-size: 100%; } 

@media (max-width: 1160px){
  .ideal-list { width: 100%; } 
}

@media (max-width: 1023px){
  .ideal-list { justify-content: center; flex-wrap: wrap; margin-bottom: 70px; } 
  .ideal-list:before { bottom: -64px; } 
  .ideal-list:after { content: ''; position: absolute; left: 50%; bottom: -68.5px; margin-left: -4.5px; width: 9px; height: 9px; border-radius: 50%; background-color: #bcbcbc; } 
  .ideal-list .list { display: flex; flex-direction: column; align-items: center; width: 50%; } 
  .ideal-list .list.communication { margin-top: 30px; } 
  .ideal-list-wrap:before { display: none; } 
  .ideal-list-wrap:after { display: none; } 
  .ideal-list .list:before { display: none; } 
  .ideal-list .list:after { display: none; } 
  .ideal-wrap .footer-content ul { margin-top: -8px; } 
}

@media (max-width: 800px){
  .ideal-wrap .title { margin-bottom: 40px; } 
  .ideal-wrap .title strong { font-size: 24px; } 
  .ideal-wrap .title strong:before { left: -110px; } 
  .ideal-wrap .title strong:after { right: -110px; } 
  .ideal-wrap .title strong span { font-size: 31px; } 
  .ideal-list { flex-direction: column; align-items: center; margin-bottom: 70px; padding: 25px 10px; border-radius: 80px; } 
  .ideal-list .list { display: flex; justify-content: center; width: 100%; margin-bottom: 30px; } 
  .ideal-list .list > strong { font-size: 28px; } 
  .ideal-list .list.communication { margin-top: 0; } 
  .ideal-list > li:last-child { margin-bottom: 0; } 
  .ideal-list .list .circle { width: 250px; height: 250px; } 
  .ideal-list .list .circle:before { width: 230px; height: 230px; } 
  .ideal-list .list.intelligence .circle { padding-top: 40px; } 
  .ideal-list .list.creative .circle { padding-top: 46px; } 
  .ideal-list .list.communication .circle { padding-top: 46px; } 
  .ideal-list .list .text-wrap img { margin-bottom: 17px; } 
  .ideal-list .list.intelligence .text-wrap img { width: 55px; } 
  .ideal-list .list .text-wrap span { margin-bottom: 15px; font-size: 14px; } 
  .ideal-list .list .text-wrap strong { padding-top: 10px; } 
  .ideal-list .list.creative .text-wrap img { width: 44px; } 
  .ideal-list .list.communication .text-wrap img { width: 55px; } 
  .ideal-list .list .text-wrap strong { position: relative; display: block; padding-bottom: 8px; margin-bottom: 10px; font-size: 21px; } 
  .ideal-list .list .text-wrap strong:before { margin-left: -24px; width: 48px; } 
  .ideal-wrap .footer-content { width: 100%; } 
  .ideal-wrap .footer-content ul li { font-size: 15px; } 
  .ideal-wrap .footer-content ul li:before { top: 7px; } 
  .ideal-wrap .footer-content ul {width:100%;}
}

/* 교육목표 */
.educational-goals-wrap .diagram { position: relative; width: 566px; height: 579px; background-image: url('../../images/sub/diagram_img.png'); background-size: 100%; margin: 0 auto; } 
.educational-goals-wrap .diagram-wrap { position: absolute; width: 210px; } 
.educational-goals-wrap .diagram-info-inner { display: flex; flex-direction: column; align-items: center; width: 100%; } 
.educational-goals-wrap .diagram-info:before { content: ''; position: absolute; height: 1px; background-color: #bcbcbc; } 
.educational-goals-wrap .diagram-info:after { content: ''; position: absolute; width: 9px; height: 9px; border-radius: 50%; background-color: #bcbcbc; } 
.educational-goals-wrap .diagram-info img { margin-bottom: 11px; } 
.educational-goals-wrap .diagram-info strong { font-size: 20px; line-height: 1.5; letter-spacing: -0.05em; color: #fff; font-family: 'Dream Medium'; } 
.educational-goals-wrap .diagram-wrap p { position: absolute; max-width: 320px; line-height: 22px; letter-spacing: -0.025em; text-align: center; font-family: 'Dream Regular'; } 
.educational-goals-wrap .diagram-goals { top: 233px; left: 50%; margin-left: -105px; } 
.educational-goals-wrap .diagram-info.goals:before { display: none; } 
.educational-goals-wrap .diagram-info.goals:after { display: none; } 
.educational-goals-wrap .diagram-info.goals img { width: 79px; margin-bottom: 12px; } 
.educational-goals-wrap .diagram-info.goals strong { font-size: 24px; color : #111; } 
.educational-goals-wrap .diagram-convergence { bottom: 121px; left: 0; } 
.educational-goals-wrap .diagram-info.convergence:before { left: -70px; top: 43px; width: 83px; } 
.educational-goals-wrap .diagram-info.convergence:after { left: -78.5px; top: 38.5px; } 
.educational-goals-wrap .diagram-convergence p { left: -399px; top: 32px; } 
.educational-goals-wrap .diagram-character { top: 40px; left: 50%; margin-left: -105px; } 
.educational-goals-wrap .diagram-info.character:before { right: -245px; top: 18px; width: 262px; } 
.educational-goals-wrap .diagram-info.character:after { right: -254px; top: 13.5px; } 
.educational-goals-wrap .diagram-character p { right: -562px; top: 8px; } 
.educational-goals-wrap .diagram-communication { bottom: 121px; right: 0; } 
.educational-goals-wrap .diagram-info.communication:before { right: -70px; top: 43px; width: 83px; } 
.educational-goals-wrap .diagram-info.communication:after { right: -78.5px; top: 38.5px; } 
.educational-goals-wrap .diagram-communication p { right: -402px; top: 32px; } 
.educational-goals-wrap .footer-content { display: flex; justify-content: center; } 
.educational-goals-wrap .footer-content ul { position: relative; width: 1000px; margin-top: 38px; padding: 25px 35px 25px 50px; border: 1px solid #bcbcbc; border-radius: 0 14px 14px 14px; } 
.educational-goals-wrap .footer-content ul:before { content: ''; position: absolute; left: 50%; top: -40px; margin-left: -0.5px; width: 1px; height: 40px; background-color: #bcbcbc; } 
.educational-goals-wrap .footer-content ul li { position: relative; margin-bottom: 5px; text-align: left; line-height: 28px; letter-spacing: -0.025em; font-family: 'Dream Regular'; } 
.educational-goals-wrap .footer-content ul li:last-child { margin-bottom: 0; } 
.educational-goals-wrap .footer-content ul li:before { content: ''; position: absolute; left: -18px; top: 10px; width: 10px; height: 8px; background-image: url('../../images/sub/list_dot.jpg'); background-size: 100%; } 


@media(max-width: 1400px){
  .educational-goals-wrap .diagram-wrap p { width: 190px; font-size: 15px; white-space: wrap; } 
  .educational-goals-wrap .diagram-info.convergence:before { left: -30px; width: 43px; } 
  .educational-goals-wrap .diagram-info.convergence:after { left: -38.5px; } 
  .educational-goals-wrap .diagram-convergence p { left: -216px; } 
  .educational-goals-wrap .diagram-info.character:before { right: -164px; width: 180px; } 
  .educational-goals-wrap .diagram-info.character:after { right: -173px; } 
  .educational-goals-wrap .diagram-character p { right: -361px; } 
  .educational-goals-wrap .diagram-info.communication:before { right: -30px; width: 43px; } 
  .educational-goals-wrap .diagram-info.communication:after { right: -38.5px; } 
  .educational-goals-wrap .diagram-communication p { right: -226px; } 
}

@media(max-width: 1023px){
  /* .educational-goals-wrap .diagram { display: flex; justify-content: space-between; width: 100%; height: auto; background-image: none; }  */
  .educational-goals-wrap .diagram {  width: 100%; height: auto; background-image: none; } 
  .educational-goals-wrap .diagram-wrap { position: relative; width: auto; width: calc((100% / 3) - 12px); } 
  .educational-goals-wrap .diagram-wrap p { position: static; max-width: 100%; margin-top: 40px;width: 100%; font-size: 15px; white-space: wrap; } 
  .educational-goals-wrap .diagram-info { height: 190px; padding: 15px; } 
  .educational-goals-wrap .diagram-info-inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } 
  .educational-goals-wrap .diagram-wrap:before { content: ''; position: absolute; width: 100%; height: 190px; } 
  .educational-goals-wrap .diagram-info { position: relative; z-index: 1; } 
  .educational-goals-wrap .diagram-info img { margin-bottom: 11px; } 
  .educational-goals-wrap .diagram-info strong { font-size: 20px; } 
  /* .educational-goals-wrap .diagram-goals { display: none !important; }  */
  .educational-goals-wrap .diagram-goals {background: url(/sites/ko/images/sub/edu-hexagon-tit.png) no-repeat center center / cover; width: 205px; height: 232px; display: flex; align-items: center; justify-content: center; top: 0; margin-left: -102.5px;} 
  .educational-goals-wrap .moblie-box{display: flex; justify-content: space-between; padding-top: 50px;}
  .educational-goals-wrap .diagram-info.goals img { width: 79px; margin-bottom: 12px; } 
  .educational-goals-wrap .diagram-info.goals strong { font-size: 20px; color : #111; } 
  .educational-goals-wrap .diagram-convergence { bottom: 0; } 
  .educational-goals-wrap .diagram-convergence:before { background-color: #fcebf3; } 
  .educational-goals-wrap .diagram-info.convergence .diagram-info-inner { background-color: #e6378d; } 
  .educational-goals-wrap .diagram-info.convergence:before { left: 50%; margin-left: -0.5px; top: calc(100% - 15px); width: 1px; height: 42px; } 
  .educational-goals-wrap .diagram-info.convergence:after { left: 50%; margin-left: -4.5px; top: calc(100% + 21.5px); } 

  .educational-goals-wrap .diagram-character { top: 0; left: 0; margin-left: 0; } 
  .educational-goals-wrap .diagram-info.character .diagram-info-inner { background-color: #22b2e9; } 
  .educational-goals-wrap .diagram-character:before { background-color: #e5f1f8; } 
  .educational-goals-wrap .diagram-info.character:before { left: 50%; margin-left: -0.5px; top: calc(100% - 15px); width: 1px; height: 42px; } 
  .educational-goals-wrap .diagram-info.character:after { left: 50%; margin-left: -4.5px; top: calc(100% + 21.5px); } 
  .educational-goals-wrap .diagram-communication { bottom: 0; } 
  .educational-goals-wrap .diagram-info.communication .diagram-info-inner { background-color: #c6d800; } 
  .educational-goals-wrap .diagram-communication:before { background-color:#f3f5df; } 
  .educational-goals-wrap .diagram-info.communication:before { left: 50%; margin-left: -0.5px; top: calc(100% - 15px); width: 1px; height: 42px; } 
  .educational-goals-wrap .diagram-info.communication:after { left: 50%; margin-left: -4.5px; top: calc(100% + 21.5px); } 
  .educational-goals-wrap .footer-content { display: flex; justify-content: center; } 
  .educational-goals-wrap .footer-content ul { margin-top: 50px; padding: 20px 35px 20px 50px; } 
  .educational-goals-wrap .footer-content ul:before { display: none; } 
  .educational-goals-wrap .footer-content ul li:before { left: -18px; top: 13px; } 
}

@media (max-width: 800px){
  .educational-goals-wrap .footer-content { width: 100%; } 
  .educational-goals-wrap .footer-content ul li { font-size: 15px; line-height: 30px; } 
  .educational-goals-wrap .footer-content ul li:before { top: 11px; } 
}

@media (max-width: 768px){
  .educational-goals-wrap .moblie-box{flex-wrap: wrap;}
  .educational-goals-wrap .diagram-convergence{width: 100%; margin-bottom: 40px;}
  .educational-goals-wrap .diagram-character{width: 100%; margin-bottom: 40px;}
  .educational-goals-wrap .diagram-communication{width: 100%; margin-bottom: 40px;}

}

@media (max-width: 550px){
  /* .educational-goals-wrap .diagram { flex-direction: column; justify-content: flex-start; }  */
  /* .educational-goals-wrap .diagram-wrap { width: 100%; margin-bottom: 50px; }  */
  .educational-goals-wrap .footer-content ul { margin-top: 0; } 
}

/* 조직도 */

.org-wrap {position: relative;}
.org-wrap .org-inner {position: relative;}
.org-wrap .org-inner::before {content:''; width:1px; height:calc(100% - 65px - 108px); background:#bcbcbc; position: absolute; left:0; top:106px;} 
/*
.org-wrap .org-inner::before {
    content: '';
    width: 1px;
    background: #bcbcbc;
    position: absolute;
    left: 0;
    top: 106px;
    bottom: 0;
}
*/

.org-wrap .org-padding {padding-left:70px;}
.org-list {height:55px; display: flex; align-items: center; justify-content: center; font-size: 17px; letter-spacing: -.05em; color:#fff; font-family: 'Dream Regular'; border-radius:0 15px 15px 15px; position: relative;}
.org-list.color1 {background:#4B585F;}
.org-list.color2 {background:#B3A36B;}
.org-list.color3 {background:#22B2E9;}
.org-title {width:200px; position: relative; text-align: center;}
.org-title::after {content:''; width:150px; height:1px; background:#bcbcbc; position: absolute; right:60%; top:50%;}
.org-title > p {width:121px; height:137px; background:url('../../images/sub/org-title2.png') no-repeat center; display: flex; align-items: center; justify-content: center; flex-direction:column; color:#fff; font-size: 18px; font-family: 'Dream Medium'; letter-spacing: -.05em; margin:0 auto; position: relative; z-index: 1; line-height: 1.2;}
.org-title > p span {font-size: 13px;}
.org-box.color1 > p {background:#4B585F;}
.org-box.color2 > p {background:#22B2E9;}
.org-box > p { height:55px; font-size: 17px; letter-spacing: -.05em; color:#fff; font-family: 'Dream Regular'; border-radius:0 15px 0px 0px; text-align: center; display: flex; align-items: center; justify-content: center; position: relative;}
.org-box > .org-box-type {border:1px solid #bcbcbc; border-top:0; border-radius:0 0 15px 15px; text-align: center; padding:15px; min-height:82px; background:#fff; position: relative;}
.org-box > .org-box-type1 > li {font-size: 15px; font-family: 'Dream Regular'; letter-spacing: -.05em; line-height:1.5; color:#333; margin-bottom: 5px;}
.org-box > .org-box-type1 > li:last-child {margin-bottom: 0;}
.org-box > .org-box-type2 > li {position: relative; padding-left:5px; text-align:left; font-size: 14px; font-family: 'Dream Regular'; color:#333; letter-spacing: -.05em; margin-bottom: 10px;}
.org-box > .org-box-type2 > li::after {content:''; width:2px; height:10px; background:#22B2E9; position:absolute;top:5px; left:0;}
.org-box > .org-box-type2 .depth2-list > li {padding-left: 10px; position: relative; font-size: 13px; font-family: 'Dream Regular'; line-height: 1.5; letter-spacing: -.05em; margin:5px 0; color:#777;}
.org-box > .org-box-type2 .depth2-list > li::after {content:''; width:8px; height:8px; background:url('../../images/sub/boxlist2-bul.png') no-repeat center; position: absolute; left:0; top:3px;}
/* org-top */
.org-wrap .org-top {position: relative; padding-bottom:70px;}
.org-wrap .org-top::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; top:0; margin-left:-1px;}
.org-wrap .org-top-top {position: relative;}
.org-wrap .org-top-top::before {content:''; width:50%; height:1px; background:#bcbcbc;  position: absolute; left:0; top:50%; margin-top:-1px;}
.org-wrap .org-top-top::after {content:'Yeonsung University'; display: block; position: absolute; right:5px; bottom:0; font-size: 60px; font-family:'Gmarket Bold'; letter-spacing: -.05em; line-height:1.5; color:rgba(0,0,0,0.1);}
.org-top .org-president {width:196px; height:213px; background:url('../../images/sub/org-president.png') no-repeat center; margin:0 auto; position: relative;}
.org-top .org-president p {width:196px; height:200px; display: flex; align-items: center; justify-content: center; color:#fff; font-family: 'Dream Medium'; font-size: 22px; letter-spacing: -.05em; position: relative; z-index: 1;}
/* org-top-bottom */
.org-top-bottom {position: relative; width:calc(100% - 270px); float:right;}
.org-top-bottom .org-top-bottom-list {margin:0 -20px; position: relative; display: flex;}
.org-top-bottom .org-top-bottom-list::after {content:''; display: block; clear:both;}
/* .org-top-bottom .org-top-bottom-list::before {content:''; width:80%; height:1px; background:#bcbcbc; position: absolute; top:0; left:50%; transform:translate(-50%,0)} */ /*24.02.06 수정*/
.org-top-bottom .org-top-bottom-list::before {content:''; width:83.34%; height:1px; background:#bcbcbc; position: absolute; top:0; left:50%; transform:translate(-50%,0)} /*24.02.06 수정*/
.org-top-bottom .org-top-bottom-list > li {float:left; width:20%; padding:0 20px; position: relative;}
.org-top-bottom .list-depth2 {position: relative; padding-top: 40px;}
.org-top-bottom .list-depth2::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; margin-left:-1px; top:0;}
.org-top-bottom .list-depth2 > li {margin-bottom: 10px; position: relative;}
/* org-content */
/* org01 */
.org-con-wrap01 {margin-bottom: 40px;}
.org01 {position: relative;padding-bottom:20px;}
.org01 .org-title {position: relative;}
.org01 .org-title::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; top:20px; left:50%;}
.org-content {clear:both; padding-top: 30px;}
.org01-content .org-depth1 {position: relative;}
.org01-content .org-depth1 > ul::before {content:''; width:83.4%; height:1px; background:#bcbcbc; position: absolute; top:0; left:50%; transform:translate(-50%,0);}
.org01-content .org-depth1 .org-list {max-width:200px; margin:0 auto;}
.org01-content .org-depth1 .org-box {max-width:200px; width:100%; flex:1; display: flex; flex-direction:column; padding-top:15px; position: relative;}
.org01-content .org-depth1 .org-box::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; top:0;}
.org01-content .org-depth1 .org-box > ul {flex:1;}
.org01-content .org-depth1 > ul {font-size: 0; margin:0 -23px; display: flex; justify-content: center; position: relative;}
.org01-content .org-depth1 > ul > li {display: inline-block; padding:0 23px; display: flex; flex-direction:column; width:16.6666%}
.org01-content .org-depth1 > ul > li:first-child > .org-box {padding-top: 105px;}
.org01-content .second-title {padding:20px 0 15px 0; position: relative;}
.org01-content .second-title::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; top:0;}
/*  */
.org01-content .org-depth2 {flex:1;display: flex;}
.org01-content .org-depth2 > li::after{content:''; display: block; clear:both;}
.org01-content .org-depth2 > li > div {float:left;}
.org01-content .org-depth2 > li {display: flex; flex:1;}
.org01-content .org-second-box {flex:1;}
.org01-content .org-second-box .org-depth2 > li {display:flex; margin:0 -23px; position: relative;}
.org01-content .org-second-box .org-depth2 > li::before {content:''; width:66.7%; height:1px; background:#bcbcbc; position: absolute; top:0; left:50%; transform: translate(-50%,0);}
.org01-content .org-second-box .org-depth2 > li > div {padding:0 23px; width:33.3333%; max-width:unset; padding-top:15px;}
/* org02 */
.org-con-wrap02 {margin-bottom: 40px;}
.org02 {position: relative;}
.org02::after {content:''; display: block; clear:both;}
.org02 .org-title {float:left;}
.org02 .org-title::before {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; top:50%; left:0;}
.org02-content {padding-top:41px; float:left; width:calc(100% - 200px);}
.org02-content > ul {display: flex;}
.org02-content li {flex:1; padding-left:46px; position: relative;}
.org02-content li::before {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; top:28px; left:0;}
/* org03 */
.org-con-wrap03 {margin-bottom: 40px;}
.org03 {position: relative; padding-bottom:20px;}
.org03 .org-title { position: relative;}
.org03 .org-title p {position: relative;}
.org03 .org-title::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; top:20px; margin-left:-1px;}
.org03-content {position: relative;}
.org03-content .depth1 {position: relative; margin:0 -23px;}
.org03-content .depth1::before {content:''; width:83.4%; height:1px; background:#bcbcbc; position: absolute; left:50%; top:0; transform:translate(-50%,0); margin-left:-1px;}
.org03-content .depth1::after {content:''; display: block; clear:both;}
.org03-content .depth1 > li {flex:1; padding:0 23px; padding-top:20px; position: relative; float:left; width: 16.66%;}
.org03-content .depth1 > li::before {content:''; width:1px; height:60px; background:#bcbcbc; position: absolute; top:0; left:50%; margin-left:-1px;}

/* org04 */
.org-con-wrap04 {margin-bottom: 40px;}
.org04 {position: relative;}
.org04::after {content:''; display: block; clear:both;}
.org04 .org-title {float:left;}
.org04 .org-title::before {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; left:0; top:50%;}
.org04-content {flex:1; padding-top:41px; float:left; width:calc(100% - 200px);}
.org04-content .depth1 {display: flex; position: relative;}
.org04-content .depth1 > li {flex-basis:246px;padding-left:46px; position: relative; display:flex;}
.org04-content .depth1 > li > div {display: flex; flex-direction:column; flex:1;}
.org04-content .org-box > .org-box-type {flex:1;}
.org04-content .depth1 > li::before {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; top:28px; left:0;}

/* org05 */
.org-con-wrap05 {margin-bottom: 40px;}
.org05 {position: relative;}
.org05::after {content:''; display: block; clear:both;}
.org05 .org-title {float:left;}
.org05 .org-title::before{content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; top:50%; left:0;}
.org05-content {float:left; padding-top:41px; width:calc(100% - 200px);}
.org05-content .box1 {position: relative;}
.org05-content .box1::after {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:0; top:28px;}
.org05-content .depth1 {display: flex; position: relative;}
.org05-content .depth1 li {flex:1; padding-left:46px; margin-bottom: 20px; position: relative;}
.org05-content .depth1 li::before {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; left:0; top:28px;}

/* org06 */
.org-con-wrap06 {margin-bottom: 40px;}
.org06 {position: relative;}
.org06::after {content:''; display: block; clear:both;}
.org06 .org-title {float:left;}
.org06 .org-title::before{content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; top:50%; left:0;}
.org06-content {float:left; width:calc(100% - 200px); padding-top:41px;}
.org06-content ul {display: flex;}
.org06-content li {flex-basis:calc(320px + 46px); padding-left:46px; position: relative;}
.org06-content li::before {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; left:0; top:28px;}

/* org07 */
.org-con-wrap07 {margin-bottom: 40px;}
.org07 {position: relative;}
.org07::after {content:''; display: block; clear:both;}
.org07 .org-title {float:left;}
.org07 .org-title::before{content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; top:50%; left:0;}
.org07-content {float:left; width:calc(100% - 200px);padding-top:41px;}
.org07-content ul {display: flex;}
.org07-content li {flex-basis:calc(320px + 46px); padding-left:46px; position: relative;}
.org07-content li::before {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; left:0; top:28px;}

@media all and (max-width:1800px) {
  .org-top-bottom {width:100%;}
  .org-wrap .org-top-top::after {font-size:3.5vw;}
}
@media all and (max-width:1500px) {
  .org-list {font-size: 15px;}
}
@media all and (max-width:1300px) {
  .org01-content .org-depth1 > ul::before {width:50%; left:123px; transform:unset;}
  .org01-content .org-depth1 > ul {flex-wrap:wrap;}
  .org01-content .org-depth1 > ul > li {width:50%;}
  .org01-content .org-depth1 > ul > li:first-child {width:246px;}
  .org01-content .org-depth1 > ul > li:nth-child(2) {width:calc(100% - 246px);}
  .org01-content .org-depth1 > ul > li:nth-last-child(-n+2) .org-depth2 .org-box{max-width:unset;}
  .org01-content .org-depth1 > ul > li:nth-last-child(-n+2) .second-title::before{top:20px;}

  .org02-content > ul {flex-wrap:wrap; position: relative;}
  .org02-content > ul::before {content:''; width:1px; height:50%; background:#bcbcbc; position: absolute; left:0; top:28px;}
  .org02-content li {flex:unset; width:33.3333%; padding-bottom:20px;}
  .org03-content .depth1{display: flex; flex-wrap:wrap;}
  .org03-content .depth1::before {left:123px; transform:unset; width:calc(83.3% - 123px);}
  .org03-content .depth1 > li {flex:unset; width:33.3333%;}
  .org03-content .depth1 > li:nth-child(3) {order: 6;}
  .org04 .org04-content .depth1 {flex-wrap:wrap; position: relative;}
  .org04 .org04-content .depth1 > li:first-child::after {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:0; top:28px;}
  .org04 .org04-content .depth1 > li {flex-basis:50%; padding-bottom: 20px;}
  .org05-content .depth1 {flex-wrap:wrap;}
  .org05-content .depth1 li {flex:unset; width:33.3333%;}
  .org05-content .box2 {position: relative;}
  .org05-content .box2::after {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:0; bottom:46px;}
}
@media all and (max-width:1024px) {
  .org-wrap .org-top-top::after {font-size:40px; width:42%; text-align:right;}
  .org-top-bottom .org-top-bottom-list {flex-wrap:wrap;}
  .org-top-bottom .org-top-bottom-list::before {width:66.6%; margin-left:-1px;}
  .org-top-bottom .org-top-bottom-list > li {width:33.3333%;}
  /* .org-top-bottom .org-top-bottom-list > li:nth-last-child(-n+2) {width:50%;} */ /*24.02.06 수정*/
  /* .org-top-bottom .org-top-bottom-list > li:nth-last-child(-n+2) .list-depth2 {padding-top: 20px;} */ /*24.02.06 수정*/
  /* .org-top-bottom .org-top-bottom-list > li:nth-last-child(-n+2) .list-depth2::before {display: none;} */ /*24.02.06 수정*/
  .org-top-bottom .org-top-bottom-list > li:nth-last-child(-n+3) .list-depth2 {padding-top: 20px;} /*24.02.06 수정*/
  .org-top-bottom .org-top-bottom-list > li:nth-last-child(-n+3) .list-depth2::before {display: none;} /*24.02.06 수정*/
  .org01-content .org-depth1 > ul {margin:0 -10px;}
  .org01-content .org-depth1 > ul::before {left:110px; width:51.6%}
  .org01-content .org-depth1 > ul > li {padding:0 10px;}
  .org01-content .org-second-box .org-depth2 > li {margin:0 -10px;}
  .org01-content .org-second-box .org-depth2 > li > div {padding:0 10px; padding-top:15px;}
}
@media all and (max-width:900px) {
  .org01 .org-title{width:100%;}
  .org01 .org-title::after {width:calc(50% + 70px); left:-70px; right:unset;}
  .org01-content .org-depth1::before {display: none;}
  .org01-content .org-depth1 > ul > li {margin-bottom: 15px;}
  .org01-content .org-depth1 > ul > li:first-child {width:100%;}
  .org01-content .org-depth1 > ul > li:first-child > .org-box {width:100%; max-width:unset; padding-top:0}
  .org01-content .second-title {padding:0 0 15px 0;}
  .org01-content .org-depth1 > ul > li:nth-child(2) {width:100%;}
  /* .org02 .org02-content li {width:50%;} */
  .org03-content .depth1::before {width:calc(75.2% - 123px);}
  .org03-content .depth1 > li {width:50%;}
  .org05-content .depth1 li {width:50%;}
  .org07-content ul {flex-wrap:wrap; position: relative;}
  .org07-content ul > li:first-child::after {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:0; top:28px;}
  .org07-content li {flex-basis:100%;padding-bottom: 20px;}
  .org07-content li:last-child {margin-bottom: 0;}
}
@media all and (max-width:768px) {
  .org-wrap .org-padding {padding-left:20px;}
  .org-title {width:150px;}
  .org-title::after {width:calc(50% + 20px); left:-20px;}
  .org-wrap .org-top-top::after {font-size:6vw; bottom:-75px;}
  .org-top-bottom .org-top-bottom-list {margin:0}
  .org-top-bottom .org-top-bottom-list > li {padding:0 10px;}
  .org02 .org-title {float:none; width:100%;}
  .org02 .org-title::before {width:1px; height:100%; top:20px; left:50%;}
  .org02-content {padding-top:20px;}
  .org02-content > ul::before {width:50%; height:1px; top:0; left:50%; transform:translate(-50%,0); }
  .org02-content li {width:50%; padding:10px 10px 0 10px;}
  .org02-content li::before {width:1px; height:100%; top:0; left:50%;}
  .org03-content .depth1::before {width:50%; left:50%; transform:translate(-50%,0)}
  .org03-content .depth1 > li {padding-top:10px;}
  .org04 > .org-title {float:none; width:100%;}
  .org04 .org-title::before {width:1px; height:100%; left:50%; top:20px;}
  .org04-content {padding-top:20px; width:100%;}
  .org04 .org04-content .depth1 > li:first-child::after {display: none;}
  .org04 .org04-content .depth1 {position: relative;}
  .org04 .org04-content .depth1::before {content:''; width:50%; height:1px; background:#bcbcbc; position: absolute; left:50%; transform:translate(-50%,0);top:0;}
  .org04 .org04-content .depth1 > li {padding:0 10px; padding-top: 10px; position: relative;}
  .org04 .org04-content .depth1 > li::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; top:0; left:50%;}

  .org-title {width:100%;}
  .org05 .org-title {float:none;}
  .org05 .org-title::before {width:1px; height:100%; left:50%; top:20px;}
  .org05-content {float:none; position: relative;}
  .org05-content::after{content:''; display: block; clear:both;}
  .org05-content .box1,
  .org05-content .box2 {position: relative;}
  .org05-content .box1::after {display: none;}
  .org05-content .box1 .depth1::before {content:''; width:calc(50% + 10px); height:1px; background:#bcbcbc; position: absolute; left:50%; top:0;}
  .org05-content .box2 .depth1::before  {content:''; width:calc(50% + 10px); height:1px; background:#bcbcbc; position: absolute; right:50%; top:0;}
  .org02-content,
  .org05-content, 
  .org06-content,
  .org07-content {width:100%; padding-top:20px;}

  .org05-content .box1,
  .org05-content .box2 {float:left; width:50%;}
  .org05-content .box2::after {display: none;}
  .org05-content .depth1 li {width:100%; padding-left:0; padding:0 10px; margin-bottom: 0; padding-top: 10px;}
  .org05-content .depth1 li::before {width:1px; height:100%; top:0; left:50%;}
  .org06 .org-title::before {width:1px; height:100%; top:20px; left:50%;}
  .org06-content li {padding-left:0; flex-basis:100%;}
  .org07 .org-title::before {display: none;}
  .org07-content li {padding-left:0;}
  .org07-content ul > li:first-child::after {display: none;}
  .org07-content li::before {width:1px; height:100%; top:-20px; left:50%;}

  .org01 .org-title::after{left: -20px;}
  .org-wrap .org-inner::before{height: calc(100% - 65px - 279px);}
  
  /*
  .org-wrap .org-inner::before{
    top: 106px;
    bottom: 0;
  }
*/
  
}
@media all and (max-width:600px) {
  .org01-content .org-depth1 > ul > li {width:100%;}
  .org01-content .org-second-box .org-depth2 > li {flex-wrap:wrap;}
  .org01-content .org-second-box .org-depth2 > li::before {display: none;}
  .org01-content .org-second-box .org-depth2 > li > div {width:100%;}
  .org01-content .org-second-box .org-depth2 > li {flex-direction: column;;}
}

/* 총학생회 및 대의원회 - 조직도 */
.sc-wrap {position: relative;}
.sc-wrap .sc-inner {position: relative;}
/* sc-top */
.sc-wrap .sc-top {position: relative; padding-bottom:52px;}
.sc-wrap .sc-top::after {content:''; width:557px; height:111px; background:url('../../images/sub/sc-slogan.png') no-repeat center; position: absolute; right:5.5%; bottom:23px;}
.sc-wrap .sc-top::before {content:''; width:1px; height:100%;background:#bcbcbc; position: absolute; left:50%; top:0;}
.sc-wrap .sc-top-top {width:196px; height:213px; background:url('../../images/sub/org-president.png') no-repeat center; margin:0 auto; position: relative;}
.sc-wrap .sc-top-top p {width:196px; height:200px; display: flex; align-items: center; justify-content: center; color:#fff; text-align: center; font-size: 22px; font-family:'Dream Medium';}

.sc-content {position: relative;}
.sc-content .sc-title { position: relative; text-align:center;}
.sc-content .sc-title::before {content:''; width:calc(50% + 50px); height:1px; background:#bcbcbc; position: absolute; top:0;}
.sc-content .sc-left .sc-title::before {left:50%;}
.sc-content .sc-right .sc-title::before {right:50%}
.sc-content .sc-title .title-inner {position: relative; padding:35px 0 20px 0; display: inline-block;}
.sc-content .sc-title .title-inner::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; top:0;}
.sc-content .sc-title p {font-size: 18px; letter-spacing: -.05em; color:#fff; font-family: 'Dream Medium'; text-align: center; width:121px; height:137px; background:url('../../images/sub/org-title2.png') no-repeat center;display: flex; align-items: center; justify-content: center; position: relative;}

.sc-left {position: relative; width:260px; float:left;}
.sc-left .sc-left-list {padding-top:30px; position: relative;}
.sc-left .sc-left-list::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; top:0;}
.sc-left .sc-left-list li {padding-bottom:10px; text-align: center; }
.sc-left .sc-left-list li:last-child {padding-bottom: 0;}
.sc-left .sc-left-list li p {width:100%; height:55px; position: relative; background:#25B4EC;display: flex; align-items: center; justify-content: center; font-size: 17px; font-family: 'Dream Regular'; letter-spacing: -.05em; color:#fff; border-radius:0 15px 15px 15px;}

.sc-right {position: relative; width:calc(100% - 310px); margin-left:50px; float:right;}
.sc-box {position: relative;}
/* box-style */
.sc-box .box-title {height:55px; display: flex; align-items: center; justify-content: center; background:#25B4EC; border-radius:0 15px 0 0; position: relative;}
.sc-box .box-title p {color:#fff; font-size: 17px; letter-spacing: -.05em; font-family: 'Dream Regular';}
.sc-box .box-list {border:1px solid #bcbcbc; border-top:0; border-radius:0 0 15px 15px; background:#fff; padding:15px 20px; position: relative;}
.sc-box .box-list li {padding-left:5px; position: relative; color:#333; font-size: 14px;letter-spacing: -.05em; margin-bottom:10px; font-family: 'Dream Regular';}
.sc-box .box-list li:last-child {margin-bottom:0;}
.sc-box .box-list li::after {content:''; width:2px; height:10px; background:#22B2E9; position: absolute; left:0; top:5px;}
/* box-style */
.sc-right .depth1 {display: flex; justify-content: space-between; position: relative;}
.sc-right .depth1::before {content:''; width:78.1%; height:1px; background:#bcbcbc; position: absolute; left:50%; transform:translate(-50%,0); top:0; margin-left:1px;}
.sc-right .depth1 > li {flex-basis:260px; margin-bottom: 20px;}
/* depth2 */
.sc-right .depth2 {position: relative; padding-top:30px;}
.sc-right .depth2::before {content:''; width:1px; height:30px; background:#bcbcbc; position: absolute; left:50%; top:0;}
.sc-right .depth2 > li {margin-bottom: 20px;}

@media all and (max-width:1500px) {
  .sc-wrap .sc-top::after {background-size:contain; width:44%; right:0%;}
  .sc-right .depth1 {margin:0 -15px;}
  .sc-right .depth1::before {width:75%;}
  .sc-right .depth1 > li {margin:0 15px;}
}
@media all and (max-width:1200px) {
  .sc-left {width:200px;}
  .sc-right {width:calc(100% - 230px); margin-left:30px;}
}
@media all and (max-width:1024px) {
  .sc-right .depth1 {flex-wrap:wrap; margin:0;}
  .sc-right .depth1::before {width:50%;}
  .sc-right .depth1 > li {flex-basis:50%; margin:0; padding:0 10px; position: relative;}
  .sc-right .depth1 > li:nth-last-child(-n+2)::before {content:''; width:50%; height:1px; background:#bcbcbc; position: absolute; top:0;}
  .sc-right .depth1 > li:nth-last-child(1)::before {right:50%;}
  .sc-right .depth1 > li:nth-last-child(2)::before {left:50%;}
}
@media all and (max-width:768px) {
  .sc-left{float:none; width:100%;}
  .sc-left .sc-left-list {margin:0 -10px;}
  .sc-left .sc-left-list ul {position: relative;}
  .sc-left .sc-left-list ul::before {content:''; width:66.7%; height:1px; background:#bcbcbc; position: absolute; left:50%; top:0; transform:translate(-50%,0); margin-left:1px;}
  .sc-left .sc-left-list ul::after {content:''; display: block; clear:both;}
  .sc-left .sc-left-list li {width:33.3333%; padding:0 10px; float:left; padding-top:10px; position: relative;}
  .sc-left .sc-left-list li::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; top:0;}
  .sc-content .sc-left .sc-title::before {display: none;}
  .sc-content .sc-right .sc-title::before {display: none;}
  .sc-right {float:none; width:100%; margin:0;}
  .sc-right .depth1 {margin:0 -10px;}
  .sc-content .sc-right .sc-title .title-inner::before {height:20px; bottom:0; top:unset;}
  .sc-wrap .sc-top::after{bottom: 4px;}
}
@media all and (max-width:600px) {
  .sc-right .depth1 {display: block;}
  .sc-right .depth2 {display: flex; flex-wrap:wrap; margin:0 -10px; padding-top: 0;}
  .sc-right .depth2::before {display: none;}
  .sc-right .depth2 > li {width:50%; flex:1; padding:0 10px; display: flex; flex-direction:column;}
  .sc-right .depth2 > li .box-list {flex:1;}
  .sc-right .depth1 > li:nth-last-child(1)::before {display: none;}
  .sc-right .depth1 > li:nth-last-child(2)::before {display: none;}
  .sc-right .depth1 > li:first-child .sc-box { padding-top: 30px; position: relative;}
  .sc-right .depth1 > li:first-child .sc-box::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; top:0;}
}

/* 대학 UI 공통 */
.university-ui-wrap .type-box li { width: 100%; border: 1px solid #dddee0; } 
.university-ui-wrap .type-box .img-box { display: flex; justify-content: center; align-items: center; width: 100%; padding: 0 20px; } 
.university-ui-wrap .type-box .text-box { display: flex; justify-content: center; align-items: center; height: 50px; padding: 10px 5px; background-color: #f8fdff; border-top: 1px solid #dddee0; text-align: center; } 
.university-ui-wrap .type-box .text-box span { line-height: 1.5; letter-spacing: -0.025em; font-family: "Dream Regular"; } 
@media all and (max-width:1023px) {
  .university-ui-wrap .type-box .text-box span { font-size: 13px; } 
}
@media all and (max-width:900px) {
  .university-ui-wrap .type-box .text-box span { font-size: 13px; } 
  .university-ui-wrap .type-box .img-box { width: 100%; }  
}
/* 심볼마크 */
.university-ui-wrap .symbol-mark .inner { display: flex; } 
.university-ui-wrap .symbol-mark .diagram { display: flex; justify-content: center; align-items: center; width: 660px; max-width: 660px; margin-right: 56px; height: 440px; padding: 0 20px; border: 1px solid #dddee0; border-radius: 0 70px 0 0; } 
.university-ui-wrap .symbol-mark .text-box { width: 783px; padding-top: 46px; } 
.university-ui-wrap .symbol-mark .text-box .title { position: relative; display: flex; flex-direction: column; margin-bottom: 42px; } 
.university-ui-wrap .symbol-mark .text-box .title strong { position: relative; align-self: flex-end; font-size: 40px; letter-spacing: 0.03em; padding-right: 90px; font-style: italic; line-height: 1.5; color: #222; } 
.university-ui-wrap .symbol-mark .text-box .title strong.emphasis { align-self: flex-start; padding-left: 90px; padding-right: 0; font-family: "Dream Medium"; color: #e6378d; } 
.university-ui-wrap .symbol-mark .text-box strong.emphasis:before { content: ""; position: absolute; top: -17px; left: 5px; width: 72px; height: 55px; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url("../../images/sub/dot_left.png"); } 
.university-ui-wrap .symbol-mark .text-box strong.bl:before { content: ""; position: absolute; bottom: 0; right: 0; width: 72px; height: 55px; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url("../../images/sub/dot_right.png"); } 
.university-ui-wrap .symbol-mark .text-box p { letter-spacing: -0.05em; line-height: 28px; font-family: "Dream Regular"; } 
.university-ui-wrap .symbol-mark .text-box p span { color: #e30070; } 
.university-ui-wrap .symbol-mark .text-box p em { color: #019ad4; } 
.university-ui-wrap .symbol-mark .text-box p i { color: #549c00; } 
.university-ui-wrap .symbol-mark .text-box p b { color: #0f0f0f; font-weight: normal; } 
.university-ui-wrap .symbol-mark .text-box .link-box {margin-top: 42px;}
@media all and (max-width:1500px) {
  .university-ui-wrap .symbol-mark .text-box .title strong { font-size: 32px; white-space: nowrap; } 
  .university-ui-wrap .symbol-mark .text-box strong.emphasis:before { width: 50px; height: 50px; left: 30px; background-size: contain; } 
  .university-ui-wrap .symbol-mark .text-box strong.bl:before { width: 50px; height: 50px; right: 25px; background-size: contain; } 
  .university-ui-wrap .symbol-mark .text-box p br { display: none; } 
}
@media all and (max-width:900px) {
  .university-ui-wrap .symbol-mark .inner { flex-direction: column; } 
  .university-ui-wrap .symbol-mark .text-box {width:100%;}
  .university-ui-wrap .symbol-mark .text-box .title { text-align: center; margin-bottom: 27px; } 
  .university-ui-wrap .symbol-mark .text-box .title strong { font-size: 25px; align-self: center; padding: 0 !important; white-space: wrap; } 
  .university-ui-wrap .symbol-mark .text-box .title strong.emphasis { align-self: center; } 
  .university-ui-wrap .symbol-mark .text-box strong.emphasis:before { width: 40px; height: 40px; left: -40px; } 
  .university-ui-wrap .symbol-mark .text-box strong.bl:before { width: 40px; height: 40px; right: -47px; } 
  .university-ui-wrap .symbol-mark .text-box p { font-size: 15px; } 
  .university-ui-wrap .symbol-mark .diagram {width:100%; height:auto; padding:30px; margin: auto;}
}
/* 로고타입 */
.university-ui-wrap .logotype-wrap .type-box-wrap .flex-wrap { display: flex; justify-content: space-between; } 
.university-ui-wrap .logotype-wrap .type-box { width: 350px; } 
.university-ui-wrap .logotype-wrap .type-width { width: 1117px; } 
.university-ui-wrap .logotype-wrap .type-width ul { display: flex; flex-wrap: wrap; width: 100%; } 
.university-ui-wrap .logotype-wrap .type-width ul li { width: 350px; margin-right: 33px; margin-bottom: 20px; } 
.university-ui-wrap .logotype-wrap .type-width ul li:nth-last-child(-n + 2) { margin-bottom: 0; } 
.university-ui-wrap .logotype-wrap .type-width ul li:nth-child(3n) { margin-right: 0; } 
.university-ui-wrap .logotype-wrap .type-width ul li .img-box { height: 150px; } 
.university-ui-wrap .logotype-wrap .type-height { width: 350px; } 
.university-ui-wrap .logotype-wrap .type-height ul { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.university-ui-wrap .logotype-wrap .type-height ul li { width: calc((100% / 2) - 8px); } 
.university-ui-wrap .logotype-wrap .type-height ul li .img-box { height: 380px; } 
@media all and (max-width:1800px) {
  .university-ui-wrap .logotype-wrap .type-width { width: 60%; } 
  .university-ui-wrap .logotype-wrap .type-width ul li { width: calc((100% / 3) - 8px); margin-right: 12px; } 
  .university-ui-wrap .logotype-wrap .type-height { width: 35%; } 
  .university-ui-wrap .logotype-wrap .type-height ul { justify-content: space-between; } 
}
@media all and (max-width:900px) {
  .university-ui-wrap .logotype-wrap .type-box-wrap .flex-wrap { flex-direction: column; } 
  .university-ui-wrap .logotype-wrap .type-width { width: 100%; } 
  .university-ui-wrap .logotype-wrap .type-width ul { justify-content: space-between; } 
  .university-ui-wrap .logotype-wrap .type-width ul li { width: calc((100% / 2) - 8px);margin-right: 0;  } 
  .university-ui-wrap .logotype-wrap .type-width ul li:nth-child(-n + 2) { margin-bottom: 20px; } 
  .university-ui-wrap .logotype-wrap .type-width ul li:nth-last-child(-n + 2) {margin-bottom: 20px;}
  .university-ui-wrap .logotype-wrap .type-height { width: 100%; } 

} 
/* 시그니처 */
.university-ui-wrap .signature-wrap .type-box { width: 350px; } 
.university-ui-wrap .signature-wrap .type-box-wrap.lr .type-width { width: 100%; } 
.university-ui-wrap .signature-wrap .type-box-wrap.lr .type-width ul { display: flex; flex-wrap: wrap; width: 100%; } 
.university-ui-wrap .signature-wrap .type-box-wrap.lr .type-width ul li { width: 350px; margin-right: 33px; margin-bottom: 20px; } 
.university-ui-wrap .signature-wrap .type-box-wrap.lr .type-width ul li:last-child { margin-bottom: 0; } 
.university-ui-wrap .signature-wrap .type-box-wrap.lr .type-width ul li:nth-child(4n) { margin-right: 0; } 
.university-ui-wrap .signature-wrap .type-box-wrap.lr .type-width ul li .img-box { height: 150px; } 
.university-ui-wrap .signature-wrap .type-box-wrap.tb .flex-wrap { display: flex; justify-content: space-between; } 
.university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width { width: 1117px; } 
.university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width ul { display: flex; flex-wrap: wrap; width: 100%; } 
.university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width ul li { width: 350px; margin-right: 33px; margin-bottom: 20px; } 
.university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width ul li:nth-child(3n) { margin-right: 0; } 
.university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width ul li:nth-last-child(-n + 2) { margin-bottom: 0; } 
.university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width ul li .img-box { height: 150px; } 
.university-ui-wrap .signature-wrap .type-box-wrap.tb .type-height { width: 350px; } 
.university-ui-wrap .signature-wrap .type-box-wrap.tb .type-height ul { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.university-ui-wrap .signature-wrap .type-box-wrap.tb .type-height ul li { width: calc((100% / 2) - 15px); } 
.university-ui-wrap .signature-wrap .type-box-wrap.tb .type-height ul li .img-box { height: 380px; } 
@media all and (max-width:1800px) {
  .university-ui-wrap .signature-wrap .type-box-wrap.lr .type-width { width: 100%; } 
  .university-ui-wrap .signature-wrap .type-box-wrap.lr .type-width ul li { width: calc((100% / 4) - 9px); margin-right: 12px; } 
  .university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width { width: 60%; } 
  .university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width ul li { width: calc((100% / 3) - 8px); margin-right: 12px; } 
  .university-ui-wrap .signature-wrap .type-box-wrap.tb .type-height { width: 35%; } 
}
@media all and (max-width:900px) {
  .university-ui-wrap .signature-wrap .type-box-wrap.lr .type-width ul { justify-content: space-between; } 
  .university-ui-wrap .signature-wrap .type-box-wrap.lr .type-width ul li { width: calc((100% / 2) - 8px); margin-right: 0; } 
  .university-ui-wrap .signature-wrap .type-box-wrap.tb .flex-wrap { flex-direction: column; } 
  .university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width { width: 100%; } 
  .university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width ul { justify-content: space-between; } 
  .university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width ul li { width: calc((100% / 2) - 8px); margin-right: 0; } 
  .university-ui-wrap .signature-wrap .type-box-wrap.tb .type-height ul li { width: calc((100% / 2) - 8px); } 
  .university-ui-wrap .signature-wrap .type-box-wrap.tb .type-width ul li:nth-last-child(-n + 2) { margin-bottom: 20px; } 
  .university-ui-wrap .signature-wrap .type-box-wrap.tb .type-height { width: 100%; } 
}
/* 전용색상 */
/* exclusive-color-wrap */
.university-ui-wrap .exclusive-color-list > ul { display: flex; justify-content: space-between; } 
.university-ui-wrap .exclusive-color-list > ul > li { width: calc((100% / 4) - 25px); border-radius: 0 50px 0 0; overflow: hidden; } 
.university-ui-wrap .exclusive-color-list > ul > li:nth-child(4) { margin-right: 0; } 
.university-ui-wrap .exclusive-color-list > ul > li .name-box { display: flex; flex-direction: column; align-items: flex-start; font-size: 24px; padding: 31px 0 24px 31px; color: #fff; } 
.university-ui-wrap .exclusive-color-list > ul > li.magenta .name-box { background-color: #ef238e; } 
.university-ui-wrap .exclusive-color-list > ul > li.blue .name-box { background-color: #50b0d1; } 
.university-ui-wrap .exclusive-color-list > ul > li.green .name-box { background-color: #b5dc10; } 
.university-ui-wrap .exclusive-color-list > ul > li.gray .name-box { background-color: #2d3437; } 
.university-ui-wrap .exclusive-color-list > ul > li .name-box span { line-height: 1.5; letter-spacing: -0.025em; opacity: 0.3; font-family: "Gmarket Medium"; } 
.university-ui-wrap .exclusive-color-list ul li .name-box i { margin-top: -7px; letter-spacing: -0.025em; line-height: 1.5; opacity: 0.3; font-family: "Gmarket Bold"; } 
.university-ui-wrap .exclusive-color-list ul li .info-box { height: calc(100% - 120px); padding: 18px 10px 25px 31px; border: 1px solid #dddee0; border-top: none; } 

.university-ui-wrap .exclusive-color-list ul li .info-box ul li { position: relative; padding-left: 12px; font-size: 13px; margin-bottom: 13px; line-height: 1.5; letter-spacing: -0.025em; color: #666; font-family: "Dream Regular"; } 
.university-ui-wrap .exclusive-color-list ul li .info-box ul li:last-child { margin-bottom: 0; } 
.university-ui-wrap .exclusive-color-list ul li .info-box ul li:before { content: ""; position: absolute; top: 8px; left: 0; background-size: 100%; width: 3px; height: 3px; background: #111;} 
.university-ui-wrap .exclusive-color-list ul li .info-box ul li span { color: #222; } 

/* use-colors-wrap */
.university-ui-wrap .use-colors-wrap ul { display: flex; justify-content: space-between; } 
.university-ui-wrap .use-colors-wrap .type-box ul li { width: calc((100% / 2) - 17px); } 
.university-ui-wrap .use-colors-wrap ul li .img-box { height: 200px; } 
.university-ui-wrap .use-colors-wrap ul li:nth-last-child(-n + 2) .img-box { height: 230px; } 
.university-ui-wrap .use-colors-wrap .achromatic .positive .img-box,
.university-ui-wrap .use-colors-wrap .achromatic .negative .img-box,
.university-ui-wrap .use-colors-wrap .solid .positive .img-box,
.university-ui-wrap .use-colors-wrap .special .positive .img-box { flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 46px; } 
.university-ui-wrap .use-colors-wrap ul li .color-box > div { display: flex; flex-direction: column; align-items: center; } 
.university-ui-wrap .use-colors-wrap ul li .color-box span { display: block; margin-top: 2px; font-size: 11px; line-height: 14px; font-family: "Dream Regular"; } 
.university-ui-wrap .use-colors-wrap ul li .color-box { display: flex; margin-top: 25px; text-align: center; } 
.university-ui-wrap .use-colors-wrap ul li .color-box > div { margin-right: 10px; } 
.university-ui-wrap .use-colors-wrap ul li .color-box > div:last-child { margin-right: 0; } 
.university-ui-wrap .use-colors-wrap ul li .color-box .color { width: 70px; height: 15px; } 
.university-ui-wrap .use-colors-wrap .achromatic .positive .color-box > div:nth-child(1) .color { background-color: #58585a; } 
.university-ui-wrap .use-colors-wrap .achromatic .positive .color-box > div:nth-child(2) .color { background-color: #939598; } 
.university-ui-wrap .use-colors-wrap .achromatic .positive .color-box > div:nth-child(3) .color { background-color: #9d9fa2; } 
.university-ui-wrap .use-colors-wrap .achromatic .positive .color-box > div:nth-child(4) .color { background-color: #bcbdc0; } 
.university-ui-wrap .use-colors-wrap .achromatic .positive .color-box > div:nth-child(1) span { color: #58585a; } 
.university-ui-wrap .use-colors-wrap .achromatic .positive .color-box > div:nth-child(2) span { color: #939598; } 
.university-ui-wrap .use-colors-wrap .achromatic .positive .color-box > div:nth-child(3) span { color: #9d9fa2; } 
.university-ui-wrap .use-colors-wrap .achromatic .positive .color-box > div:nth-child(4) span { color: #bcbdc0; } 
.university-ui-wrap .use-colors-wrap .achromatic .negative .color-box > div:nth-child(1) .color { background-color: #818285; } 
.university-ui-wrap .use-colors-wrap .achromatic .negative .color-box > div:nth-child(2) .color { background-color: #9d9fa2; } 
.university-ui-wrap .use-colors-wrap .achromatic .negative .color-box > div:nth-child(3) .color { background-color: #a7a9ac; } 
.university-ui-wrap .use-colors-wrap .achromatic .negative .color-box > div:nth-child(4) .color { background-color: #c7c8ca; } 
.university-ui-wrap .use-colors-wrap .achromatic .negative .color-box > div:nth-child(1) span { color: #818285; } 
.university-ui-wrap .use-colors-wrap .achromatic .negative .color-box > div:nth-child(2) span { color: #9d9fa2; } 
.university-ui-wrap .use-colors-wrap .achromatic .negative .color-box > div:nth-child(3) span { color: #a7a9ac; } 
.university-ui-wrap .use-colors-wrap .achromatic .negative .color-box > div:nth-child(4) span { color: #c7c8ca; } 
.university-ui-wrap .use-colors-wrap .solid .positive .color-box > div .color { width: 310px; background-color: #000; } 
.university-ui-wrap .use-colors-wrap .solid .positive .color-box > div .color-black {color:#010101;}
.university-ui-wrap .use-colors-wrap .special .positive .color-box > div:nth-child(1) .color { background-color: #a99a6f; } 
.university-ui-wrap .use-colors-wrap .special .positive .color-box > div:nth-child(2) .color { background-color: #a7a9ac; } 
.university-ui-wrap .use-colors-wrap .special .positive .color-box > div:nth-child(3) .color { background-color: #000; } 
.university-ui-wrap .use-colors-wrap .special .positive .color-box > div:nth-child(4) .color { background-color: #fff; border: 1px solid #000; } 
.university-ui-wrap .use-colors-wrap .special .positive .color-box > div:nth-child(1) span { color: #a99a6f; } 
.university-ui-wrap .use-colors-wrap .special .positive .color-box > div:nth-child(2) span { color: #a7a9ac; } 
.university-ui-wrap .use-colors-wrap .special .positive .color-box > div:nth-child(3) span { color: #000; } 
.university-ui-wrap .use-colors-wrap .special .positive .color-box > div:nth-child(4) span { color: #000; } 
@media all and (max-width:1023px) {
  /* exclusive-color-wrap */
  .university-ui-wrap .exclusive-color-list > ul { flex-wrap: wrap; justify-content: space-between; } 
  .university-ui-wrap .exclusive-color-list > ul > li { width: calc((100% / 2) - 8px); margin-bottom: 25px; margin-right: 0; } 
  .university-ui-wrap .exclusive-color-list > ul > li:nth-last-child(-n + 2) { margin-bottom: 0; } 
  .university-ui-wrap .exclusive-color-list > ul > li:last-child { margin-bottom: 0; } 
}
@media all and (max-width:900px) {  
  /* use-colors-wrap */
  .university-ui-wrap .use-colors-wrap .type-box ul li { width: calc((100% / 2) - 8px); } 
  .university-ui-wrap .use-colors-wrap ul li .color-box .color { width: 100% !important; height: 12px; } 
  .university-ui-wrap .use-colors-wrap .achromatic .positive .img-box,
  .university-ui-wrap .use-colors-wrap .achromatic .negative .img-box,
  .university-ui-wrap .use-colors-wrap .solid .positive .img-box,
  .university-ui-wrap .use-colors-wrap .special .positive .img-box { padding-top: 0; justify-content: center; } 
}
@media all and (max-width:500px) {
  /* exclusive-color-wrap */
  .university-ui-wrap .exclusive-color-list > ul > li { width: 100%; } 
  .university-ui-wrap .exclusive-color-list > ul > li:nth-last-child(-n + 2) { margin-bottom: 25px; } 
  .university-ui-wrap .exclusive-color-list > ul > li:last-child { margin-bottom: 0; } 

  /* use-colors-wrap */ 
  .university-ui-wrap .use-colors-wrap ul { flex-direction: column; } 
  .university-ui-wrap .use-colors-wrap .type-box ul li { width: 100%; margin-bottom: 25px; } 
  .university-ui-wrap .use-colors-wrap ul li:last-child { margin-bottom: 0; } 
  .university-ui-wrap .use-colors-wrap .type-box .text-box { height: calc(100% - 200px); } 
  .university-ui-wrap .use-colors-wrap .type-box .text-box span { font-size: 12px; } 
  .university-ui-wrap .use-colors-wrap ul li .color-box > div { margin-right: 4px; } 
}

/* 엠블럼 */
.university-ui-wrap .emblem-wrap .type-box ul { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.university-ui-wrap .emblem-wrap .type-box ul li { width: calc((100% / 3) - 20px); } 
.university-ui-wrap .emblem-wrap .type-box ul li .img-box { height: 260px; } 
@media all and (max-width:1500px) {
  .university-ui-wrap .emblem-wrap .type-box ul li { width: calc((100% / 3) - 8px); } 
}
@media all and (max-width:500px) {
  .university-ui-wrap .emblem-wrap .type-box ul li { width: 100%; margin-right: 0; margin-bottom: 25px; } 
  .university-ui-wrap .emblem-wrap .type-box ul li:last-child { margin-bottom: 0; } 
}

/* 활용패턴 */
.university-ui-wrap .utilization-pattern-wrap .type-box ul { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.university-ui-wrap .utilization-pattern-wrap .type-box ul li { width: calc((100% / 3) - 20px); } 
.university-ui-wrap .utilization-pattern-wrap .type-box ul li:last-child { margin-right: 0; } 
.university-ui-wrap .utilization-pattern-wrap .type-box ul li .img-box { height: 260px; } 
@media all and (max-width:1500px) {
  .university-ui-wrap .utilization-pattern-wrap .type-box ul li { width: calc((100% / 3) - 8px); } 
}
@media all and (max-width:900px) {
  .university-ui-wrap .utilization-pattern-wrap .type-box ul li { width: 100%; } 
  .university-ui-wrap .utilization-pattern-wrap .type-box ul li { margin-right: 0; margin-bottom: 25px; } 
  .university-ui-wrap .utilization-pattern-wrap .type-box ul li:last-child { margin-bottom: 0; }  
}

/* 캐릭터 */
.char-box1 {position: relative;}
.char-box1::after{content:''; display: block; clear:both;}
.char-box1 .left{position: relative; float:left; width:44%; border:1px solid #DDDEE0; border-radius:0 70px 0 0; text-align: center; min-height:440px; display: flex; align-items: center; justify-content: center; padding:0 20px;}
.char-box1 .right {position: relative; float:right; width:56%; padding-left:55px;}
.char-box1 .right .title {position: relative; padding: 0 95px 0 85px; font-size: 40px; font-family: 'Dream Regular'; line-height: 1.5; letter-spacing: -.03em; color:#222; font-style:italic;}
.char-box1 .right .title::before { content: ""; position: absolute; top: -17px; left: 5px; width: 72px; height: 55px; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url("../../images/sub/dot_left.png"); } 
.char-box1 .right .title::after { content: ""; position: absolute; bottom: 0; right: 0; width: 72px; height: 55px; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url("../../images/sub/dot_right.png"); } 
.char-box1 .right .title p {margin:50px 0 45px 0;}
.char-box1 .right .title p > span {font-family: 'Dream Medium';display: inline-block;}
.char-box1 .right .title .color1 {color:#E6378D;}
.char-box1 .right .title .color2 {color:#22B2E9;}
.char-box1 .right .title .color3 {color:#C6D800;}
.char-box1 .right .txt-box p {font-size: 16px; font-family: 'Dream Regular'; line-height: 28px; letter-spacing: -.05em; color:#333; margin-bottom: 63px;}

@media all and (max-width:1200px) {
  .char-box1 .right .title {padding:0 50px 0 55px; font-size: 30px;}
  .char-box1 .right .title::before {width:45px;}
  .char-box1 .right .title::after {width:45px; }
  .char-box1 .right .txt-box p {margin-bottom: 20px;}
}
@media all and (max-width:860px) {
  .char-box1 .left {width:100%; float:none;}
  .char-box1 .right {width:100%; float:none; padding:0;}
  .char-box1 .right .title  {font-size: 25px;}
}
@media all and (max-width:650px) {
  .char-box1 .left {min-height: 330px;}
  .char-box1 .right .title {padding:0 30px 0 35px;}
  .char-box1 .right .title p {margin:20px 0px;}
  .char-box1 .right .title::before {width:30px;}
  .char-box1 .right .title::after {width:30px;}
  .char-box1 .right .txt-box p {font-size: 14px;}

}

.char-box2 {position: relative;}
.char-box2 ul {display: flex; justify-content: space-between; margin:0 -15px;}
.char-box2 ul li {border:1px solid #DDDEE0; width:33.3333%;text-align: center; margin:0 15px;}
.char-box2 ul li .img-box {text-align: center; height:260px; display: flex; align-items: center; justify-content: center;}
.char-box2 ul li .txt-box {border-top:1px solid #DDDEE0; padding:25px 0; background:#F8FDFF;}
.char-box2 ul li .txt-box strong {font-size: 30px; line-height: 28px; letter-spacing: -.025em; font-family: 'Gmarket Bold'; margin-bottom: 10px; display: inline-block;}
.char-box2 ul li .txt-box strong > span {font-size: 16px; font-family: 'Dream Medium'; margin-left: 10px;}
.char-box2 ul li .txt-box p {font-size: 16px; font-family: 'Dream Regular'; line-height: 28px; letter-spacing: -.025em; }
.char-box2 ul li .txt-box p i {display: block;}
.char-box2 ul li.box1 .txt-box strong{color:#23B2E8;}
.char-box2 ul li.box2 .txt-box strong{color:#C6D800;}
.char-box2 ul li.box3 .txt-box strong{color:#E6378D;}

@media all and (max-width:1023px) {
  .char-box2 ul li .txt-box p {font-size: 14px; padding:0 10px;}
  .char-box2 ul li .txt-box p i {display: inline-block;}
}
@media all and (max-width:768px) {
  .char-box2 ul {flex-wrap: wrap;}
  .char-box2 ul li {width:100%; margin-bottom:20px;}
  .char-box2 ul li .img-box {height:200px;}
  .char-box2 ul li .txt-box p i {display: block;}
}

.char-box3 {position: relative; border:1px solid #DDDEE0; padding:50px 40px;}
.char-box3 ul {display: flex; text-align: center; justify-content: space-between;}
.char-box3 .list1 li {width:120px;}
.char-box3 .list1 .img-box {height:110px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center;}
.char-box3 p {font-size: 13px; line-height: 28px; letter-spacing: -.025em; font-family: 'Dream Regular';}
.char-box3 .list2 {margin-top: 40px;}
.char-box3 .list2 .img-box {height:150px; display: flex; align-items: center; justify-content: center;}
.char-box3 .list2 li {width:120px;}
.char-box3 .list2 li:nth-last-child(-n+2) {width:310px;}
.char-box3 .list2 p {margin-top:-10px; position: relative;}
@media all and (max-width:1300px) {
  .char-box3 ul {flex-wrap:wrap;}
  .char-box3 .list1 li {width:25%; margin-bottom: 20px;}
  .char-box3 .list2 {margin-top: 0px;}
  .char-box3 .list2 li {width:25%; margin-bottom: 20px;}
  .char-box3 .list2 li:nth-last-child(-n+2) {width:50%;}
}
@media all and (max-width:650px) {
  .char-box3 .list1 li {width:50%;}
  .char-box3 .list2 li {width:50%;}
  .char-box3 .list2 li:nth-last-child(-n+2) {width:100%;}
}

.char-color {position: relative;}
.char-color .inner > ul {display: flex; justify-content: flex-start; margin:0 -15px;}
.char-color .inner > ul > li{width:20%; padding:0 15px;}
.char-color .green .color-title{background:#B5DC10;}
.char-color .blue .color-title{background:#50B0D1;}
.char-color .pink .color-title{background:#F875AA;}
.char-color .orange .color-title{background:#F7966B;}
.char-color .gray .color-title{background:#C2C2C2;}
.char-color .color-title {height:120px; display: flex; align-items: center; padding:0 30px; border-radius:0 50px 0 0;}
.char-color .color-title p {color:rgba(255,255,255,0.3); font-size: 24px; line-height: 20px; letter-spacing: -.025em; font-family: 'Gmarket Bold';}
.char-color .color-info {border:1px solid #DDDEE0; padding:20px 30px;}
.char-color .color-info li {font-size: 13px; line-height:1.5; letter-spacing: -.025em; font-family: 'Dream Regular'; color:#666; position: relative; padding-left:10px; margin-bottom: 10px;}
.char-color .color-info li:last-child {margin-bottom: 0;}
.char-color .color-info li::after {content:''; width:3px; height:3px; background:#222; position: absolute; left:0; top:8px;}
.char-color .color-info li strong {color:#222;}
@media all and (max-width:1500px) {
  .char-color .inner > ul {flex-wrap:wrap;}
  .char-color .inner > ul > li {width:33.3333%; margin-bottom: 20px;}
}
@media all and (max-width: 900px) {
  .char-color .inner > ul > li {width:50%;}
}
@media all and (max-width:600px) {
  .char-color .inner > ul > li {width:100%;}
}

/* K-Move */
.step-box {position: relative;}
.step-box ul {display: flex; justify-content: space-between;}
.step-box li {display: flex; flex-direction: column;}
.step-box li.arrow {width:150px; position: relative; display: flex; align-items: center; justify-content: center;}
.step-box li.arrow::after {content:''; background:url('../../images/guide/list-content-arrow.png') no-repeat center; width:90px; height:90px;}
.step-box li:not(.arrow) {border:1px solid #BCBCBC; border-radius:0 15px 15px 15px;flex:1; overflow:hidden;}
.step-box .main-box {display: flex; align-items: center; justify-content: center; padding:34px 20px;}
.step-box .main-box p {color:#0070CF; font-size: 18px; line-height: 30px; letter-spacing: -.05em; font-family: 'Dream Medium'; text-align: center;}
.step-box .txt-box {padding:25px 20px; background:#F8FDFF; border-top:1px solid #bcbcbc;flex:1;}
.step-box .txt-box p {color:#222; font-size: 16px;line-height: 28px; letter-spacing: -.05em; font-family: 'Dream Regular'; text-align: center; }
@media all and (max-width:1023px) {
  .step-box li.arrow  {width:90px;}
}
@media all and (max-width:768px) {
  .step-box.step3 ul{flex-direction: column;}
  .step-box.step3 li.arrow {width:100%;}
  .step-box.step3 li.arrow::after {transform:rotate(90deg);}
}
@media all and (max-width:650px) {
  .step-box ul {flex-direction: column;}
  .step-box li.arrow {width:100%;}
  .step-box li.arrow::after {transform:rotate(90deg);}
}
/* 상담센터소개 */
.center-box1 {position: relative; overflow:hidden;}
.center-box1 .inner {margin-top:56px;}
.center-box1 ul {display: flex; margin:0 -26px;}
.center-box1 li {width:25%; position: relative; padding:0 26px; display: flex; }
.center-box1 li > .box {border:1px solid #BBBBBB; background:#fff; flex:1; padding-bottom:33px;}
.center-box1 li .img-box {width:100%; height:112px; margin-top:-56px;}
.center-box1 li.list1 .img-box {background:url('../../images/sub/center-img1.png') no-repeat center;}
.center-box1 li.list2 .img-box {background:url('../../images/sub/center-img2.png') no-repeat center;}
.center-box1 li.list3 .img-box {background:url('../../images/sub/center-img3.png') no-repeat center;}
.center-box1 li.list4 .img-box {background:url('../../images/sub/center-img4.png') no-repeat center;}
.center-box1 li .txt-box {padding:0 10px;}
.center-box1 li .txt-box strong {color:#0070CF; font-size: 18px; line-height: 40px; letter-spacing: -.05em; font-family: 'Dream Regular'; display: block; text-align: center; margin-top: 8px;}
.center-box1 li .txt-box p {font-size: 16px; color:#444; line-height: 28px; letter-spacing: -.025em; font-family: 'Dream Regular'; text-align: center;}
.center-box1 li .txt-box p i {display: block;}
@media all and (max-width:1300px) {
  .center-box1 li .txt-box p i {display: inline-block;}
}
@media all and (max-width:1023px) {
  .center-box1 ul {flex-wrap:wrap; margin:0;}
  .center-box1 ul li {width:50%; margin-bottom:80px;}
  .center-box1 ul li:nth-last-child(-n+2) {margin-bottom:0;}
}
@media all and (max-width:600px) { 
  .center-box1 ul li {width:100%; padding:0;} 
  .center-box1 ul li:nth-last-child(-n+2) {margin-bottom:80px;}
  .center-box1 ul li:last-child {margin-bottom: 0;}
} 
/* 프로그램 */
.step-box2 {position: relative;}
.step-box2.box2 {margin-top: 30px;}
.step-box2 ul {display: flex; flex-wrap:wrap;}
.step-box2 li.arrow {width:150px; position: relative; display: flex; align-items: center; justify-content: center;}
.step-box2 li.mobile-arrow{display: none;}
.step-box2 li.arrow::after{content:''; width:90px; height:90px; background:url('../../images/guide/list-content-arrow.png') no-repeat center; display: block;}
.step-box2 li:not(.arrow) {flex:1; border:1px solid #BCBCBC; border-radius:15px; overflow:hidden; display: flex; flex-direction:column;}
.step-box2 li .main-box {text-align: center; padding:40px 0 35px 0;}
.step-box2 li .main-box strong {color:#0070CF; font-family: 'Play Bold'; line-height: 25px; font-size: 18px; letter-spacing: 0; margin-bottom: 15px; display: inline-block;}
.step-box2 li .txt-box {background:#F8FDFF; border-top:1px solid #bcbcbc; padding:21px 10px; flex:1;}
.step-box2 li .txt-box p {color:#222; font-size: 16px; line-height:28px; letter-spacing: -.05em; font-family: 'Dream Regular'; text-align: center;} 
.step-box2 li .txt-box p i {display: block;}
.step-box2 li .txt-box strong {font-size: 18px; letter-spacing: -.05em;color:#0070CF; font-family: 'Dream Regular'; display: block; text-align: center; margin:10px 0 5px 0;}
@media all and (max-width:1023px) {
  .step-box2 li.arrow {width:90px;}
  .step-box2 li .txt-box p i{display: none;}
}
@media all and (max-width:768px) {
  .step-box2.box2 {margin-top: 0;}
  .step-box2 ul {flex-direction: column;}
  .step-box2 li.arrow {width:100%; height:90px;}
  .step-box2 li.mobile-arrow{display: flex;}
  .step-box2 li.arrow::after {transform:rotate(90deg);}
  .step-box2 li .main-box {padding:20px 0;}
}



/* 프로그램 - 집단주제 */
.celing-list {position: relative;}
.celing-list ul { margin:0 -30px;}
.celing-list ul::after {content:''; display: block; clear:both;}
.celing-list ul li {padding:0 30px; width:16.666%; float:left;}
.celing-list ul li p {font-size: 17px; font-family: 'Dream Regular'; color:#fff; background:#22B2E9; border-radius:0 15px 15px 15px; text-align: center; line-height: 35px; padding:10px 0;} 
@media all and (max-width:1200px) {
  .celing-list ul li {width:33.3333%; margin-bottom: 20px;}
} 
@media all and (max-width:600px) {
  .celing-list ul li {width:50%;}
}
/* 설립정신 */
.sub-286 .wrap-contents {overflow: hidden;}
.founding-spirit-wrap.bg-gray::before {content:''; width:200%; height:100%; background:#f7f7f7; position: absolute; z-index: -1; top:0; left:-50%;}


.founding-spirit-wrap .center-wrap { width: 100%; max-width: 1500px; margin: 0 auto; } 
.founding-spirit-wrap .title { text-align: center; } 
.founding-spirit-wrap .title strong { position: relative; font-size: 26px; color: #222; letter-spacing: -.05em; line-height: 1.5; font-family: "Dream Medium"; } 
.founding-spirit-wrap .title strong:before { content: ""; position: absolute; width: 97px; height: 27px; background-image: url("../../images/sub/baytree_left.png"); left: -127px; top: 50%; margin-top: -13.5px; background-size: 100%; background-position: center; background-repeat: no-repeat; } 
.founding-spirit-wrap .title strong:after { content: ""; position: absolute; width: 97px; height: 27px; background-image: url("../../images/sub/baytree_right.png"); right: -127px; top: 50%; margin-top: -13.5px; background-size: 100%; background-position: center; background-repeat: no-repeat; } 

/* visual */
.founding-spirit-wrap .visual-area{position: relative;}
.founding-spirit-wrap .visual-area { display: flex; flex-direction: column; align-items: center; position: relative; height: 450px; background-image: url("../../images/sub/info-visual-bg.jpg"); background-size: 1500px 450px; background-position: center; background-repeat: no-repeat; } 

.founding-spirit-wrap .visual-area:before { content: ""; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: 1px solid #e3e7ec; } 
.founding-spirit-wrap .visual-text { position: absolute; width: 1200px; bottom: -30px; padding: 50px 125px 0; background-color: #fff; } 
.founding-spirit-wrap .visual-text p { position: relative; text-align: center; font-size: 18px; color: #222; line-height: 30px; letter-spacing: -0.05em; font-family: "Dream Regular"; } 
.founding-spirit-wrap .visual-text p:before { content: ""; position: absolute; left: -46px; top: -10px; width: 32px; height: 27px; background-image: url("../../images/sub/dot_left.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; } 
.founding-spirit-wrap .visual-text p:after { content: ""; position: absolute; right: -46px; top: 0px; width: 32px; height: 27px; background-image: url("../../images/sub/dot_right.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; } 
.founding-spirit-wrap .visual-text i { color: #e30070; } 
.founding-spirit-wrap .visual-text em { color: #019ad4; } 
.founding-spirit-wrap .visual-text b { color: #549c00; font-weight: normal; } 

/* educational-philosophy */
.founding-spirit-wrap .educational-philosophy { padding: 87px 0 60px; } 
.founding-spirit-wrap .educational-philosophy .diagram { position: relative; width: 519px; height: 450px; margin: 0 auto; background-image: url("../../images/sub/diagram-tri.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; } 
.founding-spirit-wrap .educational-philosophy .title { margin-bottom: 21px; } 
.founding-spirit-wrap .educational-philosophy .diagram-info-box { display: flex; justify-content: center; position: relative; width: 519px; height: 111px; padding-top: 44px; } 
.founding-spirit-wrap .educational-philosophy .diagram-info-box:before { content: ""; position: absolute; top: 60px; right: -65.5px; margin-top: -4.5px; width: 9px; height: 9px; border-radius: 50%; background-color: #bcbcbc; } 
.founding-spirit-wrap .educational-philosophy .diagram-info-box:after { content: ""; position: absolute; top: 60px; margin-top: -4.5px; left: -65.5px; width: 9px; height: 9px; border-radius: 50%; background-color: #bcbcbc; } 
.founding-spirit-wrap .educational-philosophy .diagram-info-box .diagram-info-inner { text-align: center; } 
.founding-spirit-wrap .educational-philosophy .diagram-info-box .diagram-info-inner span { font-size: 18px; margin: 37px; color: #fff; line-height: 1.5; letter-spacing: -0.05em; font-family: "Dream Medium"; } 
.founding-spirit-wrap .educational-philosophy .diagram-info-box ul { display: flex; justify-content: space-between; align-items: center; position: absolute; top: 0; width: 1500px; height: 100%; } 
.founding-spirit-wrap .educational-philosophy .diagram-info-box ul:before { content: ""; position: absolute; top: 60px; left: 50%; margin-left: -318px; width: 636px; height: 1px; background-color: #bcbcbc; z-index: -1; } 
.founding-spirit-wrap .educational-philosophy .diagram-info-box ul li { position: relative; width: 420px; margin-top: 13px; letter-spacing: -0.025rem; line-height: 22px; font-family: "Dream Regular"; } 
.founding-spirit-wrap .educational-philosophy .diagram-info-box ul li:first-child { padding-right: 2px; text-align: right; } 
.founding-spirit-wrap .educational-philosophy .diagram-info-box ul li:last-child { padding-left: 2px; } 
.founding-spirit-wrap .educational-philosophy .diagram-hongik { padding-top: 70px; height: 118px; } 
.founding-spirit-wrap .educational-philosophy .diagram-hongik:before { top: 83px; } 
.founding-spirit-wrap .educational-philosophy .diagram-hongik:after { top: 83px; } 
.founding-spirit-wrap .educational-philosophy .diagram-hongik ul:before { top: 83px; } 
.founding-spirit-wrap .educational-philosophy .diagram-hongik ul li { margin-top: 48px; } 

/* founding-philosophy */
.founding-spirit-wrap .founding-philosophy { padding: 43px 0 55px; background-color: #f7f7f7; } 
.founding-spirit-wrap .founding-philosophy .center-wrap { max-width: 1440px; } 
.founding-spirit-wrap .founding-philosophy .title { margin-bottom: 45px; } 
.founding-spirit-wrap .founding-philosophy ul { display: flex; justify-content: space-between; } 
.founding-spirit-wrap .founding-philosophy ul li { width: calc((100% / 2) - 19.5px); text-align: center; } 
.founding-spirit-wrap .founding-philosophy ul li div:first-child { border-radius: 0 15px 0 0; overflow: hidden; padding: 26px 20px 19px; background-color: #fff; } 
.founding-spirit-wrap .founding-philosophy ul li div:last-child { height: calc(100% - 80px); padding: 33px 20px; overflow: hidden; background-color: #fff; border: 1px solid #bcbcbc; border-radius: 0 0 15px 15px; } 
.founding-spirit-wrap .founding-philosophy ul li:first-child div:first-child { border-left: 2px solid #e6378d; border-right: 2px solid #e6378d; border-top: 2px solid #e6378d; } 
.founding-spirit-wrap .founding-philosophy ul li:last-child div:first-child { border-left: 2px solid #019ad4; border-right: 2px solid #019ad4; border-top: 2px solid #019ad4; } 
.founding-spirit-wrap .founding-philosophy ul li strong { font-size: 22px; line-height: 1.5; letter-spacing: -0.05em; color: #222; font-family: "Dream Medium"; } 
.founding-spirit-wrap .founding-philosophy ul li strong span { font-size: 16px; font-weight: bold; } 
.founding-spirit-wrap .founding-philosophy ul li p { display: inline-block; max-width: 510px; line-height: 28px; letter-spacing: -0.025em; font-family: "Dream Regular"; } 

/* lesson-list */
.lesson-list { max-width: 1300px; padding: 55px 0; margin: 0 auto; } 
.lesson-list .title { margin-bottom: 48px; } 
.lesson-list ul { display: flex; justify-content: space-between; } 
.lesson-list ul li { display: flex; width: calc((100% / 3) - 33.33px); flex-direction: column; align-items: center; } 
.lesson-list ul li .circle { position: relative; width: 200px; height: 200px; padding-top: 30px; border-radius: 50%; } 
.lesson-list ul li.sincerity .circle { background-color: #e6378d; } 
.lesson-list ul li.creative .circle { background-color: #22b2e9; } 
.lesson-list ul li.industrious .circle { background-color: #c6d800; } 
.lesson-list ul li .circle:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 215px; height: 215px; border-radius: 50%; border: 1px dashed #ddd; } 
.lesson-list ul li .circle .text-wrap { text-align: center; } 
.lesson-list ul li .circle .text-wrap span { position: relative; padding: 7px 0; font-size: 14px; line-height: 1.5; letter-spacing: -0.05em; color: #fff; font-family: "Dream Regular"; } 
.lesson-list ul li .circle .text-wrap span:before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: calc(100% + 5px); height: 1px; background-color: #fff; } 
.lesson-list ul li .circle .text-wrap span:after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: calc(100% + 5px); height: 1px; background-color: #fff; } 
.lesson-list ul li .circle .text-wrap strong { display: block; margin-top: 23px; font-size: 22px; letter-spacing: -0.05em; line-height: 1.5; color: #fff; font-family: "Dream Medium"; } 
.lesson-list ul li .circle .text-wrap em { font-size: 18px; line-height: 1.5; letter-spacing: -0.05em; color: #fff; font-family: "Dream Medium"; } 
.lesson-list ul li .text-box { display: flex; justify-content: center; align-items: center; position: relative; max-width: 400px; height: calc(100% - 240px); border: 1px solid #bcbcbc; padding: 37px 20px; margin-top: 40px; border-radius: 0 15px 15px 15px; background-color: #fff; } 
.lesson-list ul li .text-box:before { content: ""; position: absolute; left: 50%; top: -48px; transform: translate(-50%); width: 22px; height: 22px; border-radius: 50%; background-color: #fff; } 
.lesson-list ul li .text-box:after { content: ""; position: absolute; left: 50%; top: -44px; transform: translate(-50%); width: 14px; height: 14px; border-radius: 50%; background-color: #e6378d; } 
.lesson-list ul li .text-box p { position: relative; text-align: center; } 
.lesson-list ul li p:before { content: ""; position: absolute; top: -90px; left: 50%; margin-left: -1px; width: 1px; height: 100%; background-color: #bcbcbc; z-index: -1; } 
.lesson-list ul li.sincerity .text-box:after { background-color: #e6378d; } 
.lesson-list ul li.creative .text-box:after { background-color: #22b2e9; } 
.lesson-list ul li.industrious .text-box:after { background-color: #c6d800; } 
.lesson-list ul li .text-box p { font-size: 15px; letter-spacing: -0.025em; line-height: 22px; color: #777; font-family: "Dream Regular"; } 

@media (max-width: 1520px) { 
  /* visual */
  .founding-spirit-wrap .visual-text { width: 90%; } 
  .founding-spirit-wrap .visual-text p:before { left: -31px; } 
  .founding-spirit-wrap .visual-text p:after { right: -31px; } 
  /* educational-philosophy */
  .founding-spirit-wrap .educational-philosophy .diagram-info-box:before { right: -13.5px; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box:after { left: -13.5px; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box ul { padding: 0 150px; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box ul:before { width: 530px; margin-left: -265px; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box ul li { width: 320px; } 
}

@media (max-width: 1500px) { 
  /* common */
  .center-wrap { padding: 0 20px; } 

}

@media (max-width: 1250px) { 
  /* educational-philosophy */
  .founding-spirit-wrap.bg-gray::before {width:calc(100% + 40px); left:-20px;}
  .founding-spirit-wrap .educational-philosophy .diagram-info-box ul { padding: 0 241px; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box ul li { width: 230px; font-size: 15px; } 
}

@media (max-width: 1023px) { 
  /* visual */
  .founding-spirit-wrap .visual-text { padding: 40px 40px 0; } 
  /* educational-philosophy */
  .founding-spirit-wrap .educational-philosophy { padding: 60px 0 20px; } 
  .founding-spirit-wrap .educational-philosophy .title { margin-bottom: 40px; } 
  .founding-spirit-wrap .educational-philosophy .diagram { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; height: auto; background-image: none; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box { position: relative; flex-direction: column; width: 48%; height: auto; padding-top: 0px; margin-bottom: 30px; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box:before { top: 216px; right: 50%; margin-right: -4px; margin-top: 0; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box:after { display: none; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box .diagram-info { position: relative; padding: 15px; height: 190px; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box .diagram-info:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.4; z-index: -1; } 
  .founding-spirit-wrap .educational-philosophy .diagram-hongik:before,
  .founding-spirit-wrap .educational-philosophy .diagram-hongik .diagram-info:before,
  .founding-spirit-wrap .educational-philosophy .diagram-hongik .diagram-info-inner { background-color: #e6378d; } 
  .founding-spirit-wrap .educational-philosophy .diagram-training:before,
  .founding-spirit-wrap .educational-philosophy .diagram-training .diagram-info:before,
  .founding-spirit-wrap .educational-philosophy .diagram-training .diagram-info-inner { background-color: #4fc1ff; } 
  .founding-spirit-wrap .educational-philosophy .diagram-education:before,
  .founding-spirit-wrap .educational-philosophy .diagram-education .diagram-info:before,
  .founding-spirit-wrap .educational-philosophy .diagram-education .diagram-info-inner { background-color: #2fa2f3; } 
  .founding-spirit-wrap .educational-philosophy .diagram-moral:before,
  .founding-spirit-wrap .educational-philosophy .diagram-moral .diagram-info:before,
  .founding-spirit-wrap .educational-philosophy .diagram-moral .diagram-info-inner { background-color: #007be2; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box .diagram-info-inner { height: 100%; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box ul { display: block; position: relative; width: 100%; height: calc(100% - 190px); padding: 63px 20px 20px; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box ul:before { top: -15px; left: 50%; margin-left: -1px; width: 1px; height: 42px; z-index: 1; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box .diagram-info-inner { display: flex; align-items: center; justify-content: center; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box .diagram-info-inner span { font-size: 22px; margin: 0 8px; } 
  .founding-spirit-wrap .educational-philosophy .diagram-hongik ul:before { background-color: #e6378d; } 
  .founding-spirit-wrap .educational-philosophy .diagram-training ul:before { background-color: #4fc1ff; } 
  .founding-spirit-wrap .educational-philosophy .diagram-education ul:before { background-color: #2fa2f3; } 
  .founding-spirit-wrap .educational-philosophy .diagram-moral ul:before { background-color: #007be2; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box ul li { width: 100%; text-align: center; margin-top: 0 !important; margin-bottom: 15px; padding: 0 !important; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box ul li:first-child { font-size: 20px; text-align: center; font-family: "Dream Medium"; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box ul li:last-child { margin-bottom: 0; } 
  .founding-spirit-wrap .educational-philosophy .diagram-hongik ul li:first-child { color: #e6378d; } 
  .founding-spirit-wrap .educational-philosophy .diagram-training ul li:first-child { color: #4fc1ff; } 
  .founding-spirit-wrap .educational-philosophy .diagram-education ul li:first-child { color: #2fa2f3; } 
  .founding-spirit-wrap .educational-philosophy .diagram-moral ul li:first-child { color: #007be2; } 
  .founding-spirit-wrap .educational-philosophy .diagram-info-box ul li br { display: none; } 

  /* founding-philosophy */
  .founding-spirit-wrap .founding-philosophy { padding: 43px 0 55px; background-color: #f7f7f7; } 
  .founding-spirit-wrap .founding-philosophy .center-wrap { max-width: 1440px; } 
  .founding-spirit-wrap .founding-philosophy .title { margin-bottom: 40px; } 
  .founding-spirit-wrap .founding-philosophy ul { display: flex; justify-content: space-between; } 
  .founding-spirit-wrap .founding-philosophy ul li { width: calc((100% / 2) - 19.5px); text-align: center; } 
  .founding-spirit-wrap .founding-philosophy ul li div:first-child { padding: 26px 20px 19px; background-color: #fff; } 
  .founding-spirit-wrap .founding-philosophy ul li div:last-child { height: calc(100% - 80px); padding: 33px 20px; overflow: hidden; background-color: #fff; border: 1px solid #bcbcbc; border-radius: 0 0 15px 15px; } 
  .founding-spirit-wrap .founding-philosophy ul li strong { font-size: 22px; line-height: 1.5; letter-spacing: -0.05em; color: #222; font-family: "Dream Medium"; } 
  .founding-spirit-wrap .founding-philosophy ul li strong span { font-size: 16px; font-weight: bold; } 
  .founding-spirit-wrap .founding-philosophy ul li p { display: inline-block; max-width: 510px; line-height: 28px; letter-spacing: -0.025em; font-family: "Dream Regular"; } 
}

@media (max-width: 768px) { 
  /* visual */
  .founding-spirit-wrap .visual{padding-bottom: 100px;}
  .founding-spirit-wrap .visual-area{background-size: cover; height: 230px;}
  .founding-spirit-wrap .visual-text { padding: 30px 40px 0; bottom: unset; top: 190px; } 
  .founding-spirit-wrap .visual-text p { font-size: 16px; line-height: 26px; } 
  .founding-spirit-wrap .visual-text p:before { left: -26px; top: -6px; width: 25px; height: 25px; background-size: contain; } 
  .founding-spirit-wrap .visual-text p:after { right: -26px; top: -6px; width: 25px; height: 25px; background-size: contain; } 
  /* founding-philosophy */
  .founding-spirit-wrap .founding-philosophy { padding: 33px 0 45px; } 
  .founding-spirit-wrap .founding-philosophy ul { flex-direction: column; } 
  .founding-spirit-wrap .founding-philosophy ul li { width: 100%; margin-bottom: 40px; } 
  .founding-spirit-wrap .founding-philosophy ul li:last-child { margin-bottom: 0; } 
  .founding-spirit-wrap .founding-philosophy ul li strong { font-size: 20px; } 
  .founding-spirit-wrap .founding-philosophy ul li div:first-child { padding: 15px; } 
  .founding-spirit-wrap .founding-philosophy ul li div:last-child { padding: 23px; } 
  /* lesson-list */
  .lesson-list { padding: 45px 0; } 
  .lesson-list .title { margin-bottom: 40px; } 
  .lesson-list ul { display: flex; flex-wrap: wrap; justify-content: center; } 
  .lesson-list ul li { width: calc(100% / 2); } 
  .lesson-list ul li:last-child { margin-top: 30px; } 
  .lesson-list ul li .circle { display: flex; justify-content: center; align-items: center; width: 180px; height: 180px; padding-top: 0; } 
  .lesson-list ul li .circle:before { transform: translate(-50%, -50%); width: 195px; height: 195px; } 
  .lesson-list ul li .circle .text-wrap span { padding: 4px 0; font-size: 13px; } 
  .lesson-list ul li .circle .text-wrap strong { margin-top: 7px; font-size: 20px; } 
  .lesson-list ul li .circle .text-wrap em { font-size: 16px; } 
  .lesson-list ul li .text-box { max-width: 250px; height: calc(100% - 220px); } 
  .lesson-list ul li .text-box p { font-size: 14px; } 
}

@media (max-width: 600px) { 
  /* educational-philosophy */
  .founding-spirit-wrap .educational-philosophy .diagram-info-box { width: 100%; } 
  /* lesson-list */
  .lesson-list ul li { width: 100%; margin-bottom: 40px; } 
  .lesson-list ul li:last-child { margin-bottom: 0; margin-top: 0; } 
  .founding-spirit-wrap .founding-philosophy ul li p { font-size: 15px; } 
  .lesson-list ul li .text-box { max-width: 100%; height: calc(100% - 220px); } 
  .lesson-list ul li p:before{top: -64px;}
  .founding-spirit-wrap .visual-text { padding: 25px 40px 0;} 

}

/* 교가 */

.school-music {position: relative;}
.school-music .inner {color:#fff; display: table; width:100%;}
.school-music .left {width:50%; height:800px; display: table-cell; vertical-align: middle; border:1px solid #bcbcbc; border-right:0; text-align: center; padding:14px 0; background:url('../../images/sub/school-music2.jpg') no-repeat center / cover;}
.school-music .left .img-box {display: none;}
.school-music .right {width:50%; background:url('../../images/sub/school-music-bg.jpg') no-repeat center / cover; display: table-cell; vertical-align: middle; letter-spacing: -.05em;font-family: 'Dream Regular'; text-align: center;}
.school-music .right .title strong {display: block; font-family: 'Dream Medium'; font-size: 26px; line-height: 40px; margin-bottom: 5px;}
.school-music .creator::after {content:''; display: block; clear:both;}
.school-music .creator {display: flex; justify-content: center; margin-bottom: 35px;}
.school-music .creator li {font-size: 18px; line-height: 1.5; padding:0 15px;}
.school-music .song-content li strong {font-size: 17px; line-height: 35px; padding:5px 0; display: inline-block;font-family: 'Dream Regular'; background:#22B2E9; width:140px; text-align: center; border-radius:0 15px 15px 15px; margin-bottom: 25px;}
.school-music .song-content li p {font-size: 16px; line-height: 28px; letter-spacing: -.025em; margin-bottom: 35px;}
.school-music .song-content li p i {display: block;}

@media all and (max-width:1023px) {
  .school-music .left {height: 660px;}
  .school-music .creator {margin-bottom:15px;}
  .school-music .creator li {font-size: 16px;}
  .school-music .song-content li strong {margin-bottom: 10px;}
  .school-music .song-content li p {margin-bottom:15px; font-size: 14px;}
}
@media all and (max-width:860px) {
  .school-music .song-content li strong{width: 130px; line-height: 25px; font-size: 14px; margin-bottom: 13px;}
  .school-music .inner {display: block;}
  .school-music .left {display: block; width:100%; background:none; height:auto; border:1px solid #bcbcbc; border-bottom:0;}
  .school-music .left .img-box {display: block;}
  .school-music .right {display: block; width:100%; padding:30px 0;}
}

/* 혁신지원사업단 */
/* visual */
.visual-style { position: relative; margin-bottom: 20px;} 
.visual-style .visual-area { position: relative; max-width: 1100px; height: 400px; background-image: url("../../images/sub/visual.jpg"); background-size: 1100px 400px; background-position: center; background-repeat: no-repeat; } 
.visual-style .visual-area::before { content: ""; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; border: 1px solid #fff; opacity: 0.5; } 
.visual-style .visual-area img{width:100%; height:100%; object-fit: cover;}
.visual-style .circle { position: absolute; top: 44px; left: 1080px; width: 245px; height: 245px; background-image: url("../../images/sub/circle.png"); background-size: 100%; z-index: -1; animation: rotateCircle 10s linear infinite; } 
/* .visual-style .circle::before { content: ""; position: absolute; right: 41px; top: 44px; width: 120px; height: 120px; border: 1px dashed #ddd; border-radius: 50%; z-index: 1; }  */
/* .visual-style .circle::after { content: ""; position: absolute; left: 44px; top: 83px; width: 70px; height: 70px; background-color: #e5f0f8; border-radius: 50%; }  */
.visual-style .text-box { position: absolute; right: 0; bottom: -30px; width: 680px; height: 250px; border-radius: 60px 0 0 0; background-color: #fff; padding: 35px 50px; box-shadow: 4px 6px 19px 0px rgba(0, 0, 0, 0.13); } 
.visual-style .text-box strong { display: inline-block; position: relative; font-size: 26px; line-height: 1.5; letter-spacing: -0.05em; margin-bottom: 18px; font-family: "Dream Bold"; } 
.visual-style .text-box strong::before { content: ""; position: absolute; top: 50%; left: -81px; margin-bottom: -34.5px; width: 69px; height: 3px; background-color: #22b2e9; } 
.visual-style .text-box p { margin-bottom: 30px; font-size: 18px; letter-spacing: -0.05em; line-height: 1.5; } 
@keyframes rotateCircle { 
  100% { transform: rotate(360deg); } 
}
/* vision-goal */
.vision-goal .inner > ul > li { display: flex; justify-content: space-between; margin-bottom: 29px; } 
.vision-goal .inner > ul > li:last-child { margin-bottom: 0; } 
.vision-goal ul li.vision .info-box p,
.vision-goal ul li.goal .info-box p { position: relative; font-family: 'Dream Medium'; font-size: 18px; letter-spacing: -.05em; color:#222;}  
.vision-goal ul li.vision .info-box p::before { content: ""; position: absolute; left: -61px; top: -5px; width: 32px; height: 28px; background-image: url("../../images/sub/dot_left.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; } 
.vision-goal ul li.vision .info-box p::after { content: ""; position: absolute; right: -63px; top: 5px; width: 32px; height: 28px; background-image: url("../../images/sub/dot_right.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; } 
.vision-goal ul li .color-box { position: relative; display: flex; justify-content: center; align-items: center; width: 250px; height: 70px; margin-right: 50px; border-radius: 0 15px 15px 15px; flex-shrink: 0; } 
.vision-goal ul li.vision .color-box { background-color: #e6378d; } 
.vision-goal ul li.goal .color-box { background-color: #22b2e9; } 
.vision-goal ul li.strategy .color-box { background-color: #c6d800; } 
.vision-goal ul li .color-box::after { content: ""; position: absolute; right: -38px; top: 50%; margin-top: -2.5px; width: 25px; height: 5px; background-image: url("../../images/sub/dots.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; } 
.vision-goal ul li .color-box span { font-size: 20px; line-height: 1.5; color: #fff; font-family: "Dream Medium"; } 
.vision-goal ul li .info-box { display: flex; justify-content: center; align-items: center; position: relative; width: 1200px; height: 70px; padding: 0 20px; text-align: center; border: 1px solid #bcbcbc; border-radius: 0 15px 15px 15px; } 
.vision-goal ul li .strategy-list-wrap { display: flex; margin: 0 -26.5px; width: 100%; justify-content: space-between;} 
.vision-goal ul li .strategy-list { width: 25%; padding: 0 26.5px; text-align: center; } 
.vision-goal ul li .strategy-list .name-box { display: flex; justify-content: center; align-items: center; width: 100%; height: 55px; padding: 0 10px; border-radius: 0 15px 0 0; background-color: #b5b5b6; } 
.vision-goal ul li .strategy-list .name-box span { font-size: 17px; letter-spacing: -0.05em; line-height: 1.5; color: #fff; font-family: "Dream Regular"; } 
.vision-goal ul li .strategy-list .strategy-info-box { display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100% - 55px); padding: 14px 15px 19px; border-radius: 0 0 15px 15px; border: 1px solid #bcbcbc; } 
.vision-goal ul li .strategy-list .strategy-info-box p { font-size: 15px; letter-spacing: -0.025em; line-height: 24px; } 
@media all and (max-width:1400px) {
  .visual-style .circle {left:unset; right:0;}
}

/* info-box */
.org-wrap3 .name-box { position: relative; display: flex; justify-content: center; align-items: center; height: 55px; padding: 5px 20px; border-radius: 0 15px 0 0; text-align: center; } 
.org-wrap3 .name-box span { font-size: 17px; line-height: 1.5; letter-spacing: -0.05em; color: #fff; font-family: "Dream Regular"; } 
.org-wrap3 .info-box { padding: 16px 10px 16px 28px; border: 1px solid #bcbcbc; border-radius: 0 0 15px 15px; background-color: #fff; } 
.org-wrap3 .info-box li { margin-bottom: 10px; font-size: 14px; line-height: 1.5; letter-spacing: -0.05em; font-family: "Dream Regular"; } 
.org-wrap3 .info-box li::before { content: ""; position: absolute; left: -5px; top: 5px; width: 2px; height: 10px; background:#22B2E9; } 
/* chart-top */
.org-wrap3 { position: relative; } 
.org-wrap3::before { content: ""; position: absolute; left: 50%; top: 0; margin-left: -0.5px; width: 1px; height: 100%; background-color: #bcbcbc; z-index: -1; } 
.org-wrap3 ul li { position: relative; } 
.organization-chart::before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; margin-left: -0.5px; background-color: #bcbcbc; z-index: -1; } 
.org-wrap3 .org-top { display: flex; flex-direction: column; align-items: center; position: relative; } 
.org-wrap3 .org-top .president .hexagon { position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 196px; height: 213px; margin-bottom: 30px; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url("../../images/sub/org-president.png"); } 
.org-wrap3 .org-top .president .hexagon strong { width: 100px; text-align: center; font-size: 22px; line-height: 1.5; letter-spacing: -0.05em; color: #fff; font-family: "Dream Medium"; } 
.org-wrap3 .org-top .president .info-box-wrap { width: 200px; } 
.org-wrap3 .org-top .president .name-box { border-radius: 0 15px 0 0; background-color: #4b585f; } 
.org-wrap3 .org-top .president .info-box { display: flex; justify-content: center; align-items: center; padding: 10px; height: 55px; border-radius: 0 0 15px 15px; } 
.org-wrap3 .org-top .president .info-box span { font-size: 15px; letter-spacing: -0.025em; line-height: 1.5; font-family: "Dream Regular"; } 
/* chart-middle */
.org-wrap3 .org-middle { position: relative; } 
.org-wrap3 .org-middle1 { margin-top: 30px; } 
.org-wrap3 .org-middle1 > ul::after { content: ""; display: block; clear: both; } 
.org-wrap3 .org-middle1 > ul > li { width: 50%; } 
.org-wrap3 .org-middle1 > ul > li .info-box-wrap { width: 400px; } 
.org-wrap3 .org-middle1 > ul > li .name-box.long { width: 400px; } 
.org-wrap3 .org-middle1 > ul > li.left { float: left; } 
.org-wrap3 .org-middle1 > ul > li.left > div::before { content: ""; position: absolute; top: 28px; left: 0; width: 100%; height: 1px; background-color: #bcbcbc; } 
.org-wrap3 .org-middle1 ul li.left .name-box { margin-bottom: 20px; border-radius: 0 15px 15px 15px; background-color: #01499a; } 
.org-wrap3 .org-middle1 ul li.left .info-box-wrap .name-box { display: flex; justify-content: space-between; background-color: transparent; padding: 0; margin-bottom: 0; background-color: #fff; } 
.org-wrap3 .org-middle1 ul li.left .info-box { position: relative; padding: 17px 10px 17px 28px; } 
.org-wrap3 .org-middle1 ul li.left .info-box::before { content: ""; position: absolute; top: -100px; left: 50%; margin-left: -0.5px; width: 1px; height: 100%; background-color: #bcbcbc; z-index: -1; } 
.org-wrap3 .org-middle1 ul li.left .info-box-wrap .name-box > div { width: calc(50% - 0.5px); height: 100%; display: flex; justify-content: center; align-items: center; padding: 5px 20px; background-color: #9f9f9f; } 
.org-wrap3 .org-middle1 ul li.left .info-box-wrap .name-box > div:last-child { border-radius: 0 15px 0 0; } 
.org-wrap3 .org-middle1 ul li.right { float: right; } 
.org-wrap3 .org-middle1 ul li.right > div::after { content: ""; display: block; clear: both; } 
.org-wrap3 .org-middle1 ul li.right > div { margin-top: 50px; } 
.org-wrap3 .org-middle1 ul li.right .info-box-wrap { float: right; } 
.org-wrap3 .org-middle1 > ul > li.right > div::before { content: ""; position: absolute; top: 78px; right: 0; width: 100%; height: 1px; background-color: #bcbcbc; } 
.org-wrap3 .org-middle1 .name-box { background-color: #01499a; } 
.org-wrap3 .org-middle2 { padding-bottom: 50px; margin-top: 100px; } 
.org-wrap3 .org-middle2 > ul { position: relative; display: flex; justify-content: space-between; } 
.org-wrap3 .org-middle2 > ul > li { position: relative; width: 400px; } 
.org-wrap3 .org-middle2 > ul::before { content: ""; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); width: calc(100% - 400px); height: 1px; background-color: #bcbcbc; } 
.org-wrap3 .org-middle2 .name-box { background-color: #22b2e9; } 
.org-wrap3 .org-middle2 li.left::before { content: ""; position: absolute; top: -50px; left: 50%; margin-left: -0.5px; width: 1px; height: 50px; background-color: #bcbcbc; } 
.org-wrap3 .org-middle2 li.right::before { content: ""; position: absolute; top: -50px; left: 50%; margin-left: -0.5px; width: 1px; height: 50px; background-color: #bcbcbc; } 
.org-wrap3 .org-middle2 > ul > li .info-box { min-height: 127px; } 
.org-wrap3 .org-middle2 .middle > div:last-child .info-box { min-height: 95px; } 
.org-wrap3 .org-middle2 ul li.middle > div:last-child { margin-top: 40px; } 
/* chart-bottom */
.org-wrap3 .org-bottom { background-color: #b5b5b6; } 
.org-wrap3 .org-bottom ul { display: flex; padding: 23px 26px; margin: 0 -13px; } 
.org-wrap3 .org-bottom ul li { width: calc(100% / 6); padding: 0 13px; } 
.org-wrap3 .org-bottom ul li span { display: block; height: 100%; font-size: 17px; padding: 15px 10px; line-height: 1.5; letter-spacing: -0.05em; text-align: center; background-color: #fff; border-radius: 0px 15px 15px 15px; } 

@media (max-width: 1300px) { 
  /*visual*/
  .visual-style .visual-area { width: 80%; } 
  /* .visual-style .circle { left: 75%; }  */
  .org-wrap3 .org-middle2 > ul > li { position: relative; width: calc(100% / 3); padding: 0 10px; flex-shrink: 0; } 
  .org-wrap3 .org-middle2 > ul { margin: 0 -10px; } 
  .org-wrap3 .org-middle2 > ul::before { content: ""; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); width: 66.6%; height: 1px; background-color: #bcbcbc; } 
  .vision-goal br{display: none;}
}
@media (max-width: 1200px){
  .org-wrap3 .org-bottom ul li span { font-size: 16px; } 
  .vision-goal ul li .strategy-list-wrap { margin: 0 -15px; width: 100%; } 
  .vision-goal ul li .strategy-list {padding: 0 15px;  } 

}

@media (max-width: 1023px) { 
  /*visual*/
  .visual-style .visual-area { width: 90%; height: 300px; } 
  .visual-style .circle { width: 200px; height: 200px; } 
  .visual-style .text-box { position: absolute; right: 0; bottom: -20px; width: 60%; height: auto; border-radius: 60px 0 0 0; background-color: #fff; padding: 30px 30px; box-shadow: 4px 6px 19px 0px rgba(0, 0, 0, 0.13); } 
  .visual-style .text-box strong { display: inline-block; position: relative; font-size: 22px; line-height: 1.5; letter-spacing: -0.05em; margin-bottom: 10px; font-family: "Dream Bold"; } 
  .visual-style .text-box strong::before { content: ""; position: absolute; top: 50%; left: -47px; margin-bottom: -34.5px; width: 40px; height: 3px; background-color: #22b2e9; } 
  .visual-style .text-box p { margin-bottom: 30px; font-size: 16px; letter-spacing: -0.05em; line-height: 1.5; } 
  /* vision-goal */
  .vision-goal .inner > ul > li { justify-content: flex-start; align-items: center; flex-direction: column; margin-bottom: 50px; } 
  .vision-goal ul li .color-box { margin-bottom: 50px; margin-right: 0; border-radius: 0 15px 15px 15px; } 
  .vision-goal ul li .color-box::after { right: 50%; top: 95px; margin-right: -12.5px; transform: rotate(90deg); } 
  .vision-goal ul li .info-box { width: 100%; height: auto; padding: 15px 20px; } 
  .vision-goal ul li.vision .info-box p::before { left: -30px; width: 25px; height: 25px; background-size: contain; z-index: -1; } 
  .vision-goal ul li.vision .info-box p::after { right: -30px; width: 25px; height: 25px; background-size: contain; z-index: -1; } 
  .vision-goal ul li .strategy-list-wrap { display: flex; flex-wrap: wrap; margin: 0 -10px; } 
  .vision-goal ul li .strategy-list { width: 50%; margin: 0; padding: 0 10px; margin-bottom: 30px; } 
  .vision-goal ul li .strategy-list-wrap > div:nth-last-child(-n + 2) { margin-bottom: 0; } 

  /*org*/
  .org-wrap3 .org-middle1 > ul > li .name-box.long { width: calc(100% - 40px); } 
  .org-wrap3 .org-middle1 > ul > li .info-box-wrap { width: calc(100% - 40px); } 
  .org-wrap3 .org-bottom ul { padding: 15px; } 
  .org-wrap3 .org-bottom ul li { font-size: 15px; padding: 5px; height: 50px; } 
  .org-wrap3 .org-bottom ul { display: flex; flex-wrap: wrap; padding: 23px 26px; margin: 0 -13px; } 
  .org-wrap3 .org-bottom ul li { width: calc(100% / 3); padding: 0 13px; margin-bottom: 10px; } 
  .org-wrap3 .org-bottom ul li:nth-last-child(-n + 3) { margin-bottom: 0; } 
  .org-wrap3 .org-bottom ul li span { padding: 5px; line-height: 39px; } 
}

@media (max-width: 768px) { 
  /*visual*/
  .visual-style .visual-area { width: 85%; } 
  .visual-style .text-box {width:90%;}
  .visual-style .text-box p {margin-bottom: 0;}
  /* .visual-style .circle { left: 70%; }  */
  /*org*/
  .org-wrap3 .org-middle2 { padding-bottom: 35px; } 
  .org-wrap3 .info-box { min-height: auto !important; } 
  .org-wrap3 .info-box li { margin-bottom: 5px; } 
  .org-wrap3 .org-middle2 > ul { flex-wrap: wrap; justify-content: center; } 
  .org-wrap3 .org-middle2 > ul::before { width: 50.3%; } 
  .org-wrap3 .org-middle2 > ul > li { width: 50%; margin: 0; } 
  .org-wrap3 .org-middle2 > ul > li.middle { margin-top: 100px; order: 3; } 
  .org-wrap3 .org-middle2 > ul > li.middle .info-box-wrap { position: relative; } 
  .org-wrap3 .org-middle2 ul li.middle > div:last-child { margin-top: 35px; } 
  .org-wrap3 .org-middle2 > ul > li.right .info-box-wrap { height: 100%; } 
  .org-wrap3 .org-middle2 > ul > li.right .info-box { height: calc(100% - 55px); } 
  .org-wrap3 .org-middle2 > ul > li.middle { margin-top: 35px; } 
  .org-wrap3 .org-bottom ul { margin: 0 -4px; } 
  .org-wrap3 .org-bottom ul li { width: calc(100% / 2); padding: 0 4px; } 
}

@media (max-width: 560px) { 
  /*org*/
  .org-wrap3 .name-box { height: auto; min-height: 50px; } 
  .org-wrap3 .name-box span { font-size: 16px; } 
  .org-wrap3 .org-middle1 > ul > li .name-box.long { width: calc(100% - 20px); } 
  .org-wrap3 .org-middle1 > ul > li.left .info-box-wrap .name-box span { font-size: 13px; } 
  .org-wrap3 .org-middle1 > ul > li .info-box-wrap { width: calc(100% - 20px); } 
  .org-wrap3 .org-middle1 ul li.left .info-box-wrap .name-box > div { min-height: 50px; } 
  .org-wrap3 .org-middle2 > ul > li .info-box { min-height: 108px; } 
  .org-wrap3 .org-middle2 > ul > li.right .info-box { height: calc(100% - 50px); } 
}


/* LINC 3.0 사업단 - 조직도 */
.org-wrap4 {position: relative; width:100%;}
.org-wrap4 .inner {position: relative;}
.org-wrap4 .org-container {max-width:940px; width:100%;}
/* org-box */
.org-wrap4 .box {margin-bottom: 10px; position: relative;}
.org-wrap4 .box .title{height:55px; display: flex; align-items: center; justify-content: center;  color:#fff; border-radius:0 15px 0 0; font-size: 17px; letter-spacing: -.05em; font-family: 'Dream Regular'; position: relative; text-align: center;}
.org-wrap4 .box.color1 .title {background:#01499A;}
.org-wrap4 .box.color2 .title {background:#B3A36B;}

.org-wrap4 .box.color1 > ul {padding:15px 15px 15px 20px; border:1px solid #bcbcbc; border-top:0; border-radius:0 0 15px 15px; color:#333; background:#fff; position: relative;}
.org-wrap4 .box.color1 li {position: relative; padding-left:6px; font-size: 14px; font-family: 'Dream Regular'; letter-spacing: -.05em; line-height: 1.5; margin-bottom: 10px;}
.org-wrap4 .box.color1 li::after {content:''; width:2px; height:10px; background:#22B2E9; position: absolute; left:0; top:5px;}

.org-wrap4 .box.color2 > ul {padding:15px 15px 15px 20px; border:1px solid #bcbcbc; border-top:0; border-radius:0 0 15px 15px; color:#333; background:#fff;}
.org-wrap4 .box.color2 li {position: relative; padding-left:6px; font-size: 14px; font-family: 'Dream Regular'; letter-spacing: -.05em; line-height: 1.5; margin-bottom: 10px;}
.org-wrap4 .box.color2 li::after {content:''; width:2px; height:10px; background:#4B585F; position: absolute; left:0; top:5px; }

/* org-top */
.org-wrap4 .org-top {position: relative;}
.org-wrap4 .org-top::before {content:''; width:1px; height:100%; background:#bcbcbc; position:absolute; left:50%; bottom:-30px;}
.org-wrap4 .org-top-top {width:196px; height:213px; background:url('../../images/sub/org-president.png') no-repeat center; margin:0 auto; position: relative;}
.org-wrap4 .org-top-top p {width:196px; height:200px; display: flex; align-items: center; justify-content: center; text-align: center; color:#fff; font-size: 20px; font-family: 'Dream Medium'; line-height: 30px; letter-spacing: -.05em; position: relative;}
.org-wrap4 .box.top-box {width:200px; margin:0 auto; padding-top:30px; position: relative;}
.org-wrap4 .box.top-box .title {background:#4B585F;}
.org-wrap4 .box.top-box .top-box-text {border:1px solid #bcbcbc; border-radius:0 0 15px 15px; padding:15px 20px;background:#fff;}
.org-wrap4 .box.top-box .top-box-text p {text-align: center; font-size: 15px; line-height: 28px; letter-spacing: -.025em; font-family: 'Dream Regular'; }

.org-wrap4 .boxbox {border:1px solid #bcbcbc; padding:9px; background:#E9E9E9; border-radius:0 0 15px 15px; position: relative;}
.org-wrap4 .org-box-wrap1 {position: relative;}
.org-wrap4 .org-box-wrap1::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; top:0;}
.org-wrap4 .org-box-wrap1::after {content:''; display: block; clear:both;}
.org-wrap4 .org-box-wrap1 .box {max-width:300px; width:100%;}
.org-wrap4 .org-box-wrap1 .left {width:50%; float:left; position: relative;}
.org-wrap4 .org-box-wrap1 .boxbox > .box:last-child {margin-bottom:0;}
.org-wrap4 .org-box-wrap1 .left::before {content:''; width:100%; height:1px; background:#bcbcbc; position:absolute; left:0; top:calc(50% + 26px);}
.org-wrap4 .org-box-wrap1 .left > .box {margin-bottom:20px;}
.org-wrap4 .org-box-wrap1 .box-etc {position: absolute; padding:9px; background:#E9E9E9; border:1px solid #bcbcbc;max-width:300px;}
.org-wrap4 .org-box-wrap1 .box-etc .inner {display: flex;}
.org-wrap4 .org-box-wrap1 .box-etc .sj {width:110px; height:105px; display: flex; align-items: center; justify-content: center; background:#CACACA; font-size: 15px; line-height: 24px; letter-spacing: -.05em; color:#222; font-family: 'Dream Regular'; text-align: center;}
.org-wrap4 .org-box-wrap1 .box-etc .sj i {display: block;}
.org-wrap4 .org-box-wrap1 .box-etc ul { width:calc(100% - 110px); background:#fff; padding:15px 15px 15px 20px;}
.org-wrap4 .org-box-wrap1 .box-etc li {font-size: 14px; letter-spacing: -.05em; color:#333; font-family: 'Dream Regular'; padding-left:6px; position: relative; margin-bottom: 10px;}
.org-wrap4 .org-box-wrap1 .box-etc li:last-child {margin-bottom: 0;}
.org-wrap4 .org-box-wrap1 .box-etc li::after {content:''; width:2px; height:10px; background:#4B585F; position: absolute; left:0; top:6px;}

.org-wrap4 .org-box-wrap1 .right {width:50%; float:right; margin-top: 30px;}
.org-wrap4 .org-box-wrap1 .right .box {float:right;}
.org-wrap4 .org-box-wrap1 .box-right {position: relative;}
.org-wrap4 .org-box-wrap1 .box-right::after {content:''; display: block; clear:both;}
.org-wrap4 .org-box-wrap1 .right .box-top::before,
.org-wrap4 .org-box-wrap1 .right .box-bottom::before {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; left:0; top:28px;}

.org-wrap4 .org-box-wrap2 {position: relative; padding-bottom: 40px;}
.org-wrap4 .org-box-wrap2::before {content:''; width:1px; height:calc(100% + 28px); background:#bcbcbc; position: absolute; left:50%; top:0;}
.org-wrap4 .org-box-wrap2::after {content:''; width:calc(50% + 40px); left:50%; bottom:20px; position: absolute; height:1px; background:#bcbcbc;}
.org-wrap4 .org-box-wrap2 .top {position: relative; top: -60px; margin-bottom:-30px;}
.org-wrap4 .org-box-wrap2 .top .box {max-width:300px;margin: 0 auto;}
.org-wrap4 .org-box-wrap2 .middle .top-right {position: relative; width:50%; float:right;}
.org-wrap4 .org-box-wrap2 .middle .top-right::before {content:''; width:100%; height:1px; background:#bcbcbc; position:absolute; top:28px; left:0;}
.org-wrap4 .org-box-wrap2 .middle .top-right::after {content:''; display: block; clear:both;}
.org-wrap4 .org-box-wrap2 .middle .top-right .box {float:right; max-width:300px; width:100%;}
.org-wrap4 .org-box-wrap2 .middle .bottom-left-right {clear:both;}
.org-wrap4 .org-box-wrap2 .middle .bottom-left-right::after {content:''; display: block; clear:both;}
.org-wrap4 .org-box-wrap2 .middle .bottom-left-right .left {width:50%; float:left; position: relative;}
.org-wrap4 .org-box-wrap2 .middle .bottom-left-right .left::before {content:''; width:100%; height:1px; background:#bcbcbc; position:absolute; left:0; top:28px;}
.org-wrap4 .org-box-wrap2 .middle .bottom-left-right .right {width:50%; float:right; position: relative;}
.org-wrap4 .org-box-wrap2 .middle .bottom-left-right .right::before {content:''; width:100%; height:1px; background:#bcbcbc; position:absolute; left:0; top:28px;}
.org-wrap4 .org-box-wrap2 .middle .bottom-left-right .right .box {float:right;}
.org-wrap4 .org-box-wrap2 .middle .bottom-left-right .box {max-width:300px; width:100%; margin-bottom: 0;}

.org-wrap4 .ect-right {width:calc(100% - 940px); position: absolute; right:0; padding-left:40px; display: flex; flex-direction: column-reverse; bottom:0;}
.org-wrap4 .ect-right .ect-box {padding:10px; background:#E9E9E9; position: relative; z-index: 1;}
.org-wrap4 .ect-right .ect-box > .title {background:#22B2E9; color:#fff; font-size: 17px;line-height: 35px; letter-spacing: -.05em; font-family: 'Dream Regular'; height:55px; display: flex; align-items: center; justify-content: center; border-radius:0 15px 0 0; margin-bottom:15px; position: relative;}
.org-wrap4 .ect-right .ect-box > .title::after{content: ''; position: absolute; bottom: -15px; left: 50%; margin-left: -0.5px; width: 1px; height: 100%; background: #BCBCBC; z-index: -1;}
.org-wrap4 .ect-right .ect-con > ul {margin:0 -4.5px; position: relative;}
.org-wrap4 .ect-right .ect-con > ul::after {content:''; display: block; clear:both;}
.org-wrap4 .ect-right .ect-con > ul::before {content:''; width: 50%; height: 1px; background: #bcbcbc; position: absolute; top: 0; left: 50%; margin-left: -25%;}
.org-wrap4 .ect-right .ect-con .depth1 {padding-top: 15px; width:50%; padding:15px 4.5px 0; float:left; }
.org-wrap4 .ect-right .ect-con .depth1 > .title{position: relative;}
.org-wrap4 .ect-right .ect-con .depth1 > .title::after{content: ''; width: 1px; height: 100%; background: #BCBCBC; position: absolute; top: -15px; left: 50%; margin-left: -0.5px; z-index: -1;}
.org-wrap4 .ect-right .ect-con .depth1 > .title {background:#01499A; height:55px; border-radius:0 15px 0 0; color:#fff; font-size: 17px; line-height: 35px; letter-spacing: -.05em; font-family: 'Dream Regular'; display: flex; align-items: center; justify-content: center;}
.org-wrap4 .ect-right .ect-con .depth2 {text-align: center; font-size: 14px; font-family: 'Dream Regular'; letter-spacing: -.05em; color:#222; border:1px solid #bcbcbc; border-top:0; border-radius: 0 0 15px 15px; overflow:hidden;}
.org-wrap4 .ect-right .ect-con .depth2 > li {padding:17px 0; background:#fff;}
.org-wrap4 .ect-right .ect-con .depth2 > li:last-child {padding:0;} 
.org-wrap4 .ect-right .ect-con .depth2 .bg-color {background:#F3F3F3; color:#666;}
.org-wrap4 .ect-right .ect-con .depth3 {padding:20px 30px;}
.org-wrap4 .ect-right .ect-con .depth3 > li {border:1px solid #bcbcbc; background:#F3F3F3; padding:11px 0; margin-bottom: 5px;}
.org-wrap4 .ect-right .ect-con .depth3 > li:last-child {margin-bottom: 0;}

.org-wrap4 .ect-right .ect-con .depth1:first-child {position: relative;}
.org-wrap4 .ect-right .ect-con .depth1:first-child::before {content:''; width:1px; height:calc(100% - 28px - 54px); position: absolute; top:43px; left:-25px; background:#bcbcbc;}
.org-wrap4 .ect-right .ect-con .depth1:first-child .title {position: relative;}
.org-wrap4 .ect-right .ect-con .depth1:first-child::after {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; top:43px; left:-25px; z-index: -1;}

.org-wrap4 .flex-box {display: flex; flex-direction: column-reverse;}

.org-wrap4 .etc-text-box {background:#e9e9e9; margin:10px 0;}
.org-wrap4 .etc-text-box .inner {padding:22px 20px; text-align:right;}
.org-wrap4 .etc-text-box .inner li {font-size: 16px; font-family: 'Dream Regular'; line-height: 30px; letter-spacing: 0; color:#222; margin-bottom: 10px;}
.org-wrap4 .etc-text-box .inner li:last-child {margin-bottom: 0;}
.org-wrap4 .etc-text-box .inner li span {display: inline-block; font-family: 'Dream Bold';}
.org-wrap4 .etc-text-box .inner li i {display: block;}

.org-wrap4 .etc-box-list {padding:10px; background:#e9e9e9;}
.org-wrap4 .etc-box-list .etc-box-wrap li {margin-bottom: 10px;}
.org-wrap4 .etc-box-list .etc-box-wrap li:last-child {margin-bottom: 0;}
.org-wrap4 .etc-box-list .etc-box {display: table; width:100%;}
.org-wrap4 .etc-box-list .etc-box .sj {display: table-cell; vertical-align: middle; width:130px; color:#222; font-size: 15px; line-height: 24px; letter-spacing: -.05em; background:#cacaca; text-align: center;}
.org-wrap4 .etc-box-list .etc-box {background:#fff; }
.org-wrap4 .etc-box-list .etc-box ul {padding: 15px 20px; display: table-cell; vertical-align: middle;}
.org-wrap4 .etc-box-list .etc-box li{color:#333; font-size: 14px; line-height:1.5; letter-spacing: -.05em; margin-bottom: 10px; position: relative; padding-left:6px;}
.org-wrap4 .etc-box-list .etc-box li::after {content:''; width:2px; height:10px; background:#4B585F; position: absolute; top:5px; left:0;}
.org-wrap4 .etc-box-list .etc-box li:last-child {margin-bottom: 0;}

.org-wrap4 .org-box-wrap3::after {content:''; display: block; clear:both;}
.org-wrap4 .org-box-wrap3 .box-container .box{padding-bottom:33px; margin-bottom: 0; position: relative; z-index: 1;}
.org-wrap4 .org-box-wrap3 .box-container .box::before {content: ''; width: 1px; height: 100%; background: #bcbcbc; position: absolute; left: 50%; top: 0;}
.org-wrap4 .org-box-wrap3 .left{float:left; width:50%; padding-right:50px; position: relative;}
.org-wrap4 .org-box-wrap3 .left::before {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; left:0; top:28px;}
.org-wrap4 .org-box-wrap3 .right{float:right; width:50%;padding-left:50px; position: relative;}
.org-wrap4 .org-box-wrap3 .right::before {content:''; width: 100%; height: 1px; background: #bcbcbc; position: absolute; left: 0; top: 28px;}
.org-wrap4 .org-box-wrap3 .box-bottom-wrap {background:#e9e9e9; padding:10px; margin-top:22px;position: relative;}
.org-wrap4 .org-box-wrap3 .box-bottom-wrap::before {content: ''; width:65.4%; height:1px; background:#bcbcbc; position: absolute; left:50%; transform: translate(-50%,0); top:-23px;}

.org-wrap4 .org-box-wrap3 .box-bottom { margin:0 -6px; display: flex; flex-wrap:wrap;}
.org-wrap4 .org-box-wrap3 .box-bottom li {width:33.3333%; padding:0 6px; text-align: center; font-size: 14px; letter-spacing: -.05em; font-family: 'Dream Regular'; margin-bottom:10px; position: relative; line-height: 18px;}
.org-wrap4 .org-box-wrap3 .box-bottom li:nth-child(-n+3)::before {content:''; width:1px; height:100%; background:#bcbcbc; top:-32px; left:50%; position: absolute;}
.org-wrap4 .org-box-wrap3 .box-bottom li:nth-last-child(-n+3) {margin-bottom: 0;}
.org-wrap4 .org-box-wrap3 .box-bottom li p {border:1px solid #bcbcbc; background:#fff; height:100%; display: flex; align-items: center; justify-content: center; min-height:80px; position: relative;}

.org-wrap4 .org-box-wrap3 .right .box-bottom li:last-child {position: relative;}
.org-wrap4 .org-box-wrap3 .right .box-bottom li:last-child::before {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; left:25px; top:50%;}

.org-wrap4 .org-bottom-bottom {height:55px; margin-top: 30px; text-align: center; background:#B5B5B6; display: flex; align-items: center; justify-content: center; border-radius:0 15px 15px 15px;}
.org-wrap4 .org-bottom-bottom p {font-size: 17px;font-family: 'Dream Regular'; letter-spacing: -.05em; color:#fff}


@media all and (max-width:1400px) {
  .org-wrap4 .org-container {max-width:800px;}
  .org-wrap4 .org-box-wrap1 .box {max-width:225px;}
  .org-wrap4 .org-box-wrap1 .box-etc {max-width:225px;}
  .org-wrap4 .org-box-wrap1 .box-etc .inner {flex-direction: column;}
  .org-wrap4 .org-box-wrap1 .box-etc .inner p {width:100%;}
  .org-wrap4 .org-box-wrap1 .box-etc .inner ul {width:100%;}
  .org-wrap4 .org-box-wrap2 .top .box {max-width:225px;}
  .org-wrap4 .org-box-wrap2 .middle .top-right .box {max-width:225px;}
  .org-wrap4 .org-box-wrap2 .middle .bottom-left-right .box {max-width:225px;}
  .org-wrap4 .ect-right {width:calc(100% - 800px);}

}

@media all and (max-width:1250px) {
  .org-wrap4 .org-container {max-width:100%;}
  .org-wrap4 .org-box-wrap2::after {display: none;}
  .org-wrap4 .org-box-wrap3 {position: relative; padding-bottom: 40px; display: flex;}
  .org-wrap4 .org-box-wrap3 .left {float:none; display: flex;flex-direction: column;}
  .org-wrap4 .org-box-wrap3 .right {float:none; display: flex; flex-direction: column;}
  .org-wrap4 .org-box-wrap3 .box-container .box {flex:1;}
  .org-wrap4 .org-box-wrap3::before {content:''; width:1px; height:100%; background:#bcbcbc; position: absolute; left:50%; top:0;}
  .org-wrap4 .org-box-wrap3 .box-bottom-wrap::before {width:65.7%;}
  .org-wrap4 .org-box-wrap3 .right .box-bottom li:last-child::before {display: none;}
  .org-wrap4 .ect-right {position: relative; width:100%; padding-left:0; padding-right:50px; flex-direction: column;}
  .org-wrap4 .ect-right .ect-con .depth1 {float:right;}
  .org-wrap4 .ect-right .ect-con .depth1:first-child::before {left:unset; right:-25px; height:47.5%; top:-130px; }
  .org-wrap4 .ect-right .ect-con .depth1:first-child::after {left:unset; right:-25px;}
  .org-wrap4 .flex-box {flex-direction: row-reverse; margin-bottom: 10px;}
  .org-wrap4 .etc-text-box {margin:0;}
  .org-wrap4 .etc-box-list {flex:1;}

}

@media all and (max-width:1024px) {
  .org-wrap4 .flex-box {flex-direction: column;}
}
@media all and (max-width:768px) {
  .org-wrap4 .box .title {font-size: 16px;}
  .org-wrap4 .box.top-box {margin-bottom: 20px;}
  .org-wrap4 .org-box-wrap1 .box {max-width:calc(100% - 20px);}
  .org-wrap4 .boxbox > .box {max-width:100%;}
  .org-wrap4 .org-box-wrap1 .left::before {top:237px;}
  .org-wrap4 .org-box-wrap1 .box-etc {max-width:calc(100% - 20px);}
  .org-wrap4 .org-box-wrap1 .box-etc {position: static;}
  .org-wrap4 .org-box-wrap2 .top {top:unset; margin-bottom:0; padding-top: 20px; padding-bottom: 20px;}
  .org-wrap4 .org-box-wrap2 .middle .top-right .box {max-width:calc(100% - 20px);}
  .org-wrap4 .org-box-wrap2 .middle .bottom-left-right .box {max-width:calc(100% - 20px);}
  .org-wrap4 .org-box-wrap3 .box-bottom li {width:50%;}
  .org-wrap4 .org-box-wrap3 .box-bottom li:nth-child(-n+3)::before {opacity:0;}
  .org-wrap4 .org-box-wrap3 .box-bottom li:nth-child(-n+2)::before {content:''; width:1px; height:100%; background:#bcbcbc; top:-32px; left:50%; position: absolute; opacity:1;}
  .org-wrap4 .org-box-wrap3 .box-bottom-wrap::before {width:49%;}
  .org-wrap4 .org-box-wrap3 .box-bottom li:nth-last-child(-n+3) {margin-bottom: 10px;}
  .org-wrap4 .org-box-wrap3 .right {padding-left:20px;}
  .org-wrap4 .org-box-wrap3 .left {padding-right:20px}
  .org-wrap4 .org-box-wrap3 .box-bottom li {font-size: 13px;}
  .org-wrap4 .ect-right .ect-con .depth1:first-child::before {top:-140px; height:50.4%;}
}

/* 성적정정 */
.grade-correction .list-title {display: flex; justify-content: space-between; margin-bottom: 30px;}
.grade-correction .list-title div { padding: 12px; border-radius: 0 15px 15px 15px; text-align: center; font-family: "Dream Medium";}
.grade-correction .list-title div strong {font-size: 20px; letter-spacing: 1.5; color: #fff;}
.grade-correction .list-title .left {width: 300px; background-color: #007be2;}
.grade-correction .list-title .center { width: 800px; background-color: #2fa2f3; margin:0 50px; flex:1;}
.grade-correction .list-title .right {width: 300px; background-color: #22b2e9;}
.grade-correction ul.list-info > li {position: relative; display: flex; justify-content: space-between; margin-bottom: 72px; text-align: center;}
.grade-correction ul.list-info > li::before {content: ""; position: absolute; left: 50%; bottom: -56px; width: 39px; height: 42px; margin-left: -19.5px; background-image: url("../../images/sub/arrow-style2.png"); background-size: 100%; background-repeat: no-repeat; background-position: center;}
.grade-correction ul.list-info > li:last-child::before {display: none;}
.grade-correction ul.list-info > li > div {position: relative;}
.grade-correction ul.list-info > li > div::before {content: ""; position: absolute; width: 25px; height: 5px; right: -38px; top: 50%; margin-top: -2.5px; background-image: url("../../images/sub/correction-dots.png"); background-position: center; background-size: 100%; background-repeat: no-repeat;}
.grade-correction ul.list-info .left {width: 300px; padding: 0 20px; background-color: #eaf5ff; border: 1px solid #bcbcbc; border-radius: 0 15px 15px 15px;}
.grade-correction ul.list-info > li .left {display: flex; justify-content: center; align-items: center;}
.grade-correction ul.list-info .left span {display: inline-block; max-width: 150px; line-height: 1.5; letter-spacing: -0.025em; color: #222; font-family: "Dream Medium";}
.grade-correction ul.list-info .center {width: 800px; padding: 25px 58px; border: 1px solid #bcbcbc; border-radius: 0 15px 15px 15px; margin:0 50px; flex:1;}
.grade-correction ul.list-info .center ul li {position: relative; line-height: 1.5; letter-spacing: -0.025em; margin-bottom: 11px; color: #444; text-align: left;}
.grade-correction ul.list-info .center ul li:last-child {margin-bottom: 0;}
.grade-correction ul.list-info .center ul li::before {content: ""; position: absolute; left: -15px; top: 8px; width: 4px; height: 8px; background-color: #4b585f; transform: skew(-35deg, -7deg);}
.grade-correction ul.list-info .right {display: flex; justify-content: center; align-items: center; width: 300px; background-color: #f3f3f3; border: 1px solid #bcbcbc; border-radius: 0 15px 15px 15px;}
.grade-correction ul.list-info .right::before {display: none;}
.grade-correction ul.list-info .right span {font-size: 15px; line-height: 1.5; letter-spacing: -0.025em;}
@media (max-width: 1500px) {
  .grade-correction .list-title .left {width: 20%;}
  .grade-correction .list-title .center {width: 60%;}
  .grade-correction .list-title .right {width: 20%;}
  .grade-correction ul.list-info .left {width: 20%;}
  .grade-correction ul.list-info .center {width: 60%;}
  .grade-correction ul.list-info .right {width: 20%;}
}

@media (max-width: 768px) {
  /* grade-correction  */
  .grade-correction .list-title {margin-bottom: 20px;}
  .grade-correction .list-title div { padding: 10px;}
  .grade-correction .list-title div strong {font-size: 18px;}
  .grade-correction ul.list-info > li {margin-bottom: 62px;}
  .grade-correction ul.list-info > li::before {content: ""; position: absolute; left: 50%; bottom: -48.5px; width: 35px; height: 35px; margin-left: -17.5px; background-size: contain;}
  .grade-correction ul.list-info > li > div::before {display: none;}
  .grade-correction ul.list-info > li > div:last-child {margin-right: 0;}
  .grade-correction ul.list-info .left {padding: 0 5px;}
  .grade-correction ul.list-info .left span {font-size: 13px; max-width: 100%;}
  .grade-correction ul.list-info .center {padding: 20px 20px 20px 30px;}
  .grade-correction ul.list-info .center ul li {margin-bottom: 6px; font-size: 14px;}
  .grade-correction ul.list-info .center ul li::before {left: -10px; top: 7px; width: 3px; height: 7px; transform: skew(-35deg, -7deg);}
  .grade-correction ul.list-info .right {padding: 0 5px;}
  .grade-correction ul.list-info .right::before {display: none;}
  .grade-correction ul.list-info .right span {font-size: 13px;}

  .grade-correction .list-title .center {margin:0 20px;}
  .grade-correction ul.list-info .center {margin:0 20px;}
}


/* 부정근로 방지제도 */
.info-box1.denial-info {min-height:460px;}
.info-box1.denial-info .title p {font-family: 'Dream Medium'; text-align: right; padding-right: 20%;} 
.info-box1.denial-info .title p:first-child {margin-bottom: 0; text-align:left;}
.info-box1.denial-info .title p strong {font-size: 60px; line-height: 55px; letter-spacing: -.05em; color:#ff0101;}
.info-box1.denial-info .strong-color {color:#E30070;}
.denial-noti {position: relative; padding-top: 28px;}
.denial-noti ul {display: flex; margin:0 -30px;}
.denial-noti ul li {width:50%; text-align: center; display: flex; flex-direction: column; padding:0 30px;}
.denial-noti .box {border:1px solid #bcbcbc; flex:1; border-radius:15px 15px 0 0; border-bottom:0; padding:0 10px;}
.denial-noti .title {max-width:400px; width:100%; display: flex; height:55px; align-items: center; justify-content: center; background:#22B2E9; border-radius:0 15px 15px 15px; margin: 0 auto; margin-top:-28px}
.denial-noti .title p {font-size: 17px; font-family: 'Dream Regular'; letter-spacing: -.05em; color:#fff; }
.denial-noti .txt-box p {padding:55px 0; font-size: 16px; font-family: 'Dream Regular'; line-height: 28px; letter-spacing: -.05em; color:#222;}
.denial-noti .txt-box p i {display: block;}
.denial-noti .noti-box {text-align: center; padding:15px 10px; display: flex; align-items: center; justify-content: center; background:#01499A; border-radius:0 15px 15px 15px;}
.denial-noti .noti-box p {font-size: 17px; letter-spacing: -.05em; font-family: 'Dream Regular'; color:#fff;}
@media all and (max-width:1100px) {
  .info-box1.denial-info .title p {padding-right:0;}
  .denial-noti ul {display: flex; margin:0 -10px;}
  .denial-noti ul li {padding:0 10px;}
}
/* 이사장 인사 */
.chairman-wrap .greeting-text-box .title-box .title {padding-right:20px;}
.chairman-wrap .greeting-text-box .title-box .title i {text-align: left;}
.chairman-wrap .greeting-text-box .title-box .title i:last-child {text-align: right; padding-right:90px}
.chairman-wrap .greeting-text-box .info i {margin:35px 0;}
@media all and (max-width:1900px) {
  .greeting-text-box .title-box .title {font-size: 40px;}
  .chairman-wrap .greeting-text-box .title-box .title em {font-size: 40px;}
} 
@media all and (max-width:1200px) {
  .greeting-text-box .title-box .title {font-size: 30px;}
  .chairman-wrap .greeting-text-box .title-box .title em {font-size: 30px;}
}
@media all and (max-width:768px) {
  .chairman-wrap .greeting-text-box .title-box .title em {font-size: 25px;}
  .chairman-wrap .greeting-text-box .title-box .title i:last-child {padding-right: 20px;}
}


/* 병무행정 */
.military-administration { position: relative; } 
.military-administration .step-box-wrap ul { display: flex; justify-content: space-between; position: relative; max-width: 1372px; margin: 0 auto; height: 90px; } 
.military-administration .step-box-wrap ul::before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -0.5px; width: 100%; height: 1px; background-color: #bcbcbc; } 
.military-administration .step-box-wrap ul li { position: relative; text-align: center; font-size: 18px; color: #222; letter-spacing: -0.05em; line-height: 1.5; font-family: "Dream Medium"; } 
.military-administration .step-box-wrap ul li.step-box1 { margin-left: -3px; } 
.military-administration .step-box-wrap ul li.step-box2 { margin-left: 16px; } 
.military-administration .step-box-wrap ul li.step-box4 { margin-left: 7px; } 
.military-administration .step-box-wrap ul li.step-box5 { margin-right: -29px; } 
.military-administration .step-box-wrap ul li .text-wrap-top { margin-bottom: 40px; display: flex; justify-content: center;} 
.military-administration .step-box-wrap ul li::before { content: ""; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -17.5px; width: 30px; height: 34px; background-image: url("../../images/sub/military-hexagon.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; } 
.military-administration .step-box-wrap .text-wrap-top span,
.military-administration .step-box-wrap .text-wrap-top i { position: relative; top: -4px; } 
.military-administration .step-box-wrap .text-wrap-bottom {display: flex; justify-content: center;}
.military-administration .step-box-wrap .text-wrap-bottom span,
.military-administration .step-box-wrap .text-wrap-bottom i { position: relative; top: -2px; } 
.military-administration .step-box-wrap ul li i { color: #0070cf; } 
.military-administration .step-box-wrap ul li.step-box2 .text-wrap-top i { margin-right: 21px; } 
.military-administration .step-box-wrap ul li.step-box2 .text-wrap-bottom { margin-right: -12px; } 
.military-administration .step-box-wrap ul li.step-box2 .text-wrap-bottom i { margin-right: 10px; } 
/* info-box-wrap */
.military-administration .info-box-wrap { max-width: 1306px; margin: 0 auto; margin-top: 30px; } 
.military-administration ul.list-wrap .name-box span { font-size: 17px; line-height: 1.5; letter-spacing: -0.05em; text-align: center; color: #fff; } 
.military-administration ul.list-wrap { display: flex; justify-content: space-between; width: 100%; } 
.military-administration ul.list-wrap > li { width: calc((100% / 4) - 27px); } 
.military-administration ul.list-wrap .name-box { display: flex; justify-content: center; align-items: center; min-height: 55px; padding: 0 10px; color: #fff; } 
.military-administration ul.list-wrap .info-box { min-height: 85px; padding: 15px 38px; border: 1px solid #bcbcbc; } 
.military-administration ul.list-wrap .training-name .info-box { border-bottom: 0; } 
.military-administration ul.list-wrap .info-box { border-top: 0; } 
.military-administration ul.list-wrap .info-box li { position: relative; margin-bottom: 10px; font-size: 14px; line-height: 1.5; letter-spacing: -0.05em; } 
.military-administration ul.list-wrap .info-box li:last-child { margin-bottom: 0; } 
.military-administration ul.list-wrap .info-box li::before { content: ""; position: absolute; top: 5px; left: -7px; width: 2px; height: 10px; background-color: #4b585f; } 
.military-administration ul.list-wrap > li:nth-child(3) .training-name .info-box ul li:first-child { margin-bottom: 3px; } 
.military-administration ul.list-wrap > li:nth-child(3) .training-name .info-box ul li:last-child::before { display: none; } 
.military-administration ul.list-wrap .training-name .name-box { border-radius: 0 15px 0 0; background-color: #01499a; } 
.military-administration ul.list-wrap .related-services .info-box { border-radius: 0 0 15px 15px; } 
.military-administration ul.list-wrap .related-services .name-box { background-color: #22b2e9; } 

@media (max-width: 1500px){
  .military-administration .step-box-wrap { margin-right: 29px; } 
}

@media (max-width: 1320px){
  .military-administration ul.list-wrap > li { width: calc((100% / 4) - 15px); } 
  .military-administration ul.list-wrap .info-box { min-height: 105px; } 
}

@media (max-width: 920px){
  .military-administration ul.list-wrap { flex-wrap: wrap; } 
  .military-administration ul.list-wrap > li { margin-bottom: 40px; width: calc((100% / 2) - 5px); } 
  .military-administration ul.list-wrap > li:nth-last-child(-n + 2) { margin-bottom: 0; } 
  .military-administration .step-box-wrap ul li { font-size: 15px; } 
  .military-administration .step-box-wrap .text-wrap-top span,
  .military-administration .step-box-wrap .text-wrap-top i { top: 0; } 
  .military-administration .step-box-wrap ul li.step-box2 .text-wrap-bottom i { margin-right: 5px; } 
  .military-administration .step-box-wrap ul li.step-box2 .text-wrap-bottom { margin-right: 0; } 
  .military-administration .step-box-wrap ul li.step-box2 .text-wrap-top i { margin-right: 10px; } 
}

@media (max-width: 500px){
  .military-administration .noti-txt { font-size: 14px; } 
  .military-administration .inner { display: flex; justify-content: space-between; flex-wrap: nowrap; } 
  .military-administration .step-box-wrap { width: 20%; margin-right: 0; } 
  .military-administration .info-box-wrap { width: 75%; margin: 0; } 
  .military-administration .step-box-wrap ul { height: 100%; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap; } 
  .military-administration .step-box-wrap ul::before { top: 0; left: 50%; margin-left: -0.5px; width: 1px; height: 100%; } 
  .military-administration .step-box-wrap ul li { position: relative; width: 100%; margin-left: 0 !important; margin-right: 0 !important; height: 90px; font-size: 14px; background-color: #fff; z-index: 10; } 
  .military-administration .step-box-wrap ul .step-box2 { top: -30px; } 
  .military-administration .step-box-wrap ul .step-box3 { top: 0px; } 
  .military-administration .step-box-wrap ul .step-box4 { top: 30px; } 
  .military-administration ul.list-wrap > li { width: 100%; margin-bottom: 30px; } 
  .military-administration ul.list-wrap > li:nth-last-child(-n + 2) { margin-bottom: 30px; } 
  .military-administration ul.list-wrap > li:last-child { margin-bottom: 0; } 
  .military-administration .step-box-wrap ul li::before { top: 43px; } 
  .military-administration .step-box-wrap .text-wrap-top { position: absolute; left: 50%; top: 0; transform: translateX(-50%); margin-bottom: 0 !important; } 
  .military-administration .step-box-wrap .text-wrap-bottom { position: absolute; left: 50%; top: 65px; transform: translateX(-50%); margin-bottom: 0 !important; } 
  .military-administration .step-box-wrap .step-box4 .text-wrap-bottom { bottom: 80px; } 
  .military-administration .step-box-wrap .text-wrap-top span,
  .military-administration .step-box-wrap .text-wrap-top i { top: 0; } 
  .military-administration .step-box-wrap .text-wrap-bottom span,
  .military-administration .step-box-wrap .text-wrap-bottom i { top: 0; white-space: nowrap; } 
}

/* 국가장학금 - 모바일 앱 다운로드 */
.country-app {position: relative; border:1px solid #bcbcbc; overflow:hidden;}
.country-app::before {content:''; background: url('../../images/guide/para-banner-obj5.png') no-repeat center; width:225px; height:225px; position: absolute; right:-30px; bottom:-70px; opacity: 0.3;}
.country-app .inner {padding: 40px 100px 40px 40px}
.country-app .box {display: flex; justify-content: space-between;}
.country-app .box .left {flex:1; text-align: left;}
.country-app .icon {display: table-cell; vertical-align: middle; padding-right:40px;}
.country-app .icon .cover{background: url('../../images/guide/bg-icon-banner1.png') no-repeat center center; width:112px; height:112px; display: flex; align-items: center; justify-content: center;}
.country-app .icon .cover img {margin-left:12px;}
.country-app .desc {display: table-cell}
.country-app .desc strong {font-size: 18px; font-family: 'Dream Medium'; letter-spacing: -.05em; color:#0070CF;}
.country-app .desc p {font-size: 16px; line-height: 28px; letter-spacing: -.025em; font-family:'Dream Regular'; color:#444; }
.country-app .desc p i {display: block;}
.country-app .qr-box ul {display: flex; margin-left:30px; justify-content: flex-end;} 
.country-app .qr-box li {margin-left:30px;}
@media all and (max-width:1024px) {
  .country-app .box {display: block;}
  .country-app .qr-box {margin-top: 20px;}
}
@media all and (max-width:768px) {
  .country-app .inner {padding:40px;}
  .country-app .box {display: block;}
  .country-app .box .left {text-align:center;}
  .country-app .icon {display: block;  padding-right:0; margin-bottom: 20px;}
  .country-app .icon .cover {margin:0 auto;}
  .country-app .desc {display: block;}
  .country-app .qr-box ul{justify-content: center; margin-left:0;} 
  .country-app .qr-box li:first-child {margin-left: 0;}
}

/* 국가장학금 - 소득연계형 지급 절차 */
.national-scholarship .flex-box { display: flex; justify-content: space-between; } 
.national-scholarship .left-box { width: 120px; min-height: 100%; padding-top: 85px; display: flex; flex-direction: column;} 
.national-scholarship .left-box span { display: block; text-align: center; font-size: 14px; line-height: 1.5; letter-spacing: -0.05em; color: #fff; } 
.national-scholarship .left-box > div { display: flex; justify-content: center; align-items: center; padding: 0 10px; } 
.national-scholarship .left-box .student { height: 55px; border-radius: 0 15px 0 0; background-color: #01499a; } 
.national-scholarship .left-box .necessary-period { height: 126px; background-color: #4b585f; } 
.national-scholarship .left-box .detail { background-color: #8d8d8d; flex:1;} 
.national-scholarship .left-box .application-status { height: 55px; background-color: #22b2e9; border-radius: 0 0 15px 15px; } 
.national-scholarship .step-list-wrap { width: calc(100% - 150px); } 
.national-scholarship .step-list-wrap > ul { display: flex; justify-content: space-between; } 
.national-scholarship .step-list-wrap > ul > li.step { width: calc((100% / 6) - 25px); display: flex; flex-direction: column;} 
.national-scholarship .step-list-wrap .text-box { display: flex; justify-content: center; align-items: center; padding: 10px; font-size: 14px; letter-spacing: -0.05em; line-height: 1.5; text-align: center; } 
.national-scholarship .step-list-wrap .text-box1 { position: relative; min-height: 55px; margin-bottom: 30px; color: #222; background-color: #dedede; border-radius: 0 15px 15px 15px; } 
.national-scholarship .step-list-wrap .text-box1::after { content: ""; position: absolute; top: 50%; right: -21px; width: 12px; height: 20px; margin-top: -10px; background-image: url("../../images/sub/mini-arrow.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; } 
.national-scholarship .step-list-wrap .step6 .text-box1::after { display: none; } 
.national-scholarship .step-list-wrap .text-box1::before { content: ""; position: absolute; bottom: -27px; left: 50%; width: 5px; height: 25px; background-image: url("../../images/sub/dots-vertical.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; } 
.national-scholarship .step-list-wrap .text-box2 { min-height: 55px; background-color: #c6d7eb; border-radius: 0 15px 0 0; border: 1px solid #bcbcbc; } 
.national-scholarship .step-list-wrap .step1 .text-box2,
.national-scholarship .step-list-wrap .step1 .text-box5 { color: #0060cb; } 
.national-scholarship .step-list-wrap .text-box3 { min-height: 126px; background-color: #fff; border: 1px solid #bcbcbc; border-top: 0; } 
.national-scholarship .step-list-wrap .text-box4 { display: block; flex:1; height: calc(100% - 280px); min-height: 220px; padding: 11px 23px 11px 28px; border: 1px solid #bcbcbc; border-top: 0; text-align: left; } 
.national-scholarship .step-list-wrap .text-box4 ul li { position: relative; margin-bottom: 13px; font-size: 14px; letter-spacing: -0.05em; line-height: 1.5; } 
.national-scholarship .step-list-wrap .text-box4 ul li:last-child { margin-bottom: 0; } 
.national-scholarship .step-list-wrap .text-box4 ul li::before { content: ""; position: absolute; left: -5px; top: 5px; width: 2px; height: 10px; background-color: #22b2e9; } 
.national-scholarship .step-list-wrap .text-box5 { min-height: 55px; background-color: #d0f2ff; border: 1px solid #bcbcbc; border-top: 0; border-radius: 0 0 15px 15px; } 
.national-scholarship .step-list-wrap .step6 .text-box1 { border: 2px solid #22b2e9; background-color: #fff; } 
.national-scholarship .step-list-wrap .step6 .text-box1::before { bottom: -29px; } 
.national-scholarship .step-list-wrap .mobile-span { display: none; } 
.national-scholarship .noti-txt { margin-top: 17px; } 

@media (max-width: 1500px){
  .national-scholarship .left-box { width: 100px; display:flex; flex-direction:column;} 
  .national-scholarship .step-list-wrap { width: calc(100% - 110px); } 
  /* .national-scholarship .left-box .detail { height: calc(100% - 195px); }  */
  .national-scholarship .left-box .detail { flex:1;} 
  .national-scholarship .step-list-wrap > ul > li.step { width: calc((100% / 6) - 10px); display:flex; flex-direction: column;} 
  .national-scholarship .step-list-wrap .text-box4 {flex:1;}
  .national-scholarship .step-list-wrap .text-box::after { display: none; } 
}

@media (max-width: 1085px){
  .national-scholarship .step-list-wrap { width: 100%; } 
  .national-scholarship .step-list-wrap > ul { flex-wrap: wrap; } 
  .national-scholarship .step-list-wrap > ul > li.step { width: calc((100% / 2) - 10px); margin-bottom: 50px; } 
  .national-scholarship .left-box { display: none; } 
  .national-scholarship .step-list-wrap .mobile-span { display: flex; justify-content: center; align-items: center; text-align: center; font-size: 14px; line-height: 1.5; letter-spacing: -0.05em; color: #fff; } 
  .national-scholarship .step-list-wrap .text-box2 { border-radius: 0; } 
  .national-scholarship .step-list-wrap .text-box4 { height: calc(100% - 500px); padding: 20px 28px; min-height: auto; } 
  .national-scholarship .step-list-wrap .mobile-span.student { min-height: 55px; border-radius: 0 15px 0 0; background-color: #01499a; } 
  .national-scholarship .step-list-wrap .mobile-span.necessary-period { min-height: 55px; background-color: #4b585f; } 
  .national-scholarship .step-list-wrap .mobile-span.detail { min-height: 55px; background-color: #8d8d8d; } 
  .national-scholarship .step-list-wrap .mobile-span.application-status { min-height: 55px; background-color: #22b2e9; } 
  .national-scholarship .step-list-wrap > ul > li:nth-last-child(-n + 2) { margin-bottom: 0; } 
}
/* 국가장학금 - 국가장학금 지급 일정 */
.scholarship-table tbody td {font-size: 13px; padding:12px 7px;}


/* 학자금 대출 */
.step-box2.length4 li.arrow{width:50px;}
.step-box2 .main-box strong.font-dream {font-family: 'Dream Medium';}
@media all and (max-width:1024px) {
  .step-box2 li .txt-box p {font-size: 16px;}
}
@media all and (max-width:768px) {
  .step-box2.length4 li.arrow {width:100%;}
}

/* 학자금 중복지원 */
.student-loan {position: relative; margin-top: 25px;}
.student-loan ul {display: flex; justify-content: space-between; margin:0 -40px;}
.student-loan ul li {width:50%; text-align:center; padding:0 40px;}
.student-loan li > div { border:1px solid #bcbcbc; border-radius:0 0 15px 15px; overflow:hidden;}
.student-loan li .img-box{display: flex; height:365px; align-items: center; justify-content: center; padding:0 10px;}
.student-loan li .txt-box {padding:20px; border-top:1px solid #bcbcbc; background:#F8FDFF;}
.student-loan li .txt-box span {display: inline-block; font-size: 16px; line-height: 28px; letter-spacing: -.05em; font-family: 'Dream Regular'; color:#222;}

@media all and (max-width:1024px) {
  .student-loan ul {flex-wrap:wrap; margin:0}
  .student-loan ul li{width:100%; padding:0; margin-bottom:20px;}
  .student-loan ul li:last-child {margin-bottom: 0;}
}


/* 학자금 중복지원2 */
.student-loan2 {position: relative;}
.student-loan2 ul {display: flex; justify-content: center;} 
.student-loan2 li {width:33.3333%; display: flex; flex:1; border-radius:100px; justify-content: center; align-items: center; padding:30px 0; position: relative;}
.student-loan2 li p {text-align: center; color:#fff; font-size: 20px; line-height: 35px; letter-spacing: -.05em; font-family: 'Dream Medium';}
.student-loan2 li p span {display: block; font-size: 16px; letter-spacing: -.025em; line-height: 25px;}

.student-loan2 li:first-child {background: rgba(0,123,226,0.8);}
.student-loan2 li:nth-child(2) {background: rgba(47,162,243,0.8); margin:0 -75px;}
.student-loan2 li:nth-child(2)::after {content:'='; width:75px; height:100%; position: absolute; left:0; top:0; display: block; font-size: 30px;line-height: 35px; color:#fff; font-family: 'Dream Medium'; display: flex; align-items: center; justify-content: center;}
.student-loan2 li:nth-child(2)::before {content:'+'; width:75px; height:100%; position: absolute; right:0; top:0; z-index: 1; display: block; font-size: 30px;line-height: 35px; color:#fff; font-family: 'Dream Medium'; display: flex; align-items: center; justify-content: center;}
.student-loan2 li:last-child {background: rgba(34,178,233,0.8);}

@media all and (max-width:1200px) {
  .student-loan2 li:nth-child(2) {margin:0 -30px;}
  .student-loan2 li:nth-child(2)::after {width: 30px;}
  .student-loan2 li:nth-child(2)::before {width: 30px;}
} 
@media all and (max-width:1024px) {
  .student-loan2 ul {flex-wrap:wrap;}
  .student-loan2 li {width:100%; flex:unset; padding:40px 0;}
  .student-loan2 li:nth-child(2) {margin:-30px 0;}
  .student-loan2 li:nth-child(2)::after {width:100%; top:0px; height:30px;}
  .student-loan2 li:nth-child(2)::before {width:100%;bottom:0; top:unset; height:30px;}
}

/* 학생홍보단 젬스톤즈 */
.activity-photo1.gemstones-imgbox .img-box::after {border:1px solid #E8E8E8;}

.stroy-gemstones {position: relative;}
.stroy-gemstones ul {display: flex; justify-content: flex-start; margin:0 -37.5px; flex-wrap:wrap;}
.stroy-gemstones li {padding:0 37.5px; width:33.3333%; text-align: center; display: flex; margin-bottom: 50px;} 
.stroy-gemstones li .list {border:1px solid #DDDEE0; flex:1;}
.stroy-gemstones li .list .img-box {height:280px;}
.stroy-gemstones li .list .img-box img {width:100%; height:100%; object-fit: cover;}
.stroy-gemstones .content-box {}
.stroy-gemstones .title-box { margin-top:-32px; margin-bottom: 12px;}
.stroy-gemstones .title-box strong {font-size: 22px; font-family: 'Dream Medium'; line-height: 40px; padding:55px 0 0 0;letter-spacing: -.05em; color:#222;  background: #fff; width:calc(100% - 110px); display:block;  margin:0 auto; position: relative;}
.stroy-gemstones .txt-box {padding:0 32px;}
.stroy-gemstones .txt-box p {font-size: 16px; line-height: 28px; letter-spacing: -.025em; color:#333; padding-bottom: 40px;}

@media all and (max-width:1200px) {
  .stroy-gemstones ul {margin:0 -15px;}
  .stroy-gemstones li {padding:0 15px;}
}
@media all and (max-width:950px) {
  .stroy-gemstones li {width:50%; margin-bottom: 30px;}
}
@media all and (max-width:650px) {
  .stroy-gemstones li {width:100%; margin-bottom: 20px;}
  .stroy-gemstones .img-box {width:100%; height:280px;}
  .stroy-gemstones .img-box img {width:100%; height:100%; object-fit: cover;}
}

/* 중장기발전계획 */
.development-plan-title { text-align: center; } 
.development-plan-title strong { position: relative; display: inline-block; font-size: 26px; margin-bottom: 44px; color: #222; line-height: 1.5; letter-spacing: -0.05em; font-family: "Dream Medium"; } 
.development-plan-title strong::before { content: ""; position: absolute; left: -124px; top: 50%; transform: translateY(-50%); width: 98px; height: 28px; background-image: url("../../images/sub/baytree_left.png"); background-size: cover; background-position: center; } 
.development-plan-title strong:after { content: ""; position: absolute; right: -124px; top: 50%; transform: translateY(-50%); width: 98px; height: 28px; background-image: url("../../images/sub/baytree_right.png"); background-size: cover; background-position: center; } 
.development-plan-list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -75px; } 
.development-plan-list .list { display: flex; flex-direction: column; align-items: center; width: calc(100% / 3); padding: 0 75px; } 
.development-plan-list > li:nth-child(-n + 3) { margin-bottom: 58px; } 
.development-plan-list > li:nth-child(3) .circle .text-wrap strong{font-size: 20px;}
.development-plan-list .info-box-wrap { height: calc(100% - 240px); } 
.development-plan-list .list .circle { position: relative; width: 200px; height: 200px; padding-top: 31px; border-radius: 50%; } 
.development-plan-list .list.future-education .circle { background-color: #22b2e9; } 
.development-plan-list .list.student-success .circle { background-color: #e6378d; } 
.development-plan-list .list.local-network .circle { background-color: #c6d800; } 
.development-plan-list .list.education-system .circle { background-color: #a3a3a3; } 
.development-plan-list .list.sustainable .circle { background-color: #f0a021; } 
.development-plan-list .list .circle::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 215px; height: 215px; border-radius: 50%; border: 1px dashed #ddd; } 
.development-plan-list .list .circle .text-wrap { text-align: center; } 
.development-plan-list .list .circle .text-wrap span { position: relative; padding: 7px 0; font-size: 14px; line-height: 1.5; letter-spacing: -0.05em; color: #fff; font-family: "Dream Regular"; } 
.development-plan-list .list .circle .text-wrap span::before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: calc(100% + 5px); height: 1px; background-color: #fff; } 
.development-plan-list .list .circle .text-wrap span::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: calc(100% + 5px); height: 1px; background-color: #fff; } 
.development-plan-list .list .circle .text-wrap strong { display: block; margin-top: 25px; font-size: 22px; line-height: 30px; letter-spacing: -0.05em; color: #fff; font-family: "Dream Medium"; } 
.development-plan-list .list .info-box-wrap { position: relative; width: 100%; border: 1px solid #bcbcbc; padding: 10px; margin-top: 40px; border-radius: 0 15px 15px 15px; background-color: #fff; } 
.development-plan-list .list .info-box-wrap .info-box .info-title { display: flex; justify-content: center; align-items: center; position: relative; height: 55px; margin-bottom: 10px; font-size: 17px; letter-spacing: -0.05em; line-height: 1.5; color: #fff; text-align: center; padding: 0 10px; margin-top: 26px; border-radius: 0 15px 15px 15px; font-family: "Dream Medium"; } 
.development-plan-list .list.sustainable .info-box-wrap > div:nth-child(2) .info-title { margin-top: 51px; } 
.development-plan-list .list .info-box-wrap > div:first-child > .info-title { margin-top: 0; } 
.development-plan-list .list.future-education .info-box-wrap .info-title { background-color: #22b2e9; } 
.development-plan-list .list.student-success .info-box-wrap .info-title { background-color: #e6378d; } 
.development-plan-list .list.local-network .info-box-wrap .info-title { background-color: #c6d800; } 
.development-plan-list .list.education-system .info-box-wrap .info-title { background-color: #a3a3a3; } 
.development-plan-list .list.sustainable .info-box-wrap .info-title { background-color: #f0a021; } 
.development-plan-list .list .info-box-wrap::before { content: ""; position: absolute; top: -47px; left: 50%; margin-left: -0.5px; width: 1px; height: 100%; background-color: #bcbcbc; z-index: -1; } 
.development-plan-list .list.student-success .info-box-wrap > div:first-child > .info-title::before { content: ""; position: absolute; right: -93px; top: 50%; margin-top: -0.5px; width: 93px; height: 1px; background-color: #bcbcbc; } 
.development-plan-list .list.student-success .info-box-wrap > div:first-child > .info-title::after { content: "16개 전략과제 및 48개 실행과제"; position: absolute; right: -196px; top: -172px; font-size: 18px; margin-top: -0.5px; letter-spacing: -0.05em; line-height: 1.5; color: #0070cf; font-family: "Dream Medium"; } 
.development-plan-list .list.local-network .info-box-wrap > div:first-child > .info-title::before { content: ""; position: absolute; left: -80px; top: 113px; width: 90px; height: 1px; background-color: #bcbcbc; } 
.development-plan-list .list.local-network .info-box-wrap > div:first-child > .info-title::after { content: ""; position: absolute; left: -80px; top: -146px; width: 1px; height: 260px; background-color: #bcbcbc; } 
.development-plan-list .list .info-box-wrap ul { position: relative; padding-left: 4px; } 
.development-plan-list .list .info-box-wrap ul li .development-plan-list .list .info-box-wrap ul li { letter-spacing: -0.025em; line-height: 1.5; color: #444; } 
.development-plan-list .list .con-list1 > ul > li { padding-left: 28px; padding-right: 20px; } 
.development-plan-list .list .con-list1 > ul > li.title::before { left: 10px; } 
.development-plan-list .list .info-box-wrap > div:first-child::before { content: ""; position: absolute; left: 50%; top: -48px; transform: translate(-50%); width: 22px; height: 22px; border-radius: 50%; background-color: #fff; } 
.development-plan-list .list .info-box-wrap > div:first-child::after { content: ""; position: absolute; left: 50%; top: -44px; transform: translate(-50%); width: 14px; height: 14px; border-radius: 50%; background-color: #e6378d; } 
.development-plan-list .list.future-education .text-wrap { position: relative; } 
.development-plan-list .list.future-education .text-wrap::before { content: ""; position: absolute; right: -92px; top: 70px; width: 84px; height: 1px; background-color: #bcbcbc; } 
.development-plan-list .list.future-education .text-wrap::after { content: "5대 발전전략"; position: absolute; right: -196px; top: 55px; font-size: 18px; letter-spacing: -0.05em; line-height: 1.5; color: #0070cf; font-family: "Dream Medium"; } 
.development-plan-list .list.future-education .info-box-wrap > div::after { background-color: #22b2e9; } 
.development-plan-list .list.student-success .info-box-wrap > div::after { background-color: #e6378d; } 
.development-plan-list .list.local-network .info-box-wrap > div::after { background-color: #c6d800; } 
.development-plan-list .list.education-system .info-box-wrap > div::after { background-color: #a3a3a3; } 
.development-plan-list .list.sustainable .info-box-wrap > div::after { background-color: #f0a021; } 

@media (max-width: 1300px){
  .development-plan-list .list.future-education .text-wrap::before { width: 35px; right: -43px; } 
  .development-plan-list .list.future-education .text-wrap::after { font-size: 16px; right: -134px; top: 56px; } 
  .development-plan-list .list.student-success .info-box-wrap > div:first-child > .info-title::after { font-size: 16px; right: -183px; top: -170px; } 
}

@media (max-width: 1100px){
  .development-plan-list { margin: 0 -15px; } 
  .development-plan-list .list { width: calc(100% / 2); padding: 0 15px; } 
  .development-plan-list > li { margin-bottom: 40px; } 
  .development-plan-list > li:nth-child(-n + 3) { margin-bottom: 40px; } 
  .development-plan-list > li:last-child { margin-bottom: 0; } 
  .development-plan-list .list.student-success .info-box-wrap > div:first-child > .info-title::before { display: none; } 
  .development-plan-list .list.local-network .info-box-wrap > div:first-child > .info-title::before { display: none; } 
  .development-plan-list .list.student-success .info-box-wrap > div:first-child > .info-title::after { display: none; } 
  .development-plan-list .list.future-education .text-wrap::after { display: none; } 
  .development-plan-list .list.future-education .text-wrap::before { display: none; } 
}

@media (max-width: 768px){
  .development-plan-title strong { font-size: 24px; margin-bottom: 37px; } 
  .development-plan-title strong::before { left: -94px; width: 80px; height: 80px; background-size: contain; background-repeat: no-repeat; } 
  .development-plan-title strong::after { right: -94px; width: 80px; height: 80px; background-size: contain; background-repeat: no-repeat; } 
  .development-plan-list { flex-direction: column; align-items: center; margin: 0; } 
  .development-plan-list .list { width: 100%; padding: 0; } 
  .development-plan-list > li:nth-child(-n + 3) { margin-bottom: 58px; } 
  .development-plan-list .info-box-wrap { height: auto; } 
  .development-plan-list .list .circle { width: 180px; height: 180px; padding-top: 25px; } 
  .development-plan-list .list .circle::before { width: 195px; height: 195px; } 
  .development-plan-list .list .circle .text-wrap span { padding: 5px 0; font-size: 14px; } 
  .development-plan-list .list .circle .text-wrap strong { margin-top: 20px; font-size: 20px; } 
  .development-plan-list .list .info-box-wrap { padding: 10px; } 
  .development-plan-list .list .info-box-wrap .info-title { height: 50px; margin-bottom: 7px; font-size: 16px; } 
  .development-plan-list .list .info-box-wrap ul { padding-left: 4px; } 
  .development-plan-list .list .info-box-wrap ul li { font-size: 15px; } 
}
@media (max-width: 500px){
  .development-plan-list .list.future-education .text-wrap::after { width: 80px; font-size: 15px; right: -100px; } 
}

/* 현장실습신청 */
/* content1 */
.org-wrap5 {position: relative;}
.org-wrap5 .inner {display: flex; justify-content: center; }
.org-wrap5 .inner > div {width:33.3333%; max-width:360px; margin:0 45px;}
.org-wrap5 .inner > div .org-top-top {font-size: 22px; font-family: 'Dream Medium'; letter-spacing: -.05em;}
.org-wrap5 .org-content1 {position: relative;}
.org-wrap5 .org-content1::before {content:''; width:1px; height:calc(100% - 20px); position: absolute; left:50%; top:20px; background: #bcbcbc; margin-left: -1px;}
.org-wrap5 .org-content1 .org-top-top {padding-bottom:213px; position: relative;}
.org-wrap5 .org-content1 .org-top-top::after {content:''; position: absolute; bottom:0; left:0; width:100%; height: calc(100% - 216px); background: url('../../images/sub/mini-arrow-vertical.png') no-repeat center;}
.org-wrap5 .org-content1 .middle {padding-bottom:32px; position: relative;}
.org-wrap5 .org-content1 .middle::after {content:''; width:100%; height:calc(100% - 55px); position: absolute; bottom:0; left:0; background: url('../../images/sub/mini-arrow-vertical.png') no-repeat center;}
.org-wrap5 .org-content1 .middle2 {padding-bottom:32px; position: relative;}
.org-wrap5 .org-content1 .middle2::before {content:''; width:100%; height:1px; background:#bcbcbc; position: absolute; top:28px; left:100%;}
.org-wrap5 .org-content1 .middle2::after {content:''; width:100%; height:calc(100% - 55px); position: absolute; bottom:0; left:0; background: url('../../images/sub/mini-arrow-vertical.png') no-repeat center;}
.org-wrap5 .org-content1 .middle2 p {position: relative;}
.org-wrap5 .org-content1 .middle2 p::before {content:''; width:20px; height:12px; background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center; transform:rotate(90deg); transform-origin: center; position: absolute; top:50%; margin-top:-6px; left:104%;}
.org-wrap5 .org-content1 .middle2 p::after {content:''; width:20px; height:12px; background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center; transform:rotate(-90deg); transform-origin: center; position: absolute; top:50%; margin-top:-6px; left:100%; margin-left:40px;}
.org-wrap5 .org-content1 .org-top1 {width:216px; height:216px; border:1px dashed #DEDEDE; border-radius:50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.org-wrap5 .org-content1 .org-top1 p {width:200px; height:200px; background:#01499A; border-radius:50%; display: flex; align-items: center; justify-content: center; color:#fff; position: relative;}
.org-wrap5 .org-content1 .org-top1 p span {position: relative; padding-top: 40px;}
.org-wrap5 .org-content1 .org-top1 p span::after {content:''; width:34px; height:34px; position: absolute; left:50%; margin-left:-16px; top:0; background: url('../../images/sub/org5-icon1.png') no-repeat center;}
.org-wrap5 .org-content1 .org-top1 p::after {content:''; width:22px; height:22px; background:#01499A; border:4px solid #fff; position: absolute; bottom:-15px; left:50%; margin-left:-11px; border-radius:50%;}
.org-wrap5 .org-content1 .org-box {max-width:360px; background:#01499A; border-radius:0 15px 15px 15px; margin:0 auto;position: relative; z-index: 1;}
.org-wrap5 .org-content1 .org-box p {color:#fff; font-size: 17px; line-height: 35px; letter-spacing: -.05em; font-family: 'Dream Regular'; text-align: center; padding:10px 0; }
.org-wrap5 .org-content1 .mobile-org-box {display: none;}
.org-wrap5 .org-content1 .org-transparent {height:55px;position: relative; }
.org-wrap5 .org-content1 .org-transparent.trans1 {padding-bottom: 175px;}
.org-wrap5 .org-content1 .org-transparent.trans1::after {content:''; width:100%; height:calc(100% - 55px); position: absolute; left:0; bottom:0; background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center;;}
.org-wrap5 .org-content1 .org-transparent.trans2 {padding-bottom: 87px;}
.org-wrap5 .org-content1 .org-transparent.trans2::after {content:''; width:100%; height:calc(100% - 55px); position: absolute; left:0; bottom:0; background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center;;}
.org-wrap5 .org-content1 .box {max-width:360px; margin:0 auto; padding-bottom:32px; position: relative;}
.org-wrap5 .org-content1 .box::after {content:''; width:100%; height:32px; background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center; position: absolute; left:0; bottom:0;}
.org-wrap5 .org-content1 .box .org-box {border-radius:0 15px 0 0;}
.org-wrap5 .org-content1 .box ul {border:1px solid #bcbcbc; border-radius:0 0 15px 15px; background:#fff; position: relative; padding:15px;}
.org-wrap5 .org-content1 .box li {font-size: 16px; font-family: 'Dream Regular'; color:#333; letter-spacing: -.025em; line-height: 22px; text-align: center;}
/* content1 end */

/* content2 */
.org-wrap5 .org-content2 {}
.org-wrap5 .org-content2::before {content:''; width:1px; height: calc(100% - 20px); position: absolute; left:50%; top:20px; background: #bcbcbc; margin-left: -1px;}
.org-wrap5 .org-content2 .org-top-top {padding-bottom:40px; position: relative;}
.org-wrap5 .org-content2 .org-top-top::before {content:''; width:100%; height:calc(100% - 216px); position: absolute; bottom:0; left:0; background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center;}
.org-wrap5 .org-content2 .org-top2 {width:216px; height:216px; border:1px dashed #DEDEDE; border-radius:50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.org-wrap5 .org-content2 .org-top2 p {width:200px; height:200px; background:#22B2E9; border-radius:50%; display: flex; align-items: center; justify-content: center; color:#fff; position: relative;}
.org-wrap5 .org-content2 .org-top2 p::after {content:''; width:22px; height:22px; background:#22B2E9; border:4px solid #fff; position: absolute; bottom:-15px; left:50%; margin-left:-11px; border-radius:50%;}
.org-wrap5 .org-content2 .org-top2 p span {position: relative; padding-top: 40px;}
.org-wrap5 .org-content2 .org-top2 p span::after {content:''; width:34px; height:34px; position: absolute; left:50%; margin-left:-16px; top:0; background: url('../../images/sub/org5-icon2.png') no-repeat center;}
.org-wrap5 .org-content2 .org-box {max-width:360px; background:#22B2E9; border-radius:0 15px 15px 15px; margin:0 auto;position: relative; z-index: 1;}
.org-wrap5 .org-content2 .org-padding {padding-bottom:32px; position: relative; max-width:360px; margin: 0 auto;}
.org-wrap5 .org-content2 .org-padding::after {content:''; width:100%; height:calc(100% - 55px); background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center; position: absolute; left:0; bottom:0;}
.org-wrap5 .org-content2 .org-box p {color:#fff; font-size: 17px; line-height: 35px; letter-spacing: -.05em; font-family: 'Dream Regular'; text-align: center; padding:10px 0;}
.org-wrap5 .org-content2 .org-box.gray {background:#9f9f9f;}
.org-wrap5 .org-content2 .box {max-width:360px; margin: 0 auto;}
.org-wrap5 .org-content2 .box::after {height:32px;}
.org-wrap5 .org-content2 .box .org-box {border-radius:0 15px 0 0;}
.org-wrap5 .org-content2 .box ul {border:1px solid #bcbcbc; border-radius:0 0 15px 15px; background:#fff; position: relative; padding:15px;}
.org-wrap5 .org-content2 .box li {font-size: 16px; font-family: 'Dream Regular'; color:#333; letter-spacing: -.025em; line-height: 22px; text-align: center;}
.org-wrap5 .org-content2 .org-after {}
.org-wrap5 .org-content2 .org-after .org-padding{position:static;}
.org-wrap5 .org-content2 .org-after .org-padding::after {display: none;}
.org-wrap5 .org-content2 .org-after .org-box {position: absolute;}
.org-wrap5 .org-content2 .org-after .org-padding{padding-bottom:87px;}
.org-wrap5 .org-content2 .org-after.after1 .org-box{width:63.3333%; right:0; max-width:unset;}
.org-wrap5 .org-content2 .org-after.after1::after{content:''; width:100%; height:32px; background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center; position: absolute; left:0; transform: translateY(-32px);}
.org-wrap5 .org-content2 .org-after.after2 .org-box{width:100%; right:0; max-width:unset;}
.org-wrap5 .org-content2 .org-after.after2 .org-box::after {content:''; width:100%; height:32px; background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center; position: absolute; bottom:-32px;}
.org-wrap5 .org-content2 .org-after.after3 .org-box{width:100%; right:0; max-width:unset;}
.org-wrap5 .org-content2 .org-after.after3 .org-box::after {content:''; width:100%; height:32px; background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center; position: absolute; bottom:-32px;}
.org-wrap5 .org-content2 .org-after.after4 {padding-bottom:55px;}
.org-wrap5 .org-content2 .org-after.after4 .org-box{width:100%; right:0; max-width:unset;}
/* content2 end */
/* content3 */
.org-wrap5 .org-content3 {position: relative;}
.org-wrap5 .org-content3::before {content:''; width:1px; height: calc(100% - 20px); position: absolute; left:50%; top:20px; background: #bcbcbc; margin-left: -1px;}
.org-wrap5 .org-content3 .org-top-top {padding-bottom:125px; position: relative;}
.org-wrap5 .org-content3 .org-top-top::after {content:''; position: absolute; bottom:0; left:0; width:100%; height: calc(100% - 216px); background: url('../../images/sub/mini-arrow-vertical.png') no-repeat center;}
.org-wrap5 .org-content3 .org-top3 {width:216px; height:216px; border:1px dashed #DEDEDE; border-radius:50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.org-wrap5 .org-content3 .org-top3 p {width:200px; height:200px; background:#E6378D; border-radius:50%; display: flex; align-items: center; justify-content: center; color:#fff; position: relative;}
.org-wrap5 .org-content3 .org-top3 p::after {content:''; width:22px; height:22px; background:#E6378D; border:4px solid #fff; position: absolute; bottom:-15px; left:50%; margin-left:-11px; border-radius:50%;}
.org-wrap5 .org-content3 .org-top3 p span {position: relative; padding-top: 40px;}
.org-wrap5 .org-content3 .org-top3 p span::after {content:''; width:34px; height:34px; position: absolute; left:50%;margin-left:-16px; top:0; background: url('../../images/sub/org5-icon3.png') no-repeat center;}
.org-wrap5 .org-content3 .org-box {max-width:360px; background:#E6378D; border-radius:0 15px 15px 15px; margin:0 auto;position: relative; z-index: 1;}
.org-wrap5 .org-content3 .org-box p {color:#fff; font-size: 17px; line-height: 35px; letter-spacing: -.05em; font-family: 'Dream Regular'; text-align: center; padding:10px 0;}
.org-wrap5 .org-content3 .mobile-org-box {display: none;}
.org-wrap5 .org-content3 .middle {padding-bottom: 120px; position: relative;}
.org-wrap5 .org-content3 .middle::after {content:''; width:100%; height:calc(100% - 55px); background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center; position: absolute; left:0; bottom:0;}
.org-wrap5 .org-content3 .org-transparent {height:55px;}
.org-wrap5 .org-content3 .org-transparent.trans1 {padding-bottom:87px; position: relative;}
.org-wrap5 .org-content3 .org-transparent.trans1::after {content:''; width:100%; height:calc(100% - 55px); position: absolute; left:0; bottom:0; background: url('../../images/sub/mini-arrow-vertical.png') no-repeat center;}
.org-wrap5 .org-content3 .org-transparent.trans2 {padding-bottom:175px; position: relative;}
.org-wrap5 .org-content3 .org-transparent.trans2::after {content:''; width:100%; height:calc(100% - 55px); position: absolute; left:0; bottom:0; background: url('../../images/sub/mini-arrow-vertical.png') no-repeat center;}
.org-wrap5 .org-content3 .org-transparent.trans3 {padding-bottom:87px; position: relative;}
.org-wrap5 .org-content3 .org-transparent.trans3::after {content:''; width:100%; height:calc(100% - 55px); position: absolute; left:0; bottom:0; background: url('../../images/sub/mini-arrow-vertical.png') no-repeat center;}
.org-wrap5 .org-content3 .box {max-width:360px; margin: 0 auto; padding-bottom: 32px; position: relative;}
.org-wrap5 .org-content3 .box::after {content:''; width:100%; height:32px; background:url('../../images/sub/mini-arrow-vertical.png') no-repeat center; position: absolute; left:0; bottom:0;}
.org-wrap5 .org-content3 .box .org-box {border-radius:0 15px 0 0;}
.org-wrap5 .org-content3 .box ul {border:1px solid #bcbcbc; border-radius:0 0 15px 15px; background:#fff; position: relative; padding:15px;}
.org-wrap5 .org-content3 .box li {font-size: 16px; font-family: 'Dream Regular'; color:#333; letter-spacing: -.025em; line-height: 22px; text-align: center;}
/* content3 end */
@media (max-width:1400px) {
  .org-wrap5 .org-content1 .middle2 p::after {margin-left:55px;}
}
@media (max-width:1100px) {
  .org-wrap5 .org-content1 .middle2 p::after {margin-left:50px;}
}

@media all and (max-width:950px) {
  .org-wrap5 .inner {flex-wrap:wrap; justify-content: center;}
  .org-wrap5 .inner > div {width:50%; padding:0 45px; margin:unset; max-width: unset; margin-bottom:30px}
  .org-wrap5 .org-content1 .middle2 p::after {margin-left:60px;}
  .org-wrap5 .org-content2 {position: relative;}
  .org-wrap5 .org-content2 .org-after {position: relative;}
  .org-wrap5 .org-content2 .org-after .org-padding {position: relative;}
  .org-wrap5 .org-content2 .org-after .org-padding .org-box {width:100%; }
  .org-wrap5 .org-content2 .org-after .org-box {width:100%;}
  .org-wrap5 .org-content2 .org-box p{height: auto;}
  .org-wrap5 .org-content2::before{height: calc(100% - 100px);}
  .org-wrap5 .org-content1 .org-box p{height: auto;}
  .org-wrap5 .org-content1 .mobile-org-box {display: block;}
  .org-wrap5 .org-content1::before{height: calc(100% - 270px);}
  .org-wrap5 .org-content3 {}
  .org-wrap5 .org-content3 .org-box p{height: auto;}
  .org-wrap5 .org-content3 .mobile-org-box {display: block;}
  .org-wrap5 .org-content1 .org-box.gray {background:#9F9F9F;}
  .org-wrap5 .org-content3 .org-box.gray {background:#9F9F9F;}
  .org-wrap5 .org-content2 .org-after .org-box {position: relative;}
}
@media all and (max-width:650px) {
  .org-wrap5 .inner > div {width:100%;}
  .org-wrap5 .org-content1::before {display: none;}
  .org-wrap5 .org-content1 .content1-inner {position: relative;}
  .org-wrap5 .org-content1 .content1-inner::before {content:''; width:1px; height:calc(100% - 20px); position: absolute; left:50%; top:20px; background: #bcbcbc;}
  .org-wrap5 .org-content1 .org-top-top {padding-bottom:32px;}
  .org-wrap5 .org-content1 .middle {padding-bottom:32px;}
  .org-wrap5 .org-content1 .org-transparent {height:auto;}
  .org-wrap5 .org-content1 .org-transparent.trans1 {padding-bottom:32px}
  .org-wrap5 .org-content1 .org-transparent.trans2 {padding-bottom:32px;}
  .org-wrap5 .org-content2 .org-after .org-padding {padding-bottom: 32px;}
  .org-wrap5 .org-content3 .org-top-top {padding-bottom: 32px;}
  .org-wrap5 .org-content3 .middle {padding-bottom: 32px;}
  .org-wrap5 .org-content3 .org-transparent {height:auto;}
  .org-wrap5 .org-content3 .org-transparent.trans1 {padding-bottom: 32px;}
  .org-wrap5 .org-content3 .org-transparent.trans2 {padding-bottom: 32px;}
  .org-wrap5 .org-content3 .org-transparent.trans3 {padding-bottom: 32px;}

  .org-wrap5 .org-content1 .middle2::before {display:none;}
  .org-wrap5 .org-content1 .middle2 p::before {display:none;}
  .org-wrap5 .org-content1 .middle2 p::after {display:none;}
}

/* 비전 */
.vision-wrap {position: relative;}
.vision-wrap .img-box {position: relative;}
.vision-wrap .img-box::after {content:''; top:10px; left:10px; bottom:10px; right:10px; border:1px solid rgba(255,255,255,0.5); position: absolute;}
.vision-wrap .txt-box {margin:0 50px;}
.vision-wrap .title-box {text-align: center; padding-top: 50px; max-width:1200px; margin:-80px auto 0 auto; background: #fff; position: relative;}
.vision-wrap .title-box::before {content:'VISION';position: absolute; left:50.5%; font-size: 60px; line-height: 36px; letter-spacing: -.05em; font-family: 'Gmarket Bold'; color:rgba(0,0,0,0.1); transform:translateX(-50%);}
.vision-wrap .title-box strong{font-size: 40px; line-height: 50px; letter-spacing: -.05em; font-style: italic; font-family: 'Dream Medium'; color:#222; position: relative; padding:8px 130px; display: inline-block;}
.vision-wrap .title-box strong::after {content:''; width:72px; height:55px; background: url('../../images/sub/dot_right.png') no-repeat center; position: absolute; right:0; bottom:0;}
.vision-wrap .title-box strong::before {content:''; width:72px; height:55px; background: url('../../images/sub/dot_left.png') no-repeat center; position: absolute; left:0; top:0;}
.vision-wrap .title-box strong span {color:#E6378D;}
.vision-wrap .icon-box {text-align: center; margin-top: 40px;}
.vision-wrap .txt {font-size: 34.89px; letter-spacing: -.05em; line-height: 49.85px; font-family: 'Dream Medium'; text-align: center; margin-top: 5px;}

@media all and (max-width:1024px) {
  .vision-wrap .title-box {margin-top:-30px;}
  .vision-wrap .title-box strong {font-size: 30px; padding: 8px 50px;}
  .vision-wrap .title-box strong::before {width: 45px; height: 35px; background-size:cover;}
  .vision-wrap .title-box strong::after {width: 45px; height: 35px; background-size:cover;}
}
@media all and (max-width:768px) {
  .vision-wrap .title-box {margin-top:-55px;}
  .vision-wrap .img-box {height: 300px;}
  .vision-wrap .img-box img {height:100%; object-fit: cover;}
  .vision-wrap .title-box strong {font-size: 20px;}
  .vision-wrap .txt {font-size: 20px;}
  .vision-wrap .title-box strong::before{width: 40px; height: 30px;}
  .vision-wrap .title-box strong::after{width: 40px; height: 30px;}
}
@media all and (max-width:650px) {
  .vision-wrap .title-box {margin-top:-33px;}
  .vision-wrap .img-box {height: 250px;}
  .vision-wrap .txt-box {margin:0 20px;}

}

/* 혁신사업 */
.innovation-business .section1 .target { display: flex; justify-content: space-between; margin: 0 -25px 100px; } 
.innovation-business .section1 .target .name-box { position: relative; display: flex; justify-content: center; align-items: center; width: 250px; height: 70px; font-size: 20px; color: #fff; line-height: 1.5; letter-spacing: -0.05em; background-color: #22b2e9; border-radius: 0 15px 15px 15px; margin: 0 25px; font-family: "Dream Medium"; } 
.innovation-business .section1 .target .name-box::before { content: ""; position: absolute; right: -37px; top: 50%; margin-top: -2.5px; width: 25px; height: 5px; background-image: url("../../images/sub/dots.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; } 
.innovation-business .section1 .target .info-box { display: flex; justify-content: center; align-items: center; width: 1200px; height: 70px; border: 1px solid #bcbcbc; font-size: 18px; padding: 10px; color: #222; background-color: #eaf5ff; border-radius: 0 15px 15px 15px; line-height: 1.5; letter-spacing: -0.05em; text-align: center; margin: 0 25px; font-family: "Dream Medium"; } 
.innovation-business .section1 ul { display: flex; position: relative; margin: 0 -37.5px; } 
.innovation-business .section1 ul li { position: relative; width: calc(100% / 3); padding: 0 37.5px; } 
.innovation-business .section1 ul::before { content: ""; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); width: 66.7%; height: 1px; background-color: #bcbcbc; } 
.innovation-business .section1 ul li:nth-child(2)::before { content: "대내외 환경 변화"; position: absolute; width: 170px; top: -61px; left: 50%; transform: translateX(-50%); text-align: center; letter-spacing: -0.025em; line-height: 1.5; z-index: 1; background-color: #fff;  color:#333;} 
.innovation-business .section1 ul li:first-child::before,
.innovation-business .section1 ul li:last-child::before { content: ""; position: absolute; top: -50px; left: 50%; margin-left: -0.5px; width: 1px; height: 50px; background-color: #bcbcbc; } 
.innovation-business .section1 ul li .list-box { display: flex; justify-content: center; align-items: center; min-height: 133px; padding: 20px 15px; margin-bottom: 15px; text-align: center; border: 2px solid #019ad4; border-radius: 0 15px 15px 15px; } 
.innovation-business .section1 ul li .list-box strong { display: block; margin-bottom: 12px; line-height: 1.5; letter-spacing: -0.025em; } 
.innovation-business .section1 ul li .list-box p { font-size: 14px; color: #666; line-height: 1.5; letter-spacing: -0.05em; } 
.innovation-business .section1 ul li > p { font-size: 18px; text-align: center; line-height: 30px; letter-spacing: -0.05em; color: #222; font-family: "Dream Medium"; } 

/****** section2 ********/
.innovation-business .section2 .blub-img-box { margin: 44px 0 30px; text-align: center; } 
.innovation-business .section2 .img-box { text-align: center; } 
.innovation-business .section2 .top-text { display: flex; justify-content: center; align-items: center; position: relative; height: 55px; font-size: 17px; padding: 10px; text-align: center; letter-spacing: -0.05em; line-height: 1.5; color: #fff; background-color: #22b2e9; border-radius: 0 15px 15px 15px; margin-bottom: 48px; } 
.innovation-business .section2 .question { position: relative; padding-left: 60px; margin-bottom: 40px; text-align: center; letter-spacing: -0.025em; line-height: 1.5; color: #222; } 
.innovation-business .section2 .question::before { content: ""; position: absolute; top: -28px; left: 0; width: 100%; height: 2px; background-color: #000; } 
.innovation-business .section2 .question p { position: relative; display: inline-block; } 
.innovation-business .section2 .question p::before { content: ""; position: absolute; width: 40px; height: 40px; left: -55px; top: -7px; background-image: url("../../images/sub/question-mark_icon.png"); background-position: center; background-size: 100%; background-repeat: no-repeat; } 
.innovation-business .section2 ul.directional { display: flex; margin: 0 -37.5px; margin-bottom: 30px; } 
.innovation-business .section2 ul.directional li { position: relative; width: calc(100% / 3); padding: 0 37.5px; } 
.innovation-business .section2 ul.directional li .name-box { display: flex; justify-content: center; align-items: center; text-align: center; padding: 10px; min-height: 55px; font-size: 17px; letter-spacing: -0.05em; line-height: 1.5; background-color: #01499a; border-radius: 0 15px 0 0; color: #fff; } 
.innovation-business .section2 ul.directional li .name-box strong {color:#fff;}
.innovation-business .section2 ul.directional li .info-box { border: 1px solid #bcbcbc; border-radius: 0 0 15px 15px; text-align: center; } 
.innovation-business .section2 ul.directional li .top-box { position: relative; width: 100%; margin-bottom: 50px; } 
.innovation-business .section2 ul.directional li .top-box::before { content: ""; position: absolute; left: 50%; bottom: -30px; margin-left: -0.5px; width: 1px; height: 30px; background-color: #bcbcbc; } 
.innovation-business .section2 ul.directional li .top-box .info-box { height: calc(100% - 258px); letter-spacing: -0.025em; line-height: 1.5; } 
.innovation-business .section2 ul.directional li .top-box .info-box::after { content: ""; display: block; clear: both; } 
.innovation-business .section2 ul.directional li .top-box .info-box .img-box { float: left; position: relative; width: 31.3%; height: 100px; } 
.innovation-business .section2 ul.directional li .top-box .info-box .img-box::before { content: ""; position: absolute; right: 0; top: 50%; margin-top: -38px; width: 74px; height: 70px; background-size: 100%; background-repeat: no-repeat; background-position: center; } 
.innovation-business .section2 ul.directional li.learning-environment .top-box .info-box .img-box::before { background-image: url("../../images/sub/policy_icon_1-1.png"); } 
.innovation-business .section2 ul.directional li.student-support .top-box .info-box .img-box::before { background-image: url("../../images/sub/policy_icon_1-2.png"); } 
.innovation-business .section2 ul.directional li.industry .top-box .info-box .img-box::before { background-image: url("../../images/sub/policy_icon_1-3.png"); } 
.innovation-business .section2 ul.directional li .top-box .info-box p { float: left; padding: 26px 0; margin-left: 18px; width: 50%; } 
.innovation-business .section2 ul.directional li .bottom-box-list { position: relative; display: flex; justify-content: space-between; margin: 0 -25px; } 
.innovation-business .section2 ul.directional li .bottom-box-list::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -21px; width: 50.1%; height: 1px; background-color: #bcbcbc; } 
.innovation-business .section2 ul.directional li .bottom-box-list::before { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; background-image: url("../../images/sub/plus_icon.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; } 
.innovation-business .section2 ul.directional li .bottom-box { position: relative; width: calc(100% / 2); padding: 0 25px; } 
.innovation-business .section2 ul.directional li .bottom-box::before { content: ""; position: absolute; left: 50%; top: -20px; margin-left: -0.5px; width: 1px; height: 20px; background-color: #bcbcbc; } 
.innovation-business .section2 ul.directional li .bottom-box .info-box { display: flex; justify-content: center; align-items: center; min-height: 98px; padding: 5px; font-size: 14px; line-height: 1.5; letter-spacing: -0.025em; } 
.innovation-business .section2 ul.directional li .bottom-box .info-box p { max-width: 130px; font-size: 14px; letter-spacing: -0.025em; line-height: 1.5; color: #333;} 
.innovation-business .section2 ul.innovation-strategy { display: flex; margin: 0 -30px; margin-bottom: 30px; } 
.innovation-business .section2 ul.innovation-strategy li { width: calc(100% / 4); padding: 0 30px; } 
.innovation-business .section2 ul.innovation-strategy li .name-box { display: flex; justify-content: center; align-items: center; font-size: 17px; min-height: 55px; color: #fff; letter-spacing: -0.05em; line-height: 1.5; background-color: #b5b5b6; border-radius: 0 15px 0 0; } 
.innovation-business .section2 ul.innovation-strategy li .info-box { display: flex; justify-content: center; align-items: center; line-height: 1.5; letter-spacing: -0.025em; min-height: 83px; padding: 10px; border-radius: 0 0 15px 15px; border: 1px solid #bcbcbc; } 
.innovation-business .section2 ul.innovation-strategy li .info-box p { max-width: 155px; font-size: 15px; letter-spacing: -0.025em; line-height: 1.5; text-align: center;color: #333;} 
.innovation-business .section2 ul.cooperation { display: flex; justify-content: space-between; margin-bottom: 50px; } 
.innovation-business .section2 ul.cooperation li { width: calc((100% / 2) - 20px); border-radius: 0 15px 15px 15px; border: 1px solid #bcbcbc; background-color: #f3f3f3; } 
.innovation-business .section2 ul.cooperation li .cooperation-inner { padding: 27px 30px 27px; } 
.innovation-business .section2 ul.cooperation li strong { display: block; margin-bottom: 26px; font-size: 15px; letter-spacing: -0.025em; line-height: 1.5; } 
.innovation-business .section2 ul.cooperation li p { position: relative; font-size: 14px; letter-spacing: -0.05em; line-height: 1.5; color: #666; } 
.innovation-business .section2 ul.cooperation li p::before { content: ""; position: absolute; top: -11px; left: 0; width: 100%; height: 1px; background-color: #bcbcbc; } 

/****** section3 ********/
.innovation-business .section3 .top-text { display: flex; justify-content: center; align-items: center; position: relative; height: 55px; font-size: 17px; padding: 10px; text-align: center; letter-spacing: -0.05em; line-height: 1.5; color: #fff; background-color: #4b585f; border-radius: 0 15px 15px 15px; margin-bottom: 20px; } 
.innovation-business .section3 ul { display: flex; margin: 0 -30px; } 
.innovation-business .section3 ul li { width: calc(100% / 4); padding: 0 30px; } 
.innovation-business .section3 ul li .name-box { display: flex; justify-content: center; align-items: center; height: 80px; font-size: 18px; letter-spacing: -0.05em; line-height: 1.5; color: #fff; border-radius: 0 15px 0 0; text-align: center; padding: 10px; background-color: #b5b5b6; } 
.innovation-business .section3 ul li .name-box strong { position: relative; margin-left: 45px; color:#fff;} 
.innovation-business .section3 ul li .name-box strong::before { content: ""; position: absolute; left: -58px; top: 50%; margin-top: -20.5px; width: 49px; height: 41px; } 
.innovation-business .section3 ul li .info-box { display: flex; justify-content: center; align-items: center; min-height: 120px; text-align: center; border-radius: 0 0 15px 15px; border: 1px solid #bcbcbc; } 
.innovation-business .section3 ul li .info-box p { width: 170px; margin-top: -5px; color: #333;} 
.innovation-business .section3 ul li.university strong::before { background-image: url("../../images/sub/university_icon.png"); } 
.innovation-business .section3 ul li.faculty-staff strong::before { background-image: url("../../images/sub/person_icon.png"); } 
.innovation-business .section3 ul li.student strong::before { background-image: url("../../images/sub/graduation-cap_icon.png"); } 
.innovation-business .section3 ul li.industry strong::before { background-image: url("../../images/sub/handshake_icon.png"); } 

@media (max-width: 1480px){
  .innovation-business .section2 ul.directional li .top-box .info-box { min-height: 126px; } 
  .innovation-business .section2 ul.directional li .bottom-box .info-box { height: calc(100% - 71px); } 
  .innovation-business .section2 ul.directional li .name-box { } 
}

@media (max-width: 1250px){
  .innovation-business .section2 ul.directional li .name-box { font-size: 15px; } 
  .innovation-business .section2 ul.directional li .top-box .info-box p br { display: none; } 
}

@media (max-width: 1050px){
  .innovation-business .section2 ul.directional li .top-box .info-box p { width: 67%; margin-left: 0; } 
}

@media (max-width: 1023px) {
  /****** section1 ********/
  .innovation-business .section1 .target .name-box { min-width: 180px; } 
  .innovation-business .section1 ul li > p br { display: none; } 
  .innovation-business .section1 ul { margin: 0 -15px; } 
  .innovation-business .section1 ul li { padding: 0 10px; } 
  .innovation-business .section1 ul li .list-box { height: calc(100% - 100px); } 
  .innovation-business .section1 ul li > p { /* min-height: 120px; */ } 
  /****** section2 ********/
  .innovation-business .section2 ul.directional { justify-content: center; flex-wrap: wrap; margin: 0 -15px 30px; } 
  .innovation-business .section2 ul.directional li { position: relative; width: calc(100% / 2); padding: 0 15px; } 
  .innovation-business .section2 ul.directional li:last-child { margin-top: 30px; } 
  .innovation-business .section2 ul.innovation-strategy { flex-wrap: wrap; margin: 0 -10px; } 
  .innovation-business .section2 ul.innovation-strategy li { width: calc(100% / 2); padding: 0 10px; margin-bottom: 20px; } 
  .innovation-business .section2 ul.innovation-strategy li:nth-last-child(-n + 2) { margin-bottom: 0; } 
  .innovation-business .section2 ul.cooperation { margin-top: 30px; } 
  .innovation-business .section2 ul.cooperation li { width: calc((100% / 2) - 10px); } 
  /****** section3 ********/
  .innovation-business .section3 ul { flex-wrap: wrap; margin: 0 -10px; } 
  .innovation-business .section3 ul li { width: calc(100% / 2); padding: 0 10px; margin-bottom: 20px; } 
  .innovation-business .section3 ul li:nth-last-child(-n + 2) { margin-bottom: 0; } 
}

@media (max-width: 768px) { 
  /****** section1 ********/
  .innovation-business .section1 .target { align-items: center; flex-direction: column; margin: 0 0 80px; } 
  .innovation-business .section1 .target .name-box { min-width: 230px; width: auto; height: 55px; font-size: 18px; margin: 0 0 35px; } 
  .innovation-business .section1 .target .name-box::before { right: 50%; margin-right: -12.5px; top: 65px; margin-top: 0; width: 20px; height: 20px; transform: rotate(90deg); background-size: contain; } 
  .innovation-business .section1 .target .info-box { width: 100%; height: 60px; font-size: 16px; margin: 0; } 
  .innovation-business .section1 ul { display: flex; position: relative; margin: 0 -5px; } 
  .innovation-business .section1 ul li { width: calc(100% / 3); font-size: 15px; padding: 0 5px; } 
  .innovation-business .section1 ul::before { top: -35px; } 
  .innovation-business .section1 ul li:nth-child(2)::before { width: 130px; top: -45px; font-size: 14px; } 
  .innovation-business .section1 ul li:first-child:before,
  .innovation-business .section1 ul li:last-child:before { top: -35px; height: 35px; } 
  .innovation-business .section1 ul li .list-box { padding: 15px 10px; } 
  .innovation-business .section1 ul li .list-box strong { font-size: 15px; margin-bottom: 7px; } 
  .innovation-business .section1 ul li > p { font-size: 16px; } 

  /****** section2 ********/
  .innovation-business .section2 .blub-img-box { margin: 44px 0 30px; text-align: center; } 
  .innovation-business .section2 .blub-img-box img { width: 60px; } 
  .innovation-business .section2 .top-text { height: 60px; font-size: 16px; padding: 15px; margin-bottom: 42px; } 
  .innovation-business .section2 .question { padding-left: 40px; margin-bottom: 30px; } 
  .innovation-business .section2 .question::before { content: ""; position: absolute; top: -18px; left: 0; width: 100%; height: 2px; background-color: #000; } 
  .innovation-business .section2 .question p { font-size: 15px; } 
  .innovation-business .section2 .question p::before { width: 30px; height: 30px; left: -35px; top: -7px; background-size: contain; } 
  .innovation-business .section2 ul.directional { display: flex; margin: 0 -17.5px; margin-bottom: 40px; } 
  .innovation-business .section2 ul.directional li { width: 100%; margin-bottom: 20px; padding: 0 17.5px; } 
  .innovation-business .section2 ul.directional li:last-child { margin-bottom: 0; } 
  .innovation-business .section2 ul.directional li .name-box { display: flex; justify-content: center; align-items: center; text-align: center; padding: 10px; min-height: 55px; font-size: 17px; letter-spacing: -0.05em; line-height: 1.5; background-color: #01499a; border-radius: 0 15px 0 0; color: #fff; } 
  .innovation-business .section2 ul.directional li .info-box { border: 1px solid #bcbcbc; border-radius: 0 0 15px 15px; text-align: center; } 
  .innovation-business .section2 ul.directional li .top-box { position: relative; width: 100%; margin-bottom: 50px; } 
  .innovation-business .section2 ul.directional li .top-box::before { content: ""; position: absolute; left: 50%; bottom: -30px; margin-left: -0.5px; width: 1px; height: 30px; background-color: #bcbcbc; } 
  .innovation-business .section2 ul.directional li .top-box .info-box { height: calc(100% - 258px); letter-spacing: -0.025em; line-height: 1.5; } 
  .innovation-business .section2 ul.directional li .top-box .info-box::after { content: ""; display: block; clear: both; } 
  .innovation-business .section2 ul.directional li .top-box .info-box .img-box { float: left; position: relative; width: 31.3%; height: 100px; } 
  .innovation-business .section2 ul.directional li .top-box .info-box .img-box::before { content: ""; position: absolute; right: 0; top: 50%; margin-top: -38px; width: 74px; height: 70px; background-size: 100%; background-repeat: no-repeat; background-position: center; } 
  .innovation-business .section2 ul.directional li.learning-environment .top-box .info-box .img-box::before { background-image: url("../../images/sub/policy_icon_1-1.png"); } 
  .innovation-business .section2 ul.directional li.student-support .top-box .info-box .img-box::before { background-image: url("../../images/sub/policy_icon_1-2.png"); } 
  .innovation-business .section2 ul.directional li.industry .top-box .info-box .img-box::before { background-image: url("../../images/sub/policy_icon_1-3.png"); } 
  .innovation-business .section2 ul.directional li .top-box .info-box p { float: left; padding: 26px 0; margin-left: 18px; width: 50%; } 
  .innovation-business .section2 ul.directional li .bottom-box-list { position: relative; display: flex; justify-content: space-between; margin: 0 -25px; } 
  .innovation-business .section2 ul.directional li .bottom-box-list::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -21px; width: 50.1%; height: 1px; background-color: #bcbcbc; } 
  .innovation-business .section2 ul.directional li .bottom-box-list::before { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; background-image: url("../../images/sub/plus_icon.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; } 
  .innovation-business .section2 ul.directional li .bottom-box { position: relative; width: calc(100% / 2); padding: 0 25px; } 
  .innovation-business .section2 ul.directional li .bottom-box::before { content: ""; position: absolute; left: 50%; top: -20px; margin-left: -0.5px; width: 1px; height: 20px; background-color: #bcbcbc; } 
  .innovation-business .section2 ul.directional li .bottom-box .info-box { display: flex; justify-content: center; align-items: center; min-height: 98px; padding: 5px; font-size: 14px; line-height: 1.5; letter-spacing: -0.025em; } 
  .innovation-business .section2 ul.directional li .bottom-box .info-box p { max-width: 130px; font-size: 14px; letter-spacing: -0.025em; line-height: 1.5; } 
  .innovation-business .section2 ul.innovation-strategy { margin: 0; margin-bottom: 0; } 
  .innovation-business .section2 ul.innovation-strategy li { width: 100%; padding: 0; } 
  .innovation-business .section2 ul.innovation-strategy li:nth-last-child(-n + 2) { margin-bottom: 20px; } 
  .innovation-business .section2 ul.innovation-strategy li:last-child { margin-bottom: 0; } 
  .innovation-business .section2 ul.cooperation { margin: 40px 0 40px; } 
  .innovation-business .section2 ul.cooperation { flex-wrap: wrap; } 
  .innovation-business .section2 ul.cooperation li { width: 100%; margin-bottom: 20px; } 
  .innovation-business .section2 ul.cooperation li:last-child { margin-bottom: 0; } 

  /****** section3 ********/
  .innovation-business .section3 .top-text { height: 60px; font-size: 16px; padding: 15px; } 
  .innovation-business .section3 ul { margin: 0; } 
  .innovation-business .section3 ul li { width: 100%; padding: 0; } 
  .innovation-business .section3 ul li:nth-last-child(-n + 2) { margin-bottom: 20px; } 
  .innovation-business .section3 ul li:last-child { margin-bottom: 0; } 
  .innovation-business .section3 ul li .name-box { height: 65px; } 
  .innovation-business .section3 ul li .info-box { min-height: 110px; } 
}

@media (max-width: 500px){
  .innovation-business .section1 ul li .list-box { height: calc(100% - 130px); } 
}

/* p-tech */




/*p-tech-wrap1*/
.p-tech-diag ul { position: relative; display: flex; justify-content: space-around; gap: 0 23px; align-items: center; padding-bottom: 110px; } 
.p-tech-diag ul::after { content: ""; position: absolute; left: 0; top: 60px; z-index: -1; width: 100%; height: 2px; background: #ddd; } 
.p-tech-diag li { position: relative; display: flex; justify-content: center; align-items: center; width: 130px; height: 130px; background: #22b2e9; border: 2px solid #22b2e9; border-radius: 100%; font-family: "Dream Regular"; font-size: 18px; } 
.p-tech-diag li.color .ico .on { display: none; } 
.p-tech-diag li.color .ico .on { display: inline-block; } 
.p-tech-diag li.color .ico .off { display: none; } 
.p-tech-diag .box { text-align: center; } 
.p-tech-diag .num { display: block; margin-bottom: 10px; font-family: "Play Bold"; font-size: 18px; color: #fff; } 
.p-tech-diag .title { position: absolute; left: 50%; top: 100%; width: auto; padding-top: 20px; font-family: "Dream Bold"; font-size: 16px; text-align: center; color: #222; transform: translate(-50%, 0); white-space: nowrap; } 
.p-tech-diag .title span { display: block; margin-top: 2px; font-size: 14px; letter-spacing: -0.05em; line-height: 1.5; color: #666; font-family: "Dream Regular"; } 
.p-tech-diag-list img { display: inline-block; margin-right: 18px; vertical-align: middle; } 

/*p-tech-wrap2*/
.p-tech-wrap2 .inner > ul { display: flex; margin: 0 -25px; } 
.p-tech-wrap2 .inner > ul > li { width: 50%; padding: 0 25px; } 
.p-tech-wrap2 ul > li .name-box { display: flex; justify-content: center; align-items: center; height: 55px; font-size: 17px; line-height: 1.5; letter-spacing: -0.05em; background-color: #22b2e9; border-radius: 0 15px 0 0; color: #fff; } 
.p-tech-wrap2 ul > li .info-box { min-height: 217px; padding: 16px 22px; border: 1px solid #bcbcbc; border-radius: 0 0 15px 15px; } 
.p-tech-wrap2 ul > li .info-box li { position: relative; font-size: 14px; padding-left: 7px; line-height: 1.5; letter-spacing: -0.05em; margin-bottom: 11px; } 
.p-tech-wrap2 ul > li .info-box li:last-child { margin-bottom: 0; } 
.p-tech-wrap2 ul > li .info-box li::before { content: ""; position: absolute; left: 0; top: 5px; width: 2px; height: 10px; background-color: #22b2e9; } 

/*p-tech-wrap3*/
.p-tech-wrap3 ul { display: flex; justify-content: space-between; } 
.p-tech-wrap3 ul li { width: calc(100% / 5); text-align: center; } 
.p-tech-wrap3 ul li span { display: inline-block; width: 50px; height: 50px; text-align: center; font-size: 20px; line-height: 1.5; letter-spacing: -0.05em; border-radius: 50%; line-height: 50px; margin-bottom: 16px; color: #fff; background-color: #007be2; font-family: "Dream Medium"; } 
.p-tech-wrap3 ul li .img-box { margin-bottom: 15px; } 
.p-tech-wrap3 ul li strong { display: inline-block; margin-bottom: 2px; color: #222; letter-spacing: -0.05em; border-inline-end-width: 1.5; font-family: "Dream Medium"; } 
.p-tech-wrap3 ul li p { font-size: 14px; color: #666; letter-spacing: -0.05em; border-inline-end-width: 1.5; } 

@media (max-width: 1500px) { 
  /*p-tech-wrap1*/
  .p-tech-diag-list { display: none; } 
  /*p-tech-wrap2*/
  .p-tech-wrap2 ul > li .info-box { height: calc(100% - 55px); min-height: auto; } 
}

@media all and (max-width: 950px) { 
  /*p-tech-wrap1*/
  .p-tech-diag ul { flex-wrap: wrap; gap: 5px; justify-content: space-between; padding-bottom: 0; } 
  .p-tech-diag ul::after { display: none; } 
  .p-tech-diag li { width: 31%; margin-bottom: 100px; border-radius: 0px; } 
  .p-tech-diag .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
}

@media (max-width: 768px) { 

  /*p-tech-wrap2*/
  .p-tech-wrap2 .inner > ul { flex-direction: column; margin: 0; } 
  .p-tech-wrap2 .inner > ul > li { width: 100%; margin-bottom: 20px; padding: 0; } 
  .p-tech-wrap2 .inner > ul > li:last-child { margin-bottom: 0; } 
  .p-tech-wrap2 ul > li .name-box { flex-direction: column; height: 55px; font-size: 17px; } 
  .p-tech-wrap2 ul > li .info-box { height: auto; } 
  /*p-tech-wrap3*/
  .p-tech-wrap3 ul { justify-content: center; flex-wrap: wrap; } 
  .p-tech-wrap3 ul li { width: calc(100% / 3); margin-bottom: 35px; text-align: center; } 
  .p-tech-wrap3 ul li:nth-last-child(-n + 2) { margin-bottom: 0; } 
  .p-tech-wrap3 ul li span{width:35px; height: 35px; line-height: 35px; font-size: 16px;}
}

@media all and (max-width: 650px) { 
  /*p-tech-wrap1*/
  .p-tech-diag li { width: 49%; border-radius: 0px; } 
}

@media all and (max-width: 500px) { 
  /*p-tech-wrap1*/
  /* .p-tech-diag li { width: 100%; border-radius: 0px; }  */
  .p-tech-diag .title { font-size: 14px; } 
  .p-tech-diag .title span{font-size: 13px;}
}


/* 장학금 지원현황 */
.info-box1.scholarship-wrap {position: relative;}
.info-box1.scholarship-wrap .title p {font-family: 'Dream Medium'; padding-right: 0;}
.info-box1.scholarship-wrap .txt-box {margin-bottom: 0;}
.wrap-up-load.font-up .step-diag1 li {font-size: 14px;}
/* .scholarship-box1 */
.scholarship-box1 {position: relative;}
.scholarship-box1 ul {display: flex; margin:0 -20px;}
.scholarship-box1 ul li {margin:0 20px; width:50%; }
.scholarship-box1 .box1 .title {background:#E6378D;}
.scholarship-box1 .box2 .title {background:#007BE2;} 
.scholarship-box1 .title {color:#fff; font-size: 22px; font-family: 'Dream Medium'; line-height: 40px; letter-spacing: -.05em; padding:20px 0; text-align: center; border-radius: 0 15px 0 0;}
.scholarship-box1 .con {border:1px solid #bcbcbc; border-radius:0 0 15px 15px;text-align: center; overflow:hidden; position: relative; padding:40px 20px 30px 20px;}
.scholarship-box1 .con .con-inner {position: relative;  display: inline-block;}
.scholarship-box1 .box .con p:first-child {font-size: 45px; line-height:1; letter-spacing: -.05em; font-family: 'Dream Bold'; color:#646464; position: relative; text-align:left;}
.scholarship-box1 .box .con p:first-child::after {content:''; width: 116px; height: 36px; position: absolute; background: url('../../images/sub/scholarship-arrow1.png') no-repeat center; bottom:-55px; left:35px;}
.scholarship-box1 .box .con p:first-child span {font-size: 24px;}
.scholarship-box1 .box .con p:nth-child(2) {display: inline-block; padding-right:115px;}
.scholarship-box1 .box1 .con p:nth-child(2) {font-size: 70px; color:#E6378D; letter-spacing: -.05em; line-height: 1; padding-top:13px; font-family: 'Dream Bold'; margin-left:175px; background:url('../../images/sub/scholarship-icon1.png') no-repeat bottom right;}
.scholarship-box1 .box1 .con p:nth-child(2) span {font-size: 24px;}
.scholarship-box1 .box2 .con p:nth-child(2) {font-size: 70px; color:#007BE2; letter-spacing: -.05em; line-height: 1; padding-top:13px; font-family: 'Dream Bold'; margin-left:175px; background:url('../../images/sub/scholarship-icon2.png') no-repeat bottom right;}
.scholarship-box1 .box2 .con p:nth-child(2) span {font-size: 24px;}
.scholarship-box1 .etc {text-align: right; font-size: 16px; line-height: 28px; letter-spacing: -.025em; color:#333; font-family: 'Dream Regular'; margin-top: 20px;} 
@media all and (max-width: 1400px) {
  .scholarship-box1 .box1 .con p:nth-child(2) {font-size: 55px;}
  .scholarship-box1 .box2 .con p:nth-child(2) {font-size: 55px;}
}
@media all and (max-width:1250px) {
  .scholarship-box1 ul {flex-wrap:wrap; margin:0;}
  .scholarship-box1 ul li {width:100%; margin:0 0 20px 0;}
  .scholarship-box1 ul li:last-child {margin:0;}
}
@media all and (max-width:650px) {
  .scholarship-box1 .box .con p:first-child::after {background-size: cover; width: 75px; height: 22px; left: 0; bottom: -40px;}
  .scholarship-box1 .box1 .con p:nth-child(2) {margin-left: 80px; font-size: 45px; padding-top: 31px; margin-top: -20px;}
  .scholarship-box1 .box2 .con p:nth-child(2) {margin-left: 80px; font-size: 45px; padding-top: 31px; margin-top: -20px;}
}
/* .scholarship-box2 */
.scholarship-box2 {position: relative;}
.scholarship-box2 ul {position: relative;}
.scholarship-box2 ul > li {margin-bottom: 30px;}
.scholarship-box2 ul > li:last-child {margin-bottom: 0;}
.scholarship-box2 .dist {display: flex; width:100%; height:100%; min-height:160px;}
.scholarship-box2 .dist .disc {}
.scholarship-box2 .title {color:#fff; width:300px; text-align: center; font-size: 20px; line-height: 35px; letter-spacing: 0; font-family: 'Dream Medium'; padding-right: 50px; position: relative;}
.scholarship-box2 .title .title-inner { height:100%; border-radius:0 15px 15px 15px; display: table; width: 100%;}
.scholarship-box2 .title .title-inner::after {content:''; width:50px; height:100%; background:url('../../images/sub/dots.png') no-repeat center; position: absolute; right:0; top:0;}
.scholarship-box2 .title .title-inner p {display: table-cell; vertical-align: middle;}
.scholarship-box2 .box1 .title-inner {background:#22B2E9;}
.scholarship-box2 .box2 .title-inner {background:#007BE2;}
.scholarship-box2 .cn {border:1px solid #bcbcbc; display: flex; align-items: center; justify-content: center; border-radius:0 15px 15px 15px; font-size: 18px; line-height: 30px; letter-spacing: -.05em; font-family: 'Dream Medium'; color:#222; text-align: center;  margin-right: 50px; position: relative; flex:1;}
.scholarship-box2 .cn::after {content:''; width:50px; height:100%; background:url('../../images/sub/dots.png') no-repeat center; position: absolute; right:-50px; top:0;}
.scholarship-box2 .con-box {width:275px; display: flex; flex-direction: column;}
.scholarship-box2 .sub-title {font-size: 18px; line-height:1.5; letter-spacing: -.05em; font-family: 'Dream Medium'; background:#9F9F9F; color:#fff; border-radius:0 15px 0 0; padding:14px 0; text-align: center;}
.scholarship-box2 .sub-cn {border:1px solid #bcbcbc; border-radius:0 0 15px 15px; flex:1; font-size: 18px; line-height: 24px; letter-spacing: -.05em; color:#222; font-family: 'Dream Medium'; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 20px;} 
.scholarship-box2 .text-icon {margin-left: 20px;}
.scholarship-box2 .box1 .text-icon {flex:1;display: flex; align-items: center; justify-content: flex-end;} 
.scholarship-box2 .box1 .text-icon .left {padding-right: 70px; position: relative; height:100%; display: flex; align-items: center; text-align: center; margin-right: 15px;}
.scholarship-box2 .box1 .text-icon p {font-size: 14px; font-family: 'Dream Regular'; line-height: 20px; letter-spacing: -.05em; text-align: center;}
.scholarship-box2 .box1 .text-icon .left::after {content:''; width:70px; height:100%; background:url('../../images/sub/scholarship-icon4.png') no-repeat right center; position: absolute; right:0;top:0;}
.scholarship-box2 .box1 .text-icon .right {position: relative; padding-left:88px;}
.scholarship-box2 .box1 .text-icon .right::after {content:''; width:70px; height:100%; background:url('../../images/sub/scholarship-icon4.png') no-repeat center; position: absolute; left:0; top:0; opacity: 0.4;}
.scholarship-box2 .box1 .text-icon .right p {margin-bottom: 20px;}
.scholarship-box2 .box2 .text-icon  {position: relative; display: flex; flex-direction: column; flex:1;}
.scholarship-box2 .box2 .text-icon .box-text-inner {display: flex; flex:1; flex-direction: column; align-self: flex-end;} 
.scholarship-box2 .box2 .text-icon .txt1{padding-left:50px; background:url('../../images/sub/scholarship-icon5.png') no-repeat left center; text-align:left;}
.scholarship-box2 .box2 .text-icon .txt2{background:url('../../images/sub/scholarship-icon3.png') no-repeat bottom left; padding-left:161px; flex:1; display: flex; align-items: center;}
.scholarship-box2 .box2 .text-icon p {font-size: 14px; font-family: 'Dream Regular'; line-height: 20px; letter-spacing: -.05em; text-align: center;}

@media all and (max-width: 1200px) {
  .scholarship-box2 .dist {flex-wrap:wrap;}
  .scholarship-box2 .dist .disc {width:100%; }
  .scholarship-box2 .title {padding-bottom:50px; position: relative; padding-right:0;}
  .scholarship-box2 .title .title-inner::after {display: none;}
  .scholarship-box2 .title::after {content:''; width:30px; height:30px; background:url('../../images/sub/dots.png') no-repeat center; position: absolute; bottom:10px; left:50%; margin-left:-15px; transform:rotate(90deg);}  
  .scholarship-box2 .box1 .title-inner {padding:10px 0;}
  .scholarship-box2 .box2 .title-inner {padding:10px 0;}
  .scholarship-box2 .cn {margin-right:0; padding:20px 0; margin-bottom:50px;}
  .scholarship-box2 .cn::after {width:30px; height:30px; transform:rotate(90deg); bottom:-40px; top:unset; right:unset; left:50%; margin-left:-15px;}
  .scholarship-box2 .sub-cn {padding:20px; margin-bottom:50px;}
  .scholarship-box2 .box1 .text-icon {justify-content:center;}
  .scholarship-box2 .box2 .text-icon .box-text-inner {align-self: center; display:block;}
  .scholarship-box2 .box2 .text-icon .txt2 {height:120px;}
}
@media all and (max-width:768px) {
  .scholarship-box2 .title {font-size: 18px;}
  .scholarship-box2 .cn {font-size: 16px;}
}

/* .scholarship-box3 */
.scholarship-box3 {position: relative;}
.scholarship-box3 ul {display: flex; margin:0 -20px;}
.scholarship-box3 ul li {padding:0 20px; width:50%;}
.scholarship-box3 .title {background:#22B2E9; text-align: center; color:#fff; font-size: 22px; line-height: 40px; letter-spacing: -.05em; font-family: 'Dream Medium'; padding:20px 0; border-radius:0 15px 0 0;}
.scholarship-box3 .cn {border:1px solid #bcbcbc; border-top:0; border-radius:0 0 15px 15px; font-size: 18px; line-height: 30px; letter-spacing: -.05em; color:#222; font-family: 'Dream Medium'; text-align: center; height:90px; display: flex; align-items: center; justify-content: center; padding:20px;}
@media all and (max-width:768px) {
  .scholarship-box3 ul {flex-wrap:wrap; margin: 0;}
  .scholarship-box3 ul li {width:100%; padding:0; margin-bottom: 20px;}
  .scholarship-box3 ul li:last-child {margin-bottom: 0;}
}

/* .scholarship-box4 */
.scholarship-box4 {position: relative;}
.scholarship-box4 .inner::before {content:''; width:100%; height:15px; background:url('../../images/sub/scholarship-arrow3-bg.png') no-repeat left center, url('../../images/sub/scholarship-arrow3.png') no-repeat right center; position: absolute; top:65px; right:0;}
.scholarship-box4 .inner::after {content:''; display: block; clear:both;}
.scholarship-box4 .month {font-size: 14px; line-height: 35px; letter-spacing: -.05em; font-family: 'Dream Regular'; color:#222; background:#DEDEDE; padding:10px 0; border-radius:0 15px 15px 15px; text-align: center; }  
.scholarship-box4 .content > p {font-size: 14px; line-height: 20px; letter-spacing: -.05em; color:#333; font-family: 'Dream Regular'; text-align: center; padding-bottom: 10px; background:url('../../images/sub/scholarship-arrow2.png') no-repeat right bottom;}
.scholarship-box4 .left {width:210px; float:left; margin-right:10px;}
.scholarship-box4 .left .content {padding-top: 30px;}
.scholarship-box4 .left .con {font-size: 14px; color:#fff; background:#8D8D8D; line-height: 35px; letter-spacing: -.05em; font-family: 'Dream Regular'; border-radius:0 15px 15px 15px; padding:10px 0; text-align: center; margin-top: 10px;}
.scholarship-box4 .right {width:calc(100% - 220px); float:right;}
.scholarship-box4 .right .content {padding-top:107px;}
.scholarship-box4 .right .con {font-size: 22px; line-height: 1.5; letter-spacing: -.05em; font-family: 'Dream Medium'; color:#fff; text-align: center; padding: 11px 0; background:#8d8d8d; border-radius:0 15px 15px 15px; margin-top: 10px;}
@media all and (max-width:650px) {
  .scholarship-box4 .right .con {font-size: 15px; line-height: 35px; padding:10px 0;}
}


/* 연성STORY - 캠퍼스 소개 */
.sub-780 .wrap-contents {overflow: hidden;}
/* common title */
.campus-introduction .title { text-align: center; } 
.campus-introduction .title strong { position: relative; font-size: 26px; line-height: 1.5; letter-spacing: -0.05em; color: #222; font-family: "Dream Medium"; } 
.campus-introduction .title strong::before { content: ""; position: absolute; left: -124px; top: 50%; transform: translateY(-14px); width: 98px; height: 28px; background-image: url('../../images/sub/baytree_left.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; } 
.campus-introduction .title strong::after { content: ""; position: absolute; right: -124px; top: 50%; transform: translateY(-14px); width: 98px; height: 28px; background-image: url('../../images/sub/baytree_right.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; } 

/* visual */
.campus-introduction .visual-area { display: flex; flex-direction: column; align-items: center; position: relative; height: 450px; background-image: url("../../images/sub/visual-campus.jpg"); background-size: 1500px 450px; background-position: center; background-repeat: no-repeat; } 
.campus-introduction .visual-area { position: relative; } 
.campus-introduction .visual-area:before { content: ""; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: 1px solid #e3e7ec; } 
.campus-introduction .visual-text { position: absolute; width: 1200px; bottom: 0; padding: 50px 125px 0; background-color: #fff; } 
.campus-introduction .visual-text p { position: relative; text-align: center; font-size: 18px; color: #222; line-height: 30px; letter-spacing: -0.05em; font-family: "Dream Regular"; } 
.campus-introduction .visual-text p:before { content: ""; position: absolute; left: 8px; top: -10px; width: 33px; height: 28px; background-image: url("../../images/sub/dot_left.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; } 
.campus-introduction .visual-text p:after { content: ""; position: absolute; right: 5px; top: 0px; width: 33px; height: 28px; background-image: url("../../images/sub/dot_right.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; } 
.campus-introduction .visual-text i { color: #e30070; } 
.campus-introduction .visual-text em { color: #019ad4; } 
.campus-introduction .visual-text b { color: #549c00; font-weight: normal; } 

/* count-list */
.campus-introduction .count-list-wrap { width: 618px; margin: 0 auto 95px; } 
.campus-introduction ul.count-list { display: flex; justify-content: space-between; margin-top:52px; } 
.campus-introduction .count-list li { text-align: center; } 
.campus-introduction .count-list li.land { width: 192px; } 
.campus-introduction .count-list li.building { width: 164px; } 
.campus-introduction .count-list li.department { width: 168px; } 
.campus-introduction .count-list li .img-box { margin-bottom: 10px; } 
.campus-introduction .count-list li p { font-size: 18px; color: #222; letter-spacing: -0.05em; line-height: 1.5; white-space: nowrap; } 
.campus-introduction .count-list li p span.num { font-size: 26px; font-family: "Dream Medium"; } 
.campus-introduction .count-list li.land p span.num { display: inline-block; margin-left: 10px; } 
.campus-introduction .count-list li.building p span { margin-left: 8px; } 
.campus-introduction .count-list li.department p span { margin-left: 9px; } 

/* transportation-info */
.campus-introduction .transportation-info { padding: 41px 0 42px; background-color: #f7f7f7; position: relative;} 
.campus-introduction .transportation-info::before {content:''; width:200%; height:100%; background:#f7f7f7; left:-50%; top:0; position: absolute;}
.campus-introduction .transportation-info .traffic-info { padding: 0 53px 0 50px; position: relative;} 
.campus-introduction .transportation-info .traffic-info::after { content: ""; display: block; clear: both; } 
.campus-introduction .transportation-info .left-box { float: left; width: calc(100% - 761px); min-width: 550px; padding-top: 40px; } 
.campus-introduction .transportation-info .right-box { float: right; width: calc(100% - 666px); padding-top: 48px; } 
.campus-introduction .transportation-info .right-box .title-detail { margin-bottom: 56px; } 
.campus-introduction .transportation-info .right-box .title-detail p { font-size: 30px; line-height: 1.5; letter-spacing: -0.05em; font-style: italic; color: #222; } 
.campus-introduction .transportation-info .right-box .title-detail p strong { color: #e6378d; font-family: "Dream Medium"; } 
.campus-introduction .transportation-info .right-box .title-detail p i { display: block; margin: 3px 0; } 
.campus-introduction .transportation-info .right-box .detail1 { position: relative; width: 571px; margin: 0 auto 28px; } 
.campus-introduction .transportation-info .right-box .detail1::before { content: ""; position: absolute; left: 138px; top: 24px; width: 35px; height: 36px; background-image: url('../../images/sub/bus_blue.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; z-index: 1; } 
.campus-introduction .transportation-info .right-box .detail1::after { content: ""; position: absolute; right: 138px; top: 24px; width: 35px; height: 36px; background-image: url('../../images/sub/bus_sky.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; z-index: 1; } 
.campus-introduction .transportation-info .right-box .detail1 > .inner { width: 100%; } 
.campus-introduction .transportation-info .right-box .detail1 > .inner::before { content: "5분"; position: absolute; bottom: 26px; left: 142px; font-size: 18px; line-height: 1.5; letter-spacing: -0.075em; color: #0f2a97; font-family: "Dream Medium"; } 
.campus-introduction .transportation-info .right-box .detail1 > .inner::after { content: "10분"; position: absolute; bottom: 26px; right: 137px; font-size: 18px; line-height: 1.5; letter-spacing: -0.075em; color: #22b2e9; font-family: "Dream Medium"; } 
.campus-introduction .transportation-info .right-box .detail1 ul { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; } 
.campus-introduction .transportation-info .right-box .detail1 ul::before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -1px; width: 100%; height: 2px; background-color: #b1b1b1; } 
.campus-introduction .transportation-info .right-box .detail1 ul li { position: relative; padding: 8px; border-radius: 50%; text-align: center; font-family: "Dream Medium"; z-index: 1; } 
.campus-introduction .transportation-info .right-box .detail1 ul li::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; } 
.campus-introduction .transportation-info .right-box .detail1 ul li .inner { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; } 
.campus-introduction .transportation-info .right-box .detail1 ul li.circle1 { width: 85px; height: 85px; font-size: 15px; line-height: 20px; letter-spacing: -0.075em; color: #0f2a97; } 
.campus-introduction .transportation-info .right-box .detail1 ul li.circle1::before { background-color: #0f2a97; } 
.campus-introduction .transportation-info .right-box .detail1 ul li.circle2 { width: 120px; height: 120px; font-size: 18px; line-height: 28px; letter-spacing: -0.025em; color: #e6378d; } 
.campus-introduction .transportation-info .right-box .detail1 ul li.circle2::before { background-color: #e6378d; } 
.campus-introduction .transportation-info .right-box .detail1 ul li.circle3 { width: 85px; height: 85px; font-size: 15px; line-height: 20px; letter-spacing: -0.075em; color: #22b2e9; } 
.campus-introduction .transportation-info .right-box .detail1 ul li.circle3::before { background-color: #22b2e9; } 
.campus-introduction .transportation-info .right-box .detail2 ul li { display: flex; padding: 17px 33px 14px; background-color: #eee; margin-bottom: 10px; } 
.campus-introduction .transportation-info .right-box .detail2 ul li:last-child { padding: 18px 33px; margin-bottom: 0; } 
.campus-introduction .transportation-info .right-box .detail2 ul li .text-box { display: flex; } 
.campus-introduction .transportation-info .right-box .detail2 ul li strong { margin-right: 50px; letter-spacing: -0.025em; line-height: 1.5; color: #0070cf; font-family: "Dream Medium"; } 
.campus-introduction .transportation-info .right-box .detail2 ul li p { vertical-align: middle; line-height: 1.5; letter-spacing: -0.025em; color: #222; } 
.campus-introduction .transportation-info .right-box .detail2 ul li p span { display: inline-block; margin-left: 8px; color: #444; line-height: 1.5; letter-spacing: -0.025em; } 
.campus-introduction .transportation-info .right-box .detail2 ul li p img { margin: -6px 4px 0 4px; } 

/* campus-tour */
.campus-introduction .campus-tour { padding: 42px 0 93px; } 
.campus-introduction .campus-tour a {display: block; width:100%; height:100%; }
.campus-introduction .campus-tour a:hover .img-box::after{content:''; top:0; right:0; bottom:0; left:0; border:2px solid #E6368E; position: absolute;}
.campus-introduction .campus-tour .info::after { content: ""; display: block; clear: both; } 
.campus-introduction .campus-tour .info { padding: 0 40px; margin: 44px -28.5px 0; } 
.campus-introduction .campus-tour .info > div { padding: 0 28.5px; } 

.campus-introduction .campus-tour .info .left-box { float: left; width: 50%; } 
.campus-introduction .campus-tour .info .left-box .img-box { position: relative; margin-bottom: 12px;} 
.campus-introduction .campus-tour .info .right-box { float: right; width: 50%; } 
.campus-introduction .campus-tour .info .right-box .img-box { position: relative; margin-bottom: 12px;} 
.campus-introduction .campus-tour .info .right-box .img-box img { width: 100%; } 
.campus-introduction .campus-tour .info .right-box .img-box::before { content: ""; position: absolute; right: 0; bottom: 0px; width: 70px; height: 50px; background-size: 100%; background-image: url("../../images/sub/vr-box.jpg"); background-repeat: no-repeat; background-position: center; } 
.campus-introduction .campus-tour .info > div .text-box { text-align: center; letter-spacing: -0.025em; line-height: 1.5; color: #222; } 
.campus-introduction .campus-tour .info > div strong { display: block; font-size: 17px; font-family: "Dream Medium"; margin-bottom: 9px; } 
.campus-introduction .campus-tour .info > div span { font-size: 15px; } 



@media (max-width: 1520px) { 
  /* visual */
  .campus-introduction .visual-text { width: 90%; } 
  .campus-introduction .visual-text p:before { left: -31px; } 
  .campus-introduction .visual-text p:after { right: -31px; } 
}

@media (max-width: 1023px) { 
  /* visual */
  .campus-introduction .visual-text { padding: 40px 40px 0; } 
}

@media (max-width: 1370px) { 
  /* transportation-info */
  .campus-introduction .transportation-info .traffic-info { padding: 0 33px 0 30px; } 
  .campus-introduction .transportation-info .right-box { width: calc(100% - 570px) } 
}

@media (max-width: 1250px) { 
  /* transportation-info */
  .campus-introduction .transportation-info .left-box { float: none; width: 100%; text-align: center; } 
  .campus-introduction .transportation-info .left-box img { width: 60%; } 
  .campus-introduction .transportation-info .right-box { float: none; width: 100%; padding-top: 60px; } 
  .campus-introduction .transportation-info .right-box .title-detail { text-align: center; } 
  .campus-introduction .transportation-info .right-box .detail2 ul li { display: flex; justify-content: center; align-items: center; } 
  .campus-introduction .transportation-info .right-box .detail2 ul li .text-box { justify-content: space-between; width: 500px; } 
  .campus-introduction .transportation-info .right-box .detail2 ul li p { min-width: 315px; } 
  .campus-introduction .transportation-info .right-box .detail2 ul li strong { margin-right: 10px; } 
}

@media (max-width: 768px) { 
  /* visual */
  .campus-introduction .visual{padding-bottom: 50px;}
  .campus-introduction .visual-area { height: 230px; background-size: cover; } 
  .campus-introduction .visual-text { padding: 30px 40px 0; bottom: -60px;} 
  .campus-introduction .visual-text p { font-size: 16px; } 
  .campus-introduction .visual-text p:before { left: -26px; top: -6px; width: 25px; height: 25px; background-size: contain; } 
  .campus-introduction .visual-text p:after { right: -26px; top: -6px; width: 25px; height: 25px; background-size: contain; } 
  /* count-list */
  .campus-introduction .count-list-wrap { width: 100%; margin-bottom: 60px; } 
  .campus-introduction .count-list li { width: calc(100% / 3) !important; } 
  .campus-introduction .count-list li .img-box img { width: 55px; } 
  .campus-introduction .count-list li p { font-size: 17px; } 
  .campus-introduction .count-list li p em { display: block; margin-top: -5px; } 
  .campus-introduction .count-list li p span { font-size: 20px; margin-left: 2px !important; } 
  /* transportation-info */
  .campus-introduction .transportation-info .traffic-info { padding: 0; } 
  .campus-introduction .transportation-info .traffic-info .left-box img { width: 85%; } 
  .campus-introduction .transportation-info .left-box { min-width: 440px; } 
  /* .campus-introduction .transportation-info .right-box .title-detail { margin-bottom: 46px; } 
  .campus-introduction .transportation-info .right-box .title-detail p { font-size: 24px; } 
  .campus-introduction .transportation-info .right-box .detail1 { width: 100%; } 
  .campus-introduction .transportation-info .right-box .detail1 ul { flex-direction: column; } 
  .campus-introduction .transportation-info .right-box .detail1 ul::before { width: 1px; height: 100%; left: 50%; top: 0; margin-left: -1px; } 
  .campus-introduction .transportation-info .right-box .detail1 ul li { margin-bottom: 80px; } 
  .campus-introduction .transportation-info .right-box .detail1 ul li:last-child { margin-bottom: 0; } 
  .campus-introduction .transportation-info .right-box .detail1::before { left: 50%; transform: translateX(-50%); margin-left: -23px; top: 23%; } 
  .campus-introduction .transportation-info .right-box .detail1 > .inner::before { left: 50%; transform: translateX(-50%); margin-left: 18px; bottom: 70%; } 
  .campus-introduction .transportation-info .right-box .detail1::after { right: auto; left: 50%; transform: translateX(-50%); margin-left: -23px; top: 68%}
  .campus-introduction .transportation-info .right-box .detail1 > .inner::after { right: auto; left: 50%; transform: translateX(-50%); margin-left: 22px; bottom: 25%; }  */

  /*campus tour*/
  .campus-introduction .campus-tour .info { padding: 0; margin: 30px 0 0; } 
  .campus-introduction .campus-tour .info .left-box { float: none; width: 100%; margin-bottom: 40px; padding: 0; } 
  .campus-introduction .campus-tour .info .right-box { float: none; padding: 0; width: 100%; } 
  .campus-introduction .campus-tour { padding: 42px 0 50px; } 
}

@media all and (max-width:600px){
  .campus-introduction .transportation-info .right-box .detail1{width: 450px;}
  .campus-introduction .transportation-info .right-box .detail1::before{width: 30px; height: 31px; left: 102px;}
  .campus-introduction .transportation-info .right-box .detail1 > .inner::before{font-size: 16px; left: 104px; bottom: 20px;}
  .campus-introduction .transportation-info .right-box .detail1 > .inner::after{font-size: 16px; right: 104px; bottom: 20px;}
  .campus-introduction .transportation-info .right-box .detail1::after{width: 30px; height: 31px; right: 102px;}
  .campus-introduction .transportation-info .right-box .detail1 ul li.circle1{width: 65px; height: 65px; font-size: 13px; line-height: 16px;}
  .campus-introduction .transportation-info .right-box .detail1 ul li.circle2{width: 100px; height: 100px; font-size: 15px; line-height: 28px;}
  .campus-introduction .transportation-info .right-box .detail1 ul li.circle3{width: 65px; height: 65px; font-size: 13px; line-height: 16px;}
  .campus-introduction .transportation-info .right-box .detail2 ul li { padding-left: 10px; padding-right: 10px; } 
  .campus-introduction .transportation-info .right-box .detail2 ul li:last-child { padding-left: 10px; padding-right: 10px; } 
  .campus-introduction .transportation-info .right-box .detail2 ul li p { font-size: 15px; min-width: 300px; } 
  .campus-introduction .transportation-info .right-box .detail2 ul li strong { font-size: 15px; } 

}

@media all and (max-width:480px){
  .campus-introduction .transportation-info .right-box .detail1{width:400px;}
  .campus-introduction .transportation-info .right-box .detail1::before{left: 90px;}
  .campus-introduction .transportation-info .right-box .detail1 > .inner::before{left: 92px;}
  .campus-introduction .transportation-info .right-box .detail1 > .inner::after{right: 92px;}
  .campus-introduction .transportation-info .right-box .detail1::after{right: 90px;}
}

/* 연성스토리 - 학과교육시설 */
.stroy-edu-room {position: relative;}
.stroy-edu-room ul {display: flex; flex-wrap:wrap; margin:0 -30px;}
.stroy-edu-room ul li {width:33.3333%; padding:0 30px; margin-bottom: 55px;}
.stroy-edu-room .img-box {max-width:460px; height:310px; position: relative; margin-bottom: 15px;}
.stroy-edu-room .img-box::before {content:''; width:100%; height:100%; border:4px solid #E6378D; position: absolute; top:0; left:0; z-index:1; display:none;}
.stroy-edu-room .img-box::after {content:''; width:70px; height:50px; background:url('../../images/sub/vr-box.jpg') no-repeat center; position: absolute; right:0; bottom:0;}
.stroy-edu-room .img-box img {width:100%; height:100%; object-fit: cover;}
.stroy-edu-room .txt-box {text-align: center;}
.stroy-edu-room .txt-box strong {font-size: 17px; letter-spacing: -.075em; font-family: 'Dream Medium'; color:#222; position: relative; background:linear-gradient(to bottom, transparent 97%, #E6378D 3%) no-repeat left ; background-size:0%; transition: background-size .5s;}
.stroy-edu-room .txt-box p {font-size: 15px; color:#222; line-height: 23px; letter-spacing: -.05em; font-family: 'Dream Regular'; margin-top: 10px;}
.stroy-edu-room a:hover .img-box::before {display:block;}
.stroy-edu-room a:hover .txt-box strong {color:#E6378D; background-size:100%;} 
@media (max-width:1200px) {
  .stroy-edu-room ul {margin:0 -15px;}
  .stroy-edu-room ul li {padding:0 15px;}
}
@media (max-width:1024px) {
  .stroy-edu-room ul li {width:50%;}
}
@media (max-width:768px) {
  .stroy-edu-room .img-box {height:225px;}
} 
@media (max-width:600px) {
  .stroy-edu-room .img-box {height:170px;}
}
@media (max-width:500px) {
  .stroy-edu-room ul li {width:100%;}
  .stroy-edu-room .img-box {height:250px;}
}

/* 유연학사제도 */
.edu-policy-wrap {position: relative;}
.edu-policy-wrap .title {text-align:center;}
.edu-policy-wrap .title p{font-size: 20px; color:#222; line-height: 38px; letter-spacing: -.05em; font-family: 'Dream Medium'; text-align: center; font-style: italic; width:auto; display: inline-block; padding:0 115px; position: relative;}
.edu-policy-wrap .title p::after {content:''; width:34px; height:27px; position: absolute; left:0; top:0; background:url("../../images/sub/dot_left.png") no-repeat center / cover;}
.edu-policy-wrap .title p::before {content:''; width:34px; height:27px; position: absolute; right:0; top:5px; background:url("../../images/sub/dot_right.png") no-repeat center / cover;}
.edu-policy-wrap .title p em {color:#E6378D; font-style: italic;}
.edu-policy-wrap ul {display: flex; flex-wrap: wrap;justify-content: space-between; margin-top: 50px; }
.edu-policy-wrap li {flex-basis:calc((100% / 3) - 66px); text-align: center; display: flex;margin-bottom: 65px; }
.edu-policy-wrap li .box {flex:1; display: flex; flex-direction: column;}
.edu-policy-wrap li .box-top {width:200px; height:200px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius:50%; position: relative; margin: 0 auto;}
.edu-policy-wrap li .box-top::before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 215px; height: 215px; border-radius: 50%; border: 1px dashed #ddd;}
.edu-policy-wrap li .box-top::after {content:''; width:22px; height:22px; position: absolute; bottom:-15px; left:50%; z-index: 1; margin-left:-11px; border:4px solid #fff; border-radius:50%;}
.edu-policy-wrap li.item1 .box-top{background: #E6378D;}
.edu-policy-wrap li.item1 .box-top::after {background: #E6378D;}
.edu-policy-wrap li.item2 .box-top{background: #22B2E9;}
.edu-policy-wrap li.item2 .box-top::after {background: #22B2E9;}
.edu-policy-wrap li.item3 .box-top{background: #C6D800;}
.edu-policy-wrap li.item3 .box-top::after {background: #C6D800;}
.edu-policy-wrap li.item4 .box-top {background: #8f8f8f;}
.edu-policy-wrap li.item4 .box-top::after {background: #8f8f8f;}
.edu-policy-wrap li.item5 .box-top {background: #4c5760;}
.edu-policy-wrap li.item5 .box-top::after {background: #4c5760;}
.edu-policy-wrap li.item6 .box-top{background: #B3A36B;}
.edu-policy-wrap li.item6 .box-top::after {background: #B3A36B;}

.edu-policy-wrap li .icon-box {margin-bottom: 15px;}
.edu-policy-wrap .box-top strong {font-size: 22px; line-height: 30px; letter-spacing: -.05em; font-family: 'Dream Medium'; color:#fff;}
.edu-policy-wrap .txt-box { padding-top:40px; position: relative; flex:1; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.edu-policy-wrap .txt-box::before {content:''; width:1px; height: 100%; left:50%; top: 0; position: absolute; background:#bcbcbc;}
.edu-policy-wrap .txt-area {flex:1;background:#fff;border:1px solid #bcbcbc; border-radius:0 15px 15px 15px; position: relative; padding:40px 20px; display: flex; align-items: center;}
.edu-policy-wrap .txt-box p{ font-size: 16px; line-height: 22px; letter-spacing: -.025em; color:#333;  font-family: 'Dream Regular';}
#menu798_obj6048 .manage-bx {margin-top: 35px;}
@media (max-width:1400px) {
  .edu-policy-wrap ul {margin:50px -20px 0;}
  .edu-policy-wrap li {padding:0 20px;}
}
@media (max-width:1024px) {
  .edu-policy-wrap ul {flex-wrap:wrap;}
  .edu-policy-wrap li {flex-basis: unset; width:50%; margin-bottom: 50px;}
}
@media (max-width:768px) {
  .edu-policy-wrap .title p {padding:0 45px; font-size: 18px;}
  .edu-policy-wrap ul {margin:50px -10px 0;}
  .edu-policy-wrap li {padding:0 10px;}
  .edu-policy-wrap li .box-top {width:180px; height:180px}
  .edu-policy-wrap li .box-top::before {width:195px; height:195px;}
}

/* 셔틀버스안내 */ 
.shuttle-bus-line {position: relative; margin-top: 25px;}
.shuttle-bus-line ul {display: flex; flex-wrap:wrap;}
.shuttle-bus-line li {width:20%; padding-right:50px; position: relative; text-align: center; margin-bottom: 40px; display: flex; flex-direction: column;}
.shuttle-bus-line li::after {content:''; width:50px; height:50px; background:url('../../images/guide/list-content-arrow.png') no-repeat center; position: absolute; right:0; top:50%; margin-top:-25px;}
.shuttle-bus-line li:last-child::after {display:none;}
.shuttle-bus-line .box {border:1px solid #bcbcbc; border-radius:0 10px 10px 10px; overflow:hidden; flex:1; display: flex; flex-direction: column;}
.shuttle-bus-line .img-box {height:160px;}
.shuttle-bus-line .img-box img {width:100%; height:100%; object-fit: cover;}
.shuttle-bus-line .txt-box {position: relative; border-top:1px solid #bcbcbc; flex:1; display:flex; flex-direction: column;}
.shuttle-bus-line .sj {background:#F8FDFF; padding:10px 0;}
.shuttle-bus-line .sj strong{font-size: 18px; line-height: 40px; letter-spacing: -.05em; color:#222; font-family: 'Dream Medium';}
.shuttle-bus-line .cn {border-top:1px solid #bcbcbc; padding:10px 0; min-height:80px; display: flex; align-items: center; justify-content: center; text-align: center; flex:1;} 
.shuttle-bus-line .cn p {font-size: 16px; line-height: 28px; letter-spacing: -.025em; color:#444; font-family: 'Dream Regular'; padding:0 10px;}

@media (max-width:1200px) {
  .shuttle-bus-line li {width:25%;}
}
@media (max-width:990px) {
  .shuttle-bus-line li {width:33.3333%;}
}
@media (max-width:768px) {
  .shuttle-bus-line li {width:50%;}
}
@media (max-width:550px) {
  .shuttle-bus-line li {width:100%; margin-bottom:0; padding-bottom:50px; padding-right:0;}
  .shuttle-bus-line li:last-child {padding-bottom:0;}
  .shuttle-bus-line li::after {bottom:0; left:50%; margin-left:-25px; top:unset; margin-top:0; transform:rotate(90deg);}
}



/* 글로벌 프로그램*/
.sub-589 #area1,
.sub-589 #area2,
.sub-589 #area3,
.sub-589 #area4,
.sub-589 #area5_1 {margin-top:30px;}

/* [S]강의시간표조회 */
.lecture-sch {position: relative; margin-top: 25px;}
.lecture-sch .inner {border-top:1px solid #000; position: relative;}
.lecture-sch .inner::after {content:''; width:1px; height:100%; background:#fff; position: absolute; right:0; top:0;}
.lecture-sch .row {display: flex;}
.lecture-sch .box {border-right:1px solid #D7DEE3;border-bottom:1px solid #D7DEE3; flex:1; display: flex; align-items: center; justify-content: center;}
.lecture-sch .box::after {content:''; display:block; clear:both;}
.lecture-sch .box > div {padding:14px 0;}
.lecture-sch .box .title {background:#F6F6F6; border-right:1px solid #D7DEE3; width:50%; text-align: center; height:100%; display: flex; align-items: center; justify-content: center; padding:0 10px; min-height:78px;}
.lecture-sch .box .title strong {font-size: 16px; font-family: 'Dream Regular'; letter-spacing: -.025em;}
.lecture-sch .box .link-box {background: #fff; width:50%; text-align: center;}
@media (max-width:860px) {
  .lecture-sch .row {flex-wrap:wrap;}
  .lecture-sch .box {flex:unset; width:100%;}
  .lecture-sch .box.empty {display: none;}
}
/* [E]강의시간표조회 */

/* [S]평생교육 */

.all-edu-wrap {position: relative; max-width:1200px; width:100%; margin:25px auto 0; }
.all-edu-wrap .top{position: relative;}
.all-edu-wrap .box {text-align: center; border-radius: 0 15px 15px 15px; overflow: hidden; padding:0 10px;}
.all-edu-wrap .box strong{font-size: 20px; letter-spacing: 0; color:#fff; display: inline-block; padding:20px 0;}
.all-edu-wrap .box.color1 {background: #E6378D;}
.all-edu-wrap .box.color2 {background: #4B585F;}
.all-edu-wrap .box.color3 {background: #9F9F9F;}

.all-edu-wrap .middle {position: relative; }
.all-edu-wrap .middle .middle-inner {position: relative;}
.all-edu-wrap .middle .middle-inner::before {content:''; width:400px; height:400px; border-radius:50%; background: #ededed; position: absolute; left:50%; bottom:0; margin-left:-200px;}
.all-edu-wrap .middle .middle-box {position: relative;min-height:430px;}
.all-edu-wrap .middle .middle-box::after {content:''; width:38px; height:47px; background:url('../../images/sub/all-edu-arrow2.png') no-repeat center; position: absolute; left:50%; top:15px; margin-left:-19px;}
.all-edu-wrap .middle .middle-box::before {content:''; width:100%; height:230px; background: #fff; border-bottom:1px solid #f2f2f2; position: absolute; top:0; left:0;}
.all-edu-wrap .middle .small-box {position: absolute; width:100%; top:50%;margin-top:-94px}
.all-edu-wrap .middle .img-box {margin-bottom: 15px;}
.all-edu-wrap .middle .circle-box {max-width:calc(100% / 3); height:215px;position: absolute; width:100%;}
.all-edu-wrap .middle .circle-box.left::before {content:''; width:calc(100% - 215px); height:100%; position: absolute; right:0; background:url('../../images/sub/all-edu-arrow1.png') no-repeat center; }
.all-edu-wrap .middle .circle-box.right::before {content:''; width:calc(100% - 215px); height:100%; position: absolute; left:0; background:url('../../images/sub/all-edu-arrow1.png') no-repeat center; }
.all-edu-wrap .middle .circle-s {width:215px; height:215px; background:url('../../images/sub/all-edu-bg.png') no-repeat center / cover; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative;}
.all-edu-wrap .middle .circle-s::after {content:''; width:22px; height:22px; background:#22B2E9; border:4px solid #fff; position: absolute; border-radius:50%;top:50%; margin-top:-11px;}
.all-edu-wrap .middle .left {left:0;}
.all-edu-wrap .middle .right {right:0;}
.all-edu-wrap .middle .right .circle-s {float:right;}
.all-edu-wrap .middle .left .circle-s::after {right:-11px;}
.all-edu-wrap .middle .right .circle-s::after {left:-11px;}
.all-edu-wrap .middle .circle-s strong {font-size: 18px; font-family: 'Dream Medium'; letter-spacing: -.05em; color:#fff; display: inline-block; line-height: 24px;}
.all-edu-wrap .middle .circle-l {background:#E6378D; width:300px; height:300px; border-radius:50%; display: flex; align-items: center; justify-content: center; flex-direction:column; text-align: center; position: absolute; top:80px; left:50%; margin-left:-150px;}
.all-edu-wrap .middle .circle-l strong {font-size: 26px; font-family: 'Dream Medium'; letter-spacing: -.05em; color:#fff; display:inline-block; line-height: 40px;}

.all-edu-wrap .middle-bottom {padding-top:80px; position: relative;}
.all-edu-wrap .middle-bottom::after {content: ''; width: 38px; height: 47px; background: url('../../images/sub/all-edu-arrow2.png') no-repeat center; position: absolute; left: 50%; top: 15px; margin-left: -19px;}
.all-edu-wrap .left-right-box {display: flex; align-items: center; justify-content: space-between; position: relative;}
.all-edu-wrap .left-right-box .box { width:33.3333%; padding:73px 0 50px 0; position: relative; background: #fff;}
.all-edu-wrap .left-right-box .box::before {content:''; width:100%; height:73px; background:url('../../images/sub/all-edu-arrow2.png') no-repeat center; position: absolute; left:0; top:0;}
.all-edu-wrap .left-right-box .box::after {content:''; width:100%; height:50px; background:url('../../images/sub/dots-vertical.png') no-repeat center; position: absolute; left:0; bottom:0;}
.all-edu-wrap .left-right-box .box p {font-size: 14px; letter-spacing: -.05em; color:#333; padding:17px 0;border:1px solid #BCBCBC; background:#fff; border-radius:0 15px 15px 15px; position: relative;}

.all-edu-wrap .bottom {position: relative;}
.all-edu-wrap .bottom::after {content:''; width:38px; height:180px; position: absolute; bottom:100%; left:50%; margin-left:-19px; background:url('../../images/sub/all-edu-arrow3.png') no-repeat center;}

@media (max-width:1024px) {
  .all-edu-wrap .middle .middle-box {min-height:unset;}
  .all-edu-wrap .middle .middle-box::before {display: none;}
  .all-edu-wrap .middle .middle-inner::before {display: none;}
  .all-edu-wrap .middle .circle-l {width:100%; background: #ededed; border-radius:0; margin-left:0; left:0; height:240px; position: relative; top:0; margin-top:80px;}
  .all-edu-wrap .middle .circle-l .img-box,
  .all-edu-wrap .middle .circle-l strong {position: relative; z-index: 1;}
  .all-edu-wrap .middle .circle-l::after {content:''; top:10px; left:10px; bottom:10px; right:10px; background: #E6378D; position: absolute;}
  .all-edu-wrap .middle .middle-box::after {top:unset; height:80px; bottom:100%;}
  .all-edu-wrap .middle .small-box {position: relative; display: flex; margin:0 -10px; width:auto;}
  .all-edu-wrap .middle .circle-box {position: relative; max-width:50%; width:100%; background: rgba(34,178,233,0.4); padding: 10px; height:100%; margin:120px 10px auto; padding-top:10px;}
  .all-edu-wrap .middle .circle-box::after {top:0;}
  .all-edu-wrap .middle .circle-s::after {top:0; margin-top:-25px; display: none;}
  .all-edu-wrap .middle .left .circle-s::after {right:unset; left:50%;margin-left:-11px;}
  .all-edu-wrap .middle .right .circle-s::after {left:unset; left:50%;margin-left:-11px;}
  .all-edu-wrap .middle .circle-s {background: #22B2E9; width:100%; height:150px;}
  .all-edu-wrap .middle .circle-box.left::before {width:100px; height:120px; bottom:100%; transform: rotate(90deg); transform-origin: center; position: absolute; left:50%; margin-left:-50px;}
  .all-edu-wrap .middle .circle-box.right::before {width:100px; height:120px; bottom:100%; transform: rotate(90deg); transform-origin: center; position: absolute; left:50%; margin-left:-50px;}
}

@media (max-width:768px) {
  .all-edu-wrap .box strong {font-size: 16px;}
  .all-edu-wrap .middle .circle-l strong {font-size: 20px; line-height: 28px;}
  .all-edu-wrap .middle .circle-s strong {font-size: 15px;}
  .all-edu-wrap .left-right-box .box {width:45%;}
}

.all-edu-perf {position: relative;}
.all-edu-perf .inner {overflow:hidden; padding-top: 5px;}
.all-edu-perf .perf-list {display: flex; margin-left:-50px;}
.all-edu-perf .perf-list > li {width:20%; padding-left:50px; padding-top:25px; position: relative;}
.all-edu-perf .perf-list > li::after {content:''; width:100%; height:5px; background:#eee; position: absolute; top:0; left:0;}
.all-edu-perf .perf-list > li::before {content:''; width:5px; height:30px; background:#eee; position: absolute; top:-30px; right:0;}
.all-edu-perf .perf-list > li:nth-child(5)::before {width:20px; height:20px; background: none; transform: rotate(90deg); border-top:10px solid transparent; border-right:10px solid #fff;border-left:10px solid #fff;border-bottom:10px solid #eee; position: absolute; top:-7px; right:-10px; z-index: 1;} 
.all-edu-perf .box > .title {padding:15px;border-radius:0 15px 15px 15px;}
.all-edu-perf .box > .title strong {display: block; width:100%; background: #fff; border-radius:0 15px 15px 15px; font-size: 17px; font-family: 'Dream Regular';  letter-spacing: -.05em; text-align: center; line-height: 70px;}

.all-edu-perf .perf-list > li:nth-child(1) {margin-top: 120px;}
.all-edu-perf .perf-list > li:nth-child(2) {margin-top: 90px;}
.all-edu-perf .perf-list > li:nth-child(3) {margin-top: 60px;}
.all-edu-perf .perf-list > li:nth-child(4) {margin-top: 30px;}
.all-edu-perf .perf-list > li:nth-child(5) {margin-top: 0;}

.all-edu-perf .perf-list > li:nth-child(1) .title {background: #EEB4D0;}
.all-edu-perf .perf-list > li:nth-child(2) .title {background: #EC90BD;}
.all-edu-perf .perf-list > li:nth-child(3) .title {background: #EC73AE;}
.all-edu-perf .perf-list > li:nth-child(4) .title {background: #EA559E;}
.all-edu-perf .perf-list > li:nth-child(5) .title {background: #E6378D;}

.all-edu-perf .text-list {margin-top:25px;}
.all-edu-perf .text-list > li {font-size: 16px; line-height: 24px; letter-spacing: -.025em; color:#666; font-family: 'Dream Regular'; position: relative; padding-left:20px; margin-bottom:10px;}
.all-edu-perf .text-list > li::after {content:''; width:4px; height:7px; background:#4B585F; transform: skew(-40deg); position: absolute; left:3px; top:8px;}
@media (max-width:1100px) {
  .all-edu-perf .perf-list {flex-wrap:wrap; justify-content: center;}
  .all-edu-perf .perf-list > li {margin-top:0 !important; width:33.3333%; margin-bottom:50px; padding-top: 0;}
  .all-edu-perf .perf-list > li::before {display:none;}
  .all-edu-perf .perf-list > li::after {display:none;}
}
@media (max-width:768px) {
  .all-edu-perf .perf-list > li {width:50%;}
}
@media (max-width:550px) {
  .all-edu-perf .perf-list > li {width:100%; margin-bottom:20px;}
}
/* [E]평생교육 */ 

/* [S] 학생행사 */
.sub-564 .wrap-build .build-box{display: flex;}
.sub-564 .wrap-build .build-area {display: flex; flex-direction: column;}
.sub-564 .wrap-build .build-inner {display: flex; flex-direction: column; flex:1;}
.sub-564 .wrap-build .build-under-text {flex:1;}
.sub-564 .wrap-build .link-box {margin-bottom:27px;}
@media (max-width:1200px) {
  .sub-564 .wrap-build .build-box{display: block;}
  .sub-564 .wrap-build .build-area {display: block;}
  .sub-564 .wrap-build .build-inner {display: block; }
  .sub-564 .wrap-build .build-under-text {flex:1;}
  .sub-564 .wrap-build .link-box {margin-top: 20px;}
}
@media (max-width:768px) {
  .sub-564 .wrap-build .link-box a{margin-top: 10px;}
}
/* [E] 학생행사 */

/* [S] 현장실습안내 */
.practice-wrap {position: relative; margin-top: 25px;}
.practice-wrap .row {display: flex; margin-bottom:40px;}
.practice-wrap .title {display: flex; align-items: center; justify-content: center; border:1px solid #bcbcbc; border-radius:0 15px 15px 15px; margin-right:50px; position: relative; width:300px;}
.practice-wrap .title::after {content:''; width:50px; height:100%; background:url('../../images/sub/dots.png') no-repeat center; position: absolute; right:-50px; top:0;}
.practice-wrap .title strong {font-size: 18px; font-family: 'Dream Medium'; line-height: 28px; text-align: center;}
.practice-wrap .con {border:1px solid #bcbcbc; padding:30px; flex:1; border-radius:0 15px 15px 15px; }
.practice-wrap .con li {margin-bottom:10px; padding-left:15px; position: relative;}
.practice-wrap .con li:last-child {margin-bottom: 0;}
.practice-wrap .con li::after {content:''; width:4px; height:8px; transform:skew(-35deg); position: absolute; top:8px; left:0; background:#4b585f;}

.practice-wrap.type1 .title {background:#eaf5ff;}
.practice-wrap.type2 .title {width:200px; background: #eaf5ff;  margin-right:20px;}
/* background:rgba(229,54,142,0.4); */
.practice-wrap.type2 .title::after {display:none;}
.practice-wrap.type2 .sub-title {width:150px; text-align: center; align-items: center; justify-content: center; margin-right:50px; display: flex; border-radius:0 15px 15px 15px; position: relative; border:1px solid #bcbcbc; background: #eaf5ff;}
.practice-wrap.type2 .sub-title::after {content:''; width:50px; height:100%; background:url('../../images/sub/dots.png') no-repeat center; position: absolute; right:-50px; top:0;}
.practice-wrap.type2 .sub-title strong {font-size: 18px; line-height: 28px; letter-spacing: -.05em; font-family: 'Dream Medium';}

@media (max-width:768px) {
  .practice-wrap .row {flex-direction: column;}
  .practice-wrap .title {width:100%; margin-right:0;margin-bottom:50px; padding:20px 0;}
  .practice-wrap .title::after {width:50px; height:50px; bottom:-50px; top:unset; left:50%; margin-left:-25px; transform: rotate(90deg);}

  .practice-wrap.type2 .title {width:100%; margin-right:0; margin-bottom:20px; padding:20px 0;}
  .practice-wrap.type2 .sub-title {margin-right:0; margin-bottom:50px; width: 100%; padding:20px 0;}
  .practice-wrap.type2 .sub-title > strong br {display:none;}
  .practice-wrap.type2 .sub-title::after {width: 50px; height: 50px; transform: rotate(90deg); bottom:-50px; left: 50%; margin-left:-25px; top:unset;}


}

/* [E] 현장실습안내 */

/* 성공취업 소개 */
.list-content-style1.style02 .con{padding-top:0;}
.list-content-style1.style02 .con::before{content:none;}
.list-content-style1.style02 .list-content{border-radius:0 0 15px 15px;}
.list-content-style1.style02 .title-img > img{border-radius: 0 15px 0 0;}
.list-content-style1.style02 .title{border-radius:0 0 0 0 ;}
.list-content-style1.style02 .box1 .title::after{content:none;}
.list-content-style1.style02 .box2 .title{content:none;}
.list-content-style1.style02 .box2 .title::after{content:none;}
.list-content-style1.style02 .box3 .title::after{content:none;}
.list-content-style1.style02 .title::after{content:none;}
.list-content-style1.style02.plus .inner > ul > li.arrow{background: url(../../images/guide/list-content-plus.png) no-repeat top 50% center;}

.method-wrap .text-wrap{width:200px; height:200px; border-radius:50%; display:flex; align-items:center; justify-content: center; position:relative;}
.method-wrap .text-wrap.bg01{background:#E6378D;}
.method-wrap .text-wrap.bg02{background:#22B2E9;}
.method-wrap .text-wrap.bg03{background:#C6D800;}
.method-wrap .circle-in strong{font-size:20px; font-family:"Dream Medium"; color:#fff;  display:block; text-align:center;}
.method-wrap .method-content > p {font-size:16px; font-family:"Dream Regular"; color:#333333; text-align:center;}
.method-wrap .circle{display:flex; align-items:center;  justify-content: space-between;}

.method-wrap .text-box{width:82%; padding:40px 10px 10px 10px;border:1px solid #BCBCBC; border-radius:0 15px 15px 15px; position:relative; background:#fff;}
.method-wrap .text-box::before{content:""; width:100%; height:1px; background:#CECECE; position:absolute; top:50%; margin-top:-1px; left:-110px; z-index:-1;}
.method-wrap .text-box ul{display:flex; padding: 0 2.5px; margin-top:32px;}
.method-wrap .text-box ul > li{width:50%; text-align:center; padding: 0 2.5px ; display:table;}
.method-wrap .text-box ul.type01 > li{width:50%;}
.method-wrap .text-box ul.type02 > li{width:16.66666%;}
.method-wrap .text-box ul > li > p {background:#919191; font-size:15px; font-family:"Dream Regular"; color:#fff; border-radius:0 15px 15px 15px; height:55px; display:table-cell; vertical-align:middle;}
.method-wrap .one-method > ul > li{margin-bottom:45px;}
.method-wrap .method-tit{position:relative; margin-right:70px;}
/*.method-wrap .text-wrap::before { content: ""; position: absolute; right:-11px; top: 50%; margin-top:-11px;  width: 22px;  height: 22px;  border-radius: 50%; background-color: #fff;}*/
.method-wrap .text-wrap::after{content: "";  position: absolute; right:-13px;  top: 50%; margin-top:-11px;    width: 22px; height: 22px; border-radius: 50%; border:4px solid #fff; } 
.method-wrap .text-wrap.bg01::after{content:"" ;background-color: #e6378d;}
.method-wrap .text-wrap.bg02::after{content:""; background-color: #22B2E9;}
.method-wrap .text-wrap.bg03::after{content:""; background:#C6D800; }
.method-wrap .method-tit::before { content: ""; position: absolute;  left: 50%;  top: 50%; transform: translate(-50%, -50%);  width: 215px;  height: 215px;  border-radius: 50%;  border: 1px dashed #ddd;}



@media all and (max-width:1200px){  
  .method-wrap .text-box ul{flex-wrap:wrap;} .method-wrap .text-box ul.type02 > li{width:25%; margin-bottom:10px;}
}

@media all and (max-width:1024px){
  .method-wrap .text-box ul.type02 > li{width:33.333%;}
}
@media all and (max-width: 900px) {
  .list-content-style1 .inner > ul{align-items:center;}
  .list-content-style1 .inner > ul > li:not(.arrow){width:450px;}
  .list-content-style1.style02 .title{padding:10px;}
  .list-content-style1.style02 .title-img{height:250px;}
  .list-content-style1.style02 .title-img > img{width:100%; object-fit:cover;}
}

@media all and (max-width:850px){
  .method-wrap .text-box ul.type02 > li{width:50%;}
}

@media all and (max-width: 768px) {
  .method-wrap .circle { display:block; }
  .method-wrap .method-tit { width: 100%;  margin-right: 0;}
  .method-wrap .text-wrap {  margin: auto ;}
  .method-wrap .text-box {  width: 100%; margin-top: 40px;}
  .method-wrap .text-box::before{width:1px;height:100%;position:absolute;top: -45px;  left: 50%;}
  .method-wrap .text-wrap.bg01::after ,  .method-wrap .text-wrap.bg02::after , .method-wrap .text-wrap.bg03::after {  content: "";  border: 4px solid #fff; bottom:-15px; left:50%; margin-left:-10px;   top:unset;}

}

/* [S] IT 서비스 레이어팝업 */
.it-layer {position: fixed; top:0; left:0; display: flex; align-items: center; justify-content: center; z-index: 1002; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; visibility: hidden; transition: opacity .3s;}
.it-layer.on {opacity:1; visibility: visible;}
.it-layer .inner{width:auto; max-height:680px; height:100%; position: relative;}
.it-layer .title {background: #019AD4; padding:20px 40px;}
.it-layer .title strong{display: inline-block; font-size: 26px; line-height: 40px; letter-spacing: -.05em; font-family: 'Dream Medium'; color:#fff;}
.it-layer h2 .gear {display:inline-block; text-indent:-9999px; width:26px; height:26px; background:url('../../images/sub/layer-gear.jpg') no-repeat center; position:relative; top:3px;}
.it-layer .contents {background: #fff url('../../images/sub/layer-logo.png') no-repeat top -57px right -50px; border-radius:0 0 15px 15px;}
.it-layer .contents .con-inner {height:100%;}
.it-layer .contents .con-inner::-webkit-scrollbar-thumb { border-radius:10px; background:#919191;}
.it-layer .contents .con-inner::-webkit-scrollbar-track { border-right:3px solid #fff; border-left:3px solid #fff; background:#c8c8c8;}
.it-layer .contents .con-inner::-webkit-scrollbar {width:7px;}
.it-layer .contents .img-box {margin: 15px 53px 0 30px;}
.it-layer .close-layer {position: absolute; top:0; right:0;}
.it-layer .close-layer button {width:80px; height:80px; background:#e4e4e4; position: relative; text-indent: -9999px;}
.it-layer .close-layer button::after {content:''; width:30px; height:30px; position: absolute; top:50%; left:50%; margin-left:-15px; margin-top:-15px; background:url('../../images/sub/layer-close.png') no-repeat center; transition:transform .3s;}
.it-layer .close-layer button:hover::after {transform:rotate(180deg);}
.it-layer.type1 .contents {padding:30px 20px 60px 40px;}
.it-layer.type1 .contents .con-inner {max-height: 510px; overflow-y:auto; height:100%;}
.it-layer.type2 .contents {padding:0; background: #fff;}
.it-layer.type2 .contents .img-box {margin:0;}
@media (max-width:1500px) {
  .it-layer .inner {margin:0 20px;}
}
/* [E] IT 서비스 레이어팝업 */