@charset "utf-8";



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








.greeting-vp .right strong::after {

    background: none !important;

}


/* 학교법인 */
.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; line-height: 1.3; color: #121212; font-family: "Mont 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; font-family: "Mont Bold"; } 
.school-corporation .text-box .info p { font-size: 18px; letter-spacing: 0; 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: "Noto 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: "Noto 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; max-width: 760px;} 
.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: 55px; bottom: -6px; 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: 20px; line-height: 1.25; color: #181818; font-family: "Mont Medium"; } 
.presidents-greeting .visual-box .text-box .title strong:nth-child(1) { margin-left: 30px; } 
.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: "Mont Bold"; } 
.presidents-greeting .visual-box .text-box .title strong span { color: #005128; font-family: "Mont 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: "Mont 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: "Dream 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; font-family: 'Mont Medium'; 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 .img-box {width: 450px}
  .presidents-greeting .visual-box .text-box .title strong br {display: none;}
  .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: 25px 0 25px 90px;}
  .presidents-greeting .visual-box .text-box .title::before {width: 40px;}
  .presidents-greeting .visual-box .text-box .title::after {right: - 20px; bottom: -20px; width: 40px;}
  .presidents-greeting .visual-box .text-box p {font-size: 17px;}
}

@media (max-width: 1070px){
  .presidents-greeting .img-box {right: -80px; width: 300px}
  .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 .inner {margin-top: 20px;}
  .presidents-greeting .info p {font-size: 16px;}
}

