@charset "utf-8";
/* [S] 공통 */
.flex-bx {display: flex;align-items: center;}
.wrap-contents .inner { width: 100%; max-width: 1400px; margin: 0 auto; } 

@media (max-width: 1420px) {
  .wrap-contents > .inner { padding: 0 20px; } 
}

.sub .inner.full-width {max-width: 100%;}
.sub .subject + .tab {margin: 0 0 40px; }
.wrap-sub-visual .sub-visual {position:relative; max-height:360px;min-height: 360px; height:100%;background:url('../../images/common/new/sub-visual7.jpg') no-repeat top center / cover;}
.wrap-sub-visual.m1 .sub-visual {background:url('../../images/common/new/sub-visual1.jpg') no-repeat top center / cover; }
.wrap-sub-visual.m3 .sub-visual {background:url('../../images/common/new/sub-visual2.jpg') no-repeat top center / cover; }
.wrap-sub-visual.m5 .sub-visual {background:url('../../images/common/new/sub-visual3.jpg') no-repeat top center / cover; }
.wrap-sub-visual.m6 .sub-visual {background:url('../../images/common/new/sub-visual4.jpg') no-repeat top center / cover;  }
.wrap-sub-visual.m7 .sub-visual {background:url('../../images/common/new/sub-visual5.jpg') no-repeat top center / cover; }
.wrap-sub-visual.m8 .sub-visual {background:url('../../images/common/new/sub-visual6.jpg') no-repeat top center / cover; }
.img-box.border {border: 1px solid #ccc;}
.full-width .full-inner {width: 100% !important ;max-width: 1400px !important;margin: 0 auto !important;}
.sub #menuUItab {margin-left: 0;}
.tab_div .slick-tarck > .slick-slide:last-child .li_4::after {display: none;}
.tab_div .li_4._active::after {display: none;}
.tab_div .li_4.disabled::after {display: none;}
.wrap-sub-visual + .inner > .tab {margin: 67px 0 18px;}
.div_5 > button:nth-child(2) {display: none;}
.wrap-sub-visual + .inner {width: 100%; max-width: 1400px;margin: 0 auto;}
.subject > .inner {padding: 0;}
.sub .wrap-tab .tab {margin-bottom: 58px;}
.sub .wrap-tab .tab.mt {margin-bottom: 28px;}
.sub .wrap-tab .tab.mt + .tab-import {margin: 0 0 25px;}

@media (max-width: 860px) {
  .page-5712 .tab_div .li_4,
  .page-5713 .tab_div .li_4, 
  .page-5714 .tab_div .li_4, 
  .page-5715 .tab_div .li_4  {max-width: 115px;}
}

/* 게시판 게시글 레이아웃*/
.view-con {padding: 40px 20px 60px; font-size: 18px; font-family: 'Noto Light'; color: #666; overflow-x: auto;}
.view-con p img {height: auto !important;}
.view-img {margin-bottom: 30px; text-align: center;}
@media all and (max-width: 580px) {
  .view-con {padding: 40px; }
}

@media (max-width: 1530px) {
  .sub #menuUItab {margin-left: 32px;}
}
@media (max-width: 1420px) {
  .sub .inner.full-width {padding: 0;}
  .full-width .full-inner {padding:  0 20px;}
  .wrap-tab {padding: 0 20px;}
  .sub .inner.full-width > .subject > .inner {padding: 0 20px;}
}

@media (max-width: 1000px) {
  .wrap-sub-visual .sub-visual {max-height: 280px;min-height: 280px;}
  .wrap-sub-visual .sub-info {margin-top: 150px;}
  .wrap-sub-visual .sub-info .slogan-big {font-size: 50px;}
  .sub .wrap-tab .tab {margin-bottom: 32px;}
}

@media (max-width: 500px) {
  .wrap-sub-visual .sub-visual {max-height: 220px; min-height: 220px;}
  .wrap-sub-visual .sub-info {margin-top: 95px;} 
  .wrap-sub-visual .sub-info .slogan-big {font-size: 40px;}
  .wrap-sub-visual .sub-info em {font-size: 14px;}
  .wrap-sub-navi .sub-navi > ul {margin-bottom: 5px;}
  .sub .wrap-tab .tab {margin-bottom: 23px;} 
}


.page-5585 #tab_k2wiz_GNB_ul_5587,
.page-5586 #tab_k2wiz_GNB_ul_5587,
.page-5591 #tab_k2wiz_GNB_ul_5587 {display: none;}
.page-5585 .div_5,
.page-5586 .div_5,
.page-5591 .div_5 {/*display: none;*/}

/* [E] 공통 */

/* [S] 대학생활 - IPP 일학습병행 */
.ipp-parallel { padding: 68px 108px; border: 1px solid #ccc; } 
.ipp-parallel .circle-list { display: flex; justify-content: space-between; align-items: flex-start; } 
.ipp-parallel li { position: relative; margin-right: 40px; } 
.ipp-parallel li > div {display: flex;align-items: center;flex-direction: column;position: relative;}
.ipp-parallel li:last-child { margin-right: 0; } 
.ipp-parallel li::before { content: ''; position: absolute; right: -50px; top: 75px; width: 20px; height: 32px; background-image: url('../../images/sub/new/arrow-gray.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.ipp-parallel .circle-list > li:last-child::before { display: none; } 
.ipp-parallel .circle { display: flex; justify-content: center; align-items: center; position: relative; width: 185px; height: 185px; border-radius: 50%; font-size: 22px; font-family: 'Noto Medium'; text-align: center; } 
.ipp-parallel .circle.blue { border: 1px solid #0e3092; color: #0e3092; } 
.ipp-parallel .circle.mint { border: 1px solid #1aafc6; color: #1aafc6; } 
.ipp-parallel .circle.sky { border: 1px solid #0079bf; color: #0079bf; } 
.ipp-parallel .desc { margin-top: 20px;font-size: 18px; color: #121212; text-align: center; line-height: 1.05; } 
.ipp-parallel .circle-list > li:nth-child(2) { display:flex; align-items: flex-start; } 
.ipp-parallel .circle-list > li:nth-child(2)::after { content: ''; position: absolute; left: 50%; top: 68px; margin-left: -24px; width: 48px; height: 48px; border-radius: 50%; background-color: #00c3d4; background-image: url('../../images/sub/new/x-white.png'); background-position: center; background-repeat: no-repeat; } 
.ipp-parallel .circle-list > li:nth-child(2) > div:first-child { margin-right: 20px; } 

@media (max-width: 1420px) {
  .ipp-parallel {padding: 30px 20px;}
  .ipp-parallel .circle-list  {flex-direction: column;justify-content: flex-start;align-items: center;}
  .ipp-parallel li {margin-right: 0;margin-bottom: 80px;}
  .ipp-parallel li:last-child {margin-bottom: 0;}
  .ipp-parallel li::before {right: auto;left: 50%;top: auto;bottom: -60px;margin-left: -10px;transform: rotate(90deg);}
}

@media (max-width: 768px) {
  .ipp-parallel .circle {width: 140px;height: 140px;font-size: 18px;}
  .ipp-parallel .desc {margin-top: 10px;font-size: 16px;}
  .ipp-parallel li {margin-right: 0;margin-bottom: 60px;}
  .ipp-parallel .circle-list > li:nth-child(2)::after {width: 40px;height: 40px;top: 52px;margin-left: -17px;}
  .ipp-parallel .circle-list > li:nth-child(2) > div:first-child {margin-right: 10px;}
  .ipp-parallel li::before {bottom: -42px;width: 24px;height: 24px;}
}

/* [E] 대학생활 - IPP 일학습병행 */

/* [S] 대학생활 - IPP 현장실습 */
.ipp-training .con-box1 { display: flex; justify-content: space-between; align-items: center; padding: 0 36px; border: 1px solid #ccc; } 
.ipp-training .con-box1 .left { position: relative; margin-right: 60px; margin-left: -36px; } 
.ipp-training .con-box1 .left .txt-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 18px; color: #222; font-family: 'Noto Light'; text-align: center; } 
.ipp-training .con-box1 .left .txt-wrap strong { display: block; font-size: 22px; font-family: 'Noto Bold'; } 
.ipp-training .con-box1 .left .txt-left { position: absolute; left: 50px; bottom: 90px; } 
.ipp-training .con-box1 .left .txt-left strong { color: #1497c4; } 
.ipp-training .con-box1 .left .txt-right { position: absolute; right: 10px; bottom: 90px; } 
.ipp-training .con-box1 .left .txt-right strong { color: #0e5ccc; } 
.ipp-training .con-box1 .left .txt-center { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); margin-top: -5px; font-size: 30px; color: #222; letter-spacing: -0.06em; line-height: 40px; font-family: 'Noto Bold'; } 
.ipp-training .con-box1 .right li { display: flex; align-items: center; } 
.ipp-training .con-box1 .right .blue { margin-bottom: 35px; } 
.ipp-training .con-box1 .right .hexagon { display: flex; justify-content: center; align-items: center; width: 104px; height: 116px; background-position: center; background-repeat: no-repeat; background-size: contain; font-size: 18px; font-family: 'Noto Medium'; color: #fff; text-align: center; } 
.ipp-training .con-box1 .right .blue .hexagon { background-image: url('../../images/sub/new/hexagon-blue.png'); } 
.ipp-training .con-box1 .right .green .hexagon { background-image: url('../../images/sub/new/hexagon-green.png'); } 
.ipp-training .con-box1 .right .dot { margin: 0 20px; line-height: 0; } 
.ipp-training .con-box1 .right .dot i { display: inline-block; width: 5px; height: 5px; background-color: #016ab4; border-radius: 50%; } 
.ipp-training .con-box1 .right .dot i:first-child { margin-right: 12px; } 
.ipp-training .con-box1 .right p { min-width: 260px; padding: 16px 20px; font-size: 18px; text-align: center; border-radius: 10px; } 
.ipp-training .con-box1 .right .blue p { color: #016ab4; background-color: #e6f5ff; } 
.ipp-training .con-box1 .right .green p { color: #01809b; background-color: #e6faff; } 

@media (max-width: 1400px){
  .ipp-training .con-box1 .left .txt-wrap { line-height: 1.3; } 
  .ipp-training .con-box1 .left .txt-wrap strong { font-size: 1.5vw; } 
  .ipp-training .con-box1 .left .txt-left { left: 3.4vw; bottom: 7.2vw; font-size: 1.3vw; } 
  .ipp-training .con-box1 .left .txt-right { right: 0.4vw; bottom: 7.2vw; font-size: 1.3vw; } 
  .ipp-training .con-box1 .left .txt-center { font-size: 2vw; line-height: 1.3; } 
}
@media (max-width: 1250px){
  .ipp-training .con-box1 .left .txt-left { left: 2.8vw; bottom: 6.9vw; } 
  .ipp-training .con-box1 .left .txt-right { right: -0.3vw; bottom: 6.9vw; } 
}
@media (max-width: 1140px){
  .ipp-training .con-box1 { flex-direction: column; justify-content: flex-start; align-items: center; padding: 0 0 50px 0; } 
  .ipp-training .con-box1 .left { margin-right: 0; margin-left: 0; } 
  .ipp-training .con-box1 .left .txt-wrap strong { font-size: 20px; } 
  .ipp-training .con-box1 .left .txt-left { left: 51px; bottom: 110px; font-size: 18px; } 
  .ipp-training .con-box1 .left .txt-right { right: 6px; bottom: 110px; font-size: 18px; } 
  .ipp-training .con-box1 .left .txt-center { font-size: 30px; } 
  .ipp-training .con-box1 .right { width: 100%; padding: 0 60px; } 
  .ipp-training .con-box1 .right p { flex: 1; } 
}
@media (max-width: 876px){
  .ipp-training .con-box1 .left .txt-wrap strong { font-size: 2.5vw; } 
  .ipp-training .con-box1 .left .txt-left { left: 5.2vw; bottom: 12.2vw; font-size: 2.3vw; } 
  .ipp-training .con-box1 .left .txt-right { right: 1.7vw; bottom: 9.9vw; width: 17vw; font-size: 2.3vw; } 
  .ipp-training .con-box1 .left .txt-center { font-size: 4vw; } 
  .ipp-training .con-box1 .right { padding: 0 20px; } 
  .ipp-training .con-box1 .right li { flex-direction: column; } 
  .ipp-training .con-box1 .right p { width: 100%; max-width: 350px; min-width: auto; padding: 16px 20px; } 
  .ipp-training .con-box1 .right .dot { margin: 15px 0; transform: rotate(90deg); } 
  .ipp-training .con-box1 .right .dot i:first-child { margin-right: 5px; } 
}
@media (max-width: 700px){
  .ipp-training .con-box1 .left .txt-wrap strong { font-size: 2.9vw; } 
  .ipp-training .con-box1 .left .txt-left { left: 4.3vw; bottom: 11vw; font-size: 2.7vw; } 
  .ipp-training .con-box1 .left .txt-right { right: 1.4vw; bottom: 7.8vw; width: 17vw; font-size: 2.7vw; } 
  .ipp-training .con-box1 .left .txt-center { font-size: 4vw; } 
}

/* [E] 대학생활 - IPP 현장실습 */


/* [S] 대학생활 - 학생증발급 */
.issuance .info-list {margin: 15px 0 0; }
.issuance .info-list ul { position: relative; display: flex; justify-content: space-around; padding: 0 25px; } 
.issuance .info-list ul::before { content: ''; position: absolute; left: 0; top: 30.5%; width: 100%; height: 1px; background-color: #ddd; } 
.issuance .info-list li { display: flex; flex-direction: column; align-items: center; width: 185px; margin: 0 10px; } 
.issuance .info-list strong { display: block; min-height: 60px; font-size: 22px; color: #008aa8; font-family: 'Noto Bold'; white-space: nowrap; } 
.issuance .info-list p { font-size: 18px; line-height: 30px; font-family: 'Noto Light'; } 

@media (max-width: 1200px){
  .issuance .info-list strong { font-size: 20px; } 
  .issuance .info-list p { font-size: 16px; line-height: 1.5; } 
}

@media (max-width: 1000px){
  .issuance .info-list strong { font-size: 18px; } 
  .issuance .info-list p { font-size: 15px; line-height: 1.5; } 
  .issuance .info-list ul { flex-wrap: wrap; padding: 0; } 
  .issuance .info-list li { width: calc(100% / 4); margin-bottom: 40px; text-align: center; } 
  .issuance .info-list strong { min-height: 40px; } 
  .issuance .info-list ul::before { top: 39% } 
}

@media (max-width: 768px){
  .issuance .info-list li {  margin-bottom: 25px; } 
  .issuance .info-list strong { min-height: 35px; } 
  .issuance .info-list ul::before { top: 38% } 
}

.issuance .guide-step {margin: 0 0 60px;}
.issuance.step10 .guide-step {margin: 0;}
.issuance .guide-step .list {display: flex;justify-content: space-between;align-items: flex-start;padding: 54px 30px;border: 1px solid #ddd;}
.issuance .guide-step .list .left {flex: 1; margin: 0 70px 0 0;min-width: 350px;}
.issuance .guide-step .list .right {max-width: 700px;}
.issuance .guide-step .tit { display: flex; align-items: center;margin: 0 0 24px;} 
.issuance .guide-step .badge { width: 106px; display: inline-block;margin: 0 15px 0 0; padding: 5px; color: #fff; background-color: #1378bd; border-radius: 17px; text-align: center; font-family: 'Mont Regular';} 
.issuance .guide-step .badge i {font-size: 15px;font-family: 'Noto Bold';}
.issuance .guide-step strong { font-size: 25px; color: #1378bd; font-family: 'Noto Medium'; } 
.issuance .guide-step .circle-num-list li { color: #333; } 
.issuance .guide-step .circle-num-list li span {font-family: 'Noto Regular';}

@media(max-width: 1000px) {
  .issuance .guide-step {margin: 0 0 30px;} 
  .issuance .guide-step .list {padding: 35px; 20px;}
  .issuance .guide-step .list { flex-direction: column;align-items: center; } 
  .issuance .guide-step .list .left { flex: 0;width: 100%;max-width: 700px;margin: 40px 0 0 0; order: 2; }
  .issuance .guide-step .list .right {order: 1;}
  .issuance .info-list {margin: 35px 0 0 ;}
}

@media(max-width: 500px) {
  .issuance .guide-step .list {padding: 30px 20px;}
  .issuance .guide-step .list .left {margin: 25px 0 0;}
  .issuance .guide-step .tit {margin: 0 0 17px;align-items: flex-start;}
  .issuance .guide-step .badge {width: 95px; font-size: 15px;padding: 3px;}
  .issuance .guide-step .badge i {font-size: 13px;}
  .issuance .guide-step strong {font-size: 23px;}
}

/* [E] 대학생활 - 학생증발급 */

/* [S]  대학생활 - 총학생회 소개 */
.student-wrap .student-box{background:#F7F7F7; position: relative; height: 430px; width: 100%; margin-top: 230px;}
.student-wrap  .banner-box{position: relative; top: -230px; width: 100%;}
.student-wrap  .img-box > img{min-height: 500px; object-fit: cover;}
.student-wrap .txt-box{display: flex; justify-content: space-between; align-items: end; margin-top: 43px; position: relative;}
.student-wrap .item01{background: #F7F7F7; position: relative; z-index: 1; width: 220px;}
.student-wrap .item01 > span{font-size: 16px; font-family: "Mont Regular"; color: #121212; position: absolute; top: 0; left: 0; width: 130%;}
.student-wrap .item01 > p{font-size: 40px; font-family: "Mont Bold"; color: #0E6892; line-height: 30px; padding-top: 25px;}
.student-wrap .line{flex: 1; }
.student-wrap .line::before{content:'';width:100%;height:1px;background:#121212;position:absolute;left:50%;top:78%;transform:translateX(-50%);}
.student-wrap .sub-txt{font-size: 25px; font-family: "Noto Medium"; color: #333333; line-height: 1; background: #F7F7F7; position: relative; z-index: 1; padding-left: 50px;}

@media(max-width:1400px){
  .student-wrap .item01 > p{font-size: 35px;}
  .student-wrap .sub-txt{font-size: 22px; padding-left: 30px;}
}

@media(max-width:1200px){
  .student-wrap .student-box{margin-top: 150px; height: 365px;}
  .student-wrap .banner-box{top: -150px;}
  .student-wrap  .img-box > img{min-height: 400px;}
  .student-wrap .item01 > p{font-size: 30px;}
  .student-wrap .sub-txt{font-size: 20px; padding-left: 30px;}
}

@media(max-width:950px){
  .student-wrap .item01 > span{font-size: 15px;}
  .student-wrap .sub-txt{font-size: 17px; padding-left: 20px;}
}

@media(max-width:768px){
  .student-wrap .student-box{margin-top: 100px; height: 300px;}
  .student-wrap .banner-box{top: -100px;}
  .student-wrap  .img-box > img{min-height: 250px;}
  .student-wrap .txt-box{display: block; margin-top: 30px;}
  .student-wrap .line{display: none;}
  .student-wrap .sub-txt{padding-left: 0; display: block; text-align: right; margin-top: 20px;}
}

.student-council .wrap-box { display: flex; justify-content: center; align-items: center; border: 1px solid #ddd; } 
.student-council .wrap-box ul { display: flex; align-items: center; padding: 19px 40px; } 
.student-council .wrap-box li { display: flex; align-items: center; position: relative; } 
.student-council .wrap-box li::before { content: ''; position: absolute; right: -45px; top: 50%; width: 2px; height: 12px; background-color: #555; margin-top: -6px; } 
.student-council .wrap-box li:first-child { margin: 0 80px 0 0; } 
.student-council .wrap-box li:last-child::before { display: none; } 
.student-council .wrap-box p { margin: 0 30px 0 0; color: #222; } 
.student-council  .desc {font-size: 20px;}

@media (max-width: 768px){
  .student-council .wrap-box p { font-size: 15px; margin: 0 15px 0 0; } 
  .student-council .wrap-box ul { padding: 15px 20px; } 
  .student-council .wrap-box li:first-child { margin: 0 50px 0 0; } 
  .student-council .wrap-box li::before { right: -26px } 
}


@media (max-width: 500px){
  .student-council .wrap-box ul { padding: 13px 20px; } 
  .student-council .wrap-box li { flex-direction: column; align-items: flex-start; } 
  .student-council .wrap-box p { margin: 0 15px 10px 0; } 
  .student-council .wrap-box li::before { right: -16px; } 
}

.student-council .org { padding: 46px 20px 63px 20px; border: 1px solid #ddd; } 
.student-council .org .circle { position: relative; display: block; width: 120px; height: 120px; margin: 0 auto 60px;; } 
.student-council .org .circle::before { content: ''; position: absolute; left: 50%; bottom: -30px; margin-left: -0.5px; width: 1px; height: 30px; background-color: #ccc; } 
.student-council .org .circle strong { display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #026480; color: #fff; border-radius: 50%; font-size: 20px; font-family: 'Noto Medium'; } 
.student-council .org ul { position: relative; display: flex; justify-content: space-between; } 
.student-council .org ul::before { content: ''; position: absolute; left: 0; top: -30px; width: 100%; height: 1px; background-color: #ccc; } 
.student-council .org .box { position: relative; width: calc((100% / 6) - 17px); text-align: center } 
.student-council .org .box::before { content: ''; position: absolute; left: 50%; top: -30px; margin-left: -0.5px; width: 1px; height: 30px; background-color: #ccc; } 
.student-council .org .box span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 16px 20px; color: #026480; background-color: #c5e8f2; font-size: 18px; font-family: 'Noto Medium' } 
.student-council .org .box:first-child::after { content: ''; position: absolute; left: 0; top: -32px; width: calc(50% - 0.5px); height: 32px; background-color: #fff; } 
.student-council .org .box:last-child::after { content: ''; position: absolute; right: 0; top: -32px; width: calc(50% - 0.5px); height: 32px; background-color: #fff; } 



@media (max-width: 1100px){
  .student-council .org .circle { width: 110px; height: 110px; } 
  .student-council .org .circle strong { font-size: 18px; } 
  .student-council .org .box { width: calc((100% / 6) - 10px); } 
  .student-council .org .box span { font-size: 16px; } 
  .student-council  .desc {font-size: 18px;}
}


@media (max-width: 1000px){
  .student-council .org { padding: 35px 20px 50px 20px; } 
  .student-council .org ul { flex-wrap: wrap; } 
  .student-council .org ul::before { display: none; } 
  .student-council .org .circle { margin: 0 auto 40px; } 
  .student-council .org .circle::before { display: none; } 
  .student-council .org .box { width: calc(50% - 20px); margin: 0 0 14px; } 
  .student-council .org .box:first-child::after { display: none; } 
  .student-council .org .box:last-child::after { display: none; } 
  .student-council .org .box::before { display: none; } 
}

@media (max-width: 500px){
  .student-council .org .box { width: calc(50% - 10px)}
  .student-council .org .box span { padding: 10px 20px; } 
  .student-council  .desc {font-size: 16px;}
}

/* [E]  대학생활 - 총학생회  소개 */

/* [S] 교육정보 - 국가근로 */

.country-work .step-list { display: flex; justify-content: space-between; } 
.country-work .step-list li { position: relative; width: calc((100% /5) - 24px); padding: 34px 25px 25px; border: 1px solid #ddd; } 
.country-work .step-list li::before { content: ''; position: absolute; right: -23px; top: 50%; transform: translateY(-50%); width: 13px; height: 20px; background-image: url('../../images/sub/new/step-arrow-blue.png'); background-size: cover; } 
.country-work .step-list li:last-child::before { display: none; } 
.country-work .step-list .badge { position: absolute; left: 26px; top: -13px; width: 35px; height: 35px; text-align: center; line-height: 35px; font-size: 15px; background-color: #029fc6; font-family: 'Mont Medium'; color: #fff; border-radius: 50%; overflow: hidden; } 
.country-work .step-list .badge::before { content: ''; position: absolute; right: -10px; top: 10px; width: 100%; height: 100%; background-color: #028cae; border-radius: 50%; } 
.country-work .step-list .badge span { position: relative; } 
.country-work .step-list li strong { position: relative;display: block;min-height: 78px; font-size: 18px; color: #029fc6; font-family: 'Noto Medium'; line-height: 25px; } 
.country-work .step-list li strong::before {content: '';position: absolute;bottom: 12px;left: 0;width: 30px;height: 1px;background-color: #ddd; }
.country-work .step-list li p { line-height: 30px; font-family: 'Noto Light'; color: #555; } 

@media (max-width: 1400px) { 
  .country-work .step-list li {padding: 34px 15px;}
}

@media (max-width: 1200px) { 
  .country-work .step-list {flex-direction: column;}
  .country-work .step-list li {width: 100%;margin: 0 0 40px;padding: 34px 25px;}
  .country-work .step-list li:last-child {margin: 0}
  .country-work .step-list li::before {left: 50%;right: auto; top: auto;bottom: -32px;margin-left: -6.5px;transform: rotate(90deg);}
  .country-work .step-list li strong {min-height: 45px;}
  .country-work .step-list li strong::before {bottom: 7px;}
}

/* [E] 교육정보 - 국가근로 */

/* [S] CKU소개 - 설립정신 */
.founding-wrap {position: relative;}
.founding-wrap .row {display: flex; padding-top: 55px;}
.founding-wrap .left {padding-left: 60px; flex-shrink: 0;}
.founding-wrap .left strong  {padding-left: 28px; position: relative;  letter-spacing: -.05em; color: #006276; display: inline-block;  line-height: 1.4;  font-size: 40px;  font-family: 'Noto Bold';}
.founding-wrap .left strong::after {content:''; width:2px; height:200px; background: #00C3D4; position: absolute; left:0; bottom:0;}
.founding-wrap .right {padding-left: 118px;}
.founding-wrap .right p {font-size: 20px; line-height: 35px; letter-spacing: -.05em; color:#555; font-family:'Noto Light';}

@media (max-width:1350px) {
  .founding-wrap .none{display:none;}
}

@media (max-width:1200px) {
  .founding-wrap .right{padding-left:50px;}
  .founding-wrap .left strong{font-size:35px;}
}

@media (max-width:1000px) {
  .founding-wrap .row {flex-direction: column;}
  .founding-wrap .right {padding-left: 88px; margin-top: 20px;}
}

@media (max-width:750px) {
  .founding-wrap .row {padding-top: 35px;}
  .founding-wrap .left{padding-left: 30px;}
  .founding-wrap .left strong {font-size: 30px; padding-left: 30px;}
  .founding-wrap .right{padding-left:30px;}
  .founding-wrap .right p{font-size:18px;  line-height: 30px;}
  .founding-wrap img{min-height:180px; object-fit:cover;}
}
/* [E] CKU소개 - 설립정신 */

/* [S] CKU소개 - 교육이념 */
.edui-wrap {position: relative; padding:20px 40px 28px 40px; background: #F9F9F9;}
.edui-wrap .wrap-inner {position: relative; background:url('../../images/sub/new/edui-bannerbg.png') no-repeat left top; padding:10px 0;}
.edui-wrap .banner {display: flex;}
.edui-wrap .tit strong {padding-left:48px; font-size: 50px; letter-spacing: -.05em; color:#0079BF; font-family: 'Noto Bold';}
.edui-wrap .con {padding-left: 78px;}
.edui-wrap .con p {font-size: 20px; line-height: 35px; letter-spacing: -.05em; font-family: 'Noto Light';}

@media (max-width:1000px) {
  .edui-wrap .tit strong {font-size: 40px;}
  .edui-wrap .con {padding-left: 40px;}
  .edui-wrap .con p {font-size: 18px;}
}
@media (max-width:750px) {
  .edui-wrap .banner {flex-direction: column;}
  .edui-wrap .tit strong {padding-left: 40px; font-size: 30px;}
  .edui-wrap .con {margin-top: 10px;}
  .edui-wrap .con p {font-size: 16px; line-height: 1.8;}
}

.edui-wrap2 {position: relative;}
.edui-wrap2 .df {display:flex; justify-content: space-between; margin:0 -20px;}
.edui-wrap2 .df > div {padding:0 20px;}
.edui-wrap2 .row {display: flex; margin-top: 30px;}
.edui-wrap2 .left {padding-left: 57px;}
.edui-wrap2 .left strong {position: relative; padding-left: 45px; font-size: 30px; font-family: 'Noto Bold'; color:#0E3092; letter-spacing: -.05em;}
.edui-wrap2 .left strong::after {content:''; width:2px; height:130px; background: #009CFF; position: absolute; left: 0; bottom:5px;}
.edui-wrap2 .right {flex:1; padding-left: 60px;}

@media (max-width:1300px) {
  .edui-wrap2 .left {padding-left: 30px;}
  .edui-wrap2 .left strong {padding-left: 30px;} 
  .edui-wrap2 .right {padding-left: 40px;}
}
@media (max-width:1200px) {
  .edui-wrap2 .row {flex-direction: column;}
  .edui-wrap2 .right {padding-left: 60px; margin-top: 20px;}
}
@media (max-width:1000px) {
  .edui-wrap2 .row {margin-top: 10px;}
  .edui-wrap2 .left strong {font-size: 25px;}
}
@media (max-width:768px) {
  .edui-wrap2 .df {flex-direction: column; margin:0 auto; align-items: center;}
  .edui-wrap2 .df > div {padding:0; margin-bottom: 40px;}
  .edui-wrap2 .df > div:last-child {margin-bottom: 0;}
}

/* [E] CKU소개 - 교육이념 */

/* [S] 연구/산학 - 소개 */
.country-work-circle {margin: 50px 0 0; background-color: #f7f7f7; text-align: center; } 
.country-work-circle .inner { padding: 70px 40px; } 
.country-work-circle .center-wrap { display: inline-block; max-width: 1140px; width: 100%; } 
.country-work-circle .center-wrap > div { display: flex; align-items: center; width: 100%; } 
.country-work-circle .box-list { position: relative; width: 200px; z-index: 10; } 
.country-work-circle .box-list.left { transform: translateY(-44px); } 
.country-work-circle .box-list > li { position: relative; margin: 0 0 30px; } 
.country-work-circle .box-list > li:last-child { margin: 0; } 
.country-work-circle .box-list > li:first-child::before { content: ''; position: absolute; top:0; width:26px; height: 100%; background-color: #f7f7f7; } 
.country-work-circle .box-list.left > li:first-child::before { right: -26px; } 
.country-work-circle .box-list.right > li:first-child::before { left: -26px; } 
.country-work-circle .circle.blue::before { content: ''; position: absolute; position: absolute; left: -67px; top: -90px; width: 120px; height: 2px; background-color: #17466e; } 
.country-work-circle .circle.blue::after { content: ''; position: absolute; position: absolute; left: 39px; top: -60px; width: 80px; height: 2px; background-color: #17466e; transform: rotate(48deg); } 
.country-work-circle .circle.sky::before { content: ''; position: absolute; position: absolute; right: -56px; top: -90px; width: 120px; height: 2px; background-color: #17466e; } 
.country-work-circle .circle.sky::after { content: ''; position: absolute; position: absolute; right: 50px; top: -60px; width: 80px; height: 2px; background-color: #17466e; transform: rotate(-48deg); } 
.country-work-circle .box-list .box span { display: block; width: 100%; padding: 15px 10px; border-radius: 10px; background-color: #fff; font-size: 18px; text-align: center; } 
.country-work-circle .box-list.left span { color: #17466e; border: 1px solid #17466e; } 
.country-work-circle .box-list.right span { color: #016185; border: 1px solid #016185; } 
.country-work-circle .diagram { position: relative; flex-shrink: 0; width: 100%; max-width: 565px; height: 515px; margin: 0 80px 0 94px; } 
.country-work-circle .diagram::before { content: '산학연 협력체제강화'; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 43px 0 0; width:150px; height: 150px; background-color: #fff; font-size: 20px; font-family: 'Noto Medium'; z-index: 3; border-radius: 50%; } 
.country-work-circle .diagram .circle { position: absolute; width: 300px; height: 300px; border-radius: 50%; box-shadow: 0px 0px 20px 2px rgba(0, 121, 191, 0.1); } 
.country-work-circle .diagram .circle.blue { left: 0; bottom: 0; z-index: 2; box-shadow: inset -10px 76px 38px 6px rgba(0, 0, 0, 0.2) } 
.country-work-circle .diagram .circle.green { top: 0; left: 50%; transform: translateX(-50%); z-index: 1; box-shadow: inset -24px 18px 35px -4px rgba(0, 0, 0, 0.3); } 
.country-work-circle .diagram .circle.sky { right: 0; bottom: 0; box-shadow: inset 41px 48px 27px -9px rgba(0, 0, 0, 0.2) } 
.country-work-circle .diagram .circle.blue, .country-work-circle .diagram .circle.blue .icon { background-color: #194f8b; } 
.country-work-circle .diagram .circle.green, .country-work-circle .diagram .circle.green .icon { background-color: #016e77; } 
.country-work-circle .diagram .circle.sky, .country-work-circle .diagram .circle.sky .icon { background-color: #3c96b7; } 
.country-work-circle .diagram .circle .icon { display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; margin: 0 0 5px; border-radius: 50%; } 
.country-work-circle .diagram .circle .info { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 195px; height: 195px; background-color: #f2f4f4; border-radius: 50%; text-align: center; } 
.country-work-circle .diagram .circle .info .txt { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; flex-direction: column; transform: translate(-50%, -50%); } 
.country-work-circle .diagram .circle .info strong { display: block; font-size: 20px; font-family: 'Noto Medium'; } 
.country-work-circle .diagram .circle.blue .info strong { color: #033e7f; } 
.country-work-circle .diagram .circle.green .info strong { color: #00747e; } 
.country-work-circle .diagram .circle.sky .info strong { color: #1483AC; } 

@media (max-width: 1420px){
  .country-work-circle .center-wrap > div { justify-content: space-between; } 
  .country-work-circle .diagram { margin: 0 20px; flex-shrink: 0; } 
}

@media (max-width: 1000px){
  .country-work-circle {margin: 40px 0 0;}
  .country-work-circle .center-wrap > div { flex-direction: column; } 
  .country-work-circle .diagram { margin: 0; } 
  .country-work-circle .circle.blue::before { display: none; } 
  .country-work-circle .circle.blue::after { display: none; } 
  .country-work-circle .circle.sky::before { display: none; } 
  .country-work-circle .circle.sky::after { display: none; } 
  .country-work-circle .diagram { margin: 60px 0 } 
  .country-work-circle .box-list { width: 100%; max-width: 350px; } 
  .country-work-circle .box-list.left { transform: translateY(0); } 
}

@media (max-width: 768px){
  .country-work-circle {margin: 30px 0 0;}
  .country-work-circle .inner { padding: 40px 20px; } 
  .country-work-circle .diagram { max-width: 420px; margin: 0; height: 375px; margin: 40px 0; } 
  .country-work-circle .diagram .circle { width: 220px; height: 220px; } 
  .country-work-circle .diagram::before { width: 125px; height: 125px; margin: 28px 0 0 0; font-size: 17px; } 
  .country-work-circle .diagram .circle .info { width: 140px; height: 140px; } 
  .country-work-circle .diagram .circle .icon { width: 40px; height: 40px; } 
  .country-work-circle .diagram .circle .icon img { width: 50%; } 
  .country-work-circle .diagram .circle .info .txt { margin-top: -6px; } 
  .country-work-circle .diagram .circle .info strong { font-size: 18px; transform: translateY(-4px); } 
  .country-work-circle .diagram .circle .info span { font-size: 15px; transform: translateY(-7px); } 
  .country-work-circle .box-list .box { margin-bottom: 15px; } 
  .country-work-circle .box-list .box span { padding: 13px 10px; font-size: 17px; } 
}

.intro-wrap .inner{max-width: 1400px; width: 100%; margin: 0 auto;}
.intro-wrap .hospital-box{background:#F7F7F7; position: relative; height: 430px; width: 100%; margin-top: 230px;}
.intro-wrap .banner-box{position: relative; top: -230px; width: 100%;}
.intro-wrap .img-box > img{min-height: 500px; object-fit: cover;}
.intro-wrap .txt-box{display: flex; justify-content: space-between; align-items: end; margin-top: 43px; position: relative;}
.intro-wrap .item01{background: #F7F7F7; position: relative; z-index: 1; padding-right: 40px;}
.intro-wrap .item01 > span{font-size: 16px; font-family: "Mont Regular"; color: #121212;}
.intro-wrap .item01 > p{font-size: 40px; font-family: "Mont Bold"; color: #1483AC; line-height: 30px;}
.intro-wrap .line{flex: 1; }
.intro-wrap .line::before{content:'';width:100%;height:1px;background:#121212;position:absolute;left:50%;top:78%;transform:translateX(-50%);}
.intro-wrap .sub-txt{font-size: 25px; font-family: "Noto Medium"; color: #333333; line-height: 1; background: #F7F7F7; position: relative; z-index: 1; padding-left: 50px;}

@media(max-width:1400px){
  .intro-wrap .item01 > p{font-size: 35px;}
  .intro-wrap .sub-txt{font-size: 22px; padding-left: 30px;}
}

@media(max-width:1200px){
  .intro-wrap .hospital-box{margin-top: 150px; height: 365px;}
  .intro-wrap .banner-box{top: -150px;}
  .intro-wrap .img-box > img{min-height: 400px;}
  .intro-wrap .item01 > p{font-size: 30px;}
  .intro-wrap .sub-txt{font-size: 20px; padding-left: 30px;}
}

@media(max-width:1050px){
  .intro-wrap .item01 > p{font-size: 27px; line-height: 24px;}
  .intro-wrap .item01 > span{font-size: 15px;}
  .intro-wrap .sub-txt{font-size: 17px; padding-left: 20px;}
}

@media(max-width:900px){
  .intro-wrap .hospital-box{margin-top: 100px; height: 350px;}
  .intro-wrap .banner-box{top: -100px;}
  .intro-wrap .img-box > img{min-height: 300px;}
  .intro-wrap .txt-box{display: block;}
  .intro-wrap .line{display: none;}
  .intro-wrap .sub-txt{padding-left: 0; display: block; text-align: right; margin-top: 20px;}
  .intro-wrap .item01{padding-right:0px;}
}

@media(max-width:768px){
  .intro-wrap .hospital-box{margin-top: 100px; height: 330px;}
  .intro-wrap .banner-box{top: -100px;}
  .intro-wrap .txt-box{margin-top: 30px;}
  .intro-wrap .img-box > img{min-height: 260px;}
}

@media(max-width:600px){
  .intro-wrap .item01 > p{font-size: 24px;}
  .intro-wrap .item01 > span{font-size: 14px;}
  .intro-wrap .sub-txt{font-size: 16px; padding-left: 20px;}
}
/* [E] 연구/산학 - 소개 */

.num-gray-box .box { padding: 28px 74px 24px; background-color: #f7f7f7; } 
.num-gray-box .tit { display: inline-block; justify-content: space-between; font-size: 22px; } 
.num-gray-box .tit strong { position: relative; display: inline-block; margin: 0 35px 0 0; color: #121212; font-family: 'Noto Bold'; } 
.num-gray-box .tit strong::before { content: ''; position: absolute; top: 50%; right: -22px; width: 2px; height: 10px; margin: -5px 0 0; background-color: #c1c1c1; } 
.num-gray-box .tit p { display: inline-block; font-family: 'Noto DemiLight'; color: #222; } 
.num-gray-box .circle-num-list li {display: flex; align-items: center;}

@media (max-width: 768px){
  .num-gray-box .box { padding: 28px 25px 24px } 
  .num-gray-box .tit {font-size: 18px;}
  .num-gray-box .tit strong {margin:0 20px 0 0;}
  .num-gray-box .tit strong::before {right: -13px}
  .num-gray-box .circle-num-list li {display: block;}
  .num-gray-box .btn-style {display: block !important; margin: 10px 0 0 0 !important;}
  .num-gray-box .btn-style.type1 {width: 150px;}
  .num-gray-box .btn-style.type2 {width: 110px;}
  .num-gray-box .btn-style.type3 {width: 90px;}
  .num-gray-box .btn-style.type4 {width: 75px;}
}

.num-gray-box.flex-box .box {padding: 28px 74px 14px;}
.num-gray-box.flex-box .circle-num-list ul { display: flex; flex-wrap: wrap; } 
.num-gray-box.flex-box .circle-num-list ul li { width: 48%; margin: 0 15px 18px 0; } 
.num-gray-box.flex-box .circle-num-list ul li:nth-child(2n) { margin: 0 0 18px; } 
@media (max-width: 768px){
  .num-gray-box.flex-box .box {padding: 28px 25px 14px;}
  .num-gray-box.flex-box .circle-num-list ul { flex-direction: column; } 
  .num-gray-box.flex-box .circle-num-list ul li { width: 100%; margin: 0 0 18px; } 
}


/* [E] 대학생활 - 동아리소개 */

/* [S] 대학생활 CooBee 현장실습 */
.coobee .con-box {display: flex;align-items: center;padding: 76px 140px 70px 140px;border: 1px solid #ccc;} 
.coobee .circle { width: 423px; height: 318px;flex-shrink: 0; padding: 18px 120px 18px 18px;margin: 0 28px 0 0; background-image: url('../../images/sub/new/circle-dashed.jpg'); background-repeat: no-repeat;background-size: cover;} 
.coobee .circle > .wrap { position: relative;width: 100%; height: 100%; padding: 148px 20px 20px; border: 4px solid #f2d229;text-align: center; border-radius: 50%;} 
.coobee .circle > .wrap::before {content: ''; position: absolute;width: 98px;height: 72px;top: 57px;left: 50%;margin: 0 0 0 -44px;background-image: url('../../images/sub/new/coobee-logo.png');background-size: cover;background-repeat: no-repeat;}
.coobee .circle .txt strong { display: block;font-size: 25px; font-family: 'Noto Bold'; } 
.coobee .info {width: 646px;}
.coobee .info li {display: flex;align-items: center;margin: 0 0 27px}
.coobee .info li:last-child {margin: 0;}
.coobee .info .polygon {display: flex;justify-content: center;align-items: center;width: 86px;height: 96px;background-size: contain;background-position: center;background-repeat: no-repeat;color: #fff;font-family: 'Noto Medium';font-size: 22px;}
.coobee .info .blue .polygon {background-image: url('../../images/sub/new/coobee-polygon1.png');}
.coobee .info .sky .polygon {background-image: url('../../images/sub/new/coobee-polygon2.png');}
.coobee .info .green .polygon {background-image: url('../../images/sub/new/coobee-polygon3.png');}
.coobee .info .dot {position: relative;width: 22px;display: flex;justify-content: space-between;margin: 0 20px;}
.coobee .info .dot span {display: inline-block;width: 5px; height: 5px;border-radius: 50%;}
.coobee .info .blue .dot span {background-color: #0a60ca;}
.coobee .info .sky .dot span {background-color: #016ab4;}
.coobee .info .green .dot span {background-color: #0194b4;}
.coobee .info .desc {flex: 1;font-size: 20px;border-radius: 10px;padding: 15px 15px 15px 42px;}
.coobee .info .blue .desc {background-color: #e6f1ff;color: #0a60ca;}
.coobee .info .sky .desc {background-color: #e6f5ff;color: #016ab4;}
.coobee .info .green .desc {background-color: #e6faff;color: #0194b4;}

@media (max-width: 1400px) {
  .coobee .con-box {padding: 76px 60px 70px 60px;}
}

@media (max-width: 1100px) {
  .coobee .con-box {flex-direction: column;}
  .coobee .circle {margin: 0 0 100px;transform: rotate(90deg);}
  .coobee .circle > .wrap {display: flex;justify-content: center;align-items: center;position: relative;padding: 0 20px 20px; background-position: left 57px center;}
  .coobee .circle > .wrap::before  {transform: rotate(-90deg);margin: -32px 0 0 0;top: 50%;left: 15%;}
  .coobee .circle .txt {transform: rotate(-90deg) translate(-10px, 46px)}
  .coobee .info {width: 100%;max-width: 600px;}
}

@media (max-width: 768px) {
  .coobee .con-box {padding: 76px 40px 70px 40px;}
  .coobee .info .polygon {width: 82px; height: 82px;font-size: 20px;}
  .coobee .info .desc {padding: 20px; font-size: 16px;}
  .coobee .info .dot {margin: 0 12px;}
  .coobee .circle {width: 403px;height: 298px;margin: 0 0 80px;background-size: contain;}
  .coobee .circle .txt strong {font-size: 21px;}
  .coobee .circle .txt em {font-size: 15px;}
}
/* [E] 대학생활 CooBee 현장실습 */

/* [S] 대학안내 */
#multipleContentsDiv_cku_3924 .close {display: none;}
.university-info .dep1-tit-wrap { margin: 0 0 35px; } 
.university-info .dep1-tit { display: flex; align-items: center; justify-content: space-between; margin: 0 0 25px; } 
.university-info .dep1-tit > div { display: flex; align-items: center; } 
.university-info .dep1-tit strong { font-size: 35px; color: #0b6990; font-family: 'Noto Bold'; } 
.university-info .dep1-tit em { font-size: 30px; color: #ccc; font-family: 'Mont Medium'; } 
.university-info .dep1-tit i { display: block; margin: 0 0 20px; font-size: 22px; color: #222; font-family: 'Noto Medium'; } 
.university-info .dep1-tit .home-link { display: block; width: 40px; height: 40px; margin: 0 0 0 14px; transform: translateY(3px); background-color: #f1f1f1; border-radius: 50%; background-image: url('../../images/sub/new/ic-tit-home-gray.png'); background-position: center; background-repeat: no-repeat; text-indent: -9999px; transition: .25s; } 
.university-info .dep1-tit .home-link:hover { background-image: url('../../images/sub/new/ic-tit-home-white.png'); background-color: #0b6990; } 
.university-info .dep1-tit-wrap .desc { padding: 22px 30px; background-color: #fafbfb; font-size: 18px; font-family: 'Noto Light'; line-height: 30px; } 
.university-info .dep1-tit-wrap .desc i {display: block;margin: 0 0  15px;font-size: 22px; color:  #222;font-family: 'Noto Medium';}
.university-info .dep2-tit { position: relative; margin: 0 0 25px; } 
.university-info .dep2-tit::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.5px; width:100%; height: 1px; background-color: #ddd; } 
.university-info .dep2-tit strong { position: relative; display: inline-block; background-color: #fff; padding: 0 50px 0 0; font-family: 'Noto Bold'; font-size: 25px; color: #666; } 
.university-info .dep3-wrap { display: flex; flex-wrap: wrap; margin: 0 0 25px } 
.university-info .dep3-wrap li { width:calc((100%/ 4) - 30px); margin: 0 40px 20px 0; border: 1px solid #ddd; } 
.university-info .dep3-wrap li:nth-child(4n) { margin-right: 0; } 
.university-info .dep3-wrap li .btn-style { display: block;width: 100%; height: 100%; padding: 21px 50px 21px 24px; font-size: 20px; font-family: 'Noto Medium'; color: #121212; border: 1px solid transparent; } 
.university-info .dep3-wrap li:hover { border: 1px solid #0079bf; } 
.university-info .dep3-wrap li:hover .btn-style { color: #0079bf; border: 1px solid #0079bf; } 
.university-info .dep3-wrap .btn-style.type1::before { width: 27px; height: 8px; background-image: url('../../images/sub/new/universuty-arrow.png'); right: 14px; } 
.university-info .dep3-wrap .btn-style.type1:hover::before { width: 31px; height: 8px;; background-image: url('../../images/sub/new/universuty-arrow-hover.png'); background-size: 31px; } 
.university-info .dep3-wrap .btn-style.type1::after { width: 12px; height: 12px; right: 10px; } 

@media (max-width: 1200px){
  .university-info .dep1-tit { flex-direction: column; align-items: flex-start; margin: 0 0 20px;} 
  .university-info .dep1-tit > div { margin: 0 0 10px 0 } 
  .university-info .dep1-tit strong {font-size: 32px;}
  .university-info .dep1-tit em {font-size: 27px;} 
  .university-info .dep1-tit-wrap .desc {font-size: 17px;padding: 15px 24px;}
  .university-info .dep3-wrap li { width: calc((100%/ 4) - 10px); margin: 0 13px 20px 0; } 
  .university-info .dep3-wrap li .btn-style { padding:18px 50px 18px 20px; font-size: 18px; }

}
@media (max-width: 1000px){
  .university-info .dep3-wrap li { width: calc((100%/ 3) - 10px); margin: 0 15px 20px 0; } 
  .university-info .dep3-wrap li:nth-child(4n) { margin: 0 15px 20px 0; } 
  .university-info .dep3-wrap li:nth-child(3n) { margin: 0 0 20px 0; } 
  .university-info .dep1-tit em {display: none;}
}
@media (max-width: 768px){
  .university-info .dep1-tit-wrap {margin: 0 0 20px}
  .university-info .dep1-tit {margin: 0 0 10px;}
  .university-info .dep1-tit strong {font-size: 27px;}
  .university-info .dep1-tit em {font-size: 22px;}
  .university-info .dep1-tit .home-link {width: 35px;height: 35px;background-size: 44%;margin: 0 0 0 10px;transform: translateY(2px);}
  .university-info .dep2-tit strong {font-size: 20px;padding: 0 25px 0 0;}
  .university-info .dep3-wrap {align-items: flex-start;}
  .university-info .dep3-wrap li { width: calc((100%/ 3) - 6px); margin: 0 9px 20px 0; } 
  .university-info .dep3-wrap li:nth-child(4n) { margin: 0 9px 20px 0; } 
  .university-info .dep3-wrap li .btn-style { padding:10px 20px 7px 11px; font-size: 16px; } 
  .university-info .dep3-wrap .btn-style.type1 { white-space: wrap; } 
  .university-info .dep3-wrap .btn-style.type1::before { width: 20px; height: 8px; right: 6px; } 
  .university-info .dep3-wrap .btn-style.type1:hover::before { width: 24px; height: 8px; background-size: contain; } 
  .university-info .dep3-wrap .btn-style.type1::after {right: 2px;}
}

@media (max-width: 550px){
  .university-info .dep1-tit strong {font-size: 24px;}
  .university-info .dep1-tit em {font-size: 20px;}
  .university-info .dep1-tit-wrap .desc {font-size: 16px;}
  .university-info .dep3-wrap li { width: calc((100% / 2) - 10px); margin: 0 20px 20px 0 !important; }  
  .university-info .dep3-wrap li:nth-child(2n) { margin:  0 !important; }  
  .university-info .dep1-tit-wrap .desc i {display: block;margin: 0 0  5px;font-size: 19px;}
}

/* [E] 대학안내 */

/* [S] 연혁 */
@media (min-width: 769px) {
  .page-5594 .wrap-footer {margin-top: 0;}
  .page-5595 .wrap-footer {margin-top: 0;}
  .page-5596 .wrap-footer {margin-top: 0;}
}
/* [E] 연혁 */

/* [S] 특성화 */
.special2 {margin: 85px 0 50px;}
.special3 {margin: 30px 0 5px;}
.special4 {margin: 25px 0 0;}
.special .con1 { position: relative; padding: 40px 0 0; margin: 0 0 50px; } 
.special .con1::before { content: '특성화 목표'; position: absolute; top: -5px; left: 50%; transform:translateX(-50%); font-size: 20px; color: #aaa; letter-spacing: 0.1em;} 
.special .con1 .box { position: relative; text-align: center; } 
.special .con1 .box::before { content: ''; position: absolute; left: 0; top: 0; width: 8px; height: 100%; background-color: #ccc; } 
.special .con1 .box::after { content: ''; position: absolute; right: 0; top: 0; width: 8px; height: 100%; background-color: #ccc; } 
.special .con1 .box > div { position: relative; } 
.special .con1 .box > div::before { content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 6px; background-color: #ccc; } 
.special .con1 .box > div::after { content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 6px; background-color: #ccc; } 
.special .con1 .box strong { position: relative; display: block; width: 100%; height: 100%; padding: 37px 20px; color: #00a2bf; font-size: 45px; font-family: 'Noto Bold'; } 
.special .con1 .box strong::before { content: ''; position: absolute; right: 0; top: 0; width: 24px; height: 6px; background-color: #ccc; } 
.special .con1 .box strong::after { content: ''; position: absolute; right: 0; bottom: 0; width: 24px; height: 6px; background-color: #ccc; } 
.special .con1 .box strong br {display: none;}


@media (max-width: 1300px) {
  .special .con1 .box strong {font-size: 43px;}
}

@media (max-width: 1000px) {
  .special2 {margin: 40px 0 0;}
  .special3 {margin: 20px 0 0;}
  .special4 {margin: 20px 0 0;}
  .special .con1 .box strong {padding: 5px 10px;font-size: 32px;}
  .special .con1 .box strong br {display: block;}
  .special .con1::before {font-size: 17px;top: 0;}
}

@media (max-width: 768px) {
  .special2 {margin: 30px 0 0;}
}

/*핵심역량 추가부분*/
.special.cm .con1 .box strong {font-size: 50px;font-family: 'Mont Bold';padding: 3px 20px;}
.special.cm .con1 .box span {display: block;position: relative;color: #222;font-size: 30px;font-family: 'Noto Medium';}
.special.cm .con1::before {content: '가톨릭관동대학교 인재상'}
.special.cm .con1 .box strong::after {display: none;}
.special.cm .con1 .box span::after {content: ''; position: absolute; right: 0; bottom: 0; width: 24px; height: 6px; background-color: #ccc;}
@media (max-width: 1300px) {
  .special.cm .con1 .box strong {font-size: 43px;}
}

@media (max-width: 1000px) {
  .special.cm .con1 .box strong {padding: 5px 10px;font-size: 32px;}
  .special.cm .con1 .box strong br {display: block;}
  .special.cm .con1 .box span {font-size: 24px;}
  .special.cm .con1::before {font-size: 17px;top: 0;}
}


.special .con2 { margin: 0 0 60px; } 
.special .con2 .box { margin: 0 0 60px; text-align: center; background-image: url('../../images/sub/new/special-box-bg.jpg'); background-size: cover; background-repeat: no-repeat; } 
.special .con2 .box strong { display: block; padding: 34px 20px; font-size: 35px; color: #222; } 
.special .con2 .info-list { display: flex; justify-content: space-between; } 
.special .con2 .info-list > li { display: flex;flex-direction: column;position: relative; width: calc(50% - 100px); justify-content: space-between; text-align: center; background-color: #fafafa;} 
.special .con2 .list1::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -47px; width: 20px; height: 27px; background-image: url('../../images/sub/new/special-arrow1.png'); background-position: center; background-repeat: no-repeat; } 
.special .con2 .list2::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -47px; width: 20px; height: 27px; background-image: url('../../images/sub/new/special-arrow2.png'); background-position: center; background-repeat: no-repeat; } 
.special .con2 .list1 .tit { background-color: #0075bf; } 
.special .con2 .list2 .tit { background-color: #0e3092; } 
.special .con2 .info-list .tit strong { display: block; width: 100%; height: 100%; padding: 20px; font-size: 25px; color: #fff; font-family: 'Noto Bold'; } 
.special .con2 .info-list .info { font-size: 20px; background-color: #fafafa; color: #222; } 
.special .con2 .info-list .info > .border-wrap { position: relative; padding: 35px 50px 0; } 
.special .con2 .info-list .list1 .info .border-wrap::before { content: '특성화 전략'; position: absolute; right: -145px; top: 50%; transform: translateY(-50%); font-size: 20px; color: #777; font-family: 'Noto Medium'; } 
.special .con2 .info-list .info p { position: relative; padding: 0 0 35px; border-bottom: 1px solid #aaa; } 
.special .con2 .info .con-list1 { position: relative; padding: 40px 95px; text-align: left; } 
.special .con2 .list1 .info .con-list1::before { content: '시사점 도출'; position: absolute; right: -145px; top: 50%; transform: translateY(-50%); font-size: 20px; color: #777; font-family: 'Noto Medium'; } 
.special .con2 .info .bottom { display: flex;justify-content: center;align-items: center;position: relative; padding: 35px 5px; background-color: #fff; } 
.special .con2 .info .bottom ul { display: flex; justify-content: space-between;width: 430px; } 
.special .con2 .info .bottom li { position: relative;width: 100px; font-size: 18px; font-family: 'Noto Light'; color: #0075bf; line-height: 30px; } 
.special .con2 .info .bottom li::before { content: ''; position: absolute; right: -47px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border-radius: 50%; background-image: url('../../images/sub/new/special-plus1.png'); background-position: center; background-repeat: no-repeat; background-size: 10px; } 
.special .con2 .info .bottom li:last-child::before { display: none; } 
.special .con2 .list1 .info .bottom { border: 1px solid #0075bf; } 
.special .con2 .list1 .info .bottom::before { content: '환경분석'; position: absolute; right: -135px; top: 50%; transform: translateY(-50%); font-size: 20px; color: #777; font-family: 'Noto Medium'; } 
.special .con2 .list2 .info .bottom {  border: 1px solid #0e3092; } 
.special .con2 .list1 .info .bottom li::before { background-color: #0075bf; color: #0075bf } 
.special .con2 .list2 .info .bottom li::before { background-color: #0e3092; color: #0e3092; } 


@media (max-width: 1300px) {
  .special .con2 .info-list > li {width: calc((100% / 2) - 75px);}
  .special .con2 .info-list .list1 .info .border-wrap::before {font-size: 18px;right: -115px;}
  .special .con2 .list1 .info .con-list1::before {font-size: 18px;right: -115px}
  .special .con2 .list1 .info .bottom::before {font-size: 18px; right: -107px}
  .special .con2 .info .bottom ul {width: 400px;}
  .special .con2 .info .bottom li::before {right: -37px;}
}



@media (max-width: 1000px) {
  .special .con2 .info-list > li {margin: 0 0 70px;}
  .special .con2 .info-list > li:last-child {margin: 0;}
  .special .con2 .info-list .list1 .info .border-wrap::before {display: none;}
  .special .con2 .list1 .info .con-list1::before {display: none;}
  .special .con2 .list1 .info .bottom::before {display: none;}
  .special .con2 .box strong {font-size: 26px;}
  .special .con2 .info-list {flex-direction: column;}
  .special .con2 .info-list > li {width: 100%;}
  .special .con2 .info-list .info p {padding: 0 0 25px}
  .special .con2 .info-list .info > .border-wrap {padding: 25px 40px;}
  .special .con2 .info .con-list1 {padding: 15px 40px 40px 40px}
  .special .con2 .info .bottom {padding: 25px 5px;}  
}

@media(max-width: 768px) {
  .special .con2 .con-list1 > ul > li {font-size: 18px;}
  .special .con2 {margin: 0;}
}

@media(max-width: 500px) {
  .special .con1 .box strong {font-size: 26px;}
  .special .con2 .box strong {padding: 25px 20px;font-size: 20px;}
  .special .con2 .info-list .info {font-size: 18px;}
  .special .con2 .con-list1 > ul > li {font-size: 16px;}
  .special .con2 .info-list .tit strong {padding: 15px 20px;font-size: 20px;}
  .special .con2 .info .bottom li {font-size: 16px;line-height: 25px;}
}





.special .con3 { display: flex; justify-content: space-between; padding: 0 0 153px; background-image: url('../../images/sub/new/special-big-arrow.png'); background-repeat: no-repeat; background-position: bottom center; } 
.special .con3 .tit { position: relative; font-size: SBAggroL; font-size: 25px; color: #222; text-align: center; margin: 0 0 12px } 
.special .con3 .tit > div::before { content: ''; position: absolute; left:0; top: 50%; margin-top: -0.5px; width: 100%; height: 1px; background-color: #aaa; } 
.special .con3 .tit::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 1px; height: 16px; background-color: #aaa; } 
.special .con3 .tit::after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 1px; height: 16px; background-color: #aaa; } 
.special .con3 .tit strong { position: relative; display: inline-block; height: 100%; padding: 0 15px; background-color: #fff; } 
.special .con3 .left { width: 540px; } 
.special .con3 .left .box-list {position: relative;}
.special .con3 .left .box-list::before {content: '';position: absolute;left: 50%;margin-left: -82px;top: 127px;width: 166px;height: 167px;background-image: url('../../images/sub/new/special-arrows.png');background-repeat: no-repeat;background-position: center;z-index: 10;;}
.special .con3 .left .box { width: calc((100% / 2) - 15px); } 
.special .con3 .box-list { display: flex; justify-content: space-between; } 
.special .con3 .box strong { display: flex; justify-content: center; align-items: center; margin: 0 0 20px; padding: 20px 0; font-size: 20px; font-family: 'Noto Medium'; } 
.special .con3 .box .info { position: relative; min-height: 230px; display: flex; justify-content: center; align-items: center; } 
.special .con3 .box .info li { position: relative;margin: 0 0 15px; font-family: 'Noto DemiLight'; font-size: 18px; } 
.special .con3 .box .info li:last-child { margin-bottom: 0; } 
.special .con3 .left {position: relative;}
.special .con3 .left .box1 strong { color: #087e86; border: 2px solid #087e86; } 
.special .con3 .left .box1 .info { background-color: #eefaf9; } 
.special .con3 .left .box1 .info li { color: #27898f; } 
.special .con3 .left .box1 strong { color: #0e7492; border: 2px solid #0e7492; } 
.special .con3 .left .box1 .info { background-color: #eefaf9; } 
.special .con3 .left .box1 .info li { color: #27898f; } 
.special .con3 .left .box2 strong { color: #0e7492; border: 2px solid #0e7492; } 
.special .con3 .left .box2 .info { background-color: #edf9fd; } 
.special .con3 .left::before { content: ''; position: absolute; right: -40px; top: 259px; margin-top: -25px; width: 50px; height: 50px; background: #0e7492 url('../../images/sub/new/special-arrow4.png') no-repeat center; border-radius: 50%; z-index: 1;}
.special .con3 .left .box2 .info li { color: #0e7492; } 
.special .con3 .right { flex: 1; margin-left: 30px; } 
.special .con3 .right .box1 .info { width: 255px; } 
.special .con3 .right .box1 strong { color: #0e6292; border: 2px solid #0e6292; } 
.special .con3 .right .box1 .info { background-color: #edf3f8 } 
.special .con3 .right .box2 .flex-wrap { display: flex; justify-content: space-between; } 
.special .con3 .right .box2 .flex-wrap > div { width: calc((100% / 2) - 15px); } 
.special .con3 .right .box1 .info li { color: #0e6292; } 
.special .con3 .right .box2 { flex: 1; margin: 0 0 0 30px; } 
.special .con3 .right .box2 strong { color: #0e3d92; border: 2px solid #0e3d92; } 
.special .con3 .right .box2 .info1 { background-color: #edf0f8; } 
.special .con3 .right .box2 .info1 li { color: #0e3d92; } 
.special .con3 .right .box2 .info2 { background-color: #f1f9ff; } 
.special .con3 .right .box2 .info2 b { font-size: 70px; color: #2367f2; font-family: 'Noto Bold'; transform: translateY(-10px); } 
.special .con3 .right .box2 .info2 sup { font-size: 40px; }  
.special .con3 .right .box1 .info::after { content: ''; position: absolute; right: -40px; top: 50%; margin-top: -25px; width: 50px; height: 50px; background: #0e6292 url('../../images/sub/new/special-arrow4.png') no-repeat center; border-radius: 50%; z-index: 1; } 
.special .con3 .right .box2 .info1::before { content: ''; position: absolute; right: -40px; top: 50%; margin-top: -25px; width: 50px; height: 50px; background: #0e3d92 url('../../images/sub/new/special-arrow4.png') no-repeat center; border-radius: 50%; z-index: 1; } 



@media(max-width: 1300px) {
  .special .con3 {flex-direction: column;}
  .special .con3 .left {width: 100%;margin: 0 0 100px}
  .special .con3 .left::before  {top: auto; bottom: -80px;margin-top: 0;left: 50%;transform: translateX(-50%) rotate(90deg);}
}

@media(max-width: 768px) {
  .special .con3 .left .box-list::before {width: 100px;margin-left: -50px;top: 134px;background-position: right center;}
  .special .con3 .right {margin: 0;}
  .special .con3 .right .box-list {flex-direction: column;}
  .special .con3 .right .box-list .box {width: 100%;}
  .special .con3 .right .box1 {margin: 0 0 100px}
  .special .con3 .right .box1 .info {width: 100%;}
  .special .con3 .right .box1 .info::after {top: auto;left: 50%;bottom: -75px;margin-top: 0;transform: translateX(-50%) rotate(90deg);}
  .special .con3 .right .box2 {margin: 0;}
  .special .con3 {background-size: 300px;padding: 0 0 100px;background-position: center bottom;}

}



.special .con4 .tit-line { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0 0 8px } 
.special .con4 .tit-line::before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; margin-top: -0.5px; background-color: #222; } 
.special .con4 .tit-line .left { display: flex; justify-content: center; align-items: center; position: relative; padding: 0 45px 0 0; background-color: #fff } 
.special .con4 .tit-line .left b { transform: translateY(-20px); font-size: 100px; color: #222; font-family: 'Noto Bold' } 
.special .con4 .tit-line .left sup { font-size: 60px; } 
.special .con4 .tit-line .left span { font-size: 50px; color: #222; } 
.special .con4 .tit-line .right { position: relative; padding: 0 0 0 52px; background-color: #fff; } 
.special .con4 .tit-line .right ul { display: flex; align-items: center; } 
.special .con4 .tit-line .right li { position: relative; padding: 0 0 0 50px; font-size: 25px; color: #222; } 
.special .con4 .tit-line .right li:nth-child(1) { margin-right: 70px; } 
.special .con4 .tit-line .right li:nth-child(1)::before { content: '01' } 
.special .con4 .tit-line .right li:nth-child(2)::before { content: '02' } 
.special .con4 .tit-line .right li::before { position: absolute; left: 0; top: 50%; margin-top: -14px; width: 28px; height: 28px; background-color: #222; line-height: 28px; text-align: center; color: #fff; border-radius: 50%; font-family: 'Mont Regular';; font-size: 12px; } 
.special .con4 .box { padding: 34px 20px; background-color: #f5fafb; text-align: center; } 
.special .con4 .box p { margin: 0 0 8px; font-size: 30px; font-family: 'Noto Bold'; color: #00a2bf; } 
.special .con4 .box i { font-size: 20px; font-family: 'Noto Light'; color: #222; } 

@media (max-width: 1300px) {
  .special .con4 {margin: 0 0 40px;}
  .special .con4 .tit-line {flex-direction: column;align-items: flex-start;margin: 0 0 20px;}
  .special .con4 .tit-line::before {display: none;}
  .special .con4 .tit-line .right {padding: 0;}
}

@media (max-width: 1000px) {
  .special .con4 .tit-line .left span {font-size: 35px;}
  .special .con4 .tit-line .left b {font-size: 70px;}
  .special .con4 .tit-line .left sup {font-size: 40px;}
  .special .con4 .tit-line .left span {transform: translateX(-10px);}
  .special .con4 .tit-line .right li:nth-child(1) {margin-right: 20px;}
  .special .con4 .tit-line .right li {font-size: 20px;padding: 0 0 0 40px}
  .special .con4 .tit-line .right li::before {width: 27px;height: 27px;margin-top: -12px;}
}

@media (max-width: 768px) {
  .special .con4 .box p {font-size: 25px;}
  .special .con4 .tit-line .right ul {display: block;}
  .special .con4 .tit-line .right li {margin: 0 0 10px 0;}

}


.special .con5 .list-wrap {display: flex;justify-content: space-between;margin: 0 0 30px;}
.special .con5 .list {display: flex;align-items: center;width: calc((100% / 3) - 20px);padding: 33px;border: 1px solid #000}
.special .con5 .icon {width: 130px;height: 130px;margin: 0 35px 0 0;background-color: #f5f5f5;border-radius: 50%;background-repeat: no-repeat;background-position: center;flex-shrink: 0;}
.special .con5 .list1 .icon {background-image: url('../../images/sub/new/special-ic1.png');}
.special .con5 .list2 .icon {background-image: url('../../images/sub/new/special-ic2.png');}
.special .con5 .list3 .icon {background-image: url('../../images/sub/new/special-ic3.png');}
.special .con5 .list .txt strong {display: block;margin: 0 0 2px; font-size: 25px;font-family: 'Noto Bold';color: #0e3092;}
.special .con5 .list .txt span {font-size: 25px;}


@media (max-width: 1300px) {
  .special .con5 .icon {width: 100px;height: 100px;margin: 0 20px 0 0;}
  .special .con5 .list {padding: 30px 25px;}
  .special .con5 .list .txt strong {font-size: 22px;}
  .special .con5 .list .txt span {font-size: 22px;}
}
@media (max-width: 1000px) {
  .special .con5 .list-wrap {flex-direction: column;}
  .special .con5 .list-wrap .list {width: 100%;margin: 0 0 20px}
  .special .con5 .list-wrap .list:last-child {margin: 0;}
}

.special .con6 .list-wrap { display: flex; width: 100%;} 
.special .con6 .list {flex: 1;}
.special .con6 .list .tit {position: relative; display: flex;justify-content: center;align-items: center; min-height: 100px; padding: 10px 20px; font-size: 18px; color: #fff; font-family: 'Noto Bold'; text-align: center;} 
.special .con6 .list1 .tit {background-color: #0e7492;}
.special .con6 .list2 .tit {background-color: #00a2bf}
.special .con6 .list3 .tit {background-color: #0e6292;}
.special .con6 .list .tit::before {content: '';position: absolute;right: -15px;width: 30px;height: 30px;border-radius: 50%;background-color: #fff;background-image: url('../../images/sub/new/special-plus2.png');background-position: center;background-repeat: no-repeat;z-index: 1;}
.special .con6 .list:last-child .tit::before {display: none;}
.special .con6 .con-list1 {padding: 20px 20px 20px 30px;}


@media(max-width: 1050px) {
  .special .con6 .list-wrap {flex-direction: column;}
  .special .con6 .list .tit {font-size: 20px;min-height: 90px;}
  .special .con6 .list .tit::before {right: auto;top: auto;bottom: 77px;left: 50%;transform: translateX(-50%);box-shadow: 0 0 5px rgba(0, 0, 0, 0.214);}
  .special .con6 .list:first-child .tit::before {display: none;}
  .special .con6 .list:last-child .tit::before {display: block;}
  .special .con6 .con-list1 {padding: 30px 20px 20px 30px}
}

@media(max-width: 768px) {
  .special .con6 .list .con-list1 li {font-size: 18px;}
}

@media(max-width: 500px) {
  .special .con6 .list .tit {font-size: 18px;min-height: 85px;}
  .special .con6 .list .con-list1 li {font-size: 16px;}
}
/* [E] 특성화 */

/*
.view-con img,
.view-con table {
	display:none;
}
*/