@charset "utf-8";









.president-info-wrap .date > span.w2408 {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.05em;
    color: #121212;
    font-family: 'Noto Bold';
    width: 100% !important;
    flex-shrink: 0;
    position: relative;
    padding-left: 25px;
}

.president-info-wrap .big2408 {
    display: block;
    font-family: 'Noto Bold';
    font-size: 75px;
    line-height: 1;
    color: #121212;
    line-height: 90px;
}


.president-info-wrap .big2408 > span::after {
    content: '';
    position: absolute;
    left: calc(100% + 100px);
    bottom: -60px;
    width: 15px;
    height: 15px;
    background: #e84855;
    border-radius: 100%;
}




.presidents-greeting .visual-box .text-box .title strong:nth-child(1) {
    margin-left: 25px !important;
}




@media (max-width: 900px) {
    .presidents-greeting .img-box {
        height: 450px !important;
    }
}

.presidents-greeting .info .date::before {

    background-color: #fff !important;
}


.presidents-greeting .info .date span {
 
    padding: 0px !important;
 

}


.page15392 .graduate-intro .item-list ul {justify-content: flex-start;}

/* 학교법인 */
.school-corporation { position: relative; } 
.school-corporation .flex-wrap { display: flex; justify-content: space-between; margin-bottom: 60px; } 
.school-corporation .visual-box { position: relative; margin-right: 80px; min-width: 500px; } 
.school-corporation .visual-box::before { content: ""; position: absolute; right: -26px; top: -26px; width: 90px; height: 287px; background-image: url("../../images/sub/corp-visual-back.jpg"); background-size: 100%; z-index: 1; } 
.school-corporation .visual-box::after { content: ""; position: absolute; left: 0; top: 190px; width: 245%; height: 2px; background-color: #005128; } 
.school-corporation .visual-box img { position: relative; box-shadow: 5px 9px 30px 0px rgba(51, 51, 51, 0.4); z-index: 1; } 
.school-corporation .text-box { width: 548px; padding-top: 10px; } 
.school-corporation .text-box .title { margin-bottom: 56px; } 
.school-corporation .text-box .title strong { display: block; font-size: 60px; letter-spacing: -0.05em; line-height: 1.3; color: #121212; font-family: "NotoCn Bold"; } 
.school-corporation .text-box .title strong:last-child { color: #005128; } 
.school-corporation .text-box .info strong { display: block; margin-bottom: 26px; font-size: 30px; color: #121212; line-height: 1.5; letter-spacing: -0.05em; font-family: "NotoCn Bold"; } 
.school-corporation .text-box .info p { font-size: 18px; letter-spacing: -0.05em; line-height: 30px; color: #666; } 
.school-corporation .text-box .info p i { display: block; margin-bottom: 29px; } 
.school-corporation .btn-area { padding: 25px 54px; background-image: url("../../images/sub/corp-btn-area-bg.jpg"); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } 
.school-corporation .btn-area ul { display: flex; align-items: stretch; margin: 0 -8px; } 
.school-corporation .btn-area li { width: calc(100% / 5); padding: 0 8px; } 
.school-corporation .btn-area li a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 7px 10px; font-size: 15px; text-align: center; line-height: 1.5; background-color: #fff; border: 1px solid #016365; color: #016365; transition: background-color 0.3s, color 0.3s; font-family: "NotoCn Medium"; } 
.school-corporation .btn-area li:hover a { color: #fff; background-color: #016365; } 

@media (max-width: 1023px){
  .school-corporation .flex-wrap { margin-bottom: 40px; } 
  .school-corporation .visual-box::after { top: 155px; } 
  .school-corporation .text-box .title { margin-bottom: 30px; } 
  .school-corporation .text-box .title strong { font-size: 50px; } 
  .school-corporation .text-box .info strong { font-size: 25px; } 
  .school-corporation .text-box .info p { font-size: 17px; } 
  .school-corporation .text-box .info p i { margin-bottom: 15px; } 
}

@media (max-width: 940px){
  .school-corporation { position: relative; } 
  .school-corporation .flex-wrap { flex-direction: column; align-items: center; } 
  .school-corporation .visual-box { width: 80%; margin-right: 0; min-width: auto; } 
  .school-corporation .visual-box::after { width: 100%; top: auto; bottom: -50px; } 
  .school-corporation .text-box { width: 100%; text-align: center; padding-top: 80px; } 
  .school-corporation .text-box .title { margin-bottom: 25px; } 
  .school-corporation .text-box .title strong { font-size: 40px; } 
  .school-corporation .text-box .info strong { font-size: 30px; margin-bottom: 20px; } 
  .school-corporation .text-box .info p i { margin-bottom: 15px; } 
  .school-corporation .btn-area { padding: 25px 54px; background-image: url("../../images/sub/corp-btn-area-bg.jpg"); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } 
  .school-corporation .btn-area ul { display: flex; align-items: stretch; margin: 0 -8px; } 
  .school-corporation .btn-area li { width: calc(100% / 5); padding: 0 8px; } 
  .school-corporation .btn-area li a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 7px 10px; font-size: 15px; text-align: center; line-height: 1.5; background-color: #fff; border: 1px solid #016365; color: #016365; transition: background-color 0.3s, color 0.3s; font-family: "NotoCn Medium"; } 
  .school-corporation .btn-area li:hover a { color: #fff; background-color: #016365; } 
}

@media (max-width: 768px){
  .school-corporation .btn-area { padding: 20px; } 
  .school-corporation .btn-area ul { justify-content: center; flex-wrap: wrap; } 
  .school-corporation .btn-area li { width: calc(100% / 3); } 
  .school-corporation .btn-area li:nth-last-child(-n + 2) { margin-top: 10px; } 
}

/* 총장인사말 */
.presidents-greeting .visual-box {overflow: hidden; position: relative; margin-bottom: 65px; background-color: #fafafa; } 
.presidents-greeting .visual-box .overflow-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } 
.presidents-greeting .visual-box .overflow-wrap::before { content: ""; position: absolute; left: -24px; top: 69px; width: 670px; height: 670px; background-color: #eef6e1; border-radius: 50%; } 
.presidents-greeting .visual-box .overflow-wrap::after { content: ""; position: absolute; right: -193px; top: -193px; width: 490px; height: 490px; background-color: #c8f3de; border-radius: 50%; } 
.presidents-greeting .visual-box .flex-wrap { display: flex; justify-content: space-between; align-items: center; } 
.presidents-greeting .visual-box .text-box { position: relative; padding-left: 110px;} 
.presidents-greeting .visual-box .text-box .title { position: relative; margin-bottom: 55px; } 
.presidents-greeting .visual-box .text-box .title::before { content: ""; position: absolute; left: -55px; top: -7px; width: 65px; height: 54px; background-image: url("../../images/sub/dot.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; } 
.presidents-greeting .visual-box .text-box .title::after { content: ""; position: absolute; right: 60px; bottom: -20px; width: 65px; height: 54px; background-image: url("../../images/sub/dot.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; transform: rotate(180deg); } 
.presidents-greeting .visual-box .text-box .title strong { display: block; position: relative; font-size: 40px; line-height: 1.25; white-space: nowrap; color: #181818; font-family: "NotoCn Medium"; } 
.presidents-greeting .visual-box .text-box .title strong:nth-child(1) { margin-left: 40px; } 
.presidents-greeting .visual-box .text-box .title strong:nth-child(2) { margin-left: 100px; } 
.presidents-greeting .visual-box .text-box .title strong:nth-child(3) { clear: both; } 
.presidents-greeting .visual-box .text-box p { margin-left: 4px; font-size: 20px; line-height: 30px; color: #121212; } 
.presidents-greeting .visual-box .text-box p span { font-family: "NotoCn Bold"; } 
.presidents-greeting .visual-box .text-box .title strong span { color: #005128; font-family: "NotoCn Bold"; } 
.presidents-greeting .img-box {position: relative;width: 648px;min-width: 280px;flex-shrink: 0;} 

.presidents-greeting .img-box .name { position: absolute; left: -208px; bottom: 53px; } 
.presidents-greeting .img-box .name span { display: inline-block; margin-right: 14px; font-size: 20px; line-height: 1.5; color: #121212; } 
.presidents-greeting .img-box .name strong { font-size: 30px; letter-spacing: 3px; font-family: "NotoCn Bold"; } 
.presidents-greeting .info {overflow: hidden;}
.presidents-greeting .info .sub-title2 { margin-bottom: 34px; } 
.presidents-greeting .info .sub-title2 strong { display: inline-block; position: relative; font-size: 40px; line-height: 1.5; color: #19323c; font-family: "NotoCn Medium"; } 
.presidents-greeting .info .sub-title2 strong::before { content: ""; position: absolute; left: 0; bottom: 3px; width: 100%; height: 28px; background-color: #f5ffc6; z-index: -1; } 
.presidents-greeting .info p { margin-bottom: 43px; font-size: 18px; line-height: 30px; color: #666; } 
.presidents-greeting .info p i { display: block; height: 61px; } 
.presidents-greeting .info .date { position: relative; text-align: right; } 
.presidents-greeting .info .date::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -0.5px; width: 100%; height: 1px; background-color: #ddd; } 
.presidents-greeting .info .date span { position: relative; padding: 0 80px 0 16px; background-color: #fff; font-size: 18px; line-height: 1.5; background-color: #fff; color: #121212; z-index: 1; } 

.presidents-greeting .info em {position: relative; float: right; font-size: 18px; color: #121212; line-height: 1.5; } 
.presidents-greeting .info em span { font-size: 22px; margin-left: 3px; color: #005128; } 
.presidents-greeting .info em .sign {padding-left: 10px}

@media (max-width: 1730px){
 .presidents-greeting .img-box {right: -100px;} 
  .presidents-greeting .visual-box .text-box .title::after {right: 0}
}

@media (max-width: 1400px){
  .presidents-greeting .visual-box .text-box p {font-size: 18px;}
  .presidents-greeting .img-box .name { left: -156px; } 
  .presidents-greeting .img-box .name span { font-size: 16px; margin-right: 8px; } 
  .presidents-greeting .img-box .name strong { font-size: 25px; } 
}

@media (max-width: 1170px){
  .presidents-greeting .visual-box .text-box {padding-left: 90px}
 .presidents-greeting .visual-box .text-box .title strong {font-size: 35px;}
  .presidents-greeting .visual-box .text-box .title::before {width: 50px;}
  .presidents-greeting .visual-box .text-box .title::after {right: - 20px; bottom: -20px; width: 50px;}
  .presidents-greeting .visual-box .text-box p {font-size: 17px;}
}

@media (max-width: 1070px){
  .presidents-greeting .img-box {right: -30px}
  .presidents-greeting .visual-box .text-box .title {margin-bottom: 20px}
  .presidents-greeting .visual-box .text-box .title::before {width: 30px}
  .presidents-greeting .visual-box .text-box .title::after {width: 30px}
  .presidents-greeting .inner {margin-top: 0;}
  .presidents-greeting .info .sub-title2 strong { font-size: 34px; } 
  .presidents-greeting .info .sub-title2 strong::before { height: 22px; } 
}

@media (max-width: 900px) {
  .presidents-greeting .visual-box .flex-wrap {justify-content: center; flex-direction: column-reverse;}
  .presidents-greeting .img-box {overflow: hidden; display: flex; justify-content: center; align-items: center; width: 100%; height: 250px}
  .presidents-greeting .img-box img {position: relative; top: -20px; width: 100%;}
  .presidents-greeting .inner {margin-top: 80px;}
  .presidents-greeting .visual-box .text-box .title strong {display: inline-block;}
  .presidents-greeting .visual-box .text-box .title::before {display: none;}
  .presidents-greeting .visual-box .text-box .title::after {display: none;}
  .presidents-greeting .visual-box .text-box { padding-left: 0px; padding: 40px 30px}
  .presidents-greeting .visual-box .text-box .title strong:nth-child(1) {margin-left: 0px;}
  .presidents-greeting .visual-box .text-box .title strong:nth-child(2) {margin-left: 0px;}
  .presidents-greeting .img-box .name { width: 100%; text-align: center; left: 50%; transform: translateX(-50%); bottom: -50px; } 
  .presidents-greeting .info .sub-title2 { max-width: 450px; margin: 0 auto 40px; text-align: center; } 
  .presidents-greeting .info .sub-title2 strong { font-size: 29px; } 
  .presidents-greeting .info .sub-title2 strong::before { height: 17px; } 
  .presidents-greeting .info p i { height: 30px; } 
  .presidents-greeting .info .date span { font-size: 17px; padding-right: 70px; } 
  .presidents-greeting .info em { font-size: 17px; } 
  .presidents-greeting .info em::before { right: 14px; } 
  .presidents-greeting .info em span { font-size: 21px; } 
}

@media (max-width: 600px) {
  .presidents-greeting .visual-box {margin-bottom: 45px}
  .presidents-greeting .img-box {right: auto; left: -50px; width: calc(100% + 100px)}
  .presidents-greeting .visual-box .text-box .title strong {font-size: 30px}
  .presidents-greeting .inner {margin-top: 20px;}
  .presidents-greeting .info p {font-size: 16px;}
}

/* UI 메뉴얼 */
.ui-manual .sub-title{margin-bottom:25px;font-size:22px;letter-spacing:-.05em;line-height:1.5;color:#016365;font-family:"NotoCn Medium"}
.ui-manual .logo-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:93px;padding:55px 110px;border:1px solid #ccc}
.ui-manual .logo-info .left-box{width:780px;margin-right:50px}
.ui-manual .logo-info .left-box p{margin-bottom:25px;font-size:18px;line-height:30px;letter-spacing:-.05em;color:#666}
.ui-manual .logo-info .left-box p i{display:block;height:29px}
.ui-manual .logo-info .right-box{min-width:200px}
.ui-manual .logo-info .down-btn{position:relative;display:inline-block;padding:7px 60px 7px 20px;letter-spacing:-.05em;line-height:1.5;color:#000;border:1px solid #000;transition:.2s}
.ui-manual .logo-info .down-btn:hover{background-color:#000;color:#fff}
.ui-manual .logo-info .down-btn::after{content:"";position:absolute;top:50%;right:20px;margin-top:-9px;width:14px;height:18px;background-image:url(../../images/sub/down-icon.png);background-size:contain;background-repeat:no-repeat;transition:.2s}
.ui-manual .logo-info .down-btn:hover::after{filter:invert(1)}
.ui-manual .mark-mean li p{font-size:18px;margin-left:65px}
.ui-manual .application-type{margin-bottom:70px}
.ui-manual .application-type ul{margin:0 -15px}
.ui-manual .application-type ul::after{content:"";display:block;clear:both}
.ui-manual .application-type li{float:left;width:calc(100% / 3);padding:0 15px;margin-bottom:35px}
.ui-manual .application-type li:nth-last-child(-n + 3){margin-bottom:0}
.ui-manual .application-type li .img-box{border:1px solid #ccc}
.ui-manual .application-type li span{display:inline-block;margin-bottom:15px;font-size:20px;color:#121212;letter-spacing:-.05em;line-height:1.5;font-family:"NotoCn Medium"}
.mark-wrap .title{margin-bottom:60px;text-align:center}
.mark-wrap .title strong{display:block;margin-bottom:18px;font-size:40px;letter-spacing:-.05em;line-height:1.5;color:#121212;font-family:"NotoCn Bold"}
.mark-wrap .title strong i{font-size:30px}
.mark-wrap .title strong span{color:#005128}
.mark-wrap .title p{display:inline-block;width:850px;font-size:18px;color:#666;line-height:30px;letter-spacing:-.05em}
.mark-wrap .info {margin-bottom: 70px;}
.mark-wrap .info ul{display:flex;margin:0 -30px}
.mark-wrap .info li{width:50%;padding:0 30px}
.mark-wrap .info li .img-box{margin-bottom:20px;border:1px solid #ccc}
.mark-wrap .info li .text-box strong{display:inline-block;margin-bottom:7px;font-size:22px;letter-spacing:-.05em;line-height:1.5;color:#016365;font-family:"NotoCn Medium"}
.mark-wrap .info li .text-box p{font-size:18px;line-height:30px;letter-spacing:-.05em;color:#666}
.authority-mark-wrap .mark-mean{margin-bottom:93px}
.authority-mark-wrap .mark-mean ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:34px 40px 50px;border:1px solid #ccc}
.authority-mark-wrap .mark-mean li{display:flex;align-items:center;margin-bottom:130px;width:calc((100% / 2) - 32px)}
.authority-mark-wrap .mark-mean li:nth-last-child(-n + 2){margin-bottom:0}
.authority-mark-wrap .mark-mean li .img-box{flex-shrink:0;text-align:center}
.communication-mark-wrap .color-version{margin-bottom:100px}
.communication-mark-wrap .color-version ul{margin:0 -30px}
.communication-mark-wrap .color-version ul::after{content:"";display:block;clear:both}
.communication-mark-wrap .color-version li{display:flex;justify-content:space-between;float:left;width:50%;padding:0 30px;margin-bottom:40px}
.communication-mark-wrap .color-version li:last-child{margin-bottom:0}
.communication-mark-wrap .color-version li span{margin-right:20px;font-size:20px;color:#121212;font-family:"NotoCn Light"}
.communication-mark-wrap .color-version li .img-box{display:flex;justify-content:space-between;align-items:center;width:480px;height:110px;padding:0 40px}
.communication-mark-wrap .color-version li .img-box div{width:70px}
.communication-mark-wrap .color-version li.white .img-box{background-color:#fff;border:1px solid #ccc}
.communication-mark-wrap .color-version li.magenta .img-box{background-color:#e9708c}
.communication-mark-wrap .color-version li.darkgreen .img-box{background-color:#005128}
.communication-mark-wrap .color-version li.violet .img-box{background-color:#c283c6}
.communication-mark-wrap .color-version li.lightgreen .img-box{background-color:#b8f329}
.communication-mark-wrap .color-version li.orange .img-box{background-color:#f0a704}
.communication-mark-wrap .color-version li.green .img-box{background-color:#21ba31}
.communication-mark-wrap .color-version li.yellow .img-box{background-color:#f6db00}
.communication-mark-wrap .color-version li.beige .img-box{background-color:#f0f4da}
.communication-mark-wrap .color-version li.blue .img-box{background-color:#61a7dd}
.communication-mark-wrap .color-version li.lightgray .img-box{background-color:#ecebe3}
.communication-mark-wrap .color-version li.darkgray .img-box{background-color:#656f76}
.communication-mark-wrap .color-version li.warmgray .img-box{background-color:#b0cda6}
.communication-mark-wrap .color-version li.silver .img-box{background-image:url(../../images/sub/silver-bg.jpg);background-size:cover}
.communication-mark-wrap .color-version li.coolgray .img-box{background-color:#b1b3b4}
.communication-mark-wrap .color-version li.gold .img-box{background-image:url(../../images/sub/gold-bg.jpg);background-size:cover}
.communication-mark-wrap .color-version li.black .img-box{background-color:#000}
.communication-mark-wrap .color-version li .img-box img:nth-child(2){width:125px;height:44px}
.communication-mark-wrap .color-palette .border-wrap{padding:55px 60px 35px;border:1px solid #a5a5a5}
.communication-mark-wrap .color-palette span{display:block;margin-bottom:24px;font-size:20px;letter-spacing:-.05em;line-height:1.5;color:#121212;white-space:nowrap;font-family:"NotoCn Medium"}
.communication-mark-wrap .color-palette ul{display:flex;flex-wrap:wrap;margin:0 -25px}
.communication-mark-wrap .color-palette ul::after{content:"";display:block;clear:both}
.communication-mark-wrap .color-palette li{width:calc(100% / 3);padding:0 25px}
.communication-mark-wrap .color-palette li .color-box{height:100%;padding:8px 20px;margin-bottom:auto}
.communication-mark-wrap .color-palette li .color-box em{display:block;margin-bottom:52px;font-size:22px;line-height:1.5;letter-spacing:-.05em;color:#fff;font-family:"NotoCn Medium"}
.communication-mark-wrap .color-palette li .color-box em.black{color:#121212}
.communication-mark-wrap .color-palette li .color-box i{font-size:18px;line-height:1.5;letter-spacing:-.05em;color:#fff;font-family:"NotoCn Regular"}
.communication-mark-wrap .color-palette li .color-box i.black{color:#121212}
.communication-mark-wrap .color-palette .main-color{margin-bottom:55px}
.communication-mark-wrap .color-palette .sub-color li{margin-bottom:40px}
.communication-mark-wrap .color-palette .main-color li.lightgreen span{display:block;height:30px}
.communication-mark-wrap .color-palette .main-color li.darkgreen .color-box{background-color:#036b3f;height:calc(100% - 54px)}
.communication-mark-wrap .color-palette .main-color li.lightgreen .color-box{background-color:#b8f329;height:calc(100% - 54px)}
.communication-mark-wrap .color-palette .main-color li.green .color-box{background-color:#21ba31;height:calc(100% - 54px)}
.communication-mark-wrap .color-palette .sub-color li.magenta .color-box{background-color:#e9708c}
.communication-mark-wrap .color-palette .sub-color li.yellow .color-box{background-color:#f6db00}
.communication-mark-wrap .color-palette .sub-color li.violet .color-box{background-color:#c283c6}
.communication-mark-wrap .color-palette .sub-color li.orange .color-box{background-color:#f0a704}
.communication-mark-wrap .color-palette .sub-color li.darkgray .color-box{background-color:#656f76}
.communication-mark-wrap .color-palette .sub-color li.blue .color-box{background-color:#61a7dd}
.communication-mark-wrap .color-palette .sub-color li.coolgray .color-box{background-color:#b1b3b4}
.communication-mark-wrap .color-palette .sub-color li.warmgray .color-box{background-color:#b0cda6}
.communication-mark-wrap .color-palette .sub-color li.lightgray .color-box{background-color:#ecebe3}
.communication-mark-wrap .color-palette .sub-color li.beige .color-box{background-color:#f0f4da}
.communication-mark-wrap .color-palette .sub-color li.black .color-box{background-color:#000}

@media (max-width: 1400px) {
  .mark-wrap .title p{width:100%}
  .ui-manual .mark-mean li .ui-manual .mark-mean li:nth-child(odd){margin-right:20px}
  .ui-manual .mark-mean li p{margin-left:35px}
}

@media (max-width: 1170px) {
  .communication-mark-wrap .color-version li{float:none;width:100%}
  .communication-mark-wrap .color-version li .img-box{width:80%;padding:0 120px}
}

@media (max-width: 900px) {
  .mark-wrap .info ul{flex-direction:column}
  .mark-wrap .info li{width:100%}
  .mark-wrap .info ul li:first-child{margin-bottom:50px}
  .mark-wrap .info li img{width:100%;object-position:center;object-fit:cover}
  .ui-manual .logo-info{flex-direction:column;padding:55px 40px}
  .ui-manual .logo-info .left-box{width:100%;margin-right:0;text-align:center;order:1}
  .ui-manual .logo-info .right-box{margin-bottom:40px}
  .authority-mark-wrap .mark-mean ul{align-items:flex-start}
  .authority-mark-wrap .mark-mean li{flex-direction:column}
  .authority-mark-wrap .mark-mean li .img-box{display:flex;justify-content:center;align-items:center;height:120px}
  .authority-mark-wrap .mark-mean li p{margin-top:40px;margin-left:0;text-align:center}
  .ui-manual .application-type{margin-bottom:70px}
  .ui-manual .application-type ul{margin:0 -10px}
  .ui-manual .application-type li{width:calc(100% / 2);padding:0 10px;margin-bottom:35px}
  .ui-manual .application-type li:nth-last-child(-n + 3){margin-bottom:35px}
  .ui-manual .application-type li span{font-size:19px}
  .communication-mark-wrap .color-version li{flex-direction:column}
  .communication-mark-wrap .color-version li .img-box{width:100%}
  .communication-mark-wrap .color-version li span{margin-right:0;margin-bottom:20px}
  .communication-mark-wrap .color-palette .border-wrap{padding-left:40px;padding-right:40px}
  .communication-mark-wrap .color-palette ul{margin:0 -10px}
  .communication-mark-wrap .color-palette li{width:calc(100% / 2);padding:0 10px}
  .communication-mark-wrap .color-palette .main-color li:last-child{margin-top:40px}
  .communication-mark-wrap .color-palette li .color-box em{margin-bottom:30px}
}

@media (max-width: 660px) {
  .communication-mark-wrap .color-version li .img-box{padding:0 50px}
}

@media (max-width: 500px) {
  .ui-manual .sub-title{font-size:20px}
  .mark-wrap .title strong{font-size:35px}
  .mark-wrap .title p{font-size:16px}
  .mark-wrap .title{margin-bottom:40px}
  .mark-wrap .info li .text-box strong{font-size:20px}
  .mark-wrap .info li .text-box p{font-size:16px}
  .ui-manual .logo-info .left-box p{font-size:16px}
  .ui-manual .logo-info .down-btn{font-size:15px}
  .authority-mark-wrap .mark-mean ul{padding-top:40px;padding-bottom:60px}
  .authority-mark-wrap .mark-mean li{margin-bottom:70px}
  .authority-mark-wrap .mark-mean li p{font-size:16px;margin-top:20px}
  .authority-mark-wrap .mark-mean li .img-box{width:100px}
  .ui-manual .application-type{margin-bottom:60px}
  .ui-manual .application-type li{width:100%}
  .ui-manual .logo-info .right-box{min-width:auto;width:200px}
  .communication-mark-wrap .color-version li span{font-size:18px}
  .communication-mark-wrap .color-palette li .color-box em{font-size:20px}
  .communication-mark-wrap .color-palette li .color-box i{font-size:16px}
  .communication-mark-wrap .color-palette span{font-size:18px}
  .communication-mark-wrap .color-palette .main-color li.lightgreen span{height:27px}
}

/* 학교캐릭터 */
.character-tab .info1 { display: flex; justify-content: space-between; padding: 30px 30px 30px 58px; border: 1px solid #a5a5a5; } 
.character-tab .info1 .text-box { width: 575px; margin-right: 30px; margin-top: 13px; } 
.character-tab .info1 .text-box strong { display: block; margin-bottom: 18px; font-size: 22px; letter-spacing: -0.05em; line-height: 1.5; color: #016365; font-family: "NotoCn Medium"; } 
.character-tab .info1 .text-box p { font-size: 18px; letter-spacing: -0.05em; line-height: 30px; color: #666; } 
.character-tab .info1 .img-box { width: 577px; display: flex; justify-content: space-between; align-items: center; } 
.character-tab .info1 .img-box ul { display: flex; justify-content: space-between; align-items: center; width: 100%; } 
.character-tab .info1 .img-box ul li img { min-width: 170px; } 
.character-tab .info2 { border: 1px solid #a5a5a5; } 
.character-tab .info2 ul { display: flex; justify-content: space-between; align-items: end; padding: 57px 200px 55px 180px; } 
.character-tab .info2 li { margin-right: 10px; text-align: center; } 
.character-tab .info2 li:last-child { margin-right: 0; } 
.character-tab .info2 li:nth-child(2) { margin-left: -5px; } 
.character-tab .info2 li span { display: block; margin-top: 16px; font-size: 20px; font-family: "NotoCn Medium"; letter-spacing: -0.05em; line-height: 1.5; color: #212121; } 
.character-tab .info3 { padding: 50px 60px; border: 1px solid #a5a5a5; } 
.character-tab .info3 ul { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.character-tab .info3 li { width: calc((100% / 2 - 25px)); padding: 40px 35px 18px; } 
.character-tab .info3 li:nth-of-type(1),
.character-tab .info3 li:nth-of-type(2) { margin-bottom: 40px; } 
.character-tab .info3 li.skin { background-color: #f9c66a; } 
.character-tab .info3 li.green { background-color: #005426; color: #fff !important; } 
.character-tab .info3 li.beige { background-color: #f5ead6; } 
.character-tab .info3 li.brown { background-color: #6f573c; color: #fff !important; } 
.character-tab .info3 li span { display: block; font-size: 22px; letter-spacing: -0.05em; line-height: 1.5; font-family: "NotoCn Medium"; } 
.character-tab .info3 li em { font-size: 18px; letter-spacing: -0.05em; line-height: 1.5; font-family: "NotoCn Regular "; } 

.guide-line-tab .info1 { display: flex; justify-content: space-between; padding: 32px 96px 30px 60px; border: 1px solid #a5a5a5; } 
.guide-line-tab .info1 .text-box { width: 805px; margin-right: 20px; } 
.guide-line-tab .info1 .text-box strong { position: relative; display: inline-block; margin-bottom: 40px; font-size: 40px; letter-spacing: -0.05em; line-height: 40px; color: #005128; font-family: "NotoCn Light"; } 
.guide-line-tab .info1 .text-box strong::before { content: ""; position: absolute; left: 0; bottom: -9px; width: 100%; height: 1px; background-color: #005128; } 
.guide-line-tab .info1 .text-box li { position: relative; margin-bottom: 13px; padding-left: 30px; font-size: 18px; letter-spacing: -0.05em; line-height: 1.5; color: #666; } 
.guide-line-tab .info1 .text-box li:last-child { margin-bottom: 0; } 
.guide-line-tab .info1 .text-box li:nth-child(1)::before { content: "1"; } 
.guide-line-tab .info1 .text-box li:nth-child(2)::before { content: "2"; } 
.guide-line-tab .info1 .text-box li:nth-child(3)::before { content: "3"; } 
.guide-line-tab .info1 .text-box li::before { width: 20px; height: 20px; position: absolute; left: 0; top: 4px; font-size: 12px; font-family: "NotoCn Bold"; background-color: #4b4b4b; border-radius: 50%; text-align: center; color: #fff; } 
.guide-line-tab .info1 .img-box {margin-top: 5px;align-self: center;flex-shrink: 0; } 

.use-tab .info strong { display: inline-block; margin-bottom: 20px; font-size: 30px; letter-spacing: -0.05em; line-height: 1.5; color: #121212; font-family: "NotoCn Medium"; } 
.use-tab .info strong span { font-size: 50px; font-family: "NotoCn Bold"; } 
.use-tab .info1 ul { padding: 37px 78px 37px 25px; border: 1px solid #a5a5a5; } 
.use-tab .info1 ul::after { content: ""; display: block; clear: both; } 
.use-tab .info1 ul li { float: left; width: 21.85%; } 
.use-tab .info1 ul li:nth-child(2) { margin-left: 12px; } 
.use-tab .info1 ul li:nth-child(3) { margin-left: 60px; } 
.use-tab .info1 ul li:nth-child(4) { float: right; } 
.use-tab .info1 { margin-bottom: 48px; } 
.use-tab .info2 { margin-bottom: 48px; } 
.use-tab .info3 { margin-bottom: 52px; } 
.use-tab .info2 ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 76px 54px 120px 20px; border: 1px solid #a5a5a5; } 
.use-tab .info2 ul li { width: calc(100% / 3); text-align: center; } 
.use-tab .info2 ul li:nth-child(6) { transform: translateX(33px); } 
.use-tab .info2 ul li:nth-child(n + 4):nth-child(-n + 6) { margin-top: 35px; } 
.use-tab .info2 ul li:nth-child(n + 7):nth-child(-n + 9) { margin-top: 80px; } 
.use-tab .info2 ul li:nth-child(n + 10) { margin-top: 100px; } 
.use-tab .info2 ul li:nth-child(n + 7):nth-child(-n + 9) i { margin-top: 5px; } 
.use-tab .info2 ul li:nth-child(8) img { transform: translateY(8px); } 
.use-tab .info2 ul li i { display: block; font-size: 22px; color: #666; } 
.use-tab .info2 ul li:nth-child(-n + 3) i { margin-top: 12px; } 
.use-tab .info2 ul li:nth-child(3) i { margin-left: 60px; } 
.use-tab .info2 ul li:nth-child(n + 4):nth-child(-n + 6) i { margin-top: -2px; } 
.use-tab .info2 ul li:nth-child(n + 8) i { margin-top: 25px; } 
.use-tab .info3 ul::after { content: ""; display: block; clear: both; } 
.use-tab .info3 ul { padding: 40px 40px 63px 50px; border: 1px solid #a5a5a5; } 
.use-tab .info3 ul li { float: left; width: 14.9%; text-align: center; } 
.use-tab .info3 ul li:nth-child(1) { margin-right: 75px; } 
.use-tab .info3 ul li:nth-child(2) { margin-right: 95px; } 
.use-tab .info3 ul li:nth-child(3) { margin-right: 94px; } 
.use-tab .info3 ul li:nth-child(5) { float: right; } 
.use-tab .info3 ul li i { display: block; font-size: 22px; letter-spacing: -0.05em; line-height: 1.5; margin-top: 5px; color: #666; } 
.use-tab .info3 ul li:nth-child(3) i { transform: translateX(-17px); } 
.use-tab .info4 .flex-wrap { display: flex; justify-content: space-between; padding: 85px 128px 85px 138px; border: 1px solid #a5a5a5; } 
.use-tab .info4 i { display: block; font-size: 22px; text-align: center; letter-spacing: -0.05em; line-height: 1.5; color: #666; } 
.use-tab .info4 .left-box img { margin-bottom: 35px; } 
.use-tab .info4 .right-box { width: 194px; } 
.use-tab .info4 .right-box ul li { margin-bottom: 35px; } 
.use-tab .info4 .right-box ul li:last-child { margin-bottom: 0; } 
.use-tab .info4 .right-box ul li:first-child img { margin-bottom: 10px; } 
.use-tab .info4 .right-box ul li:last-child img { margin-bottom: 14px; } 

@media (max-width: 1400px){
  .guide-line-tab .info1 { padding-right: 70px; } 
  .character-tab .info2 ul { padding: 57px 50px 55px 50px}
  .character-tab .info2 li { width: calc(100% / 3); margin-right: 30px; } 
  .use-tab .info1 ul { padding: 37px 40px 37px 25px; } 
  .use-tab .info1 ul li { width: calc(100% / 4); text-align: center; margin: 0 !important; } 
  .use-tab .info1 ul li:last-child { margin-right: 0; } 
  .use-tab .info3 ul li { width: calc(100% / 5); margin-right: 0px !important; } 
  .use-tab .info4 .left-box { margin-right: 80px; } 
}

@media (max-width: 900px){
  .character-tab .info1 { flex-direction: column; } 
  .character-tab .info1 .img-box { width: 100%; padding: 0 40px; } 
  .character-tab .info1 .img-box li { margin-right: 20px; } 
  .character-tab .info1 .img-box li:last-child { margin-right: 0; } 
  .character-tab .info1 .img-box ul li img { min-width: auto; } 
  .character-tab .info1 .text-box { width: 100%; margin-top: 40px; order: 1; } 
  .character-tab .info2 li span { font-size: 18px; } 
  .guide-line-tab .info1 { padding: 52px 60px 50px 60px; flex-direction: column; } 
  .guide-line-tab .info1 .text-box { width: 100%; margin-top: 40px; order: 1; } 
  .guide-line-tab .info1 .text-box strong { font-size: 38px; } 
  .use-tab .info strong { font-size: 25px; margin-bottom: 13px; } 
  .use-tab .info strong span { font-size: 40px; } 
  .use-tab .info1 ul li { width: calc(100% / 2)}
  .use-tab .info1 ul li:nth-child(n + 3) { margin-top: 40px !important; } 
  .use-tab .info2 ul { padding: 46px 54px 80px 20px; } 
  .use-tab .info2 ul li { display: flex; flex-direction: column; justify-content: end; } 
  .use-tab .info2 ul li i { font-size: 20px; } 
  .use-tab .info2 ul li:nth-child(3) i { margin-left: 20px; text-align: center; } 
  .use-tab .info3 ul { display: flex; flex-wrap: wrap; justify-content: center; padding: 40px 10px 63px 20px; } 
  .use-tab .info3 ul li { width: calc(100% / 3); float: none; } 
  .use-tab .info3 ul li:nth-child(n + 4) { margin-top: 50px; } 
  .use-tab .info3 ul li i { font-size: 20px; } 
  .use-tab .info4 .flex-wrap { flex-direction: column; padding: 85px 78px 85px 88px; } 
  .use-tab .info4 .left-box { margin-right: 0; } 
  .use-tab .info4 .right-box { width: 100%; margin-top: 40px; } 
  .use-tab .info4 .right-box ul { display: flex; justify-content: space-between; align-items: flex-end; } 
  .use-tab .info4 .right-box li { width: calc((100% / 3) - 30px); margin-bottom: 0 !important; } 
  .use-tab .info4 i { font-size: 20px; } 
}

@media (max-width: 825px){
  .character-tab .info3 li {width: 100%; margin-bottom: 40px;}
}

@media (max-width: 600px){
  .character-tab .info1 .text-box strong { font-size: 20px; } 
  .character-tab .info1 .text-box p { font-size: 16px; } 
  .character-tab .info2 li span { font-size: 16px; } 
  .guide-line-tab .info1 { padding: 52px 40px 50px 40px}
  .guide-line-tab .info1 .text-box strong { font-size: 35px; } 
  .guide-line-tab .info1 .text-box li { font-size: 16px; } 
  .use-tab .info2 ul li { width: calc(100% / 2); } 
  .use-tab .info4 .right-box li { width: calc((100% / 3) - 15px); } 
  .use-tab .info4 .flex-wrap { padding: 65px 38px 65px 38px; } 
  .use-tab .info2 ul li i { font-size: 16px; } 
  .use-tab .info3 ul li i { font-size: 16px; } 
  .use-tab .info4 .left-box img { margin-bottom: 20px; } 
  .use-tab .info4 i { font-size: 16px !important; } 
}

/* 대학 전체 */
.wrap-college .title {position: relative;}
.wrap-college .text {position: absolute; left: 0; top: 0; width: 100%; text-align: center;}
.wrap-college .text .big-title {display: inline-block; margin-top: 47px; font-family: 'NotoCn Bold'; font-size: 50px; color: #ffffff;}
.wrap-college .text .big-title i {display: inline-block; width: 12px; height: 12px; margin-left: 10px; background: #e84855; border-radius: 100%; line-height: 1.1;}
.wrap-college .text .slash {display: block; font-family: 'NotoCn Regular'; font-size: 20px; color: #fff;}
.wrap-college .text .small-title {display: flex; justify-content: center; align-items: center; margin-top: 6px; font-family: 'NotoCn Bold'; font-size: 30px; color: #ffffff; text-align: center;}
.wrap-college .text .small-title a {display: inline-block; width: 36px; height: 36px; margin-left: 13px; background: #898989 url('../../images/sub/ic-college-link.png') no-repeat center; border-radius: 3px; text-indent: -99999px;}
.wrap-college .text .small-title a:hover {background-color: #e84855;}
.wrap-college .list {position: relative; z-index: 1; width: calc(100% - 100px); margin: 0 auto; margin-top: -40px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.wrap-college .list ul {display: flex; flex-wrap: wrap; gap: 0 50px; padding: 20px 60px;}
.wrap-college .list li {width: calc(34.7% - 50px); padding: 23px 0;}
.wrap-college .list a {position: relative; display: block; font-family: 'NotoCn Medium'; font-size: 22px; color: #555555;}
.wrap-college .list a::after {content: ''; position: absolute; right: 0; top: 0; width: 34px; height: 34px; background: #bcbcbc url('../../images/sub/ic-college-link2.png') no-repeat center; border-radius: 100%;}
.wrap-college .list a:hover {font-family: 'NotoCn Bold'; color: #e84855;}
.wrap-college .list a:hover::after {background-color: #e84855;}

@media (max-width: 1420px) {
  .wrap-college .title .thumb {overflow: hidden; display: flex; align-items: center; justify-content: center; height: 300px;}
  .wrap-college .title .thumb img {max-width: none;}
  .wrap-college .list a {font-size: 18px;}
  .wrap-college .list a::after {top: -3px;}
}

@media (max-width: 1270px) {
  .wrap-college .text .big-title {margin-top: 72px; font-size: 30px;}
  .wrap-college .text .small-title {font-size: 25px;}
  .wrap-college .list ul {padding: 20px 40px;}
  .wrap-college .list li {width: calc(52.7% - 50px);}
}

@media (max-width: 920px) {
  .wrap-college .list{width: calc(100% - 50px);}
  .wrap-college .list ul {gap: 0;}
  .wrap-college .list li {width: 100%; padding: 11px 0;}
}

@media (max-width: 700px) {
  .wrap-college .title .thumb{ height: 276px;}
  .wrap-college .text .big-title {font-size: 22px;}
  .wrap-college .text .slash {font-size: 13px;}
}

@media (max-width: 550px) {
  .wrap-college {margin-top: 70px;}
  .wrap-college .title .thumb {height: 225px;}
  .wrap-college .text .big-title {margin-top: 52px; font-size: 18px;}
  .wrap-college .list ul {padding: 20px;}
  .wrap-college .list li {padding: 8px 0;}
}

/* 유투브 삽입 */
.videoWrapper {position: relative; padding-bottom: 56.25%;  padding-top: 25px; height: 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 컨텐츠 앨범 */
.wrap-mini-album ul {display: flex; flex-wrap: wrap; gap: 25px;}
.wrap-mini-album li {width: calc(34% - 26px);}
.wrap-mini-album.row2 ul {gap: 40px;}
.wrap-mini-album.row2 li {width: calc(50.4% - 26px);}
.wrap-mini-album li img {width: 100%;}

@media (max-width: 850px) {
  .wrap-mini-album li {width: calc(51.8% - 26px);}
}

/* 수강신청 정정 */
.noti-box{text-align:right;}
.noti-box .noti-txt{display:inline-block;}

.attendance-box.type2 ul{width:100%;}
.attendance-box.type2 .list-tit .inner::after{content:""; display:block; clear:both;} 
.attendance-box.type2 .list-tit {float:right;}
.attendance-box.type2 .list-tit > p {padding-left:20px; position:relative; margin-bottom:5px;}
.attendance-box.type2 .tit1::before{ content:""; position:absolute; top:9px; left:0; width:10px; height:10px; background:#19323C; }
.attendance-box.type2 .tit2::before{  content:""; position:absolute; top:9px; left:0; width:10px; height:10px; border:1px solid #19323C;}
.attendance-box.type2 ul li{width:25%}
.attendance-box.type2 ul li .box{width:100%}

@media (max-width:1000px){
  .attendance-box.type2 ul li{width:100%}
}

/* 성적등급 및 평점 */
.calcu-wrap  .con-table tbody td {border-right:0;}
.calcu-wrap  .con-table tbody .td2{padding-left:0}
.calcu-wrap .col1{ display: inline-block;  width: 180px;   text-align: center;}
.calcu-wrap .col2{ display: block;  width: 180px; border-top: 1px solid #999;  padding-top: 5px;  margin-top: 3px;  text-align: center;}

.calcu-wrap.type2 .con-table tbody .td2 {padding: 12px 0 12px 0; width:190px}
.calcu-wrap.type2 .td3 {padding: 12px 0 12px 0; width:40px;}
.calcu-wrap.type2 .td4{width:180px;}
.calcu-wrap.type2 .td4 .col1{display:block;}
.calcu-wrap.type2 .td5{padding:12px 0 12px 0;}

/* 출석 */
.check-wrap {position:relative;}
.check-wrap ul {display:flex; flex-wrap:wrap; margin:0 -20px;}
.check-wrap li {width:25%; padding:0 20px; position:relative;  display:flex; flex-direction:column; margin-bottom:30px;}
.check-wrap li::after {content:''; width:40px; height:40px; background:url('../../images/sub/arrow-step2.png') no-repeat center; position:absolute; right:-20px; top:50%; margin-top:-20px;}
.check-wrap li:nth-child(4n)::after {display:none;}
.check-wrap .box {border:1px solid #000; flex:1; text-align:center; padding:15px 10px 20px 10px; display:flex; flex-direction:column;}
.check-wrap .img-box {display:flex; flex:1; align-items:center; justify-content:center;}
.check-wrap .txt-box { line-height:25px; letter-spacing:-.05em; margin-top:10px;}
.check-wrap .txt-box strong{font-family:'Play Bold'; color:#868686; font-size:14px;}
.check-wrap .txt-box p {font-size:18px; color:#333; font-family:'NotoCn Medium';}
@media (max-width:1100px) {
  .check-wrap li {width:50%;}
  .check-wrap li:nth-child(4n)::after {display:block;}
  .check-wrap li:nth-child(2n)::after {display:none;}
}

/* 계절학기 */
.wrap-table .con-table th.bg { background: #EEEEEE;}

/* [S] 역사 */
.history-kk {position: relative;}
.history-kk .title {position: relative; letter-spacing: -.05em; font-family: 'NotoCn Bold'; padding:95px 0 30px 41%;}
.history-kk .title::before {content:''; width:800px; height:260px; background:url('../../images/sub/kk-history-obj.jpg') no-repeat center / cover; position: absolute; right:65%; top:0;}
.history-kk .title span {font-size: 30px; display: block; color:#016365; padding-left: 25px; position: relative;}
.history-kk .title span::after {content:''; width:265px; height:2px; background:#FF3F4F; position: absolute; right:100%; top:50%; margin-top:-1px;}
.history-kk .title strong {font-size: 60px; color:#212121;padding-left: 25px;}
.history-kk .history-con {margin-top: 65px;}
.history-kk .history-con p {font-size: 18px; line-height: 30px; letter-spacing: -.05em; color:#666; font-family: 'NotoCn Regular';}
.history-kk .history-con p i {margin:25px 0; display: inline-block;}
@media (max-width:1800px) {
  .history-kk .title strong {font-size: 55px;}
}
@media (max-width:1400px) {
  .history-kk .title {padding-left:150px;}
  .history-kk .title::before {right:un3set; left:-680px;}
}
@media (max-width:1000px) {
  .history-kk .title {padding: 62px 0 30px 150px;}
  .history-kk .title::before {height:200px;}
  .history-kk .title span {font-size: 25px;}
  .history-kk .title strong {font-size: 40px;}
  .history-kk .history-con {margin-top: 35px;} 
}
@media (max-width:850px) {
  .history-kk .title::before {width:calc(100% + 120px); left:-60px;}
  .history-kk .title {padding: 235px 0 0 0;}
  .history-kk .title span {padding-left:0;}
  .history-kk .title span::after {width:2px; height:165px; left:0; top:-170px;}
  .history-kk .title strong {padding-left:0;}
}
@media (max-width:750px) {
  .history-kk .title::before {width:calc(100% + 40px); left:-20px;}
  .history-kk .title span {font-size: 22px;}
  .history-kk .title strong {font-size: 32px;}
}
/* [E] 역사 */

/* [S] 역대총장 */
.his-president-wrap {position: relative;}
.his-president-wrap .title {position: relative; text-align:right;}
.his-president-wrap .title::before {content:''; width:100%; height:6px; background:#016365; position: absolute; top:50%; margin-top:0px; left:0;}
.his-president-wrap .title p {font-size: 22px; line-height: 40px; letter-spacing: -.05em; font-family: 'NotoCn Bold'; color:#016365; background:#fff; position: relative; display: inline-block; padding-left:8px;}
.his-president-wrap ul {display: grid; gap:40px;grid-template-columns: repeat(6, 1fr); margin-top:30px;}
.his-president-wrap ul li {border:1px solid #c0c0c0; text-align: center; padding:25px 10px;}
.his-president-wrap .img-box {padding:0 0 10px 0; width:131px; height:131px; border-radius:50%; overflow:hidden; margin:0 auto;}
.his-president-wrap .txt-box {letter-spacing: -.05em;}
.his-president-wrap .txt-box > span {font-size: 16px; color:#016365; display: block; text-align: center; font-family: "NotoCn Regular"; line-height: 38px; position: relative;}
.his-president-wrap .txt-box > span::after {content:''; width:15px; height:1px; background:#016365; position: absolute; left:50%; bottom:0; margin-left:-8px;}
.his-president-wrap .txt-box > strong {font-size: 30px; color:#121212; font-family: 'NotoCn Bold';}
.his-president-wrap .txt-box > p {font-size: 16px; color:#666; font-family: 'NotoCn Regular'; line-height: 1;}
@media (max-width:1400px) {
  .his-president-wrap ul  {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width:1000px) {
  .his-president-wrap ul  {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:750px) {
  .his-president-wrap ul  {grid-template-columns: repeat(2, 1fr);}
}
/* [E] 역대총장 */



/* [S] 총장약력 */
.president-info-wrap {position: relative;  overflow-x:hidden;}
.president-info-wrap .title-top {position: relative; margin-bottom: 73px;display: flex; justify-content: space-between;border-bottom: 1px solid #CCCCCC;}
.president-info-wrap .big {display: block; font-family: 'Noto Bold'; font-size: 60px; line-height: 1; color: #121212; line-height: 80px;}
.president-info-wrap .big > span {position: relative; display: inline;}
.president-info-wrap .big > span::after {content: ''; position: absolute; left: calc(100% + 10px); bottom: 10px; width: 15px; height: 15px; background: #e84855; border-radius: 100%;}

/*
.president-info-wrap .tit-box{width: 50%; padding-top: 60px;} 
 */
.president-info-wrap .tit-box{width: 52%; padding-top: 60px;} 



.president-info-wrap .title-banner {position: relative; width:34.28%; min-width: 300px; margin-left: 20px;}
.president-info-wrap .tit-list > p{font-size: 60px; letter-spacing: -.05em; font-family: 'Noto Medium'; color:#121212; line-height: 80px; letter-spacing: -.05em;}
.president-info-wrap .tit-list > span{font-size: 25px; letter-spacing: -.05em; font-family: 'Noto Regular'; color:#666666; line-height: 40px; letter-spacing: -.05em; display: inline-block; margin-top: 20px;}



/*  240903 수정 */
.president-info-wrap .name{margin-top: 150px;}
.president-info-wrap .name strong {font-size: 80px; letter-spacing: -.05em; font-family: 'Noto Bold'; color:#121212; display: block}
.president-info-wrap .name strong > span{font-size: 60px; font-family: "Noto Medium"; margin-right: 15px;}
.president-info-wrap .name >p {font-size: 60px; font-family: 'Noto Regular'; color:#016365; display: inline-block; padding-top: 63px; position: relative; }
.president-info-wrap .name >p::before{content: ''; width: 130px; height: 4px; background: #016365; position: absolute; top: 0; left: 0;}




.president-info-wrap .box {margin-bottom: 58px;}
.president-info-wrap .con-title {margin-bottom: 12px;}
.president-info-wrap .box > ul > li{border-bottom: 1px solid #DDDDDD;}
.president-info-wrap .con-title strong {font-size: 35px; color:#222222; letter-spacing: -.05em; font-family: 'Noto Medium'; line-height: 25px;}
.president-info-wrap .date {display: flex; padding: 16px 0;}
.president-info-wrap .date > span {font-size: 18px; line-height: 28px; letter-spacing: -.05em; color:#121212; font-family: 'Noto Bold'; width:180px; flex-shrink: 0; position: relative; padding-left: 25px;} 
.president-info-wrap .date > span::before{content: ''; width: 7px; height: 7px; border-radius: 50%; background: #005128; position: absolute; top: 11px; left: 0;}
.president-info-wrap .info p {font-size: 18px; line-height: 28px; letter-spacing: -.05em; color:#555; font-family: 'Noto Regular';}
.president-info-wrap .info .sub-sj li {position: relative; padding-left:15px; color:#777; font-size: 16px;}
.president-info-wrap .info .sub-sj li::after {content:''; width:7px; height:2px; background:#777; position: absolute; top:12px; left:0;}

@media (max-width:1250px) {
  .president-info-wrap .big{font-size: 50px; line-height: 70px;}
  .president-info-wrap .tit-list > span{font-size: 20px; line-height: 35px;}
  .president-info-wrap .name >p{font-size: 20px;}
  .president-info-wrap .name strong{font-size: 30px;}
  .president-info-wrap .name strong > span{font-size: 20px;}

}

@media (max-width:1100px) {
  .president-info-wrap .name span {font-size: 22px;}
  .president-info-wrap .title-top{flex-direction: column-reverse;}
  .president-info-wrap .title-banner{margin-left: 0; margin: auto;}
  .president-info-wrap .tit-box{width: 100%; padding-top: 30px;}
  .president-info-wrap .tit-box .tit-list{text-align: center;}
  .president-info-wrap .big{font-size: 40px; line-height: 50px;}
  .president-info-wrap .tit-list > span{max-width: 500px; margin-top: 10px; line-height: 30px;}
  .president-info-wrap .name{text-align: center; margin-top: 40px; margin-bottom:25px;}
  .president-info-wrap .name strong{display:inline-block; margin-left:10px;}
  .president-info-wrap .name >p::before{left:67%;}
  .president-info-wrap .name >p{padding-top: 23px;}
}

@media (max-width:750px) {
  .president-info-wrap .big{font-size: 33px; line-height: 45px;}
  .president-info-wrap .tit-list > span{font-size: 17px;}
  .president-info-wrap .title-top {margin-bottom:40px;}
  .president-info-wrap .con-title strong {font-size: 30px;}
  .president-info-wrap .date > span {font-size: 16px;}
  .president-info-wrap .info p {font-size: 16px;}
  .president-info-wrap .date{padding: 10px 0;}
  .president-info-wrap .name >p{font-size: 20px;}
  .president-info-wrap .name strong{font-size: 27px;}
  .president-info-wrap .name strong > span{font-size: 18px;}
}

@media (max-width:650px) {
  .president-info-wrap .box{margin-bottom: 40px;}
}
/* [E] 총장약력 */




/* [S] 교육이념 및 교육목표 */
.edu-box-wrap1 {position: relative; background:#f6f8f2 url('../../images/sub/bg-para-banner.png') no-repeat 115% -30px; padding:35px 330px 35px 75px; margin-top: 40px;}
.edu-box-wrap1 li {padding-left: 18px; position: relative; margin-bottom: 15px;}
.edu-box-wrap1 li:last-child {margin-bottom:0;}
.edu-box-wrap1 li::after {content:''; width:5px; height:5px; background:#609015; border-radius:50%; position: absolute; left:0; top:13px;}
.edu-box-wrap1 li p {font-size: 20px; font-family: 'NotoCn Regular'; line-height: 30px; letter-spacing: -.05em; color:#333; }
.edu-box-wrap1 li p .color1 {color:#609015;}
@media (max-width:1000px) {
  .edu-box-wrap1 {padding:30px;}
}
@media (max-width:750px) {
  .edu-box-wrap1 {margin-top: 20px;}
  .edu-box-wrap1 li p {font-size: 16px;}
}
.edu-box-wrap2 {position: relative; display: flex; justify-content: end; margin-top: 40px;}
.edu-box-wrap2 .inner {max-width:1120px; width:100%;} 
.edu-box-wrap2 ul {display: flex; justify-content: space-between;}
.edu-box-wrap2 li {text-align: center; letter-spacing: -.05em; position: relative; }
.edu-box-wrap2 li .circle-box {position: relative;}
.edu-box-wrap2 li .circle-box::after {content:''; width:17px; height:17px; background:url('../../images/sub/edu-circle-dot.png') no-repeat center; position: absolute; right:-21%; top:50%; margin-top:-9px;}
.edu-box-wrap2 li:last-child .circle-box::after {display: none;}
.edu-box-wrap2 li:nth-child(1) .circle-box {padding-right:20px;}
.edu-box-wrap2 li:nth-child(2) .circle-box {padding-right:18px;}
.edu-box-wrap2 li:nth-child(3) .circle-box {padding-right:30px;}
.edu-box-wrap2 .circle {position: relative;width:280px; height:280px; margin: 0 auto;}
.edu-box-wrap2 .circle::before {content:''; width:250px; height:250px; position: absolute;}
.edu-box-wrap2 .circle p{color:#fff; width:100%; height:100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin:0 auto; position: relative;}
.edu-box-wrap2 .circle em {font-size: 70px; font-family: 'NotoCn Regular'; line-height: 1; display: inline-block;}
.edu-box-wrap2 .circle > p span {font-size: 40px; padding-top: 23px; position: relative; margin-top:13px; display: inline-block;}
.edu-box-wrap2 .circle > p span::before {content:''; width:16px; height:23px; background:url('../../images/sub/edu-circle-slash.png') no-repeat center; position: absolute; top:0; left:50%; margin-left:-8px;}
.edu-box-wrap2 .txt-box {margin-top: 40px;}
.edu-box-wrap2 .txt-box p {font-size: 22px;line-height: 30px; letter-spacing: -.05em; color:#121212; font-family: 'NotoCn Regular';}
.edu-box-wrap2 li:nth-child(1) .circle p{background:url('../../images/sub/edu-circle1.png') no-repeat center;}
.edu-box-wrap2 li:nth-child(2) .circle p{background:url('../../images/sub/edu-circle2.png') no-repeat center;}
.edu-box-wrap2 li:nth-child(3) .circle p{background:url('../../images/sub/edu-circle3.png') no-repeat center;}
.edu-box-wrap2 li:nth-child(1) .circle::before {background:url('../../images/sub/edu-circle1-obj.png') no-repeat center; right:-20px; bottom:-13px;}
.edu-box-wrap2 li:nth-child(2) .circle::before {background:url('../../images/sub/edu-circle2-obj.png') no-repeat center; right:-18px; bottom:-13px;}
.edu-box-wrap2 li:nth-child(3) .circle::before {background:url('../../images/sub/edu-circle3-obj.png') no-repeat center; right:-30px; bottom:-13px;}
@media (max-width:1400px) {
  .edu-box-wrap2 {margin-top: 30px; }
  .edu-box-wrap2 .inner {max-width:unset;}
  .edu-box-wrap2 li {width:33.3333%;}
  .edu-box-wrap2 li .circle-box::after {right:-8px;}
}
@media (max-width:1200px) {
  .edu-box-wrap2 .circle {width: 230px; height: 230px;}
  .edu-box-wrap2 li:nth-child(1) .circle p{background-size:cover;}
  .edu-box-wrap2 li:nth-child(2) .circle p{background-size:cover;}
  .edu-box-wrap2 li:nth-child(3) .circle p{background-size:cover;}
  .edu-box-wrap2 .circle::before {width:220px; height: 220px;}
  .edu-box-wrap2 li:nth-child(1) .circle::before {background-size:cover;}
  .edu-box-wrap2 li:nth-child(2) .circle::before {background-size:cover;}
  .edu-box-wrap2 li:nth-child(3) .circle::before {background-size:cover;}
  .edu-box-wrap2 .circle em {font-size: 50px;}
  .edu-box-wrap2 .circle > p span {font-size: 30px;}
}
@media (max-width:1000px) {
  .edu-box-wrap2 ul {flex-wrap:wrap; justify-content: center;}
  .edu-box-wrap2 li {width: 50%; margin-bottom: 40px; }
  .edu-box-wrap2 li .circle-box {padding-right:unset !important;}
  .edu-box-wrap2 li .circle-box::after {right:-16px;}
  .edu-box-wrap2 li:nth-child(2) .circle-box::after {display: none;}
}
@media (max-width:750px) {
  .edu-box-wrap2 {margin-top: 20px;}
  .edu-box-wrap2 .txt-box p {font-size: 18px; line-height: 28px;}
}
@media (max-width:650px) {
  .edu-box-wrap2 li {width:100%;}
  .edu-box-wrap2 li .circle-box::after {display: none !important;}
}

.edu-box-wrap3 {position: relative; margin-top: 40px;}
.edu-box-wrap3 .inner {position: relative;}
.edu-box-wrap3 .txt-box {position: absolute; right:0; bottom:0; padding:30px 15px 30px 40px; background:#fff; width:50%;}
.edu-box-wrap3 .txt-box::after {content:''; width:48px; height: 1px; background:#005128; position: absolute; left:-20px; top:50%; margin-top:-1px;}
.edu-box-wrap3 .txt-box p {font-size: 20px; line-height: 30px; letter-spacing: -.05em; color:#333; font-family: 'NotoCn Regular';}
.edu-box-wrap3 .txt-box p .color1 {color:#005128; font-family: 'NotoCn Bold';}
@media (max-width:1000px) {
  .edu-box-wrap3 .txt-box {width:80%; padding:20px 15px 20px 40px;}
  .edu-box-wrap3 .txt-box p {font-size: 16px;}
}
@media (max-width:750px) {
  .edu-box-wrap3 {margin-top: 20px;}
  .edu-box-wrap3 .txt-box {width:100%; position: relative;}
  .edu-box-wrap3 .txt-box::after {left:0; width:25px;}
}

.edu-box-wrap4 {position: relative; margin-top: 25px;}
.edu-box-wrap4 .text1 {font-size: 20px; line-height: 40px; letter-spacing: -.05em; color:#535353; font-family: 'NotoCn Medium';}
.edu-box-wrap4 ul {display: flex; margin-top: 20px;}
.edu-box-wrap4 li {padding:25px 0 30px 0;}
.edu-box-wrap4 li.plus {width:130px; background:url('../../images/sub/edu-list-plus.png') no-repeat center;}
.edu-box-wrap4 li:not(.plus) {border:2px solid #016365; flex:1;}
.edu-box-wrap4 li .img-box {text-align: center; position: relative; padding-bottom:15px; margin-bottom: 8px;}
.edu-box-wrap4 li .img-box::after {content:''; width:30px; height:2px; background:#CCC8C8; position: absolute; bottom:0; left:50%; margin-left:-15px;}
.edu-box-wrap4 li .txt-box p {font-size: 30px; line-height: 40px; letter-spacing: -.05em; color:#016365; font-family: "NotoCn Medium"; text-align: center;}
@media (max-width:1200px) {
  .edu-box-wrap4 li .txt-box p {font-size: 22px;}
}
@media (max-width:1000px) {
  .edu-box-wrap4 li.plus {width:70px;}
  .edu-box-wrap4 li .txt-box p {line-height: 1.5;}
}
@media (max-width:700px) {
  .edu-box-wrap4 ul {flex-direction: column;}
  .edu-box-wrap4 li.plus {width:70px; height:70px; padding:0; margin:0 auto;}
  .edu-box-wrap4 .text1 {font-size: 17px;line-height: 1.5;}
}
/* [E] 교육이념 및 교육목표 */

/* [S] 공인결석 */
.attendance-box {position: relative; margin-top: 30px;}
.attendance-box ul {display: flex; gap:40px;}
.attendance-box ul li {flex:1; display: flex;}
.attendance-box ul li .box {display: flex; flex-direction: column;}
.attendance-box .title {background:#19323C; text-align: center; padding:10px 0; margin-bottom: 10px;}
.attendance-box .title strong {font-size: 20px; line-height: 24px; letter-spacing: -.05em; color:#fff; font-family: 'NotoCn Bold';}
.attendance-box .con-box {border:1px solid #000; letter-spacing: -.05em; padding:15px 20px; flex:1; position: relative;}
.attendance-box .con-box::after {content:''; width:42px; height:40px; background:url('../../images/sub/arrow-ic2.png') no-repeat center; position: absolute; left:100%; top:50%; margin-top:-20px;}
.attendance-box ul li:last-child .con-box::after {display: none;}
.attendance-box .con-box strong {font-size: 18px; line-height: 20px; color:#333; font-family: 'NotoCn Medium'; margin-bottom: 10px; display:block;}
.attendance-box .con-box p {font-size: 16px; line-height: 24px; color:#016365; font-family: 'NotoCn Regular';}
@media (max-width:1000px) {
  .attendance-box ul {flex-wrap:wrap; flex-direction: column;}
  .attendance-box ul li .box {flex:1;}
  .attendance-box .con-box::after {left:unset; top:100%; margin-top:0; left:50%; margin-left:-21px; transform: rotate(90deg);}
}
/* [E] 공인결석 */

.de-plan-wrap{overflow: hidden;}
.inner{max-width: 1400px; width: 100%; margin: auto;}

/* 대학소개 - 교목 */
.school-tree { position: relative; overflow-x:hidden;} 
.school-tree .flex-wrap { position: relative; display: flex; justify-content: space-between; margin-bottom: 48px; } 
.school-tree .flex-wrap::before { content: ""; position: absolute; left: 557px; top: 108px; width: 60.1%; height: 1px; background-color: #e84855; z-index: 1; } 
.school-tree .visual-box { position: relative; margin-right: 90px; min-width: 610px; } 
.school-tree .visual-box img { position: relative; } 
.school-tree .text-box { position: relative; margin-top: -5px; width: 700px; } 
.school-tree .text-box strong { display: block; font-size: 60px; margin-bottom: 53px; letter-spacing: -0.05em; line-height: 1.5; color: #19323c; font-family: "NotoCn Bold"; } 
.school-tree .text-box ul li { position: relative; margin-bottom: 16px; padding-left: 40px; font-size: 30px; color: #121212; line-height: 1.5; letter-spacing: -0.05em; } 
.school-tree .text-box ul li:last-child { margin-bottom: 0; } 
.school-tree .text-box ul li span { position: relative; color: #336579; font-family: "NotoCn Bold"; } 
.school-tree .text-box ul li span::before { content: ""; position: absolute; left: -40px; top: 17px; width: 10px; height: 10px; background-color: #336579; border-radius: 50%; } 
.school-tree .text-box ul li i { margin: 0 5px; } 
.school-tree .info { font-size: 18px; letter-spacing: -0.05em; line-height: 30px; color: #666; } 
.school-tree .info i { display: block; height: 30px; } 
.school-tree .btn-area { padding: 25px 54px; background-image: url("../../images/sub/btn-area-bg.jpg"); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } 
.school-tree .btn-area ul { display: flex; align-items: stretch; margin: 0 -8px; } 
.school-tree .btn-area li { width: calc(100% / 5); padding: 0 8px; } 
.school-tree .btn-area li a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 7px 10px; font-size: 15px; text-align: center; line-height: 1.5; background-color: #fff; border: 1px solid #016365; color: #016365; transition: background-color 0.3s, color 0.3s; font-family: "NotoCn Medium"; } 
.school-tree .btn-area li:hover a { color: #fff; background-color: #016365; } 

@media (max-width: 1400px){
  .de-plan-wrap .plan-sec02 .shape-txt p{font-size: 10.71vw !important; bottom: -20%;}
  .de-plan-wrap .plan-sec03 .shape-txt p{font-size: 10.71vw !important; bottom: -20%;}
  
}


@media (max-width: 1200px){
 .school-tree .visual-box { min-width: 490px; margin-right:40px;} 
 .school-tree .text-box strong { font-size: 40px; margin-bottom: 24px; } 
 .school-tree .flex-wrap::before { width: 100%; left: 450px; top: 68px; } 
 .school-tree .text-box ul li { font-size: 21px; padding-left: 20px; } 
 .school-tree .text-box ul li span::before { width: 8px; height: 8px; top: 14px; left: -18px; } 
 }

@media (max-width: 980px){
 .school-tree .visual-box { min-width: auto; margin-right: 0; margin-bottom: 25px; } 
 .school-tree .flex-wrap { flex-direction: column; align-items: center; } 
 .school-tree .flex-wrap::before { width: 100%; left: 0; top: 466px; bottom: 0; } 
 .school-tree .text-box { text-align: center; } 
 .school-tree .text-box strong { margin-bottom: 55px; } 
 .school-tree .text-box ul li { text-align: center; } 
 }

 @media (max-width: 800px){
  .de-plan-wrap .plan-sec02 .shape-txt p{left: 0 !important; bottom: -11% !important;}
  .de-plan-wrap .plan-sec03 .shape-txt p{bottom: -18% !important;}
 }


@media (max-width: 665px){
 .school-tree .flex-wrap::before { display: none; } 
 .school-tree .text-box { width: 100%; } 
 .school-tree .text-box::before { content: ""; position: absolute; left: 0; top: 88px; width: 100%; height: 1px; background-color: #e84855; z-index: 1; } 
 .school-tree .text-box strong { margin-bottom: 55px; } 
 }

@media (max-width: 500px){
 .school-tree .flex-wrap { margin-bottom: 33px; } 
 .school-tree .visual-box { margin-bottom: 18px; } 
 .school-tree .text-box::before { top: 57px; } 
 .school-tree .text-box strong { font-size: 30px; margin-bottom: 35px; } 
 .school-tree .text-box ul li { font-size: 19px; padding-left: 20px; } 
 .school-tree .info { font-size: 16px; } 
 .school-tree .info i { height: 15px; } 
 }


/* 대학소개 - 교화 */
.school-flower { position: relative; overflow-x:hidden; } 
.school-flower .flex-wrap { position: relative; display: flex; justify-content: space-between; margin-bottom: 48px; } 
.school-flower .flex-wrap::before { content: ""; position: absolute; left: 557px; top: 108px; width: 60.1%; height: 1px; background-color: #e84855; z-index: 1; } 
.school-flower .visual-box { position: relative; margin-right: 90px; min-width: 610px; } 
.school-flower .visual-box img { position: relative; } 
.school-flower .text-box { position: relative; margin-top: -5px; width: 700px; } 
.school-flower .text-box strong { display: block; font-size: 60px; margin-bottom: 53px; letter-spacing: -0.05em; line-height: 1.5; color: #19323c; font-family: "NotoCn Bold"; } 
.school-flower .text-box ul li { position: relative; margin-bottom: 16px; padding-left: 40px; font-size: 30px; color: #121212; line-height: 1.5; letter-spacing: -0.05em; } 
.school-flower .text-box ul li:last-child { margin-bottom: 0; } 
.school-flower .text-box ul li span { position: relative; color: #336579; font-family: "NotoCn Bold"; } 
.school-flower .text-box ul li span::before { content: ""; position: absolute; left: -40px; top: 17px; width: 10px; height: 10px; background-color: #336579; border-radius: 50%; } 
.school-flower .text-box ul li i { margin: 0 5px; } 
.school-flower .info { font-size: 18px; letter-spacing: -0.05em; line-height: 30px; color: #666; } 
.school-flower .info i { display: block; height: 30px; } 
.school-flower .btn-area { padding: 25px 54px; background-image: url("../../images/sub/btn-area-bg.jpg"); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } 
.school-flower .btn-area ul { display: flex; align-items: stretch; margin: 0 -8px; } 
.school-flower .btn-area li { width: calc(100% / 5); padding: 0 8px; } 
.school-flower .btn-area li a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 7px 10px; font-size: 15px; text-align: center; line-height: 1.5; background-color: #fff; border: 1px solid #016365; color: #016365; transition: background-color 0.3s, color 0.3s; font-family: "NotoCn Medium"; } 
.school-flower .btn-area li:hover a { color: #fff; background-color: #016365; } 

@media (max-width: 1200px){
 .school-flower .visual-box { min-width: 490px; margin-right:40px } 
 .school-flower .text-box strong { font-size: 40px; margin-bottom: 24px; } 
 .school-flower .flex-wrap::before { width: 100%; left: 450px; top: 68px; } 
 .school-flower .text-box ul li { font-size: 21px; padding-left: 20px; } 
 .school-flower .text-box ul li span::before { width: 8px; height: 8px; top: 14px; left: -18px; } 
 }

@media (max-width: 980px){
 .school-flower .visual-box { min-width: auto; margin-right: 0; margin-bottom: 25px; } 
 .school-flower .flex-wrap { flex-direction: column; align-items: center; } 
 .school-flower .flex-wrap::before { width: 100%; left: 0; top: 466px; bottom: 0; } 
 .school-flower .text-box { text-align: center; } 
 .school-flower .text-box strong { margin-bottom: 55px; } 
 .school-flower .text-box ul li { text-align: center; } 
 }

@media (max-width: 665px){
 .school-flower .flex-wrap::before { display: none; } 
 .school-flower .text-box { width: 100%; } 
 .school-flower .text-box::before { content: ""; position: absolute; left: 0; top: 88px; width: 100%; height: 1px; background-color: #e84855; z-index: 1; } 
 .school-flower .text-box strong { margin-bottom: 55px; } 
 }

@media (max-width: 500px){
 .school-flower .flex-wrap { margin-bottom: 33px; } 
 .school-flower .visual-box { margin-bottom: 18px; } 
 .school-flower .text-box::before { top: 57px; } 
 .school-flower .text-box strong { font-size: 30px; margin-bottom: 35px; } 
 .school-flower .text-box ul li { font-size: 19px; padding-left: 20px; } 
 .school-flower .info { font-size: 16px; } 
 .school-flower .info i { height: 15px; } 
 }

/* 대학소개 - 교시 */
.educational-goal .top { display: flex; justify-content: space-between; margin-bottom: 97px; } 
.educational-goal .title { margin-top: 52px; margin-right: 20px; } 
.educational-goal .title strong { display: block; font-size: 40px; line-height: 60px; letter-spacing: -0.05em; color: #121212; } 
.educational-goal .title strong:first-child { margin-bottom: 13px; } 
.educational-goal .title strong span { font-size: 70px; color: #005128; font-family: "NotoCn Bold"; } 
.educational-goal .circle-list { display: flex; justify-content: center; align-items: center; width: 849px; height: 284px; background-image: url("../../images/sub/circle.png"); background-repeat: no-repeat; background-position: center; background-size: 100%; } 
.educational-goal .circle-list ul { width: 100%; } 
.educational-goal .circle-list ul::after { content: ""; display: block; clear: both; } 
.educational-goal .circle-list ul li { float: left; width: calc(100% / 3); padding: 0 20px; text-align: center; line-height: 36px; } 
.educational-goal .circle-list ul li em { display: block; margin-bottom: 14px; font-size: 30px; letter-spacing: -0.05em; line-height: 1.5; } 
.educational-goal .circle-list ul li b { font-size: 60px; font-family: "NotoCn Bold"; } 
.educational-goal .circle-list ul li p { font-size: 18px; letter-spacing: -0.05em; line-height: 30px; color: #666; } 
.educational-goal .circle-list ul li p span { font-size: 22px; font-family: "NotoCn Bold"; } 
.educational-goal .circle-list .inner > div { margin-top: -9px; } 
.educational-goal .circle-list .circle1 em,
.educational-goal .circle-list .circle1 p span { color: #00a754; } 
.educational-goal .circle-list .circle2 em,
.educational-goal .circle-list .circle2 p span { color: #9ccb0e; } 
.educational-goal .circle-list .circle3 em,
.educational-goal .circle-list .circle3 p span { color: #6ab73c; } 
.educational-goal .visual { position: relative; } 
.educational-goal .visual::before { content: ""; position: absolute; left: 66px; top: -54.5px; width: 2px; height: 109px; background-color: #19323c; } 
.educational-goal .visual .text-box { position: absolute; right: 0; bottom: 42px; display: flex; justify-content: center; align-items: center; width: 547px; height: 186px; background-image: url("../../images/sub/text-bg.jpg"); background-size: 100%; } 
.educational-goal .visual .text-box ul { margin-left: -10px; margin-top: 13px; } 
.educational-goal .visual .text-box ul li { display: flex; align-items: center; font-size: 20px; margin-bottom: 11px; letter-spacing: -0.05em; line-height: 1.5; color: #fff; } 
.educational-goal .visual .text-box ul li:last-child { margin-bottom: 0; } 
.educational-goal .visual .text-box ul li span { display: inline-block; width: 20px; height: 20px; padding-left: 6.5px; line-height: 18px; font-size: 12px; margin-right: 16px; color: #6ab73c; background-color: #fff; border-radius: 50%; } 

@media (max-width: 1400px){
 .educational-goal .title { min-width: 290px; } 
 .educational-goal .title strong { font-size: 35px; } 
 .educational-goal .title strong span { font-size: 55px; } 
 .educational-goal .circle-list ul li em { font-size: 25px; } 
 .educational-goal .circle-list ul li b { font-size: 50px; } 
 .educational-goal .circle-list ul li p { font-size: 17px; } 
 .educational-goal .circle-list ul li p span { font-size: 20px; } 
 }

@media (max-width: 1200px){
 .educational-goal .title { width: 100%; margin-bottom: 30px; margin-right: 0; text-align: center; } 
 .educational-goal .top { flex-direction: column; align-items: center; margin-bottom: 60px; } 
 .educational-goal .circle-list { width: 100%; max-width: 849px; } 
 .educational-goal .circle-list ul li p { font-size: 16px; } 
 .educational-goal .visual .text-box { width: 380px; height: 150px; } 
 .educational-goal .visual .text-box ul li { font-size: 17px; } 
 .educational-goal .visual .text-box ul li span { width: 18px; height: 18px; padding-left: 5px; line-height: 18px; margin-right: 10px; font-size: 11px; } 
 }

@media (max-width: 768px){
 .educational-goal .title { margin-bottom: 30px; } 
 .educational-goal .circle-list { display: block; width: 100%; height: auto; background-image: none; } 
 .educational-goal .circle-list .inner > div { padding: 20px 20px; margin-top: -10px; } 
 .educational-goal .circle-list ul li { position: relative; width: 100%; float: none; margin-bottom: 20px; padding: 20px; } 
 .educational-goal .circle-list ul li:last-child { margin-bottom: 0; } 
 .educational-goal .circle-list ul li::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; z-index: -1; } 
 .educational-goal .circle-list ul li .inner { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } 
 .educational-goal .circle-list ul li b { font-size: 38px; } 
 .educational-goal .circle-list ul li p { line-height: 1.2; margin-top: -2px; } 
 .educational-goal .circle-list ul li p br { display: none; } 
 .educational-goal .circle-list ul li b,
 .educational-goal .circle-list ul li em,
 .educational-goal .circle-list ul li p,
 .educational-goal .circle-list ul li p span { color: #fff !important; } 
 .educational-goal .circle-list ul li p span { font-size: 18px; } 
 .educational-goal .circle-list ul li em { margin-bottom: 0; font-size: 23px; } 
 .educational-goal .circle-list li.circle1::before,
 .educational-goal .circle-list li.circle1 .inner { background-color: #00a754; } 
 .educational-goal .circle-list li.circle2::before,
 .educational-goal .circle-list li.circle2 .inner { background-color: #9ccb0e; } 
 .educational-goal .circle-list li.circle3::before,
 .educational-goal .circle-list li.circle3 .inner { background-color: #6ab73c; } 
 .educational-goal .visual::before { height: 70px; top: -35px; } 
 .educational-goal .visual img { object-fit: cover; object-position: center; min-height: 230px; } 
 .educational-goal .visual .text-box { width: 330px; height: 100px; bottom: 0; } 
 .educational-goal .visual .text-box ul li { font-size: 15px; margin-bottom: 5px; } 
 .educational-goal .visual .text-box ul li span { width: 16px; height: 16px; line-height: 16px; padding-left: 4px; } 
 }

/* 대힉소개 - 교가 */

.school-song .song-txt{margin-top: 70px;} 
.school-song .song-txt .tit{font-size: 30px; font-family:"NotoCn Bold" ; color:#121212 ; line-height: 24px; margin-bottom: 20px;}
.school-song .song-txt ul{display: flex; justify-content: space-between; padding: 0 60px; margin: 0 -15px; flex-wrap: nowrap;}
.school-song .song-txt ul > li{padding: 0 15px;}
.school-song .song > p{font-size: 18px; font-family:"NotoCn Regular" ; color:#555555; line-height: 40px;}
.school-song .img-box{border: 1px solid #A5A5A5; margin-top: 50px;}
.school-song .btn-box {position: relative;}
.school-song .btn-box::before{content: ''; width: 45%; height: 1px; background: #000; position: absolute; top: 50%; margin-top: -1px; left: 0; z-index: -1;}
.school-song .btn-box > div{background: #fff; display: inline-block;}
.school-song .btn-style.type2 .ico1 {background: url(../../images/sub/song-stop-btn.png) no-repeat center;}
.school-song .btn-style.type2 .ico2 {background: url(../../images/sub/download-btn.png) no-repeat center;}

.school-song .btn-style.type2:hover .ico1 {background: url(../../images/sub/song-stop-hover.png) no-repeat center;}
.school-song .btn-style.type2:hover .ico2 {background: url(../../images/sub/download-hover.png) no-repeat center;}

.school-song .btn-style.type2{padding: 0 20px;}


@media all and (max-width:1100px){
  .school-song .song-txt ul{padding: 0 0;}
  .school-song .song-txt .tit{font-size: 25px;}
  .school-song .song > p{font-size: 16px; line-height: 35px;}
}

@media all and (max-width:900px){
  .school-song .btn-style.type2 {height: 55px; padding: 0 19px; margin-bottom: 15px; line-height: 53px;}
  .school-song .song-txt{margin-top: 40px;}
}


@media all and (max-width:768px){
  .school-song .song-txt ul{flex-wrap: wrap;}
  .school-song .song-txt ul > li{margin-bottom: 20px; width: 50%; }
}

@media all and (max-width:600px){
  .school-song .song-txt ul > li{width: 100%; text-align: center;}
  .school-song .img-box{margin-top: 0;}
  .school-song .song-txt .tit{margin-bottom: 10px;}
}


/* 대학소개 - 발전계획 */

/* 교육이념 */
.de-plan-wrap .plan-sec01{text-align: center;}
.de-plan-wrap .plan-sec01 ul{display: flex; justify-content: space-between; margin: 0 -38.5px;}
.de-plan-wrap .plan-sec01 ul li{position: relative; padding: 0 38.5px; width: 33.333%;}
/* .de-plan-wrap .plan-sec01 .right-box::before{content: ''; width: 69%; height:90px; background: #EBF6EF; position: absolute; right: 33px; z-index: -1; top: 32%;}
 */
.de-plan-wrap .plan-sec01 .txt-box{display: flex; align-items: center; position: relative;}
.de-plan-wrap .txt-box::after{content: ''; display: block; clear: both;}
.de-plan-wrap .plan-box01 .left-box{float: left; width: 115px;}
.de-plan-wrap .plan-box01 .left-box > p{font-size: 120px; font-family: "NotoCn Bold"; font-weight: bold; }
.de-plan-wrap .plan-box01 .co01{color:#009758;}
.de-plan-wrap .plan-box01 .co02{color:#85bb0c;}
.de-plan-wrap .plan-box01 .co03{color:#57a13d;}
.de-plan-wrap .plan-box01 .right-box{float: right; width: 82%; height: 90px; align-items: center; display: table; position: absolute; bottom: 33px; z-index: -1; right: 0;}
.de-plan-wrap .plan-sec01 li:first-child .right-box{background: #EBF6EF;}
.de-plan-wrap .plan-sec01 li:nth-child(2) .right-box{ background: #F2F8E6;}
.de-plan-wrap .plan-sec01 li:nth-child(3) .right-box{ background: #E9F8E6;}
.de-plan-wrap .plan-box01 .right-box > p{font-size: 18px; font-family: "NotoCn Regular"; line-height: 26px; letter-spacing: -.05em; color: #333333; padding: 20px 10px 20px 30px; display: table-cell; vertical-align: middle; text-align: center;}

@media all and (max-width:1300px){
  .de-plan-wrap .plan-sec01 ul{margin: 0 -10px;}
  .de-plan-wrap .plan-sec01 ul li{padding: 0 10px;}
}
@media all and (max-width:1150px){
  .de-plan-wrap .plan-box01 .left-box > p{font-size: 90px;}
  .de-plan-wrap .plan-box01 .right-box > p{ padding: 20px 10px 20px 45px; }
  .de-plan-wrap .plan-box01 .right-box{bottom: 27px;}
  /* .de-plan-wrap .plan-box01 .right-box > p{font-size: 16px;} */
}

@media all and (max-width:1024px){
  .de-plan-wrap .plan-sec01 ul{margin: 0 0px; display: block;}
  .de-plan-wrap .plan-sec01 ul li{padding: 0 0px; width: 100%;}
  .de-plan-wrap .plan-box01 .left-box{width: 90px;}
  .de-plan-wrap .plan-box01 .right-box{width: 95%;}
}

/* 교육목적 */
.de-plan-wrap .plan-box02{display: flex; justify-content: space-between; padding-top: 8px;}
.de-plan-wrap .plan-box02 .purpose-txt{width: 21.3%; padding-top: 46px;}
.de-plan-wrap .plan-box02 .three-tit{width: 75%; position: relative;}
.de-plan-wrap .plan-box02 .three-tit::before{content: ''; width: 100%; height: 1px; background: #8D8F8E; position: absolute; top: 50%; margin-top: 1px; right: 100%;}
.de-plan-wrap .plan-box02 .three-tit ul{display: flex; width: 100%; }
.de-plan-wrap .plan-box02 .three-tit ul li{width: 33.333%;}
.de-plan-wrap .plan-box02 .three-tit .bg{display: flex; align-items: center; justify-content: center; width: 100%; height: 350px;}

.de-plan-wrap .plan-box02 .three-tit .bg01{background: url(../../images/sub/tit-circle01.png) no-repeat center center / contain; }
.de-plan-wrap .plan-box02 .three-tit .bg02{background: url(../../images/sub/tit-circle02.png) no-repeat center center / contain; }
.de-plan-wrap .plan-box02 .three-tit .bg03{background: url(../../images/sub/tit-circle03.png) no-repeat center center / contain;}
.de-plan-wrap .plan-box02 .purpose-txt > p{font-size: 22px; font-family: "NotoCn Light"; color: #333333; line-height: 35px; letter-spacing: -.05em; padding-right: 20px;}
.de-plan-wrap .plan-box02 .num{text-align: center;}
.de-plan-wrap .plan-box02 .num p{font-size: 30px; font-family: "NotoCn Medium"; color: #333333; line-height: 45px; letter-spacing: -.05em; color: #fff;}
.de-plan-wrap .plan-box02 .bord{padding-bottom: 7px; position: relative;}
.de-plan-wrap .plan-box02 .bord::before{content: ''; width: 14px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -5px;}
.de-plan-wrap .plan-box02 .num p:nth-child(2){margin-top: 6px;}
.de-plan-wrap .plan-sec02{position: relative; margin-top: 90px;}
.de-plan-wrap .plan-sec02 .shape-txt p{font-size: 150px; font-family: "NotoCn Bold"; color: #f5f5f5; position: absolute; left: -63px; bottom: -22%; z-index: -3; letter-spacing: -.05em;}

@media all and (max-width:1200px){
  .de-plan-wrap .plan-box02 .purpose-txt > p{padding-right: 0;}
  .de-plan-wrap .plan-box02 .num p{font-size: 25px; line-height: 30px;}
}

@media all and (max-width:1024px){
  .de-plan-wrap .plan-box02{display: block; padding-top: 0;}
  .de-plan-wrap .plan-box02 .purpose-txt{width: 100%; padding-top: 15px; }
  .de-plan-wrap .plan-box02 .three-tit{width: 100%;margin-top: 30px;}
  .de-plan-wrap .plan-box02 .three-tit .bg{height: 300px;}
  .de-plan-wrap .plan-box02 .three-tit::before{display: none;}
}

@media all and (max-width:800px){
  .de-plan-wrap .plan-box02 .purpose-txt > p{font-size: 18px; line-height: 27px;}
  .de-plan-wrap .plan-box02 .num p{font-size: 20px;}
  .de-plan-wrap .plan-box02 .three-tit ul{display: block;}
  .de-plan-wrap .plan-box02 .three-tit ul li{margin: auto; padding-bottom: 15px; width: 100%;}
  .de-plan-wrap .plan-box02 .three-tit .bg{height: 200px;}

}

/* 교육목표 */
.plan-sec03{ position: relative; text-align: center; margin-top: 120px;}
.plan-sec03 .inner > p{font-size: 40px; font-family: "NotoCn Regular"; color: #212121; line-height: 40px; letter-spacing: -.05em; text-align: center; padding-top: 40px;}
.plan-sec03 ul {display: flex; justify-content: center; padding-top: 60px;}
.plan-sec03 li { width: 33.3333%; display: flex; flex: 1; border-radius: 100px; justify-content: center; align-items: center; padding: 63px 0; position: relative; overflow: hidden;}
.plan-sec03 li::after{content: ''; background: url(../../images/sub/pattern-shape.png) no-repeat right center / cover; position: absolute; left: 67%; bottom: -77%; opacity: 0.3;  width: 421px; height: 424px;}
.plan-sec03 li p { text-align: center; color: #fff; font-size: 30px; line-height: 40px; letter-spacing: -.05em;font-family: 'NotoCn Medium';}
.plan-sec03 li span {font-size: 30px; letter-spacing: -.05em; line-height: 40px; font-family: "NotoCn Bold"; color: #004422;}
.plan-sec03 li:first-child { background: rgba(51,116,83,0.9);}
.plan-sec03 li:nth-child(2) { background: rgba(128,166,68,0.9); margin: 0 -75px;}
.plan-sec03 li:nth-child(1)::before {content: ''; background: url(../../images/sub/plus-ic.png) no-repeat center center / cover; width: 35px; height: 36px; position: absolute; right: 20px; z-index: 1; display: flex; align-items: center;justify-content: center;}
.plan-sec03 li:nth-child(3)::before {content: ''; background: url(../../images/sub/plus-ic.png) no-repeat center center / cover; width: 35px; height: 36px; position: absolute; left: 20px; z-index: 1; display: flex; align-items: center; justify-content: center;}

.plan-sec03 li:last-child { background: rgba(52,130,132,0.9);}
.de-plan-wrap .plan-sec03 .shape-txt p{font-size: 150px; font-family: "NotoCn Bold"; color: #f5f5f5; position: absolute; right: 0; bottom: -65%; z-index: -3; letter-spacing: -.05em;}

@media all and (max-width: 1200px) {
  .plan-sec03 li:nth-child(2) {margin:0 -30px;}
  /* .plan-sec03 li:nth-child(2)::after {width: 30px;} */
  .plan-sec03 li:nth-child(2)::before {width: 30px;}
  .plan-sec03 > p{font-size: 30px;}
  .plan-sec03 li p{font-size: 25px;}
  .plan-sec03 li span{font-size: 25px;}
}

@media all and (max-width: 1024px) {
  .plan-sec03 ul { flex-wrap:wrap; padding-top: 30px;}
  .plan-sec03 li { width: 100%; flex: unset;padding: 40px 0;}
  .plan-sec03 li:nth-child(2) {margin: -30px 0;}
  /* .plan-sec03 li:nth-child(2)::after {width: 100%; top: 0px;height: 30px;} */
  .plan-sec03 li:nth-child(1)::before{width: 28px; height: 29px; right: unset; bottom: 0;}
  .plan-sec03 li:nth-child(2)::before { width: 100%; bottom: 0;top: unset; height: 30px;}
  .plan-sec03 li:nth-child(3)::before{width: 28px; height: 29px; left: unset; top: 0;}
  .de-plan-wrap .plan-sec03 .shape-txt p{bottom: -34%;}
} 

@media all and (max-width: 768px) {
  .plan-sec03 li p{font-size: 22px;}
}

/* 발전전략의 역사와 계승 */
.plan-sec04{padding-top: 300px;}
.plan-sec04 .tit-box p{font-size: 60px; font-family: "NotoCn Bold"; color: #121212; line-height: 80px; letter-spacing: -.05em; position: relative; display: inline-block;}
.plan-sec04 .tit-box p::after{content: ''; width: 220px; height: 220px; background: #EFFFD6; position: absolute; bottom: 0; right: -66px; border-radius: 50%; z-index: -1;}
.plan-sec04 .item01{display: flex; justify-content: space-between; align-items: end; padding-bottom: 270px;}
.plan-sec04 .item01 .tit-box{width: 24.28%;}
.plan-sec04 .item01 .list-box{width: 70%;}


.list-box ul{display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.plan-sec04 .list-box ul > li{ text-align: center;position: relative; width: 25%;}
.plan-sec04 .list-box ul > li::after{content: ''; width: 2px; height: 36px; background: #E8E9E8; position: absolute; top: 50%; margin-top: -18px; right: 0;}
.list-box ul > li:last-child::after{content: none;}
.list-box .p1{font-size: 18px; font-family: "NotoCn Regular"; line-height: 1.5; letter-spacing: -.05em; color: #212121;}

.list-box p{font-size: 30px; font-family: "NotoCn Bold"; line-height: 1.5; letter-spacing: -.05em; color: #004422;}
.list-box span{ font-size: 30px; font-family: "NotoCn Bold"; line-height: 1.5; letter-spacing: -.05em; color: #004422; position: relative;}
.list-box span::after{content:''; width: 100%; height: 16px; background: #E1FFF0; position: absolute; bottom: 0; left: 0; z-index: -1;}
.plan-sec04 .year-box ul{ display: flex; justify-content: space-between; position: relative; align-items: center;}



.plan-sec04 .year-box ul::after{content: ''; width: 140%; height: 1px; background: #C6C7C6; position: absolute; top: 34px; left: 50%; transform: translateX(-50%); z-index: -1;}



.plan-sec04 .year-box ul > li{width: 23.33%; text-align: center; position: relative;}
.plan-sec04 .year-box ul > li::after{content: ''; background: url(../../images/sub/arrow-ic.png) no-repeat right center; position: absolute; top: 27px; right: 0; width: 9px; height: 15px;}
.plan-sec04 .year-box ul > li:last-child::after{background: none;}

.plan-sec04 .year-box ul > li.round .ic{background: #85BB0C url(../../images/sub/check-ic.png) no-repeat center center; width: 70px; height: 70px;border: 10px solid #CEE49E;}
.plan-sec04 .year-list .ic-box{min-height: 70px; display: flex; align-items: center;}
.plan-sec04 .year-list .ic{background:#016365 url(../../images/sub/sm-plus-ic.png) no-repeat center center; width: 50px; height: 50px; border-radius: 50%; margin: auto; }
.plan-sec04 .year-list span{font-size: 22px; font-family: "NotoCn Medium"; line-height: 1.5; letter-spacing: -.05em; color: #212121;}


@media (max-width:1250px){
  .plan-sec04 .item01{display: block; padding-bottom: 100px;}
  .plan-sec04 .item01 .tit-box{width: 100%;}
  .plan-sec04 .item01 .list-box{width: 100%; margin-top: 30px;}
}

@media (max-width:1024px){
  .plan-sec04 .tit-box p{font-size: 40px; line-height: 1.5;}
  .plan-sec04 .tit-box p::after{width: 180px; height: 180px;}
  .list-box .p1{font-size: 16px;}
  .list-box span{font-size: 25px;}
  .list-box p{font-size: 25px;}
}

@media (max-width:900px){
  .plan-sec04 .list-box ul > li{width: 50%; margin-bottom: 20px;}
  .plan-sec04 .list-box ul > li:nth-child(2)::after{content: none;}
}

@media (max-width:768px){
  .plan-sec04{padding-top: 200px;}
  .plan-sec04 .year-box ul{flex-wrap: wrap;}
  .plan-sec04 .year-box ul > li{width: 33.333%; margin-bottom: 30px; position: relative;}
  .plan-sec04 .year-box ul::after{background: none;}
  .plan-sec04 .year-box ul > li::before{content: ''; width: 100%; height: 1px; position: absolute; top: 33%; background: #C6C7C6; left: 0; z-index: -1;}
}



/* pioneer */
.pioneer-wrap {margin-top: 140px;}
.pioneer-wrap .pioneer-box {margin-bottom: 15px;}
.pioneer-wrap .pioneer-box > p{font-size: 60px; font-family: "NotoCn Bold"; color: #e84855; line-height: 1.5; letter-spacing: -.05em;}
.pioneer-wrap ul > li{margin-bottom: 10px;}
.pioneer-wrap ul > li:last-child{margin-bottom: 0px;}
.pioneer-wrap ul > li > p{font-size: 18px; font-family: "NotoCn Regular"; color: #666; line-height: 1.5; letter-spacing: -.05em; padding-left: 20px; position: relative;} 
.pioneer-wrap ul > li > p::after{content: ''; width: 5px; height: 5px; border-radius: 25px; background: #609015; position: absolute; top: 11px; left: 0;}

@media (max-width:1024px){
  .pioneer-wrap .pioneer-box > p{font-size:45px; margin-bottom: 10px;}
  .pioneer-wrap ul > li > p{font-size: 16px;}
}
@media (max-width:768px){
  .pioneer-wrap {margin-top: 80px;}
}

@media (max-width:600px){
  .pioneer-wrap .pioneer-box > p{font-size:40px;}

}



/* 신고 발전전략 체계도 */
.wrap-map{margin-top: 155px; }
.system-map::after{content: ''; display: block; clear: both;}
.wrap-map .bg-box {background: url(../../images/sub/map-bg.jpg) no-repeat center / cover; margin-bottom: 50px; width: 1660px; position: relative; right: -13%;}
.wrap-map .bg-box > p{font-size: 30px; font-family: "NotoCn bold"; letter-spacing: -.05em; color: #fff; padding: 50px 0 55px 80px; position: relative;}
.wrap-map .bg-box > p::after{content: ''; position: absolute; top: -60px; right: 24%; width: 3px; height: 109px; background: #89CB1D;}
.wrap-map .bg-box > p > span{font-size: 75px; font-family: "Mont Bold"; color: #fff; letter-spacing: -.05em; display: block; line-height: 1;}
.wrap-map .map-box  ul > li{padding-bottom: 20px;}
.wrap-map .map-box  ul > li:last-child{padding-bottom: 0;}
.wrap-map .in-box {display: flex; justify-content: space-between; height: 100%; flex: 1;}

.wrap-map .left{width: 25%; margin-right: 40px; display: flex; align-items: center; justify-content: center;}
.wrap-map ul > li .bg1{background:#69971C url(../../images/sub/map-sh.png) repeat;}
.wrap-map ul > li .bg2{background:#265F42 url(../../images/sub/map-sh.png) repeat;}
.wrap-map ul > li .bg3{background:#016C6E url(../../images/sub/map-sh.png) repeat;}
.wrap-map ul > li .bg4{background:#203B45 url(../../images/sub/map-sh.png) repeat;}
.wrap-map .tit-box  > p{font-size: 30px; font-family: "NotoCn Regular"; letter-spacing: -.05em; color: #fff; text-align: center;}
.wrap-map .right{width: calc(100% - 25% - 40px); text-align: center;}
.wrap-map .right > div {padding-bottom: 20px;}
.wrap-map .right > div:last-child {padding-bottom: 0;}
.wrap-map .p-bg{position: relative;}
.wrap-map .p-bg::after{content: ""; width: 24px; height: 3px; background: #19323C; position: absolute; right: 0; top: 0;}
.wrap-map .p-bg::before{content: ""; width: 3px; height: 24px; background: #19323C; position: absolute; right: 0; top: 0;}
.wrap-map .p-bg2{position: relative;}
.wrap-map .p-bg2::after{content: ""; width: 24px; height: 3px; background: #19323C; position: absolute; left: 0; bottom: 0;}
.wrap-map .p-bg2::before{content: ""; width: 3px; height: 24px; background: #19323C; position: absolute; left: 0; bottom: 0;}

.wrap-map .p-bg2 > p{font-size: 30px; font-family: "NotoCn Regular"; color: #121212; padding: 33px 10px 37px 10px;}
.wrap-map .list-box2 > p{font-size: 30px; font-family: "NotoCn Bold"; color: #121212;  padding: 33px 0 37px 0; background: #F5F5F5; border-top: 3px solid #006332;}

.wrap-map .list-box01{border: 1px solid #00A754;}
.list-box.right ul{width:100%; margin: 0 0;}
.list-box.right ul > li{width: 25%; padding: 21px 0;position: relative;}
.list-box.right ul > li::before{content: ''; width: 2px; height: 36px; background: #E8E9E8; position: absolute; right: 0; top: 50%; margin-top: -18px;}
.list-box.right ul > li:last-child::before{content: none;}
.map-box .box1-inner{background: #00AA59 ;}
.wrap-map .box1-inner p{font-size:40px; font-family:"NotoCn Regular"; color: #fff; letter-spacing: -.05em; line-height: 1.5;  padding: 27px 0; background:url(../../images/sub/pioneer-shape01.png) repeat;}

.wrap-map .list-box4 .box2 ul{display: flex; justify-content: space-between; margin: 0 -10px; }
.wrap-map .list-box4 .box2 ul > li{width: 20%; padding:  0 10px; }
.wrap-map .list-box4 .box2 p{font-size: 30px; font-family: "NotoCn Regualr"; color: #fff; padding: 30px 0; position: relative;}
.wrap-map .list-box4 .box2 p::after{content: ''; width: 17px; height: 17px;  position: absolute; right: -8px; top: 50%; margin-top: -8.5px; transform: rotate(45deg);}
.wrap-map .list-box4 .box2 p.bg1{background: #89CB1D;}
.wrap-map .list-box4 .box2 p.bg2{background: #57B038;}
.wrap-map .list-box4 .box2 p.bg3{background: #1B9D52;}
.wrap-map .list-box4 .box2 p.bg4{background: #5C8F08;}
.wrap-map .list-box4 .box2 p.bg5{background: #265F42;}
.wrap-map .list-box4 .box3 p{font-size: 30px; font-family: "NotoCn Bold"; color: #265F42; background: #F1F1F1; padding: 35px 0;}
.wrap-map .list-box4 .box2 p.bg1::after{background: #89CB1D;}
.wrap-map .list-box4 .box2 p.bg2::after{background: #57B038;}
.wrap-map .list-box4 .box2 p.bg3::after{background: #1B9D52;}
.wrap-map .list-box4 .box2 p.bg4::after{background: #5C8F08;}

@media (max-width:1200px){
  .wrap-map .bg-box{ width: 100%; position: static;}
  .wrap-map .bg-box > p > span{font-size: 65px;}
  .wrap-map .bg-box > p{font-size: 25px;}
  .wrap-map .tit-box > p{font-size: 25px;}
  .wrap-map .p-bg2 > p{font-size: 25px;}
  .wrap-map .list-box2 > p{font-size: 25px;}
  .wrap-map .list-box .p1{font-size: 18px;}
  .wrap-map .list-box p{font-size: 25px;}
  .wrap-map .list-box span{font-size: 25px;}
  .wrap-map .box1-inner p{font-size: 30px;}
  .wrap-map .list-box4 .box2 p{font-size: 22px;}
  .wrap-map .list-box4 .box3 p{font-size: 25px;}
  .wrap-map .bg-box > p::after{background: none;}

}

@media (max-width:1024px){
  .wrap-map .left{width: 100%; padding: 15px 0; margin-right: 0; margin-bottom: 20px;}
  .wrap-map .right{width: 100%;}
  .wrap-map .in-box{display: block;}
}

@media (max-width:768px){
.wrap-map{margin-top: 100px; }
  .wrap-map .bg-box > p{padding: 30px; font-size: 20px;}
  .wrap-map .bg-box > p > span{font-size: 40px;}
  .wrap-map .p-bg2 > p{font-size: 20px; }
  .wrap-map .list-box2 > p{font-size: 20px;padding: 50px;}
  .list-box.right ul > li{width: 50%;}
  .list-box.right ul > li:nth-child(2)::before{background: none;}
  .wrap-map .list-box4 .box2 P{font-size: 19px;}
  .wrap-map .list-box4 .box3 p{font-size: 20px; padding: 25px 0;}
  
}

@media (max-width:600px){
  .wrap-map .list-box4 .box2 ul{flex-wrap: wrap;}
  .wrap-map .list-box4 .box2 ul > li{width: 50%; margin-bottom: 20px;}
}

/* 버전영역별 */
.version-wrap{margin-top: 80px;}
.version-wrap .top-tit > p{font-size: 30px; font-family:"NotoCn Bold" ; color: #fff; letter-spacing: -.05em; background: #15653B; text-align: center; padding: 32px 0;}
.version-wrap .le-area p{font-size: 22px; font-family: "NotoCn Regular"; color: #fff; letter-spacing: -.05em; text-align: center;}
.version-wrap .ri-area p{font-size: 22px; font-family: "NotoCn Regular"; color: #121212; letter-spacing: -.05em; text-align: center;width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 10px;}
.version-wrap .ri-area.type2 li > p{font-size: 18px; font-family: "NotoCn Regular"; color: #666666; letter-spacing: -.05em; background: #F1F1F1; padding: 25px 10px; line-height: 1.5;}
.version-wrap .ri-area.type2 .num > p{display: block;}
.version-wrap .ri-area.type2 .num > p > span{position: relative; display: inline-block;}
.version-wrap .ri-area.type2 .sup-num2{position: absolute; top: 2px; right: -12px;}

.version-wrap .box-list{display: flex; justify-content: space-between; }
.version-wrap .box-list.type01{margin: 20px 0;}
.version-wrap .box-list.type01 > .le-area{background: #69971C url(../../images/sub/map-sh.png) repeat; display: flex; align-items: center; justify-content: center;}
.version-wrap .version-list{padding-bottom: 60px; border-bottom: 1px solid #E8E9E8;}
.version-wrap .le-area{width: 170px; margin-right: 20px; }

.version-wrap .le-area .tit-list{display: flex; justify-content: space-between; height: 100%;}
.version-wrap .tit-list .tit-box1{width: 75px; background: #265F42 url(../../images/sub/map-sh.png) repeat;; display: flex; align-items: center; justify-content: center;}

.version-wrap .tit-box2{width: 75px; background: #0C8F52 url(../../images/sub/map-sh.png) repeat; display: flex; align-items: center; justify-content: center; margin-right: 20px;position: relative;}
.version-wrap .tit-box2::after{content: '';position: absolute; right: -12px; top: 50%; margin-top: -6px;  background:url(../../images/sub/tri-shape.png) no-repeat; width: 12px; height: 21px;}
.version-wrap .tit-box2 > p{background: #0C8F52 url(../../images/sub/map-sh.png) repeat; font-size: 22px; font-family:"NotoCn Regular" ; color: #fff;}

.version-wrap .ri-area{width: calc(100% - 190px);}
.version-wrap .box-list.type02 .le-area{width: 75px;}
.version-wrap .ri-area.type2{width: calc(100% - 95px);}

.version-wrap .ri-area.type2 .ri-box{display: flex; margin-bottom: 20px;}
.version-wrap .ri-area.type2 .ri-box:last-child{margin-bottom: 0;}
.version-wrap .ri-area.type2 ul{width: calc(100% - 75px);}
.version-wrap .ri-area ul {display: flex; justify-content: space-between; margin: 0 -10px; flex-wrap: wrap;}
.version-wrap .ri-area ul > li{width: 14.28%; padding: 0 10px; display: flex; align-items: center; justify-content: center;}
.version-wrap .ri-area .box{background: #EDF5E0; width: 100%; height: 100%;}
.version-wrap .ri-area .box > p{display:table;}
.version-wrap .ri-area .box > p span{display:table-cell; vertical-align: middle;}

.version-wrap .ri-area.type1 ul > li > p{background: #EDF5E0;  }


sup{ font-size: 13px; font-family: "NotoCn Regular"; color: #68971b;}
sup.num1{ position: absolute; top: 2px; left: 0;}
.txt-bottom{margin-top: 10px;}
.txt-bottom p{font-size: 18px; font-family: "NotoCn Light"; color: #666666; letter-spacing: -.05em; position: relative; padding-left: 13px; margin-bottom: 10px;}

@media (max-width:1750px){
  .version-wrap .ri-area p{font-size: 20px; word-break: break-all;}
}


@media (max-width:1250px){
  .version-wrap .ri-area ul{margin: 0 -5px;}
  .version-wrap .ri-area ul > li{padding: 0 5px;}
  .version-wrap .ri-area .box > p{font-size: 18px;}
  .version-wrap .ri-area.type2 li > p{font-size: 16px;}
  .version-wrap .tit-box2 > p{font-size: 19px;}
.version-wrap .box-list{display: block;}
  .version-wrap .le-area{width: 100%;}
  .version-wrap .ri-area{width: 100%;}
  .version-wrap .box-list.type02 .le-area{width: 100%; margin-right: 0;}
  .version-wrap .tit-list .tit-box1{width: 100%;}
  .version-wrap .ri-area.type2{width: 100%;}
  .br{display: none;}
  .version-wrap .le-area p{padding: 10px 0;}
  .version-wrap .top-tit > p{font-size: 25px; padding: 25px 10px;}

}


@media (max-width:1024px){
  
 /*  .version-wrap .ri-area.type2{width: 100%; display: flex;}
  .version-wrap .ri-area.type2 .ri-box{flex-direction: column;}
  .version-wrap .tit-box2{width: 100%; margin-right: 0;}
  
  .version-wrap .ri-area.type2 ul{width: 100%;}
  .version-wrap .ri-area.type2 ul > li{width: 100%; margin-bottom: 10px;} */
  .txt-bottom p{font-size: 16px;}

}

@media (max-width:900px){
  .version-wrap .tit-box2{width: 60px;}
  .version-wrap .ri-area.type2 ul{width: calc(100% - 60px);}
  .version-wrap .tit-box2 > p{font-size: 15px;}
  .version-wrap .ri-area ul > li{width: 33.333%; margin-bottom: 10px;}
  .version-wrap .ri-area.type2 li > p{font-size: 15px;}
}

@media (max-width:768px){
  sup.num1{top: -1px;}
  .txt-bottom p{font-size: 14px;}
}

@media (max-width:550px){
  .version-wrap .ri-area ul > li{width: 50%;}
  .version-wrap .top-tit > p{font-size: 20px;}
  
}

/* pioneer 선언문 */
.pio-wrap{padding-top: 210px;}
.pio-wrap .pioneer-tit{background: #002335; margin-bottom: 40px;}
.pio-wrap .pioneer-tit > p{font-size: 50px; font-family:"NotoCn Bold" ; color: #fff; text-align: center; padding: 22px 0;}
.pio-wrap ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -30px;}
.pio-wrap ul li{width: 50%; padding:0 30px; margin-bottom: 30px;}
.pio-wrap .top-box > p{font-size: 30px; font-family:"NotoCn Regular" ; color: #fff; letter-spacing: -.05em; line-height: 1.5; text-align: center; background: #0D445A; padding: 13px 30px; position: relative;}
.pio-wrap .top-box > p::after{content: ''; width: 8px; height: 8px; background: #fff; border-radius: 2px; position: absolute; top: 50%; margin-top: -4px; left: 30px; transform: rotate(45deg);}
.pio-wrap .top-box > p::before{content: ''; width: 8px; height: 8px; background: #fff; border-radius: 2px; position: absolute; top: 50%; margin-top: -4px; right: 30px; transform: rotate(45deg);}

.pio-wrap .tit-txt{position: relative; height: 100%; width: 100%;}
.pio-wrap .tit-txt::before{content: ''; width: 255px; height: 255px; position: absolute; right: 30px; top: -30px; background: url(../../images/sub/ui-mark.png) no-repeat center / cover; filter: grayscale(1);}
.pio-wrap .text{background: #F5F5F5; min-height: 160px;}
.pio-wrap .text > p{font-size: 18px; font-family:"NotoCn Regular" ; color: #666666; padding: 35px 20px 20px 40px ;}
.pio-wrap .p01{font-size: 40px; font-family: "NotoCn Medium";color: #a7a7a6;}
.pio-wrap p{font-size:60px; font-family: "NotoCn Bold"; color: #15643c;}
.pio-wrap .p02 .s01{display: block; text-align: center;}
.pio-wrap .p02 .s02{padding-left: 30px;}


@media (max-width:1250px){
  .pio-wrap{padding-top: 100px;}
  .pio-wrap .p01{font-size: 30px;}
  .pio-wrap p{font-size: 45px;}
  .pio-wrap .tit-txt{padding-top: 30px;}
}



@media (max-width:1024px){
  .pio-wrap .pioneer-tit > p{font-size: 40px;}
  .pio-wrap ul{margin: 0 -15px;}
  .pio-wrap ul li{padding: 0 15px;}
  .pio-wrap .top-box > p{font-size: 25px;}
  .pio-wrap .text{min-height: 140px;}
  .pio-wrap .text > p{font-size: 17px; padding: 30px;}
}

@media (max-width:1000px){
  .pio-wrap ul{margin: 0 -10px;}
  .pio-wrap ul li{padding: 0 10px;}
  .pio-wrap .p01{font-size: 20px;}
  .pio-wrap p{font-size: 33px;}
}

@media (max-width:768px){
  .pio-wrap ul{display: block; margin:  0 0;}
  .pio-wrap ul li{width: 100% ; padding: 0 0;}
  .pio-wrap .text{min-height: auto;}
  .pio-wrap .p02 .s01{text-align: left;}
  .pio-wrap .p02 .s02{padding-left: 0;}
  .pio-wrap .tit-txt{padding-bottom: 50px;}
  .pio-wrap .pioneer-tit > p{font-size: 33px;}
}


/* 발전전략 환류운영 프로세스 */
.process-wrap {position: relative; margin-top: 160px;}
.process-wrap .inner {position: relative;}
.process-wrap .txt-box {position: absolute; right:0; bottom:0; padding:30px 15px 30px 40px; background:#fff; width:50%;}
.process-wrap .txt-box p {font-size: 20px; line-height: 30px; letter-spacing: -.05em; color:#333; font-family: 'NotoCn Regular';}
.process-wrap .txt-box p .color1 {color:#005128; font-family: 'NotoCn Bold';}
.process-wrap .process-tit{position: absolute; left: 0; top: -67%;}
.process-wrap .process-tit.mobile{display: none;}
.process-wrap .process-tit.pc{display: block;}
.process-wrap .process-tit > p{font-size: 50px; font-family: "NotoCn Bold"; color: #fff; line-height: 1.5;}
.process-pic .img-box02{border-bottom: 1px solid #E8E9E8;}

@media (max-width:1300px) {
  .process-wrap .txt-box{width: 90%; padding:20px 15px 20px 40px;}
  /* .process-wrap .txt-box p {font-size: 16px;} */
  .process-wrap .process-tit{top: -60%;}
  .process-wrap .txt-box{padding: 20px 10px 20px 30px;}
  .process-wrap .txt-box p{font-size: 18px;}
  .process-wrap .process-tit > p{font-size: 40px}
}

@media (max-width:1024px) {
  .process-wrap .txt-box{position: static; padding: 10px; width: 100%;}
  .process-wrap .img-box > img{object-fit: cover; height: 200px; width: 100%;}
  .process-wrap .process-tit{top: 0;}
  .process-wrap .img-box{position: relative;}
  .process-wrap .process-tit.mobile{display: block;width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);}
  .process-wrap .process-tit.pc{display: none;}
  .process-wrap .process-tit > p{font-size: 30px;}

}

@media (max-width:750px) {
  .process-wrap {margin-top: 20px;}
  .process-wrap .txt-box {width:100%; position: relative;}
  .process-wrap .txt-box::after {left:0; width:25px;}
  .process-wrap .process-tit > p{font-size: 25px;}
  .process-wrap .txt-box p{font-size: 16px; line-height: 25px;}
}


/* 전용 엠블럼 */
.emblem-wrap{margin-top: 160px;}
.emblem-wrap .em-tit{position: relative;}
.emblem-wrap .em-tit::after{content: ''; display: block; clear: both;}
.emblem-wrap .em-tit > a  {float: right; width: 380px; position: absolute; bottom: 0; right: 0;}
.emblem-wrap .tit-box{float: left; width: calc(100% - 380px);}
.emblem-wrap .tit-box > p {font-size: 75px; font-family: "NotoCn Bold"; color: #121212; letter-spacing: -.05em;}
.emblem-wrap .tit-box > p:last-child{display: inline-block; position: relative;}
.emblem-wrap .tit-box > p:last-child::after{content: ''; width: 11px; height: 11px; background: #89CB1D; border-radius:50px; position: absolute; top: 10px; right: -18px;}
.emblem-wrap .em-img{border: 1px solid #C0C0C0; margin-top: 30px;}
.emblem-wrap ul{display: flex; align-items: center; padding: 60px 0 60px 85px;}
.emblem-wrap ul li{flex: 1; text-align: center;}

@media (max-width:1350px){
  .emblem-wrap .tit-box > p{font-size: 60px;}
}

@media (max-width:1200px){
  .emblem-wrap .tit-box > p{font-size: 45px;}
  .emblem-wrap ul{padding: 30px;}

}

@media (max-width:1050px){
  .emblem-wrap .tit-box{width: 100%; }
  .emblem-wrap .em-tit > a{ position: static; margin-top: 20px;}
  .emblem-wrap ul{display: block;}
  .emblem-wrap ul li{width: 100%; margin-bottom: 30px;}
  .emblem-wrap ul li:last-child{margin-bottom: 0;}

}

@media (max-width:768px){
  .emblem-wrap{margin-top: 80px;}
  .emblem-wrap .tit-box > p{font-size: 35px;}
}

/* 대학생활-병무-예비군 */
.reserve-forces { margin-top: 432px; } 
.reserve-forces .inner { position: relative; } 
.reserve-forces .circle-list { display: flex; justify-content: space-between; align-items: center; width: 100%; } 
.reserve-forces .circle-list li { position: relative; } 
.reserve-forces .circle { position: relative; display: flex; justify-content: center; align-items: center; width: 300px; height: 300px; padding: 0 30px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; } 
.reserve-forces .circle .inner { width: 100%; } 
.reserve-forces .circle strong { font-size: 30px; letter-spacing: -0.05em; line-height: 1.5; color: #fff; font-family: "NotoCn Medium"; } 
.reserve-forces .circle2 { transform: translateY(-360px); } 
.reserve-forces .circle1 .circle { background-image: url("../../images/sub/circle_yg.png"); } 
.reserve-forces .circle2 .circle { background-image: url("../../images/sub/circle_green.png"); } 
.reserve-forces .circle3 .circle { background-image: url("../../images/sub/circle_blue.png"); } 
.reserve-forces .line { position: absolute; width: 631px; height: 62px; border-top: 1px solid #005128; border-bottom: 1px solid #005128; z-index: -1; } 
.reserve-forces .inner > .line { bottom: 134px; width: 80%; left: 50%; transform: translateX(-50%); } 
.reserve-forces .circle1 .line { right: -433px; top: -87px; transform: rotate(-35deg); } 
.reserve-forces .circle3 .line { left: -433px; top: -87px; transform: rotate(35deg); } 
.reserve-forces .line span { position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; } 
.reserve-forces .line span:first-child { top: -40px; } 
.reserve-forces .line span:last-child { bottom: -40px; } 
.reserve-forces .line::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: #005128; } 
.reserve-forces .line::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: #005128; } 
.reserve-forces .line span { font-size: 20px; color: #333; letter-spacing: -0.05em; line-height: 1.5; } 

@media (max-width: 1400px){
 .reserve-forces .circle1 .line { width: 46vw; right: -28vw; } 
 .reserve-forces .circle3 .line { width: 46vw; left: -28vw; } 
 }

@media (max-width: 1160px){
 .reserve-forces .circle { width: 250px; height: 250px; } 
 .reserve-forces .circle strong { font-size: 28px; } 
 .reserve-forces .circle1 .line { width: 40vw; right: -25vw; top: -100px; } 
 .reserve-forces .circle3 .line { width: 40vw; left: -25vw; top: -100px; } 
 .reserve-forces .inner > .line { bottom: 100px; } 
 }

@media (max-width: 1000px){
 .reserve-forces .circle1 .line span,
 .reserve-forces .circle1 .line::before,
 .reserve-forces .circle1 .line::after { left: 42%; } 
 .reserve-forces .circle3 .line span,
 .reserve-forces .circle3 .line::before,
 .reserve-forces .circle3 .line::after { left: 55%; } 
 }

@media (max-width: 950px){
 .reserve-forces .circle { width: 200px; height: 200px; } 
 .reserve-forces .circle strong { font-size: 24px; } 
 .reserve-forces .line { height: 1px; border-bottom: none; } 
 .reserve-forces .circle1 .line span,
 .reserve-forces .circle1 .line::before,
 .reserve-forces .circle1 .line::after { left: 50%; } 
 .reserve-forces .circle1 .line { width: 59vw; right: -32vw; top: -99px; transform: rotate(-46deg); } 
 .reserve-forces .circle3 .line { width: 59vw; left: -32vw; top: -99px; transform: rotate(46deg); } 
 .reserve-forces .inner > .line { bottom: 99.5px; } 
 .reserve-forces .line::after { display: none; } 
 .reserve-forces .line span { font-size: 18px; } 
 .reserve-forces .circle3 .line span,
 .reserve-forces .circle3 .line::before,
 .reserve-forces .circle3 .line::after { left: 50%; } 

 .reserve-forces .inner > .line span { width: 200px; white-space: wrap; text-align: center; } 
 .reserve-forces .inner > .line span:first-child { top: -66px; } 
 .reserve-forces .inner > .line span:last-child { bottom: -66px; } 
 }

@media (max-width: 700px){
 .reserve-forces .circle1 .line { right: -29vw; transform: rotate(-50deg); } 
 .reserve-forces .circle3 .line { left: -29vw; transform: rotate(50deg); } 
 .reserve-forces .circle { width: 170px; height: 170px; } 
 .reserve-forces .circle strong { font-size: 22px; } 
 .reserve-forces .line span { font-size: 16px; } 
 .reserve-forces .inner > .line { bottom: 84.5px; } 
 .reserve-forces .inner > .line span:first-child { top: -59px; } 
 .reserve-forces .inner > .line span:last-child { bottom: -59px; } 
 }

@media (max-width: 600px){
 .reserve-forces .circle { width: 140px; height: 140px; } 
 .reserve-forces .circle strong { font-size: 20px; } 
 .reserve-forces .circle1 .line { right: -29vw; width: 59vw; top: -111px; transform: rotate(-58deg); } 
 .reserve-forces .circle3 .line { left: -29vw; width: 59vw; top: -111px; transform: rotate(58deg); } 
 .reserve-forces .circle1 .line span,
 .reserve-forces .circle1 .line::before,
 .reserve-forces .circle1 .line::after { left: 57%; } 
 .reserve-forces .circle3 .line span,
 .reserve-forces .circle3 .line::before,
 .reserve-forces .circle3 .line::after { left: 43%; } 
 .reserve-forces .inner > .line { bottom: 69.5px;}
 }

@media (max-width: 500px){
  .reserve-forces .circle1 .line {right: -27vw;width: 66vw;top: -111px;transform: rotate(-62deg);}
  .reserve-forces .circle3 .line {left: -27vw;width: 66vw;top: -111px;transform: rotate(62deg);}
 .reserve-forces .line span { font-size: 14px; } 
 .reserve-forces .inner > .line { bottom: 69.5px; } 
 .reserve-forces .inner > .line span { width: 150px; } 
 .reserve-forces .line span:first-child { top: -35px; } 
 .reserve-forces .line span:last-child { bottom: -35px; }
 .reserve-forces .inner > .line span:first-child {top: -53px} 
 .reserve-forces .inner > .line span:last-child {bottom: -53px} 
 }

/* 대학생활-학생활동-축제 */
.festival ul li { position: relative; display: flex; justify-content: space-between; margin-bottom: 82px; } 
.festival ul li:last-child { margin-bottom: 0; } 
.festival .img-box { min-width: 450px; margin-right: 50px; } 
.festival .text-box { width: 800px } 
.festival .text-box i { display: block; height: 15px; } 
.festival .text-box strong { position: relative; display: block; margin-bottom: 50px; font-size: 50px; letter-spacing: -0.05em; line-height: 1.5; color: #19323c; font-family: 'NotoCn Bold'; } 
.festival ul li strong::before { content: ""; position: absolute; width: 127.8%; height: 2px; background-color: #e84855; top: 92px; right: 0; } 
.festival .text-box p { font-size: 18px; letter-spacing: -0.05em; line-height: 30px; font-family: 'NotoCn Medium'; color: #666; } 
.festival .text-box p span { color: #336579; } 

@media (max-width: 1023px){
 .festival ul li { flex-direction: column; } 
 .festival .img-box { min-width: 100%; margin-bottom: 30px; } 
 .festival .img-box img { width: 100%; } 
 .festival .text-box { width: 100%; } 
 .festival .text-box strong { font-size: 40px; } 
 .festival ul li strong::before { width: 100%; left: 0; } 
 }
@media (max-width: 500px){
 .festival .text-box strong { font-size: 34px; margin-bottom: 30px; } 
 .festival ul li strong::before { top: 65px } 
 .festival .text-box p { font-size: 17px; } 
 .festival .text-box p i { height: 10px; } 
 }

/* 대학생활-무선인터넷서비스-관련문의처 */
.inquiry { margin-top: 40px; } 
.inquiry ul { display: flex; justify-content: space-between; margin: 0 -15px; } 
.inquiry li { width: 50%; margin: 0 15px; padding: 53px 30px 53px 70px; border: 1px solid #ddd; } 
.inquiry li::after { content: ""; display: block; clear: both; } 
.inquiry li .info-wrap::after { content: ""; display: block; clear: both; } 
.inquiry li .icon { display: flex; justify-content: center; align-items: center; float: left; min-width: 124px; min-height: 124px; background-color: #f2f8f8; border-radius: 50%; } 
.inquiry li .text-box { float: left; margin-left: 35px; width: 50%; } 
.inquiry li .text-box strong { display: block; margin-bottom: 24px; font-size: 22px; letter-spacing: -0.05em; line-height: 1.5; color: #19323c; font-family: 'NotoCn Medium'; } 
.inquiry li .text-box span { display: block; font-size: 18px; margin-bottom: 5px; font-family: "NotoCn Regular"; } 
.inquiry li .text-box a,.inquiry li .text-box em { font-size: 18px; color: #e84855; font-family: "NotoCn Regular"; } 

@media (max-width: 1023px){
 .inquiry ul { flex-direction: column; padding: 0; margin: 0; } 
 .inquiry li { width: 100%; margin: 0 0 30px; } 
 .inquiry li .text-box { margin-left: 50px } 
 .inquiry li .info-wrap { display: flex; justify-content: center; align-items: center; } 
 .inquiry li:last-child { margin-bottom: 0; } 
 }

/* func.css */
/*  조직도 */
.cn .wrap-organ .top .cap{ font-family: 'NotoCn Bold';}
.cn .wrap-organ .top .support strong{font-family: 'NotoCn Bold';}
.cn .wrap-organ .top .check strong{font-family: 'NotoCn Bold';}
.cn .wrap-organ .total strong{font-family: 'NotoCn Bold';}
.cn .wrap-organ .group .subject{font-family: 'NotoCn Bold';}
.cn .wrap-organ .group .level1 > li{font-family:"NotoCn Regular";}
.cn .wrap-organ .group .level2 > li{font-family:"NotoCn Regular";}
.cn .wrap-organ .group .line-title strong{font-family: 'NotoCn Bold';}

/* guide.css */
/* 대학원 overview */
.cn .graduate-intro .item-list{padding: 25px 30px 0px 15px;}
.cn .graduate-intro .tit-area > p{font-size:30px; font-family:"Notocn Bold";}
.cn .graduate-intro .tit-area > p > span{padding-right:0px;}
.cn .graduate-intro .tit-area .tit-sp{font-size: 30px; font-family: "Notocn Bold"; color:#121212; display: inline-block; width: 230px; margin-left: 60px; text-align: left;}
.cn .graduate-intro .item-list li > a > p{ font-family: "Notocn Medium";}
.cn .graduate-intro .item-list li > a > p:hover{font-family: "Notocn Bold";}
.cn .graduate-intro .tit-area > p::before{width:99%; left:unset; right:10px;}

@media (max-width:1100px){
  .cn .graduate-intro .tit-area .tit-sp{width:auto;}
  .cn .graduate-intro .tit-area > p::before{right:0; width:100%;}
  .cn .graduate-intro .item-list{padding:20px 20px 0 20px;}
}

.cn .word-list > ul > li .left {flex-shrink:0;}

.cn .objHeading_h2,
.cn .objHeading_h3,
.cn .objHeading_h4,
.cn .objHeading_h5 {font-family:'NotoCn Medium';}

.cn .wrap-depart-intro .big span {font-family:'NotoCn Bold'; }
.cn .wrap-depart-intro .small {font-family:'NotoCn Regular'; }
.cn .wrap-depart-intro .con {font-family:'NotoCn Regular';}
.cn .wrap-depart-list .title {font-family:'NotoCn Bold';}
.cn .wrap-depart-list .list a {font-family:'NotoCn Regular';}
.cn .wrap-depart-list .list a:hover {font-family:'NotoCn Bold';}
.cn .wrap-depart-people .con .sbj {font-family:'NotoCn Bold';}
.cn .wrap-depart-people .title strong {font-family:'NotoCn Bold';}
.cn .wrap-depart-people .con .text {font-family:'NotoCn Regular';}
.cn .wrap-depart-people .detail .name p {font-family:'NotoCn Regular';}
.cn .wrap-depart-people .detail .list dt {font-family:'NotoCn Regular';}
.cn .wrap-depart-people .detail .list dd {font-family:'NotoCn Regular';}

.cn .wrap-depart-info .con .title strong {font-family:'NotoCn Medium';}
.cn .wrap-depart-info .con .title p {font-family:'NotoCn Regular';}
.cn .wrap-depart-info .con .info li strong {font-family:'NotoCn Medium';}
.wrap-depart-info .con .title em {font-family:'NotoCn Bold';}
.cn .con-desc {font-family:'NotoCn Regular';}
.cn .heading-buttuon .right a {font-family:'NotoCn Regular';}

.cn .con-list1 > ul > li {font-family:'NotoCn Regular';}
.cn .circle-num-list > ul > li {font-family:'NotoCn Regular';}

.cn .para-banner p {font-family:'NotoCn Regular';}
.cn .con-table thead th,
.cn .con-table tbody th{font-family:'NotoCn Medium';}
.cn .con-table tbody td {font-family:'NotoCn Regular';}
.cn .noti-txt {font-family:'NotoCn Regular';}

.cn .wrap-link-banner2 a {font-family:'NotoCn Regular';}
.cn .wrap-link-banner2 a:hover {font-family:'NotoCn Medium';}

.cn .con-list2 > ul > li {font-family:'NotoCn Regular';}
.cn .b1 {font-family:'NotoCn Medium' !important;}

.cn .wrap-depart-people .detail .name strong {font-size: 19px;}
.cn .word-list > ul > li {font-family:'NotoCn Regular';}
.cn .word-list > ul > li strong {font-family:'NotoCn Medium';}

.cn .wrap-depart-intro .small {font-size: 36px;}

@media (max-width:768px){
  .cn .wrap-depart-people .box{padding-top:5%;}
  .cn .wrap-depart-intro .small {font-size: 30px;}
}

@media (max-width:600px){
  .cn .wrap-depart-intro .big{font-size:40px}
  .cn .wrap-depart-intro .small{font-size:20px;}
}

.cn .circle-num-list > ul > li strong {font-family:'NotoCn Medium';}
.cn .tab_div .ul_4 > li > a {font-size:16px;}
.cn .btn-style.type1 {font-family:'NotoCn Medium';}
.cn .wrap-folding .btn-folding {font-family:'NotoCn Medium';}
.cn .btn-style.down1 .title strong {font-family:'NotoCn Medium';}
.cn .btn-style.type2 {font-family:'NotoCn Regular';}


/* ie noti */
.ie .ie-noti {display:block;}
.ie-noti {background: #fff; padding:5px 0;  border-bottom:1px solid #ddd; display:none;}
.ie-noti .ie-noti-inner{max-width:1700px; margin:0 auto; width:100%;}
.ie-noti p {font-size:16px; font-family:'Noto Regular';}
.ie-noti p a.link-underline {text-decoration:underline; display:inline-block; margin-left:10px; font-family:'Noto Medium';}
.ie-noti strong {font-size:18px; display:block; font-family:'Noto Bold';}