/* UI 메뉴얼 */
.ui-manual{overflow-x:hidden;}
.ui-manual .sub-title{margin-bottom:25px;font-size:22px;letter-spacing:-.05em;line-height:1.5;color:#016365;font-family:"Mont Medium"}
.ui-manual .logo-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:55px 110px;border:1px solid #ccc}
.ui-manual .logo-info .left-box{width:850px;margin-right:50px}
.ui-manual .logo-info .left-box p{margin-bottom:25px;font-size:17px;line-height:30px;color:#666; font-family:"Mont Medium";}
.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:17px;margin-left:65px; font-family:"Mont Medium";}
.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:"Noto 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:"Mont 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:"Noto 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:50px}
.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:"Mont 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:"Noto 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:"Noto 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:"Mont Medium"}
.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; line-height: 1.5; color: #016365; font-family: "Noto Medium"; } 
.character-tab .info1 .text-box p { font-size: 18px; letter-spacing: 0; 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: "Noto Medium"; letter-spacing: 0; 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; line-height: 1.5; font-family: "Mont Medium"; } 
.character-tab .info3 li em { font-size: 18px; letter-spacing: 0; line-height: 1.5; font-family: "Mont Medium "; } 

.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; line-height: 40px; color: #005128; font-family: "Mont 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; 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: "Mont 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; line-height: 1.5; color: #121212; font-family: "Noto Medium"; } 
.use-tab .info strong span { font-size: 50px; font-family: "Mont 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; 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; 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; display:flex; align-items:center; justify-content:center; height:100%;}
.wrap-college .text .big-title {display: inline-block; margin-top: -25px; font-family: 'Mont Bold'; font-size: 44px; 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: 'Mont Medium'; font-size: 20px; color: #fff;}
.wrap-college .text .small-title {display: inline-block; margin-top: 6px; font-family: 'Mont 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(51.7% - 50px); padding: 23px 0;}
.wrap-college .list a {position: relative; display: block; font-family: 'Mont Medium'; font-size: 18px; color: #555555; padding-right:40px;}
.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: 'Mont 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; display:flex; align-items:center;}
  .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:'Noto 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: 0; font-family: 'Mont SemiBold'; 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: 56px; color:#212121;padding-left: 25px; line-height:66px; display:inline-block;}
.history-kk .history-con {margin-top: 65px;}
.history-kk .history-con p {font-size: 17px; line-height: 30px; letter-spacing: 0; color:#666; font-family: 'Mont Medium';}
.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; line-height:55px;}
  .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; line-height:45px;}
}
/* [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: 0; font-family: 'Mont 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: 0;}
.his-president-wrap .txt-box > span {font-size: 15px; color:#016365; display: block; text-align: center; font-family: "Mont Medium"; line-height: 1.5; position: relative; margin-top:20px; padding-bottom:10px;}
.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: 17px; color:#121212; font-family: 'Mont Bold'; margin-top:10px; display:inline-block;}
.his-president-wrap .txt-box > p {font-size: 14px; color:#666; font-family: 'Mont Medium'; line-height: 1.5; }
@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;}
.president-info-wrap .title-top {position: relative; margin-bottom: 88px;}
.president-info-wrap .title-banner {position: relative;}
.president-info-wrap .title-banner::after {content:''; width:100%; height:100%; background:url('../../images/sub/pattern2x2.png') repeat; position: absolute; top:0; left:0;}
.president-info-wrap .con::after {content:''; display:block; clear:both;}
.president-info-wrap .left {float:left; width:50%; padding-right:10px;}
.president-info-wrap .right {float:right; width:50%;padding-right:10px;}
.president-info-wrap .name {background:url('../../images/sub/president-info-bg.jpg') no-repeat center / cover; display: inline-block; padding: 35px 95px; margin-top:-80px; margin-left:65px; position: relative;}
.president-info-wrap .name strong {font-size: 60px; letter-spacing: 0; font-family: 'Mont Bold'; color:#fff;}
.president-info-wrap .name span {font-size: 30px; font-family: 'Mont Medium'; color:#5DFFE6; margin-left: 15px; display: inline-block; }
.president-info-wrap .box {margin-bottom: 110px;}
.president-info-wrap .con-title {margin-bottom: 12px;}
.president-info-wrap .con-title strong {font-size: 40px; color:#005128; letter-spacing: 0; font-family: 'Mont Bold';}
.president-info-wrap .date {display: flex; margin-bottom: 13px;}
.president-info-wrap .date > span {font-size: 18px; line-height: 28px; letter-spacing: 0; color:#121212; font-family: 'Mont Bold'; width:160px; flex-shrink: 0;} 
.president-info-wrap .info p {font-size: 18px; line-height: 28px; letter-spacing: 0; color:#555; font-family: 'Mont Medium';}
.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:1000px) {
  .president-info-wrap .name strong {font-size: 30px;}
  .president-info-wrap .name span {font-size: 22px;}
  .president-info-wrap .left {float:unset; width:100%;}
  .president-info-wrap .right {float:unset;width:100%;}
  .president-info-wrap .box {margin-bottom:50px;}
}
@media (max-width:750px) {
  .president-info-wrap .name {margin-left:0;}
  .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;}
}
@media (max-width:650px) {
  .president-info-wrap .name {margin-top:0; width:100%; padding: 35px 95px 35px 20px;}

}
/* [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: 17px; font-family: 'Mont Medium'; line-height: 30px; letter-spacing: 0; 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: 0; 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: 'Mont Medium'; line-height: 1; display: inline-block;}
.edu-box-wrap2 .circle > p span {font-size: 23px; padding-top: 32px; position: relative; margin-top:13px; display: inline-block; font-family:"Mont Medium;"}
.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: 17px;line-height: 28px; letter-spacing: 0; color:#121212; font-family: 'Mont Medium';}
.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: 17px; line-height: 30px; letter-spacing: 0; color:#333; font-family: 'Mont Medium';}
.edu-box-wrap3 .txt-box p .color1 {color:#005128; font-family: 'Mont 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: 17px; line-height: 40px; letter-spacing: 0; color:#535353; font-family: 'Mont Medium';}
.edu-box-wrap4 ul {display: flex; margin-top: 20px;}
.edu-box-wrap4 li {padding:25px 5px 30px 5px;}
.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: 15px;}
.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: 18px; line-height: 27px; letter-spacing: 0; color:#016365; font-family: "Mont 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: 0; color:#fff; font-family: 'Mont Bold';}
.attendance-box .con-box {border:1px solid #000; letter-spacing: 0; 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: 'Noto Medium'; margin-bottom: 10px; display:block;}
.attendance-box .con-box p {font-size: 16px; line-height: 24px; color:#016365; font-family: 'Mont Medium';}
@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: 38px; } 
.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; line-height: 1.5; color: #19323c; font-family: "Mont Medium"; } 
.school-tree .text-box ul li { position: relative; margin-bottom: 16px; padding-left: 40px; font-size: 22px; color: #121212; line-height: 1.5; letter-spacing: 0; font-family:"Mont Rugular"; } 
.school-tree .text-box ul li:last-child { margin-bottom: 0; } 
.school-tree .text-box ul li span { position: relative; color: #336579; font-family: "Mont Medium"; } 
.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; 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: "Noto 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: 38px; } 
.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; line-height: 1.5; color: #19323c; font-family: "Mont Medium"; } 
.school-flower .text-box ul li { position: relative; margin-bottom: 16px; padding-left: 40px; font-size: 22px; color: #121212; line-height: 1.5; letter-spacing: 0; font-family:"Mont Medium"; } 
.school-flower .text-box ul li:last-child { margin-bottom: 0; } 
.school-flower .text-box ul li span { position: relative; color: #336579; font-family: "Mont Medium"; } 
.school-flower .text-box ul li span::before { content: ""; position: absolute; left: -40px; top: 9px; 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; 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: "Noto 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; color: #121212; } 
.educational-goal .title strong:first-child { margin-bottom: 13px; } 
.educational-goal .title strong span { font-size: 70px; color: #005128; font-family: "Mont 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; line-height: 1.5; } 
.educational-goal .circle-list ul li b { font-size: 60px; font-family: "Mont Bold"; } 
.educational-goal .circle-list ul li p { font-size: 18px; letter-spacing: 0; line-height: 30px; color: #666; } 
.educational-goal .circle-list ul li p span { font-size: 22px; font-family: "Mont 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; 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:"Mont 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:"Mont Medium" ; 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: "Mont 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: "Mont Medium"; line-height: 26px; letter-spacing: 0; 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: "Noto Light"; color: #333333; line-height: 35px; letter-spacing: 0; padding-right: 20px;}
.de-plan-wrap .plan-box02 .num{text-align: center;}
.de-plan-wrap .plan-box02 .num p{font-size: 30px; font-family: "Noto Medium"; color: #333333; line-height: 45px; letter-spacing: 0; 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: "Mont Bold"; color: #f5f5f5; position: absolute; left: -63px; bottom: -22%; z-index: -3; letter-spacing: 0;}

@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: "Mont Medium"; color: #212121; line-height: 40px; letter-spacing: 0; 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: 0;font-family: 'Dream Medium';}
.plan-sec03 li span {font-size: 30px; letter-spacing: 0; line-height: 40px; font-family: "Mont 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: "Mont Bold"; color: #f5f5f5; position: absolute; right: 0; bottom: -65%; z-index: -3; letter-spacing: 0;}

@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: "Mont Bold"; color: #121212; line-height: 80px; letter-spacing: 0; 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: "Mont Medium"; line-height: 1.5; letter-spacing: 0; color: #212121;}

.list-box p{font-size: 30px; font-family: "Mont Bold"; line-height: 1.5; letter-spacing: 0; color: #004422;}
.list-box span{ font-size: 30px; font-family: "Mont Bold"; line-height: 1.5; letter-spacing: 0; 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: "Noto Medium"; line-height: 1.5; letter-spacing: 0; 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: "Mont Bold"; color: #e84855; line-height: 1.5; letter-spacing: 0;}
.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: "Mont Medium"; color: #666; line-height: 1.5; letter-spacing: 0; 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: "Mont Bold"; letter-spacing: 0; 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: 0; 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: "Mont Medium"; letter-spacing: 0; 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: "Mont Medium"; color: #121212; padding: 33px 10px 37px 10px;}
.wrap-map .list-box2 > p{font-size: 30px; font-family: "Mont 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:"Mont Medium"; color: #fff; letter-spacing: 0; 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: "Noto 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: "Mont 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:"Mont Bold" ; color: #fff; letter-spacing: 0; background: #15653B; text-align: center; padding: 32px 0;}
.version-wrap .le-area p{font-size: 22px; font-family: "Mont Medium"; color: #fff; letter-spacing: 0; text-align: center;}
.version-wrap .ri-area p{font-size: 22px; font-family: "Mont Medium"; color: #121212; letter-spacing: 0; 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: "Mont Medium"; color: #666666; letter-spacing: 0; 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:"Mont Medium" ; 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: "Mont Medium"; color: #68971b;}
sup.num1{ position: absolute; top: 2px; left: 0;}
.txt-bottom{margin-top: 10px;}
.txt-bottom p{font-size: 18px; font-family: "Noto Light"; color: #666666; letter-spacing: 0; 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:"Mont 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:"Mont Medium" ; color: #fff; letter-spacing: 0; 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:"Mont Medium" ; color: #666666; padding: 35px 20px 20px 40px ;}
.pio-wrap .p01{font-size: 40px; font-family: "Noto Medium";color: #a7a7a6;}
.pio-wrap p{font-size:60px; font-family: "Mont 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: 0; color:#333; font-family: 'Mont Medium';}
.process-wrap .txt-box p .color1 {color:#005128; font-family: 'Mont 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: "Mont 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: "Mont Bold"; color: #121212; letter-spacing: 0;}
.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; line-height: 1.5; color: #fff; font-family: "Noto 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; 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: 36px; letter-spacing: 0; line-height: 1.5; color: #19323c; font-family: 'Mont SemiBold'; } 
.festival ul li strong::before { content: ""; position: absolute; width: 127.8%; height: 2px; background-color: #e84855; top: 82px; right: 0; } 
.festival .text-box p { font-size: 17px; letter-spacing: 0; line-height: 30px; font-family: 'Mont 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; line-height: 1.5; color: #19323c; font-family: 'Mont Medium'; } 
.inquiry li .text-box span { display: block; font-size: 18px; margin-bottom: 5px; font-family: "Mont Medium"; } 
.inquiry li .text-box a,.inquiry li .text-box em { font-size: 18px; color: #e84855; font-family: "Mont Medium"; } 

@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; } 
}

/* Chairperson  Welcome Message*/
.welcome-wrap i{margin:30px 0; display:block;}
.welcome-wrap::after{content:""; display:block; clear:both;}
.welcome-wrap .txt-box{float:left; width:calc(100% - 290px)}
.welcome-wrap .pic-area{float:right; padding-left:69px;  position: relative; }
.welcome-wrap .pic-box{text-align:right; margin-top:20px}
.welcome-wrap .txt-box > p{font-family:"Mont Medium"; line-height:30px; font-size:17px;  color:#666666;}
.welcome-wrap .welcome-list-box{position:absolute; left:-260px; bottom:-7px;}
.welcome-wrap .list-txt{text-align:right;position:relative;padding-top: 17px;}
.welcome-wrap .list-txt::before{content:"";position:absolute;top:0;right: -37px;width:82px;height:1px;background:#E84855;}
.welcome-wrap .list-txt > p{font-family:"Mont Medium"; line-height:30px; font-size:30px; letter-spacing:-.05em; color:#212121;}
.welcome-wrap .list-txt > span{font-family:"Mont Medium";line-height:28px;font-size:20px;color:#444444;margin-top: 15px;display: inline-block;}

@media (max-width:1250px){
  .welcome-wrap .pic-area{float:none; padding-left:0; text-align:center; width:100%; display:inline-block;}
  .welcome-wrap .welcome-list-box{position:absolute; right:250px; bottom:-7px;}
  .welcome-wrap .txt-box{float:none; width:100%; margin-top:50px;}
}

@media (max-width:768px ){
  .welcome-wrap .pic-box{text-align:center;}
  .welcome-wrap .welcome-list-box{position:static; }
  .welcome-wrap .txt-box{margin-top:30px;}
  .welcome-wrap .list-txt{display:inline-block; text-align:center;}
  .welcome-wrap .list-txt::before{content:"";position:absolute;top: -26px; left: 37px;width: 1px;height: 50px;background:#E84855;}
  .welcome-wrap .list-txt > span{margin-top:10px;}
  .welcome-wrap i{margin:15px 0;}
  .welcome-wrap .txt-box > p{font-size:16px;}
}
/* president */

/* gw-para-banner */
.gw-para-banner {position:relative;width: 130%;right: 30%;}
.gw-para-banner .inner {max-width:1400px;width:100%;margin-right: 0;padding: 80px 130px;}
.gw-para-banner p {color:#fff; text-align:justify; line-height:30px; font-size:18px; font-family:'Mont Medium';}
.gw-para-banner .btn-box {text-align:right;}
.gw-para-banner .btn-box > div {display:inline-block;}

.gw-para-banner.img1 {background:url('../../images/sub/banner-img1.jpg') no-repeat center / cover; }
.gw-para-banner.img2 {background:url('../../images/sub/banner-img2.jpg') no-repeat center / cover; }
@media (max-width:1400px) {
  .gw-para-banner {width:100%; right:0;}
  .gw-para-banner .inner {padding:50px;}
}
@media (max-width:1000px) {
  .gw-para-banner .btn-box > div {margin-right:0; display:block;}
}
@media (max-width:750px) {
  .gw-para-banner .inner {padding:30px;}
  .gw-para-banner p {font-size:16px;}
}
/* gw-para-banner */

/* greeting-vp */
.greeting-vp {position:relative;}
.greeting-vp .inner {display:flex; align-items:end; flex-direction:row-reverse;}
.greeting-vp .left {width:calc(100% - 300px); padding-right:75px;}
.greeting-vp .left p {font-size:17px; line-height:30px; color:#666; font-family:'Mont Medium'; text-align:justify;}
.greeting-vp .left p i {margin:25px 0; display:block;}
.greeting-vp .right {width:300px;}
.greeting-vp .right strong {position:relative; font-size:30px; font-family:'Mont Medium'; line-height:30px; letter-spacing:-.05em; color:#212121; display:block; margin-top:20px; margin-bottom:10px;}
.greeting-vp .right strong::after {content:''; width:1px; height:82px; background:#E84855; position:absolute; right:17px; bottom:0;}
.greeting-vp .right p {font-size:19px; line-height:30px; letter-spacing:-.05em; color:#444; font-family:'Mont Medium';}
@media (max-width:1000px) {
  .greeting-vp .inner {display:block;}
  .greeting-vp .left {width:100%; padding-right:0; margin-top:30px;}
  .greeting-vp .right {margin:0 auto;}
}
@media (max-widht:750px){
  .greeting-vp .left p {font-size:16px;}
}
/* greeting-vp */
.en .wrap-organ .top .cap{font-family:"Mont Bold"; font-size: 23px;}
.en .wrap-organ .top .support strong{font-family:"Mont Bold"; font-size: 15px;}
.en .wrap-organ .top .check strong{font-family:"Mont Bold"; font-size: 15px;}
.en .wrap-organ .total strong{height:115px; font-family:"Mont Medium"; font-size:15px; padding:10px;}
.en .wrap-organ .total strong::after{top:35px;}
.en .wrap-organ .group .subject{font-size:15px; font-family:"Mont Medium"; padding:10px;}
.en .wrap-organ .group .line-title strong {font-size: 15px;}
.en .wrap-organ .group .level1 > li{font-size:14px; font-family:"Mont Medium"; color:#666; letter-spacing:0;}
.en .wrap-organ .group .level2 > li{font-size:14px; font-family:"Mont Medium"; letter-spacing:0;}
.en .wrap-organ .group .line.right-line.height-line1::before{height:84.1%;}
/*.en .wrap-organ .group .sub-line{justify-content: end;}
.en .wrap-organ .group .sub-line.add-line::after{background:none}*/
.en .wrap-organ .group .vertical .box {display:flex;}
.en .wrap-organ .group .subject {height:auto; min-height:70px; flex:1;}
.wrap-organ .group .line.right-line.height-line2::before {height:63%}
.en .wrap-organ .group .line.right-line.height-line3::before {height:80%;}
.en .wrap-organ .group .right-line .subject::after {right:-26px;}
.en .wrap-organ .group .line.right-line.height-line4::before {height:63.7%;}

@media(max-width:750px){
  .en .wrap-organ .total strong{font-size:18px; height:auto; padding: 25px 5px;}
}

.en .con-list1 > ul > li {margin-top: 10px; font-family:'Mont Medium'; font-size: 17px; letter-spacing: 0;}
.en .con-list2 > ul > li {margin-top: 10px; font-family:'Mont Medium'; font-size: 17px; letter-spacing: 0;}
.en .circle-num-list li {font-family:'Mont Medium'; font-size: 17px; letter-spacing: 0;}
.en .circle-num-list > ul > li strong {font-family:'Mont Medium';}
.en .word-list > ul > li {font-family:'Mont Medium';}
.en .word-list > ul > li .word {font-family:'Mont Medium';}

/* Heading */
.en  .objHeading_h2, 
.en  .objHeading_h3, 
.en  .objHeading_h4, 
.en  .objHeading_h5 {font-family:'Mont Medium';}
/* Point Color */
.en .b1 {font-family: 'Mont Medium' !important;}
.en .b2 {font-family: 'Mont Bold' !important;}
/* Tab */
.en .tab_div .ul_4 > li > a {display: flex; justify-content: center; align-items: center; width: 100%; height: 54px; padding: 0px 20px; font-family:'Mont Medium'; font-size: 15px; letter-spacing: 0; line-height: 1.2;}
.en .tab_div .ul_5 > li > a {font-family:'Mont Medium'; font-size: 15px; letter-spacing: 0;}
.en .tab_div .ul_5 > li._active > a,
.en .tab_div .ul_5 > li:hover > a {font-family:'Mont Bold';}
/* Noti */
.en .noti-txt {font-family:'Mont Medium'; font-size: 15px;}
.en .noti-txt::after {top: 0px;}
/* Desc */
.en .con-desc {font-family:'Mont Medium'; font-size: 17px; letter-spacing: 0;}
/* Table */
.en .con-table thead th,
.en .con-table tbody th {font-family:'Mont Medium'; font-size: 16px;}
.en .con-table tbody td {font-family:'Mont Medium';}
.en .con-table strong {font-family:'Mont Medium';}
.en .heading-buttuon .menu-title {font-size:30px; font-family:'Mont Bold';}
@media (max-width:1100px) {
  .en .heading-buttuon .row {flex-wrap: wrap;}
  .en .heading-buttuon .left,
  .en .heading-buttuon .right {width: 100%;}
  .en .heading-buttuon .right {margin-top: 20px; text-align: left;}
}


/*Sub Navi*/
.en .wrap-sub-navi .sub-navi > ul > li > .inner > button span {font-size: 16px;}
.en .wrap-sub-navi .sub-navi .navUl a {font-size: 14px;}
/* CampusMap */
.en #mapContent .button a {font-family:'Mont Medium';}
#mapContent.en-mapContent .info {background:url('../../images/sub/ic-address.png') no-repeat left center; height:150px; padding: 0 0 0 110px; font-family:'Mont Medium';}
#mapContent.en-mapContent .list {margin-top:10px;}
#mapContent.en-mapContent .list li{font-size:16px; color:#555; line-height:25px; font-family:'Mont Light'; position:relative; padding-left:15px;}
#mapContent.en-mapContent .list li::after {content:''; width:5px; height:5px; border-radius:50%; background:#609015; position:absolute; left:0; top:10px; }
#mapContent.en-mapContent .list li strong {font-family:'Mont Medium';}
@media (max-width:1000px) {
  #mapContent.en-mapContent .info {height:200px;}
}
@media (max-width:550px) {
  #mapContent.en-mapContent .info {padding:0; background:none;}
}
/* org-wrap5-1 */
.org-wrap5-1 {position:relative; }
.org-wrap5-1 .box {position:relative;}
.org-wrap5-1 .box p { min-height:70px; display:flex; align-items: center; justify-content:center; text-align:center; padding:0 10px;}
.org-wrap5-1 .box.color0 p{background:#fff; font-family:'Mont Medium'; font-size:15px;}
.org-wrap5-1 .box.color1 p{background:#016365; color:#fff; font-family:'Mont Medium'; font-size:18px;}
.org-wrap5-1 .box.color2 p{background:#336579; color:#fff; font-family:'Mont Medium'; font-size:16px;}

.org-wrap5-1 .top {position:relative; padding-bottom:30px; margin:0 -10px;}
.org-wrap5-1 .top::before {content:''; width:1px; height:100%; background:#ddd; position:absolute; top:0; left:50%;}
.org-wrap5-1 .top::after {content:''; width:66.8%; height:1px; background:#ddd; position:absolute; left:50%; transform:translateX(-50%); bottom:0; margin-left:1px;}
.org-wrap5-1 .top .box {margin:0 auto;width:33.3333%; padding:0 10px;}

.org-wrap5-1 .con {position:relative;}
.org-wrap5-1 .con > ul {display:flex; margin:0 -10px}
.org-wrap5-1 .con > ul > li {flex: 1; margin:0 10px; position:relative; padding-top:30px;}
.org-wrap5-1 .con > ul > li::before {content:''; width:1px; height:30px; background:#ddd; position:absolute; left:50%; top:0; margin-left:1px;}
.org-wrap5-1 .depth1 > .box {margin-bottom:20px;}
.org-wrap5-1 .depth2 .box {border:1px solid #ddd; margin-bottom:20px;}
@media (max-width:750px) {
  .org-wrap5-1 .top .box {width:100%;}
  .org-wrap5-1 .top::after {display:none;}
  .org-wrap5-1 .con > ul {flex-wrap:wrap;}
  .org-wrap5-1 .con > ul > li {flex:unset;width: 100%; padding-top:0;}
  .org-wrap5-1 .con > ul > li::before {display:none;}
}
/* org-wrap5-1 */

/* tab */
.administrative-wrap .tab {margin-bottom: 50px;}
.administrative-wrap .tab ul {font-size: 0;}
.administrative-wrap .tab ul {display: inline-block; position: relative; width: 100%;}
.administrative-wrap .tab ul > li {position: relative; float: left; width: 50%; margin-left: -1px; margin-bottom: -1px;}
.administrative-wrap .tab ul > li > a,
.administrative-wrap .tab ul > li > button {position: relative; z-index: 3; display: block; width: 100%; padding: 15px 10px 16px 10px; border: 1px solid #c5c5c5; font-family: 'Noto Medium'; font-size: 18px; letter-spacing: -1px; text-align: center; color: #333;}
.administrative-wrap .tab ul > li > a[target=_blank]::after {content: ''; position: relative; top: 0; display: inline-block; width: 12px; height: 11px; margin: 0 0 0 7px; background:  url('../../images/guide/tab-link-blank.png') no-repeat center; }
.administrative-wrap .tab ul > li.on > a,
.administrative-wrap .tab ul > li:hover > a,
.administrative-wrap .tab ul > li.on > button,
.administrative-wrap .tab ul > li:hover > button {background: #005128; border: 1px solid #005128; color: #fff;}
.administrative-wrap .tab ul > li.on > a[target=_blank]::after,
.administrative-wrap .tab ul > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank-ov.png') no-repeat center;}
.administrative-wrap .tab-con {display: none;}
.administrative-wrap .tab-con.on {display: block;}

.fug-wrap .tab {margin-bottom: 50px;}
.fug-wrap .tab ul {font-size: 0;}
.fug-wrap .tab ul {display: inline-block; position: relative; width: 100%;}
.fug-wrap .tab ul > li {position: relative; float: left; width: 50%; margin-left: -1px; margin-bottom: -1px;}
.fug-wrap .tab ul > li > a,
.fug-wrap .tab ul > li > button {position: relative; z-index: 3; display: block; width: 100%; padding: 15px 10px 16px 10px; border: 1px solid #c5c5c5; font-family: 'Mont Medium'; font-size: 18px; letter-spacing: -1px; text-align: center; color: #333;}
.fug-wrap .tab ul > li > a[target=_blank]::after {content: ''; position: relative; top: 0; display: inline-block; width: 12px; height: 11px; margin: 0 0 0 7px; background:  url('../../images/guide/tab-link-blank.png') no-repeat center; }
.fug-wrap .tab ul > li.on > a,
.fug-wrap .tab ul > li:hover > a,
.fug-wrap .tab ul > li.on > button,
.fug-wrap .tab ul > li:hover > button {background: #005128; border: 1px solid #005128; color: #fff;}
.fug-wrap .tab ul > li.on > a[target=_blank]::after,
.fug-wrap .tab ul > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank-ov.png') no-repeat center;}
.fug-wrap .tab-con {display: none;}
.fug-wrap .tab-con.on {display: block;}

.fug-wrap.tab4 .tab ul > li {width:25%;}
/* tab*/


/* org-wrap4-1 */
.org-wrap4-1 {position:relative; letter-spacing:0; font-family:'Mont Medium'; font-size: 15px;}
.org-wrap4-1 .top {padding-bottom:30px; position:relative;}
.org-wrap4-1 .top::after {content:'';width: 86.5%;height:1px;background:#ddd;position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin-left:0px;}
.org-wrap4-1 .top::before {content:''; width:1px; height:100%; background:#ddd; position:absolute; top:0; left:50%;}
.org-wrap4-1 .top .box{background:#016365; max-width:360px; text-align:center; min-height: 70px; padding:10px; align-items:center; justify-content:center; margin:0 auto; position:relative;}
.org-wrap4-1 .top p{font-size:17px; line-height:25px; font-family:'Mont Medium'; color:#fff;}
.org-wrap4-1 .con ul {display:flex;margin: 0 -5px;}
.org-wrap4-1 .con ul li {width: calc(100% / 7);display:flex;align-items:center;justify-content:center;flex-direction:column;padding: 30px 5px 0 5px; position:relative;}
.org-wrap4-1 .con ul li::before {content:''; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:0;}
.org-wrap4-1 .con li .box {border:1px solid #ddd;text-align:center;flex:1;display:flex;width: 100%;align-items: center; position:relative; background:#fff;  padding:10px;}
.org-wrap4-1 .con li p {width:100%; line-height:22px;}
@media (max-width:1000px) {
  .org-wrap4-1 .top::after {width:76%;}
  .org-wrap4-1 .con ul {flex-wrap:wrap;}
  .org-wrap4-1 .con ul li {width:calc(100% / 4);}
  .org-wrap4-1 .con ul li:nth-last-child(-n+3)::before {display:none;}
}
@media (max-width:650px) {
  .org-wrap4-1 .top::after {width:51%;}
  .org-wrap4-1 .con ul li {width:calc(100% / 2);}
  .org-wrap4-1 .con ul li:nth-last-child(-n+3)::before {display:block;}
  .org-wrap4-1 .con ul li:nth-child(n+3)::before {display:none;}
}
/* org-wrap4-1 */

/* admini-vp greetings */
.greetings-vp-chang {position:relative; color:#fff; font-family:'Mont Medium'; letter-spacing:-.05em; padding:100px 0;}
.greetings-vp-chang .thumb {overflow: hidden;position: absolute;left: 50%;top: 0;z-index: -1;display: flex;justify-content: center;align-items: start;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, 0);}
.greetings-vp-chang .thumb img {width:100%; height:100%; object-fit:cover;}
.greetings-vp-chang .inner {display:flex;flex-direction:row-reverse; justify-content:space-between}
.greetings-vp-chang .right {display:flex;flex-direction:row-reverse;align-items:end;text-align:right;position: relative;}
.greetings-vp-chang .right .img-box {margin-left:40px;}
.greetings-vp-chang .right .text-box {position:absolute; width:170%; right:100%; bottom:0;}
.greetings-vp-chang .right strong {font-size:22px; line-height:30px; font-family:'Mont Bold';}
.greetings-vp-chang .right p {font-family:'Mont Light'; line-height:30px;}
.greetings-vp-chang .left {width: calc(100% - 540px);padding-bottom: 30px;}
.greetings-vp-chang .left strong {font-size:30px; font-family:'Mont Medium'; line-height:40px; margin-bottom:20px; display:block;}
.greetings-vp-chang .left p {font-size:18px; line-height:30px; text-align:justify;}
@media (max-width:1750px) {
  .greetings-vp-chang .inner {padding:0 30px;}
}
@media (max-width:1400px) {
  .greetings-vp-chang .left {width: calc(100% - 285px); padding-bottom:80px;}
}
@media (max-width:1000px) {
  .greetings-vp-chang .inner {display:block;}
  .greetings-vp-chang .right {display:block; text-align:center;}
  .greetings-vp-chang .right .img-box {margin-left:0; margin-bottom:20px;}
  .greetings-vp-chang .right .text-box {position:relative; right:0; width:auto;}
  .greetings-vp-chang .left {width:100%; padding-bottom:0; margin-top:40px;}
}
@media (max-width:750px) {
  .greetings-vp-chang {padding:50px 0;}
}
/* admini-vp greetings */

/* Btn Icon */
.en .btn-style.type2 {font-family:'Mont Medium';}
.btn-style.type2 .ico-fb {background:url('../../images/sub/ico-fb.png') no-repeat center;}
.btn-style.type2:hover .ico-fb {background:url('../../images/sub/ico-fb-w.png') no-repeat center;}
/* Btn Icon */

/* guide */
.en .wrap-depart-info .con .title p {padding-right: 37%; font-size: 17px;}

@media (max-width: 1200px) {
  .en .wrap-depart-info .con .title p {padding-right: 0;}
}

/* 학과 */
.en .wrap-depart-list .title {font-size: 36px;}
.en .wrap-depart-intro .big{font-family: 'Mont Medium'; font-size:50px; line-height: 60px;}
.en .wrap-depart-intro .big span{display:inline;}
.en .wrap-depart-intro .big span::after{bottom:13px;}
.en .wrap-depart-intro .small{font-family: 'Mont Medium'; font-size:30px; line-height: 45px;}
.en .wrap-depart-intro .con {font-family: 'Mont Medium'; padding-top: 30px; font-size:17px;}
.en .wrap-depart-list .list li{width:50%;}
.en .wrap-depart-list .list a{font-family: 'Mont Medium'; font-size: 20px;}
.en  .wrap-depart-people .title{font-family: 'Mont Medium'; font-size:30px; }
.en .wrap-depart-people .detail .name p{font-family: 'Mont Medium'; font-size: 16px;}
.en .wrap-depart-people .detail .name strong{font-family: 'Mont Bold'; font-size:19px;}
.en .wrap-depart-people .detail .list dl {flex-wrap: wrap;}
.en .wrap-depart-people .detail .list dt{font-family: 'Mont Medium'; font-size: 15px; width: 100%;}
.en .wrap-depart-people .detail .list dd{font-family: 'Mont Light'; font-size: 15px;}
.en .wrap-depart-people .con .sbj{font-family: 'Mont Medium'; font-size:26px;}
.en .wrap-depart-people .con .text{font-family: 'Mont Medium'; font-size: 17px;}
.en .wrap-depart-people .title {font-size: 21px;}
.en .wrap-depart-people .title strong{line-height:1.2;}
.en .wrap-depart-list .list a:hover {font-family: 'Mont Medium';}
.en .wrap-depart-info .con .title strong{font-family: 'Mont Medium';}
.en .wrap-depart-info .con .title p{font-family: 'Mont Medium';}
.en .wrap-depart-info .con .info li {font-family: 'Mont Medium'; font-size: 15px;}
.en .wrap-depart-info .con .info li strong{font-family: 'Mont Medium'; font-size: 15px;}

@media (max-width: 1400px){
  .en  .wrap-depart-list .list ul{margin:0 -15px;}
  .en .wrap-depart-list .list li{width:50%; padding:.5% 15px;}
}

@media (max-width: 1000px){
  .en .wrap-depart-list .list li{width:100%;}
  .en .wrap-depart-people .con .sbj{font-size:25px;}
}

@media (max-width: 750px){
  .en .wrap-depart-intro .big{font-size:40px;}
  .en .wrap-depart-intro .small{font-family: 'Mont Medium'; font-size:20px;}
}

.en .wrap-organ .group .level1 > li::before {top:14px;}
.en .wrap-organ .group .level2 > li::before {top:9px;}

/* [E] guide */

/* Konkuk University Medical Center */
.health-box::after{content:""; display:block; clear:both;}
.health-box .img-box{float:right; width:220px;}
.health-box .con-desc{float:left; width:calc(100% - 220px);}

@media(max-width:1024px){
  .health-box{margin-top:15px;}
  .health-box .img-box{text-align:center;}
  .health-box .img-box{float:none; width:100%;}
  .health-box .con-desc{float:none; width:100%;}
}

/* Graduate */
.graduate-intro.type2 .item-list{ padding: 25px 40px 0px 15px;margin-left:50px;}
.graduate-intro.type2 .img-area{width:calc(100% - 50px);}
.graduate-intro.type2 .tit-area{margin-right:25px}
.graduate-intro.type2 .tit-area > p > span{padding-right:0;}
.graduate-intro.type2 .tit-area > p::before{left:25px;}
.graduate-intro.type2 .item-list li{width:50%; margin-bottom:35px;}
.graduate-intro.type2 .tit-area > p{font-family:'Mont Bold';}
.graduate-intro.type2 .item-list ul{margin-top:10px;}
.graduate-intro.type2 .item-list li > a > p{font-family:'Mont Medium'; font-size: 18px;}
.graduate-intro.type2 .item-list li > a > p:hover{font-family:'Mont Bold';}

@media (max-width:1100px){
  .graduate-intro.type2 .item-list {margin-left:0;}
  .graduate-intro.type2 .img-area{width:100%;}
  .graduate-intro.type2 .tit-area > p::before{left:0;}
  .graduate-intro.type2 .tit-area{margin-right:0px}
  .graduate-intro.type2 .item-list li > a > p{line-height:1.5;}
  .graduate-intro.type2 .item-list{padding:30px 30px 0 30px;}
  .graduate-intro.type2 .item-list ul{margin:0 -20px;}
  .graduate-intro.type2 .item-list li{padding: 0 20px;}
}
@media (max-width:600px){
  .graduate-intro.type2 .item-list li{width:100%;}
}

.page14390 .sub-title {display: none !important;}
.font-mont {font-family:'Mont Medium';}
.en .btn-style.type1.mini {height:auto; min-height:21px;}

/* 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';}