@charset "utf-8";

/* 학생홍보대사 */
.wrap-top-banner {display: flex; justify-content: space-between; align-items: flex-start; padding: 40px; background: #f3f5f7; border-radius: 10px;}
.wrap-top-banner .ico {flex-shrink: 0;}
.wrap-top-banner .desc {padding-left: 40px;}
.wrap-top-banner .desc strong {display: block; font-family: ppm; font-size: 24px; line-height: 1.2; color: #23262f;}
.wrap-top-banner .desc em {display: block; margin-top: 5px; font-family: ppm; font-size: 20px; color: #005ead;}
.wrap-top-banner .desc p {padding-top: 17px; font-family: ppr; font-size: 17px; color: #333;}

@media screen and (max-width: 1260px) {
  .wrap-top-banner .desc strong {font-size: 22px;}
  .wrap-top-banner .desc em {font-size: 19px;}
  .wrap-top-banner .desc p {font-size: 16px;}
}

@media screen and (max-width: 768px) {
  .wrap-top-banner {flex-direction: column; padding: 30px}
  .wrap-top-banner .desc {padding-left: 0}
  .wrap-top-banner .desc strong {font-size: 20px;}
  .wrap-top-banner .desc em {font-size: 18px;}
  .wrap-top-banner .desc p {font-size: 17px;}
  .wrap-top-banner .ico {width: 100%; padding-bottom: 20px; text-align: center;}
}

.wrap-promotion {display: flex; margin-top: 70px;}
.wrap-promotion .thumb {flex-shrink: 0; width: 49%;}
.wrap-promotion .thumb img {border-radius: 10px;}
.wrap-promotion .desc {padding-left: 60px;}
.wrap-promotion .desc strong {display: block; margin: 30px 0; font-family: pps; font-size: 30px; text-align: center; line-height: 1.2; color: #333333;}
.wrap-promotion .desc strong em {color: #1174ff;}
.wrap-promotion .desc span {position: relative;}
.wrap-promotion .desc span::before {content: ''; position: absolute; right: calc(100% - 10px); top: 0; width: 55px; height: 42px; background: url('../../images/sub/deco-promotion1.png') no-repeat center;}
.wrap-promotion .desc span::after {content: ''; position: absolute; left: calc(100% - 10px); top: 0; width: 55px; height: 42px; background: url('../../images/sub/deco-promotion2.png') no-repeat center;}
.wrap-promotion .desc p {font-family: ppr; font-size: 17px; color: #333333;}
.wrap-promotion .button {margin-top: 90px;}

@media screen and (max-width: 1260px) {
  .wrap-promotion .thumb {width: 39%;}
}

@media screen and (max-width: 1024px) {
  .wrap-promotion .desc {padding-left: 30px;}
  .wrap-promotion .desc strong {font-size: 20px;}
  .wrap-promotion .desc p {font-size: 16px;}
  .wrap-promotion .button {margin-top: 40px;}
}

@media screen and (max-width: 910px) {
  .wrap-promotion {flex-wrap: wrap; margin-top: 40px}
  .wrap-promotion .thumb {width: 100%; text-align: center;}
  .wrap-promotion .desc {padding-top: 20px; padding-left: 0;}
  .wrap-promotion .desc p {font-size: 17px;}
  .wrap-promotion .desc span::before {right: calc(100% - 20px)}
  .wrap-promotion .desc span::after {left: calc(100% - 20px)}
  .wrap-promotion .button a {margin-left: 5px}
  .wrap-promotion .button a::after {margin-left: 5px}
}

@media screen and (max-width: 600px) {
  .wrap-promotion .button a {width: 100%; margin-bottom: 10px;}
}

/* 구호 */
.wrap-cry .row {display: flex; flex-wrap: wrap; width: calc(100% + 40px);}
.wrap-cry .box {width: 33.3333%; padding-right: 40px; padding-bottom: 40px;}
.wrap-cry .box strong {font-family: ppm; font-size: 28px; color: #000000;}
.wrap-cry .box p {min-height: 170px; margin-top: 35px; padding: 30px 40px; background: #f7f7f7; border-radius: 10px; font-family: ppr; font-size: 18px; line-height: 2; color: #222222;}

@media screen and (max-width: 1500px) {
  .wrap-cry .box p {font-size: 16px;}
}

@media screen and (max-width: 1340px) {
  .wrap-cry .row {width: calc(100% + 20px);}
  .wrap-cry .box {padding-right: 20px; padding-bottom: 20px;}
  .wrap-cry .box p {min-height: 150px; margin-top: 25px; padding: 20px 30px;}
}

@media screen and (max-width: 1250px) {
  .wrap-cry .box {width: 50%;}
}

@media screen and (max-width: 1024px) {
  .wrap-cry .box strong {font-size: 23px;}
  .wrap-cry .box p {margin-top: 20px;}
}

@media screen and (max-width: 768px) {
  .wrap-cry .box p {padding: 20px; min-height: auto; font-size: 17px;}
  .wrap-cry .box {width: 100%;}
}

/* 캠퍼스 소개 */
.wrap-cap-intro.line-deco {position: relative; margin-top: 30px;}
.wrap-cap-intro.line-deco::after {content: ''; position: absolute; left: 0; bottom: 40px; z-index: -1; width: 100%; height: 200px; background: #f1f6fa;}
.wrap-cap-intro .img-title {position: relative;}
.wrap-cap-intro .img-title img {border-radius: 10px;}
.wrap-cap-intro .img-title .text {position: absolute; left: 50px; top: 40px;}
.wrap-cap-intro .img-title .text em {display: block; font-family: pps; font-size: 20px; color: #ffc712;}
.wrap-cap-intro .img-title .text strong {display: block; font-family: pps; font-size: 30px; line-height: 1.2; color: #fff;}

.wrap-cap-intro .location {display: flex;}
.wrap-cap-intro .location .thumb {flex-shrink: 0; width: 52%;}
.wrap-cap-intro .location .thumb img {border-radius: 10px;}
.wrap-cap-intro .location .desc {padding-left: 60px;}
.wrap-cap-intro .location .desc strong {display: block; padding-top: 50px; background: url('../../images/sub/ic-cam1-intro1.png') no-repeat left 11px; font-family: pps; font-size: 28px; line-height: 1.1; color: #003378;}
.wrap-cap-intro .location .desc p {padding-top: 100px; font-family: ppr; font-size: 20px; color: #1174ff;}

.wrap-cap-intro .list {margin-top: 30px;}
.wrap-cap-intro .list .thumb img {border-radius: 10px;}
.wrap-cap-intro .list .row {display: flex; width: calc(100% + 40px); padding-bottom: 60px;}
.wrap-cap-intro .list .box {width: 50%; padding-right: 40px;}
.wrap-cap-intro .list .desc strong {display: block; margin: 20px 0 10px 0; font-family: ppr; font-size: 20px; color: #005ead;}

@media screen and (max-width: 1500px) {
  .wrap-cap-intro .location .thumb {width: 41%;}
  .wrap-cap-intro .location .desc p {padding-top: 30px;}
  .wrap-cap-intro.line-deco::after {display: none;}
}

@media screen and (max-width: 1080px) {
  .wrap-cap-intro .list .desc strong {font-size: 20px;}
  .wrap-cap-intro .list .desc p {font-size: 16px;}
  .wrap-cap-intro .location .desc strong {font-size: 25px;}
  .wrap-cap-intro .location .desc p {padding-top: 20px; font-size: 18px;}
}

@media screen and (max-width: 990px) {
  .wrap-cap-intro .img-title .text {left: 25px; top: 20px;}
  .wrap-cap-intro .img-title .text em {font-size: 18px;}
  .wrap-cap-intro .img-title .text strong {font-size: 25px;}
  .wrap-cap-intro .location .thumb {width: 50%;}
  .wrap-cap-intro .location .desc {padding-left: 30px;}
}

@media screen and (max-width: 850px) {
  .wrap-cap-intro .list .desc p {font-size: 17px;}
  .wrap-cap-intro .location .desc p {font-size: 17px;}
}

@media screen and (max-width: 730px) {
  .wrap-cap-intro .img-title {position: relative; display: flex; align-items: top; height: 250px;}
  .wrap-cap-intro .img-title::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); border-radius: 10px;}
  .wrap-cap-intro .img-title img {object-fit: cover;}
  .wrap-cap-intro .img-title .text {z-index: 1;}
  .wrap-cap-intro .location {flex-wrap: wrap;}
  .wrap-cap-intro .location .thumb {width: 100%;}
  .wrap-cap-intro .location .desc {padding-left: 0; padding-top: 20px;}
  .wrap-cap-intro .location .desc strong {font-size: 22px;}
}

@media screen and (max-width: 700px) {
  .wrap-cap-intro .list .row {flex-wrap: wrap; width: 100%; padding-bottom: 0;}
  .wrap-cap-intro .list .box {width: 100%; padding-right: 0; padding-bottom: 40px;}
}

/* 오시는 길 */
.wrap-location .map img {border-radius: 10px;}
.wrap-location .desc {display: flex; align-items: center; margin-top: 20px; padding: 25px 30px; background: #f1f6fa; border-radius: 5px;}
.wrap-location .desc .ico span {display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; background: #fff; border-radius: 100%;}
.wrap-location .desc .info {padding-left: 35px; font-size: 17px; color: #333;}
.wrap-location .desc .info strong {font-family: ppm; font-size: 17px; color: #000000;}
.wrap-location .desc .info ul {display: flex;}
.wrap-location .desc .info li {position: relative; margin-right: 30px; padding: 5px 0 5px 15px;}
.wrap-location .desc .info li::before {content: ''; position: absolute; left: 0; top: 16px; width: 3px; height: 3px; background: #1174ff;}

.con-table .bus {position: relative; padding-left: 10px;}
.con-table .bus::before {content: ''; position: absolute; left: 0; top: 7px; width: 3px; height: 14px;}
.con-table .bus1::before {background: #37a4f3;}
.con-table .bus2::before {background: #52c658;}
.con-table .bus3::before {background: #e15560;}
.con-table .bus4::before {background: #b06d79;}
.con-table .bus5::before {background: #a380e5;}
.con-table .bus6::before {background: #49b94d;}

@media screen and (max-width: 1250px) {
  .wrap-location .desc .info {font-size: 16px;}
  .wrap-location .desc .info strong {font-size: 16px;}
  .wrap-location .desc .info ul {flex-wrap: wrap;}
  .wrap-location .desc .info li {width: 100%; margin-right: 0;}
}

@media screen and (max-width: 700px) {
  .wrap-location .desc {flex-direction: column; padding: 19px 20px;}
  .wrap-location .desc .info {padding-left: 0; font-size: 17px;}
  .wrap-location .desc .info strong {font-size: 17px;}
  .wrap-location .ico {margin-bottom: 10px;}
}

/* 노래 */
.wrap-song {display: flex; margin-top: 30px;}
.wrap-song .thumb {flex-shrink: 0; width: 32%;}
.wrap-song .thumb img {border: 1px solid #ccc; border-radius: 5px;}
.wrap-song .desc {flex-grow: 1; padding-left: 50px;}
.wrap-song .desc .box {height: 100%; padding: 50px; background: #f7f7f7 url('../../images/sub/bg-song.jpg') no-repeat right bottom; border-radius: 10px;}
.wrap-song .desc .title {padding-bottom: 50px;}
.wrap-song .desc .title strong {display: block; font-family: ppm; font-size: 20px; color: #005ead;}
.wrap-song .desc .title ul {display: flex; margin-top: 7px;}
.wrap-song .desc .title li {position: relative; margin-right: 10px; padding-right: 13px; font-size: 17px; color: #555;}
.wrap-song .desc .title li::after {content: ''; position: absolute; right: 0; top: 7px; width: 1px; height: 12px; background: #cccccc;}
.wrap-song .desc .title li:last-child::after {display: none;}
.wrap-song .desc .lyric strong {display: block; font-family: ppm; font-size: 18px; color: #000000;}
.wrap-song .desc .lyric p {font-size: 18px; line-height: 2; color: #222222;}
.wrap-song .desc .button {padding-top: 60px;}

@media screen and (max-width: 1320px) {
  .wrap-song .desc {padding-left: 30px;}
  .wrap-song .desc .title strong {font-size: 18px;}
  .wrap-song .desc .title li {font-size: 16px;}
  .wrap-song .desc .box {padding: 30px;}
  .wrap-song .desc .lyric p {font-size: 17px;}
  .wrap-song .desc .lyric strong {margin-top: 20px;}
}

@media screen and (max-width: 1200px) {
  .wrap-song .thumb {width: 40%;}
  .wrap-song .desc .title {padding-bottom: 20px;}
  .wrap-song .desc .lyric p br {display: none;}
}

@media screen and (max-width: 880px) {
  .wrap-song .thumb {width: 31%;}
  .wrap-song .desc .lyric p {font-size: 17px; line-height: 1.5;}
  .wrap-song .desc .lyric strong {margin-top: 10px;}
  .wrap-song .desc .button {padding-top: 30px;}
}

@media screen and (max-width: 650px) {
  .wrap-song {flex-wrap: wrap;}
  .wrap-song .thumb {width: 100%; text-align: center;}
  .wrap-song .desc {padding-left: 0; padding-top: 30px;}
  .wrap-song .desc .button {padding-top: 20px;}
  .wrap-song .desc .title {padding-bottom: 10px;}
  .wrap-song .desc .title li {font-size: 17px;}
}

/* 엠블렘 */
.wrap-emblem.type1 {padding-top: 20px;}
.wrap-emblem.type1 ul {display: flex; width: calc(100% + 40px);}
.wrap-emblem.type1.row1 ul {width: 100%;}
.wrap-emblem.type1.row1 li {width: 100%; padding-right: 0;}
.wrap-emblem.type1.row2 li {width: 50%; padding-right: 40px;}
.wrap-emblem.type1.row3 li {width: 33.333%; padding-right: 40px;}
.wrap-emblem.type1.row4 li {width: 25%; padding-right: 40px;}
.wrap-emblem.type1.row5 li {width: 20%; padding-right: 40px;}
.wrap-emblem.type1 .pattern {display: flex; justify-content: center; align-items: center; min-height: 177px; background: url('../../images/sub/bg-emblem.jpg'); border: 1px solid #cccccc; border-radius: 5px;}
.wrap-emblem.type1.row1 .pattern {min-height: 350px;}
.wrap-emblem.type1.row2 .pattern {min-height: 250px;}
.wrap-emblem.type1 .title {display: block; padding-bottom: 20px; font-family: ppm; font-size: 18px; color: #333333;}

.wrap-emblem.type2 {padding-top: 20px;}
.wrap-emblem.type2 ul {display: flex; border: 1px solid #cccccc; border-radius: 5px;}
.wrap-emblem.type2.row1 li {width: 100%;}
.wrap-emblem.type2.row2 li {width: 50%;}
.wrap-emblem.type2.row3 li {width: 33.333%;}
.wrap-emblem.type2.row4 li {width: 25%;}
.wrap-emblem.type2.row5 li {width: 20%;}
.wrap-emblem.type2 li {display: flex; justify-content: center; align-items: center; min-height: 350px;}
.wrap-emblem.type2 li.bg {background: #003876;}

.wrap-emblem.type3 {padding-top: 20px;}
.wrap-emblem.type3 ul {display: flex; width: calc(100% + 40px);}
.wrap-emblem.type3.row2 li {width: 50%; padding-right: 40px;}
.wrap-emblem.type3.row3 li {width: 33.333%; padding-right: 40px;}
.wrap-emblem.type3 .box {display: flex; justify-content: center; align-items: center; min-height: 350px; border: 1px solid #cccccc; border-radius: 5px;}
.wrap-emblem.type3 p {margin-top: 20px;}

.wrap-emblem .down {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}

@media screen and (max-width: 1120px) {
  .wrap-emblem.type1 .pattern img {width: 50%;}
  .wrap-emblem.type1.row1 .pattern {min-height: 280px;}
  .wrap-emblem.type1.row1 .pattern img {width: 17%;}
  .wrap-emblem.type2 li img {width: 65%;}
  .wrap-emblem.type3 .box img {width: 70%;}
}

@media screen and (max-width: 970px) {
  .wrap-emblem .down {flex-direction: column; align-items: flex-start;}
  .wrap-emblem .down p {margin-bottom: 20px;}
}

@media screen and (max-width: 900px) {
  .wrap-emblem.type1 ul {flex-wrap: wrap; width: calc(100% + 20px);}
  .wrap-emblem.type1.row2 li,
  .wrap-emblem.type1.row4 li {width: 50%; padding-right: 20px; padding-bottom: 20px;}
  .wrap-emblem.type1 .pattern img {width: 30%;}
  .wrap-emblem.type2 li {min-height: 280px;}
  .wrap-emblem.type3 .box {min-height: 280px;}
  .wrap-emblem .down p {font-size: 16px;}
}

@media screen and (max-width: 600px) {
  .wrap-emblem.type1 .pattern {min-height: 180px;}
  .wrap-emblem.type1.row1 .pattern,
  .wrap-emblem.type1.row2 .pattern {min-height: 180px;}
  .wrap-emblem.type1 ul {width: calc(100%);}
  .wrap-emblem.type1.row1 li,
  .wrap-emblem.type1.row2 li,
  .wrap-emblem.type1.row3 li,
  .wrap-emblem.type1.row4 li {width: 100%; padding-right: 0;}
  .wrap-emblem.type1 .title {font-size: 17px;}
  .wrap-emblem.type2 li {min-height: 200px;}
  .wrap-emblem.type3 p {font-size: 14px;}
  .wrap-emblem.type3 ul {flex-wrap: wrap; width: 100%;}
  .wrap-emblem.type3.row2 li,
  .wrap-emblem.type3.row3 li {width: 100%; padding-right: 0; padding-bottom: 20px;}
  .wrap-emblem.type3 .box {min-height: 200px;}
  .wrap-emblem .down p {font-size: 15px;}
}

.wrap-bottom-banner {margin-top: 70px; padding: 50px; background: #f7f7f7; border-radius: 10px;}
.wrap-bottom-banner.nomargin {margin-top: 0;}
.wrap-bottom-banner > strong {display: block; font-family: ppm; font-size: 17px; color: #000000;}
.wrap-bottom-banner > em {display: block; font-family: ppm; font-size: 18px; color: #000000;}
.wrap-bottom-banner .list {margin-top: 20px;}
.wrap-bottom-banner .list li {padding: 7px 0; font-size: 16px; color: #014291;}

@media screen and (max-width: 1100px) {
  .wrap-bottom-banner {padding: 30px;}
  .wrap-bottom-banner > strong {font-size: 16px;}
  .wrap-bottom-banner > em {margin-bottom: 10px;}
  .wrap-bottom-banner > p {font-size: 15px;}
  .wrap-bottom-banner .list {margin-top: 10px;}
  .wrap-bottom-banner .list li {padding: 5px 0;}
}

@media screen and (max-width: 768px) {
  .wrap-bottom-banner {margin-top: 50px; padding: 30px;}
  .wrap-bottom-banner .list li {display: flex; flex-direction: column; align-items: flex-start; font-size: 17px;}
  .wrap-bottom-banner .list a {margin-left: 0; margin-top: 10px;}
  .wrap-bottom-banner > p {font-size: 17px;}
}

/* PPT */
.wrap-ppt {margin-top: 30px;}
.wrap-ppt ul {display: flex; width: calc(100% + 38px);}
.wrap-ppt li {width: 25%; padding-right: 40px;}
.wrap-ppt strong {display: block; padding-bottom: 15px; font-family: ppm; font-size: 20px; color: #005ead;}
.wrap-ppt .thumb img {border: 1px solid #cccccc; border-radius: 5px;}

@media screen and (max-width: 900px) {
  .wrap-ppt ul {width: calc(100% + 20px);}
  .wrap-ppt li {padding-right: 20px;}
}

@media screen and (max-width: 768px) {
  .wrap-ppt ul {flex-wrap: wrap;}
  .wrap-ppt li {width: 100%;}
  .wrap-ppt img {width: 100%;}
  .wrap-ppt strong {padding-top: 10px; padding-bottom: 10px;}
}

/* 캐릭터 */
.wrap-char .char {padding-top: 40px;}
.wrap-char .char ul {display: flex; flex-wrap: wrap; width: calc(100% + 40px);}
.wrap-char .char li {width: 33.333%; padding-right: 40px; padding-bottom: 30px;}
.wrap-char .char .title {display: block; padding-bottom: 20px; font-family: ppm; font-size: 20px; color: #005ead;}
.wrap-char .char .box {display: flex; justify-content: center; align-items: center; min-height: 400px; border: 1px solid #cccccc; border-radius: 3px;}

.wrap-char .emblem {display: flex; padding: 60px 100px; margin-top: 20px; border: 1px solid #cccccc;}
.wrap-char .emblem .ico {flex-shrink: 0; width: 350px;}
.wrap-char .emblem .stat {flex-grow: 1;}
.wrap-char .stat > ul {display: flex; flex-wrap: wrap; width: calc(100% + 70px);}
.wrap-char .stat > ul > li {width: 33.333%; padding-right: 70px;}
.wrap-char .stat .color {display: block; width: 100%; height: 10px; border-radius: 100px;}
.wrap-char .stat .color1 {background: #003378;}
.wrap-char .stat .color2 {background: #005ead;}
.wrap-char .stat .color3 {background: #41525d;}
.wrap-char .stat .color4 {background: #aebbc2;}
.wrap-char .stat .color5 {background: #fabf00;}
.wrap-char .stat .box > ul {padding-top: 30px; padding-bottom: 57px;}
.wrap-char .stat .box > ul.nomargin {padding-bottom: 0;}
.wrap-char .stat .box > ul > li {display: flex; padding: 3px 0;}
.wrap-char .stat .box strong {flex-shrink: 0; width: 100px; font-family: ppr; font-size: 17px; color: #121212;}
.wrap-char .stat .box p {flex-grow: 1; font-family: ppl; font-size: 17px; color: #555555;}

@media screen and (max-width: 1360px) {
  .wrap-char .emblem {padding: 40px 50px;}
  .wrap-char .emblem .ico {width: 290px;}
  .wrap-char .stat > ul {width: calc(100% + 30px);}
  .wrap-char .stat > ul > li {padding-right: 30px;}
}

@media screen and (max-width: 1160px) {
  .wrap-char .char .box {min-height: 320px;}
  .wrap-char .char .box img {width: 70%;}
  .wrap-char .stat > ul > li {width: 50%;}
  .wrap-char .stat .box > ul {padding-top: 20px; padding-bottom: 30px;}
  .wrap-char .stat .box strong {font-size: 16px;}
  .wrap-char .stat .box p {font-size: 16px;}
}

@media screen and (max-width: 940px) {
  .wrap-char .char {padding-top: 30px;}
  .wrap-char .char ul {width: calc(100% + 20px);}
  .wrap-char .char li {padding-right: 20px; padding-bottom: 20px;}
  .wrap-char .emblem {padding: 35px;}
  .wrap-char .emblem .ico {width: 160px; padding-right: 40px;}
}

@media screen and (max-width: 800px) {
  .wrap-char .stat .box strong {font-size: 15px;}
  .wrap-char .stat .box p {font-size: 15px;}
  .wrap-char .stat .box > ul {padding-top: 10px; padding-bottom: 20px;}
}

@media screen and (max-width: 700px) {
  .wrap-char .emblem {flex-wrap: wrap;}
  .wrap-char .emblem .ico {width: 100%; padding-right: 0; padding-bottom: 50px; text-align: center;}
  .wrap-char .char li {width: 100%;}
  .wrap-char .char .box {min-height: 320px;}
  .wrap-char .char .title {padding-bottom: 15px; font-size: 18px;}
  .wrap-char .stat > ul {width: 100%;}
  .wrap-char .stat > ul > li {width: 100%; padding-right: 0;}
}

/* 시그니처 */
.wrap-sig ul {display: flex; flex-wrap: wrap; width: calc(100% + 40px);}
.wrap-sig li {padding-right: 40px; padding-top: 30px;}
.wrap-sig.row2 li {width: 50%;}
.wrap-sig.row3 li {width: 33.333%;}
.wrap-sig .box {display: flex; justify-content: center; align-items: center; min-height: 177px; background: url('../../images/sub/bg-emblem.jpg'); border: 1px solid #cccccc; border-radius: 5px;}
.wrap-sig .title {display: block; padding-bottom: 20px; font-family: ppm; font-size: 20px; color: #005ead;}

@media screen and (max-width: 1024px) {
  .wrap-sig .box img {width: 70%;}
  .wrap-sig.type2 .box img {width: 39%;}
}

@media screen and (max-width: 768px) {
  .wrap-sig ul {width: calc(100% + 20px);}
  .wrap-sig li {padding-right: 20px; padding-top: 20px;}
  .wrap-sig .title {padding-bottom: 15px; font-size: 18px;}
  .wrap-sig .box img {width: 80%;}
  .wrap-sig.type2 .box img {width: 50%;}
}

@media screen and (max-width: 600px) {
  .wrap-sig .title {font-size: 17px;}
  .wrap-sig .box {min-height: 170px;}
  .wrap-sig .box img {width: 90%;}
  .wrap-sig.type2 .box img {width: 70%;}
  .wrap-sig.row2 li {width: 100%;}
  .wrap-sig.row3 li {width: 100%;}
}

/* 심벌 */
.wrap-symbol .heading {display: flex;}
.wrap-symbol .heading .icon {flex-shrink: 0; width: 340px; padding: 30px 0; border: 1px solid #aebbc2; border-radius: 5px; text-align: center;}
.wrap-symbol .heading .desc {padding-left: 60px;}
.wrap-symbol .heading .desc strong {position: relative; display: block; margin-bottom: 25px; padding-bottom: 42px; font-family: ppm; font-size: 24px; color: #1174ff;}
.wrap-symbol .heading .desc strong::after {content: ''; position: absolute; left: 0; bottom: 0; width: 25px; height: 1px; background: #494949;}

.wrap-symbol .picto {margin-top: 70px; padding: 85px 0; background: #f1f6fa; border-radius: 10px;}
.wrap-symbol .picto ul {display: flex; justify-content: center; align-items: center;}
.wrap-symbol .picto .plus {padding: 0 75px;}
.wrap-symbol .picto .plus span {display: block; width: 47px; height: 47px; background: #005ead url('../../images/sub/deco-symbol1.png') no-repeat center; border-radius: 100%; text-indent: -999999px;}

.wrap-symbol .list.type1 {margin-top: 30px;}
.wrap-symbol .list.type1 ul {display: flex; flex-wrap: wrap; width: calc(100% + 40px);}
.wrap-symbol .list.type1 li {width: 50%; padding-right: 40px;}
.wrap-symbol .list.type1 .title {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; font-family: ppm; font-size: 20px; color: #005ead;}
.wrap-symbol .list.type1 .box {display: flex; justify-content: center; align-items: center; min-height: 280px; background: url('../../images/sub/bg-emblem.jpg'); border: 1px solid #cccccc; border-radius: 5px;}
.wrap-symbol .list.type1 .col2 .box .thumb {flex-shrink: 0; width: 32%;}
.wrap-symbol .list.type1 .text {padding-left: 30px;}
.wrap-symbol .list.type1 .text i {display: inline-flex; justify-content: center; align-items: center; height: 30px; padding: 0 10px; background: #41525d; border-radius: 100px; font-family: ppr; font-size: 15px; color: #ffffff;}

.wrap-symbol .list.type2 {margin-top: 30px;}
.wrap-symbol .list.type2 ul {display: flex; flex-wrap: wrap; width: calc(100% + 40px);}
.wrap-symbol .list.type2 li {width: 50%; padding-right: 40px;}
.wrap-symbol .list.type2 .title {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; font-family: ppm; font-size: 20px; color: #005ead;}
.wrap-symbol .list.type2 .box {display: flex; justify-content: center; align-items: center; height: 280px; border: 1px solid #cccccc; border-radius: 5px;}
.wrap-symbol .list.type2 .box .col {display: flex; justify-content: center; align-items: center; width: 50%; height: 100%;}
.wrap-symbol .list.type2 .box .bg1 {background: #003876;}
.wrap-symbol .list.type2 .box .bg2 {background: #221e1f;}

.wrap-symbol .list.type3 {margin-top: 30px;}
.wrap-symbol .list.type3 ul {display: flex; flex-wrap: wrap; width: calc(100% + 40px);}
.wrap-symbol .list.type3 li {width: 33.333%; padding-right: 40px;}
.wrap-symbol .list.type3 .title {display: flex; justify-content: space-between; align-items: flex-start; min-height: 80px; padding-bottom: 20px; font-family: ppm; font-size: 20px; color: #005ead;}
.wrap-symbol .list.type3 .box {display: flex; justify-content: center; align-items: center; height: 280px; border: 1px solid #cccccc; border-radius: 5px;}
.wrap-symbol .list.type3 .box .col {display: flex; justify-content: center; align-items: center; width: 50%; height: 100%;}
.wrap-symbol .list.type3 .box .bg1 {background: #003876;}
.wrap-symbol .list.type3 .box .bg2 {background: #221e1f;}

@media screen and (max-width: 1150px) {
  .wrap-symbol .heading .desc strong {margin-bottom: 20px; padding-bottom: 20px; font-size: 22px;}
  .wrap-symbol .heading .desc p {font-size: 16px;}
  .wrap-symbol .picto {padding: 50px 20px;}
  .wrap-symbol .list.type1 .col1 .box img {width: 40%;}
  .wrap-symbol .list.type1 .col2 .box img {width: 100%;}
  .wrap-symbol .list.type1 .text i {font-size: 13px;}
  .wrap-symbol .list.type1 .text p {margin-top: 5px; font-size: 15px;}
  .wrap-symbol .list.type2 .box img {width: 45%;}
  .wrap-symbol .list.type3 .box img {width: 45%;}
}

@media screen and (max-width: 900px) {
  .wrap-symbol .heading .icon {width: 250px;}
  .wrap-symbol .heading .desc {padding-left: 30px;}
  .wrap-symbol .picto .plus {padding: 0 30px;}
  .wrap-symbol .list.type1 .title {font-size: 18px;}
  .wrap-symbol .list.type2 .title {font-size: 18px;}
  .wrap-symbol .list.type1 .box {flex-direction: column;}
  .wrap-symbol .list.type1 .text {padding-left: 0; padding-top: 20px; text-align: center;}
  .wrap-symbol .list.type2 .box {height: 230px;}
  .wrap-symbol .list.type2 ul {width: calc(100% + 20px);}
  .wrap-symbol .list.type2 li {padding-right: 20px;}
  .wrap-symbol .list.type3 .title {font-size: 18px;}
  .wrap-symbol .list.type3 .box {height: 230px;}
  .wrap-symbol .list.type3 ul {width: calc(100% + 20px);}
  .wrap-symbol .list.type3 li {padding-right: 20px;}
}

@media screen and (max-width: 760px) {
  .wrap-symbol .list.type1 ul {width: calc(100% + 20px);}
  .wrap-symbol .list.type1 li {padding-right: 20px;}
  .wrap-symbol .list.type1 .text p {font-size: 15px;}
  .wrap-symbol .list.type3 li {width: 50%; padding-bottom: 20px;}
  .wrap-symbol .list.type3 .title {min-height: auto; font-size: 17px;}
  .wrap-symbol .list.type3 .box img {width: 35%;}
}

@media screen and (max-width: 670px) {
  .wrap-symbol .heading {flex-direction: column;}
  .wrap-symbol .heading .icon {width: 100%;}
  .wrap-symbol .heading .desc {padding-left: 0; padding-top: 30px;}
  .wrap-symbol .heading .desc p {font-size: 17px;}
  .wrap-symbol .picto {margin-top: 50px;}
  .wrap-symbol .list.type1 li {width: 100%; padding-bottom: 20px;}
  .wrap-symbol .list.type2 li {width: 100%; padding-bottom: 20px;}
  .wrap-symbol .list.type3 li {width: 100%; padding-bottom: 20px;}
  .wrap-symbol .list.type3 .box img {width: 45%;}
}

/* 인사말 */
.greeding{border-bottom:1px solid #ecf3fd;}
.greeding .area {display: flex;}
.greeding .thum{width:450px;padding-top:90px;position:relative;}
.greeding .thum::before{content:'';width:1000px;height: 100%;background:#ecf3fd;position: absolute;right:75px;top:0;z-index:-1;border-radius: 0 55px 0 0;}
.greeding .thum::after{content:'';width:316px;height: 316px;background:url('../../images/sub/greeding-mark.png') no-repeat center;position:absolute;right: 330px;top: 330px;z-index: -1;}
.greeding .thum .imgWrap{margin-bottom:50px;}
.greeding .thum > p{color:#333;font-family: 'ppr';font-size:20px;margin-bottom:5px;}
.greeding .thum > p > span{color:#1174ff;font-family: 'ppr';font-size:20px;}
.greeding .thum > strong{font-size:40px;color:#333;font-family: 'pps';display: block;}

.greeding .txt{width:calc(100% - 450px);padding-left:130px;}
.greeding .txt > strong{font-family: 'ppr';color:#005ead;font-size:30px;line-height: 1.2;margin-bottom:35px;display: block;}
.greeding .txt > strong > span{font-family: 'pps';}
.greeding .txt > p{color:#333;font-family: 'ppr';font-size:17px;line-height: 1.55;}
.greeding .txt > p > span{display: block;color:#111;font-family: 'ppr';margin-bottom:30px;font-size: 17px;}
.greeding .txt .sign{text-align: right;padding:20px 0 55px;}
.greeding .txt .sign p{font-family:'ppr';color:#333333;font-size:20px;}
.greeding .txt .sign p > span{color:#005ead;font-family:'ppm';font-size:22px;display: inline-block;margin-left:5px;}

@media screen and (max-width:1500px){
  .greeding{max-width: 100%;}
  .greeding .thum{padding-left: 80px;}
  .greeding .thum img{width:100%;}
  .greeding .thum .imgWrap{margin-bottom:35px;}
  .greeding .thum > p,
  .greeding .thum > p > span{font-size:18px;}
  .greeding .thum > strong{font-size:32px;}
  .greeding .thum::after{top: 180px;right:180px;}
  .greeding .txt{padding-left:80px;}
  .greeding .txt > strong{font-size:28px;}
}

@media screen and (max-width:1200px){
  .greeding .thum{width: 280px;padding-left: 25px;}
  .greeding .thum::before{right:35px;border-radius:0 35px 0 0}
  .greeding .thum::after{width: 200px;height: 200px;background-size: contain !important;top: 160px;}
  .greeding .thum .imgWrap{margin-bottom:20px;}
  .greeding .thum > strong{font-size:24px;}
  .greeding .txt{width: calc(100% - 280px);padding-left: 40px;}
  .greeding .txt .sign p{font-size:18px;}
  .greeding .txt .sign p > span{font-size:18px;}
}

@media screen and (max-width:767px){
  .greeding .area{display: block;}
  .greeding .thum{width:100%;padding: 50px 55px 35px;margin-bottom: 50px;}
  .greeding .thum::before{right:150px;}
  .greeding .thum::after{right:unset;left:0;}
  .greeding .txt{width:100%;padding-left:0;}
  .greeding .txt > strong{font-size:20px;margin-bottom:25px;}
  .greeding .txt > p > span{margin-bottom:20px;}
}

@media screen and (max-width:580px){
  .greeding .thum{padding: 50px 0 35px;margin-bottom: 35px;}
  .greeding .thum::before{right: 50px;}
}

/* 프로필 */
.profile .inner{max-width: 1440px;margin:0 auto;}
.profile .t1{font-size:28px;color:#000;font-family: 'ppm';display: block;margin-bottom:25px;}
.profile .t2{font-size:20px;color:#005ead;font-family: 'ppm';display: block;margin-bottom:20px;}
.profile .list > li + li{margin-top:40px;}
.profile .list .pf-box{background-color: #f7f7f7;padding:30px;border-radius: 10px;}
.profile .list .pf-box ul{display: flex;flex-wrap: wrap;gap: 15px 0;}
.profile .list .pf-box ul li{font-size:17px;color:#484848;width:50%;padding-left:190px;position:relative;}
.profile .list .pf-box ul li span{font-size:17px;color:#000;font-family: 'ppr';position: absolute;left: 0;padding-left: 15px;}
.profile .list .pf-box ul li span::before{content:'';width:3px;height: 3px;position:absolute;left:0;top: 12px;background:#1174ff}

@media screen and (max-width:1200px){
  .profile .list .pf-box ul li{padding-right:20px;}
}

@media screen and (max-width:1023px){
  .profile .list .pf-box ul{gap:10px 0;}
  .profile .list .pf-box ul li{padding-right:0;width:100%;}
}

@media screen and (max-width:767px){
  .profile .t1{font-size:24px;}
  .profile .t2{font-size:18px;}
  .profile .list .pf-box{padding:20px;}
  .profile .list .pf-box ul{gap: 20px 0;}
  .profile .list .pf-box ul li{padding-left:15px;}
  .profile .list .pf-box ul li span{position: relative;display: block;left: -15px;margin-bottom: 5px;}
}

/* 연세대학교(역대총장) */
.bossListWrap .inner{max-width:1440px;margin:0 auto;}
.bossList{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:40px;}
.bossList > li > a{display:block;color:#555;}
.bossList > li > a .thum{overflow:hidden;border-radius:10px;transition:all ease .25s;}
.bossList > li > a .thum img{width:100%;height:100%;object-fit:contain;}
.bossList > li > a > ul {display:flex;margin-top:30px;}
.bossList > li > a > ul > li{font-size:16px;font-family: 'ppr';color:#555;}
.bossList > li > a > ul > li + li{margin-left:10px;padding-left:10px;position:relative;}
.bossList > li > a > ul > li + li:before{content:'';width:1px;height: 8px;background-color: #999;position:absolute;left:0;top: 9px;}
.bossList > li > a > strong{color:#121212;font-family:'ppm';font-size:20px;display:block;margin-top: 10px;line-height:1.25;position:relative;transition: all ease .25s;}
.bossList > li > a > strong:after{content:'';width:30px;height:30px;background:#ccc url('../../images/sub/his-list-arr.png') no-repeat 13px center;position:absolute;right:0;border-radius:50%;top: -3px;transition: all ease .25s;}
.bossList > li:hover > a > strong{color:#003378;}
.bossList > li:hover > a > strong:after{background-color:#1174ff;}
.bossList > li.active > a > strong{color:#003378;}
.bossList > li.active > a > strong:after{background-color:#1174ff;}
.bossList > li:hover > a .thum{box-shadow: rgb(1 1 1 / 15%) 0 0 15px 5px;}
.bossList > li.active > a .thum{box-shadow: rgb(1 1 1 / 15%) 0 0 15px 5px;}

@media screen and (max-width:1440px){
  .bossList{gap:20px;}
}

@media screen and (max-width:1200px){
  .bossList{display:grid;grid-template-columns: 1fr 1fr 1fr;gap: 40px 20px;}
}

@media screen and (max-width:1000px){
  .bossList{display:grid;grid-template-columns: 1fr 1fr;gap: 40px 20px;}
}

@media screen and (max-width:767px){
  .bossList{display:grid;grid-template-columns: 1fr;gap: 40px;}
}

/* 건학정신, 연세이념 */
.ideology .list > li{position:relative;padding:20px 0 0 180px;font-size:17px;font-family: 'ppr';}
.ideology .list > li > span{position:absolute;left:0;top:0;font-size:20px;font-family: 'ppm';display: block;color:#003378;}
.ideology .list > li > span:before{content:'';width:40px;height: 2px;background:#003378;display: block;margin-bottom:18px;}
.ideology .list > li + li{margin-top:40px;}

.ideology .graph{margin-top:70px;border-radius: 15px;background-color: #f4f8fb;position:relative;height: 500px;text-align: center;padding-top:100px;overflow: hidden;}
.ideology .graph:before{content:'';width:716px;height: 500px;background:url('../../images/sub/loop-box-bg-left.png') no-repeat center;position:absolute;left:0;top:0;}
.ideology .graph:after{content:'';width:716px;height: 500px;background:url('../../images/sub/loop-box-bg-left.png') no-repeat center;position:absolute;right:0;bottom:0;transform: rotate(180deg);}
.ideology .graph > ul{display: flex;background:url('../../images/sub/loop-circle.png') no-repeat center;width:590px;margin: 0 auto;position:relative;z-index:1;/* gap: 0 30px; */}
.ideology .graph > ul > li{height:300px;width:50%;padding-top: 85px;}
.ideology .graph > ul > li > img{display:block;margin:0 auto 15px;}
.ideology .graph > ul > li > strong{display:block;font-size:28px;font-family:'pps';}
.ideology .graph > ul > li > p{display:block;font-size:20px;font-family:'ppr';}
.ideology .graph > ul > li:nth-child(1) > strong,
.ideology .graph > ul > li:nth-child(1) > p{color:#005ead;}
.ideology .graph > ul > li:nth-child(2) > strong,
.ideology .graph > ul > li:nth-child(2) > p{color:#003378;}

@media screen and (max-width:1440px){
  .ideology .graph:before,
  .ideology .graph:after{width:250px;height: 500px;background-size: cover;}
}

@media screen and (max-width:767px){
  .ideology .list > li{padding-left:0; font-size: 17px;}
  .ideology .list > li > span{position:initial;margin-bottom:15px;}
  .ideology .list > li > span:before{margin-bottom:12px;}

  .ideology .graph:before,
  .ideology .graph:after{display:none;}
  .ideology .graph{padding: 25px;height:250px;padding-top:50px;}
  .ideology .graph > ul{width: 270px;background-size: contain;}
  .ideology .graph > ul > li{height: 160px;padding-top: 45px;}
  .ideology .graph > ul > li > img{margin-bottom:5px;}
  .ideology .graph > ul > li:nth-child(1) > img{width:20px;}
  .ideology .graph > ul > li:nth-child(2) > img{width:26.6px;}
  .ideology .graph > ul > li > strong{font-size:16px;}
  .ideology .graph > ul > li > p{font-size:14px;}
}

/* 비전선언문 */
.decl .inner{max-width: 1440px;margin:0 auto;}
.decl .inner p{font-size:17px;font-family: 'ppr';color:#333;line-height: 1.6;}
.decl .y-vis{padding:45px;border-radius: 10px;background:url('../../images/sub/decl-bg.png') no-repeat left top;margin:45px 0 60px;height: 400px;}
.decl .y-vis span{font-size:18px;color:#ffd241;display: block;font-family: 'pps';margin-bottom:12px;}
.decl .y-vis strong{font-size:28px;color:#fff;font-family: 'ppm';line-height: 1.3;}
.decl .decl-list{margin:45px 0 60px;display: flex;gap: 0 40px;}
.decl .decl-list > li{padding:35px;border-radius: 10px;width: 100%;position: relative;}
.decl .decl-list > li > span{color:#fff;font-size:16px;font-family: 'pps';display:block;margin-bottom: 25px;}
.decl .decl-list > li > strong{display: block;font-family: 'ppm';font-size:24px;color:#fff;margin-bottom:5px;}
.decl .decl-list > li > p{font-family: 'ppr';color:#fff;}
.decl .decl-list > li:after{position:absolute;right:35px;top:35px;}
.decl .decl-list > li:nth-child(1){background-color: #005ead;}
.decl .decl-list > li:nth-child(2){background-color: #94AAB6;}
.decl .decl-list > li:nth-child(3){background-color: #41525d;}
.decl .decl-list > li:nth-child(1):after{content:'';width:34px;height: 34px;background: url('../../images/sub/decl-icon01.png') no-repeat center;}
.decl .decl-list > li:nth-child(2):after{content:'';width:27px;height: 32px;background: url('../../images/sub/decl-icon02.png') no-repeat center;}
.decl .decl-list > li:nth-child(3):after{content:'';width:32px;height: 32px;background: url('../../images/sub/decl-icon03.png') no-repeat center;}
.decl .decl-num{margin:25px 0 40px;}
.decl .decl-num > li{font-size:17px;font-family: 'ppr';color:#333;padding-left:25px;position:relative;}
.decl .decl-num > li + li{margin-top:12px;}
.decl .decl-num > li > span{font-size:17px;font-family: 'pps';color:#1174ff;position:absolute;left:0;top:1px;}
.decl .inner .s-b{color:#005ead;}
.decl .bottom{margin-top:50px;padding-top:35px;border-top:1px solid #b7b7b7;}
.decl .bottom > ul{display: flex;justify-content: space-between;}
.decl .bottom > ul p{text-align:right;font-size:20px;font-family:'ppr';color:#121212;}

@media screen and (max-width:1400px){
  .decl .y-vis{height: 320px;background-position: 50% 0;}
}

@media screen and (max-width:1200px){
  .decl .decl-list{gap:0 20px;}
}

@media screen and (max-width:767px){
  .decl .decl-list{flex-wrap:wrap;gap:20px 0;}
  .decl .decl-list > li > strong{font-size:20px;}
  .decl .decl-list > li > span{margin-bottom:12px;}
  .decl .bottom > ul p{font-size:17px;}
  .decl .y-vis{padding: 20px; background-position: 62% 0;}
}

/* 비전체계도 */
.decl-graph .vis01 .tit{background:url('../../images/sub/v-p-half-circle.png') no-repeat center;width:1000px;height: 258px;border-bottom:1px solid #d2e4ff;padding: 140px 0 0;text-align: center;margin:0 auto;}
.decl-graph .vis01 .tit > span{font-family: 'pps';font-size:40px;color:#003378;line-height: 1.15;}
.decl-graph .vis01 .top{padding:40px 0;text-align:center;font-family:'ppm';color:#000;font-size:30px;}
.decl-graph .vis01 .top strong{color:#005ead;font-family:'pps';font-size: 35px;}
.decl-graph .vis01 .bt{border-radius: 10px;background:#003378;padding:35px;font-size:30px;color:#fff;text-align: center;font-family: 'ppm';position:relative;margin-bottom:50px;}
.decl-graph .vis01 .bt:before{content:'';width:8px;height: 8px;background:#fabf00;transform: rotate(45deg);position:absolute;left:40px;top:55px;border-radius: 2px;}
.decl-graph .vis01 .bt:after{content:'';width:8px;height: 8px;background:#fabf00;transform: rotate(45deg);position:absolute;right:40px;top:55px;border-radius: 2px;}

.decl-graph .vis02{padding-bottom: 120px;position:relative;margin-bottom:30px;}
.decl-graph .vis02:after{content:'';width:588px;height: 209px;background:url('../../images/sub/v-p-arr.png') no-repeat center;position: absolute;bottom:0;left:50%;margin-left:-294px;z-index: -2;}
.decl-graph .vis02 > ul{display: flex;width:1130px;height: 380px;margin:0 auto;position:relative;}
.decl-graph .vis02 > ul:before{content:'';background:url('../../images/sub/v-p-circle.png') no-repeat center;width:1130px;height: 380px;position:absolute;left:0;top:0;z-index:-1;}
.decl-graph .vis02 > ul > li{width:100%;text-align: center;display: flex;flex-direction: column;justify-content: center;}
.decl-graph .vis02 > ul > li span{color:#005ead;font-size:20px;font-family: 'pr';display:block;margin-bottom: 5px;}
.decl-graph .vis02 > ul > li strong{color:#005ead;font-size:28px;font-family: 'pps';display: block;}

.decl-graph .vis02 > ul > li:nth-child(2) span,
.decl-graph .vis02 > ul > li:nth-child(2) strong{color:#aebbc2;}

.decl-graph .vis02 > ul > li:nth-child(3) span,
.decl-graph .vis02 > ul > li:nth-child(3) strong{color:#41525d;}

/* .decl-graph .vis03 > ul{display: flex;gap:0 22px;} */
/* 추가 */
.decl-graph .vis03 > ul{display: flex;gap:0 22px; justify-content:center; margin-bottom:20px;}

.decl-graph .vis03 > ul > li{border:2px solid #004098;width:100%;border-radius: 8px;}
.decl-graph .vis03 > ul > li > span{display: block;font-size:22px;color:#004098;text-align: center;font-family: 'pps';padding:22px;line-height: 1.2;background-color: #ebf2fb;border-radius: 8px 8px 0 0;}
.decl-graph .vis03 > ul > li > p{padding:30px;text-align: center;color:#333;font-family: 'ppr';line-height: 1.7;}
.decl-graph .vis03 > ul > li > p i{display: block;}


/* 추가 */
.decl-graph .vis03 > ul > li{width:22%;}

.decl-graph .vis04 > ul{display: flex;gap:0 22px; justify-content:center; margin-bottom:20px;}
.decl-graph .vis04 > ul > li{border:2px solid #004098;width:100%;border-radius: 8px; width:18%}
.decl-graph .vis04 > ul > li > span{display: block;font-size:22px;color:#004098;text-align: center;font-family: 'pps';padding:8px;line-height: 1.2;background-color: #ebf2fb;border-radius: 10px 10px 10px 10px; height:100%;}
.decl-graph .vis04 > ul > li > p{padding:30px;text-align: center;color:#333;font-family: 'ppr';line-height: 1.7;}
.decl-graph .vis04 > ul > li > p i{display: block;}

.decl-graph .vis04 > ul > li{width:12%;}

@media screen and (max-width:1400px){
  /*
  .decl-graph .vis03 > ul{flex-wrap:wrap;gap:22px;}
  .decl-graph .vis03 > ul > li{width:calc(100% / 3 - 22px);}
  */
  .decl-graph .vis03 > ul{flex-wrap:wrap;gap:22px; justify-content:center; margin-bottom:20px;}
  .decl-graph .vis03 > ul > li{width:calc(100% / 3 - 100px);}

  .decl-graph .vis04 > ul{flex-wrap:wrap;gap:22px; justify-content:center; margin-bottom:20px;}
  .decl-graph .vis04 > ul > li{width:calc(100% / 6 - 60px);}
}

@media screen and (max-width:1200px){
  .decl-graph .vis01 .tit{background-size:420px;background-position:center bottom;padding: 160px 0 0;width: 100%;}
  .decl-graph .vis01 .tit > span{font-size:32px;}
  .decl-graph .vis01 .top{font-size:24px;padding:30px 0;}
  .decl-graph .vis01 .top strong{font-size:28px;}
  .decl-graph .vis01 .bt{font-size:24px;padding:25px 0;}
  .decl-graph .vis01 .bt:after,
  .decl-graph .vis01 .bt:before{top:40px;}
  .decl-graph .vis02 > ul:before{background-size: 800px;width: 800px;height: 300px;}
  .decl-graph .vis02 > ul{width: 800px;height: 300px;}
  .decl-graph .vis02 > ul > li span{font-size:16px;}
  .decl-graph .vis02 > ul > li strong{font-size:24px;}
  .decl-graph .vis02:after{width:380px;background-size:contain;margin-left:-190px;}

  /* 추가 */
  .decl-graph .vis03 > ul > li{width:calc(100% / 3 - 80px);}
  .decl-graph .vis04 > ul > li{width:calc(100% / 6 - 50px);}  
}

@media screen and (max-width:860px){
  .decl-graph .vis01 .tit{background-size:300px;height: 200px;padding-top: 130px;}
  .decl-graph .vis01 .tit > span{font-size:22px;}
  .decl-graph .vis01 .top{font-size:20px;}
  .decl-graph .vis01 .top strong{font-size: 22px;}
  .decl-graph .vis02 > ul{flex-wrap:wrap;width: 300px;height: 800px;}
  .decl-graph .vis02 > ul:before{transform:rotate(90deg);left: 50%;top: 50%;margin-left: -400px;margin-top: -150px;}

  /* .decl-graph .vis03 > ul > li{width:calc(100% / 2 - 22px);} */
  .decl-graph .vis03 > ul > li{width:calc(100% / 4 - 10px);}
  .decl-graph .vis04 > ul > li{width:calc(100% / 3 - 10px);}

  .decl-graph .vis01 .bt{font-size:20px;}
  .decl-graph .vis01 .bt:after, .decl-graph .vis01 .bt:before{top:35px;}
  .decl-graph .vis03 > ul > li > span{padding:18px 0;font-size:19px;}
  .decl-graph .vis03 > ul > li > p{padding:25px;}
}

@media screen and (max-width:600px){
  .decl-graph .vis03 > ul > li{width:100%;}
  /* 추가 */
  .decl-graph .vis04 > ul > li{width:100%;}

  .decl-graph .vis01 .bt {padding: 20px;}
  .decl-graph .vis01 .bt:after, .decl-graph .vis01 .bt:before{display:none;}
}

/* 연희세브란스 역사 */
.y-history .top .area{max-width: 1440px;margin:0 auto;}
.y-history .top .area .imgBox{padding:50px;height: 330px;margin-bottom:35px;border-radius: 10px;}
.y-history .top .area .imgBox strong{font-size:28px;font-family: 'ppm';color:#fff;display:block;margin-bottom:15px;}
.y-history .top .area .imgBox span{font-size:22px;font-family: 'ppr';color:#fabf00;display: block;}
.y-history .top .area > p{font-size:17px;color:#333;font-family: 'ppr';line-height: 1.6;margin-bottom:85px;}

.y-history.type1 .top .area .imgBox{background: url('../../images/sub/his-bg01.png') no-repeat top right;}
.y-history.type2 .top .area .imgBox{background:url('../../images/sub/his-bg02.png') no-repeat center;}

.y-history .bottom{background:#f1f6fa;overflow: hidden;}
.y-history .bottom .area{max-width:1440px;padding: 130px 0 135px;position: relative;margin: 0 auto;text-align: center;}
.y-history .bottom .area > strong{font-size:100px;color:#fff;font-family: 'pps';font-style: italic;line-height: 1;position:absolute;width: auto;white-space: nowrap;}
.y-history .bottom .area > strong.top-tit{top: -20px;right:50%;}
.y-history .bottom .area > strong.bottom-tit{bottom:-20px;left:50%;}
.y-history .bottom .his-list .his-logo{margin-bottom:50px;}
.y-history .bottom .his-list .his-logo > span{display: block;padding-top:30px;font-size:28px;font-family: 'pps';color:#333;}
.y-history .bottom .his-list .his-ul {overflow: hidden;padding-top: 30px;position: relative;display:flex;flex-wrap: wrap;flex-direction: row-reverse;gap: 0 0;}
.y-history .bottom .his-list .his-ul:before{content:'';width:20px;height:100%;position:absolute;background:#005ead;border-radius:50px;top:0;left: 50%;margin-left: -10px;}
.y-history .bottom .his-list .his-ul > li{width:50%;margin-bottom:85px;position:relative;}
.y-history .bottom .his-list .his-ul > li:nth-child(odd){text-align: left;padding-left: 110px;}
.y-history .bottom .his-list .his-ul > li:nth-child(even){text-align: right;padding-right: 110px;top:140px;}
.y-history .bottom .his-list .his-ul > li:before{content:'';width: 60px;height:1px;border:1px dotted #2781ff;position:absolute;left: 10px;top:16px;}
.y-history .bottom .his-list .his-ul > li:nth-child(even):before{left:unset;right: 10px;}
.y-history .bottom .his-list .his-ul > li > strong{font-size:20px;color:#005ead;display:block;font-family: 'ppm';margin-bottom:10px;position: relative;}
.y-history .bottom .his-list .his-ul > li > strong:before{content:'';width:25px;height:25px;background:#dae9fb;border-radius:50%;position:absolute;left: -40px;top:4px;}
.y-history .bottom .his-list .his-ul > li > strong:after{content:'';width:8px;height:8px;background:#1174ff;border-radius:50%;position:absolute;left: -31px;top:13px;}
.y-history .bottom .his-list .his-ul > li:nth-child(even) > strong:before{left:unset;right: -40px;}
.y-history .bottom .his-list .his-ul > li:nth-child(even) > strong:after{left:unset;right: -31px;}
.y-history .bottom .his-list .his-ul > li > p{font-family: 'ppr';font-size:17px;color:#333;margin-bottom:25px;}
.y-history .bottom .his-list .his-ul > li > p i{display: block;}
.y-history .bottom .his-list .his-ul > li .img-ul{display: flex;gap:15px;margin-bottom:15px;}
.y-history .bottom .his-list .his-ul > li .img-ul > li{position:relative;}
.y-history .bottom .his-list .his-ul > li .img-ul > li:before{display: none; line-height:1;padding: 3px 5px;border-radius:5px;background:#00a3d9;color:#fff;font-family:'pps';font-size:10px;position:absolute;left:10px;top:10px;}
.y-history .bottom .his-list .his-ul > li .img-ul > li:nth-child(1):before{content:'1';}
.y-history .bottom .his-list .his-ul > li .img-ul > li:nth-child(2):before{content:'2';}
.y-history .bottom .his-list .his-ul > li .img-ul > li:nth-child(3):before{content:'3';}
.y-history .bottom .his-list .his-ul > li .img-ul > li:nth-child(4):before{content:'4';}
.y-history .bottom .his-list .his-ul > li .img-ul > li:nth-child(5):before{content:'5';}
.y-history .bottom .his-list .his-ul > li:nth-child(even) .img-ul{justify-content: flex-end;}
.y-history .bottom .his-list .his-ul > li .txt-ul{display:inline-block;}
.y-history .bottom .his-list .his-ul > li .txt-ul > li{font-size:15px;color:#555555;font-family: 'ppr';position: relative;padding-left: 22px;}
.y-history .bottom .his-list .his-ul > li .txt-ul > li:before{line-height:1;padding: 3px 5px;border-radius:5px;background:#00a3d9;color:#fff;font-family:'pps';font-size:10px;position:absolute;left: 0;top: 4px;}
.y-history .bottom .his-list .his-ul > li .txt-ul > li:nth-child(1):before{content:'1';}
.y-history .bottom .his-list .his-ul > li .txt-ul > li:nth-child(2):before{content:'2';}
.y-history .bottom .his-list .his-ul > li .txt-ul > li:nth-child(3):before{content:'3';}
.y-history .bottom .his-list .his-ul > li .txt-ul > li:nth-child(4):before{content:'4';}
.y-history .bottom .his-list .his-ul > li .txt-ul > li:nth-child(5):before{content:'5';}
.y-history .bottom .his-list .his-ul > li .txt-ul > li + li{margin-top:5px;}
.y-history .bottom .his-list .his-ul > li .img-ul .no-number:before,
.y-history .bottom .his-list .his-ul > li .txt-ul .no-number:before{display: none;}
.y-history .bottom .his-list .his-ul > li .txt-ul .inline{display: inline-block;}
.y-history .bottom .his-list .his-ul > li .txt-ul > li i{display: block;}
.y-history .bottom .his-list .his-ul > li .txt-ul > li strong{color:#000000;}
.y-history .bottom .his-list .his-ul > li.space{top: -150px;}

@media screen and (max-width:1921px){
  .y-history .bottom{position:relative;}
  .y-history .bottom .area > strong.top-tit{right:unset;left:10px;}
  .y-history .bottom .area{position:initial;}
}

@media screen and (max-width:1600px){
  .y-history .bottom .area > strong{font-size:80px;}
  .y-history .bottom .area > strong.top-tit{top:0;}
  .y-history .bottom .area > strong.bottom-tit{bottom:0;left:unset;right:20px;}
  .y-history .bottom .area > strong {font-size: 60px;}
}

@media screen and (max-width:1023px){
  .y-history .top .area .imgBox{height:280px;}
  .y-history.type1 .top .area .imgBox{background-position: 85% 0;}
  .y-history .bottom .his-list .his-ul > li:nth-child(odd){padding-left:60px;}
  .y-history .bottom .his-list .his-ul > li:nth-child(even){padding-right:60px;}
  .y-history .bottom .his-list .his-ul > li:before{width:20px;left: 6px;}
  .y-history .bottom .his-list .his-ul:before{width:12px;margin-left: -6px;}
  .y-history .bottom .his-list .his-ul > li:nth-child(even):before{right:6px;}
}

@media screen and (max-width:767px){
  .y-history .top .area > p {margin-bottom: 40px; font-size: 17px;}
  .y-history .top .area .imgBox {position: relative; padding: 25px;}
  .y-history .top .area .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); border-radius: 10px;}
  .y-history .top .area .imgBox strong {position: relative; z-index: 1; margin-bottom: 0;}
  .y-history .top .area .imgBox span {position: relative; z-index: 1;}
  .y-history.type1 .top .area .imgBox {padding: 25px;}
  .y-history .bottom .area{padding:70px 0 30px 0;}
  .y-history .bottom .his-list .his-logo{margin-bottom:20px;}
  .y-history .bottom .his-list .his-logo > span{font-size:24px;padding-top:15px;}
  .y-history .bottom .his-list .his-ul > li{width:100%;padding-left:60px !important;padding-right:30px !important;}
  .y-history .bottom .his-list .his-ul > li + li + li{top:0;}
  .y-history .bottom .his-list .his-ul > li:nth-child(even){top:0;text-align: left;}
  .y-history .bottom .his-list .his-ul > li:nth-child(even) .img-ul{justify-content: left;}
  .y-history .bottom .his-list .his-ul > li:nth-child(even):before{right:unset;left: 6px;}
  .y-history .bottom .his-list .his-ul:before{display:none;}
  .y-history .bottom .his-list .his-ul > li{margin-bottom: 40px;}
  .y-history .bottom .his-list .his-ul > li:nth-child(even) > strong:before{left: -40px;}
  .y-history .bottom .his-list .his-ul > li:nth-child(even) > strong:after{left:-31px;}
  .y-history .bottom .his-list .his-ul > li.space{top:0;}
  .y-history .bottom .area > strong {font-size: 30px;}
  .y-history .bottom .area > strong.top-tit{top:0;font-size:40px;white-space:wrap;text-align: left;}
  .y-history .bottom .area > strong.bottom-tit{font-size:40px;white-space:wrap;text-align: right;bottom:0;}
  .y-history .bottom .his-list .his-ul > li > p{margin-bottom:10px; font-size: 17px;}
  .y-history .bottom .his-list .his-ul > li .txt-ul > li {font-size: 16px;}
}

/* 시상 */
.sisang .inner{max-width:1440px;margin:0 auto;}
.sisang-list{display:grid;grid-template-columns: 1fr 1fr 1fr;gap: 40px;margin: 40px 0;position: relative;}
.sisang-list > li{position: static;}
.sisang-list > li > a{display:block;color:#555;}
.sisang-list > li > a .thum{overflow:hidden;border-radius:10px;margin-bottom: 25px;transition: all ease .25s;}
.sisang-list > li > a .thum img{width:100%;height:100%;object-fit:contain;}
.sisang-list > li > a > p{font-size:16px;font-family:'ppr';margin-bottom:12px;}
.sisang-list > li > a > strong{color:#121212;font-family:'ppm';font-size:20px;display:block;line-height:1.25;position:relative;transition: all ease .25s;}
.sisang-list > li > a > strong:after{content:'';width:30px;height:30px;background: #ccc url('../../images/sub/sisang-arr.png') no-repeat center 14px;position:absolute;right:0;border-radius:50%;top: -3px;transition: all ease .25s;}
.sisang-list > li:hover > a > strong{color:#003378;}
.sisang-list > li:hover > a > strong:after{background-color:#1174ff;}
.sisang-list > li.active > a > strong{color:#003378;}
.sisang-list > li.active > a > strong:after{background-color:#1174ff;transform:rotate(180deg);}
.sisang-list > li:hover > a .thum{box-shadow: rgb(1 1 1 / 15%) 0 0 15px 5px;}
.sisang-list > li.active > a .thum{box-shadow: rgb(1 1 1 / 15%) 0 0 15px 5px;}
.sisang-popup{position: absolute;left: 0;margin-top: 40px;max-width: 1440px;z-index: 1;display: none;}
.sisang-popup .wrap{padding: 80px 80px 60px 40px;border:1px solid #ccc;border-radius:15px;background: #fff;margin-bottom: 40px;}
.sisang-popup .inner{background:#f0f6fb;border-radius:15px;padding:50px;}
.sisang-popup .inner > ul > li{position:relative;padding-left:210px;}
.sisang-popup .inner > ul > li + li{margin-top:30px;}
.sisang-popup .inner > ul > li p{font-size:17px;font-family:'ppr';line-height:1.6;color:#333;}
.sisang-popup .inner > ul > li > span{position:absolute;left:0;color:#333;font-family:'ppm';font-size:17px;}
.sisang-popup .inner > ul > li > span:before{content:'';width:5px;height:5px;background:#0040c1;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:10px;margin-top:-3px;}
.sisang-popup .inner > ul > li > span:after{content:'';width:1px;height:15px;background:#c0c8cd;position:absolute;left:190px;top: 7px;}
.sisang-popup .inner > ul > li .inner-ul > li{position:relative;font-size:17px;font-family:'ppr';color:#333;padding-left: 10px;}
.sisang-popup .inner > ul > li .inner-ul > li + li{margin-top:5px;}
.sisang-popup .inner > ul > li .inner-ul > li:before{content:'';width:2px;height:2px;background:#033476;position:absolute;left:0;top:12px;}
.sisang-popup .close{width:45px;height:45px;background:#1174ff url('../../images/sub/sisang-close.png') no-repeat center;text-indent:-9999px;display:block;border-radius:50%;position:absolute;right:20px;top:20px;}

.sisang-list > li.active .sisang-popup{display:block;}

@media screen and (max-width:1440px){
  .sisang-list{gap:20px;}
}

@media screen and (max-width:1200px){
  .sisang-list{gap: 40px 20px;}
}

@media screen and (max-width:1000px){
  .sisang-list{display:grid;grid-template-columns: 1fr 1fr;gap: 40px 20px;}
}

@media screen and (max-width:767px){
  .sisang-list{display:grid;grid-template-columns: 1fr;gap: 40px;}
  .sisang-popup .wrap{padding:60px 35px 35px;}
  .sisang-popup .close{width:35px;height:35px;right:15px;top:15px;}
  .sisang-popup .inner{padding:35px 25px;}
  .sisang-popup .inner > ul > li{padding-left:0;}
  .sisang-popup .inner > ul > li > span{position:initial;margin-bottom:10px;display:block;}
  .sisang-popup .inner > ul > li > span:after{display:none;}
  .sisang-popup .inner > ul > li p,
  .sisang-popup .inner > ul > li .inner-ul{padding-left:15px;}
}

/* 봉사 */
.volun .inner{max-width:1440px;margin:0 auto;}
.volun .tit1{font-size:28px;font-family: 'ppm';color:#000000;display: block;margin-bottom:35px;}
.volun .tit2{font-size:20px;font-family: 'ppm';color:#005ead;display: block;margin-bottom:20px;}
.volun .g-box{background-color: #f3f5f7;padding:40px 50px;display:flex;margin-bottom:40px;border-radius: 15px;}
.volun .g-box .icon{width:120px;}
.volun .g-box .txt{width:calc(100% - 120px);}
.volun .g-box .txt strong{display:block;font-size:24px;font-family: 'ppm';color:#23262f;margin-bottom:15px;}
.volun .g-box .txt p{font-size:17px;font-family: 'ppr';line-height: 1.4;margin-bottom:15px;}
.volun .g-box .txt a{display:inline-block;font-family: 'ppm';font-size:16px;color:#011d3f;background-color: #fff;padding: 15px 45px 15px 20px;border:1px solid #011d3f;border-radius: 12px;position:relative;line-height: 1;}
.volun .g-box .txt a:after{content:'';width:12px;height: 9px;position: absolute;right: 18px;top: 20px;background:url('../../images/sub/vol-arr.png') no-repeat center;}
.volun .txt-ul{margin-bottom:40px;}
.volun .txt-ul > li{position:relative;padding-left: 15px;line-height: 1.4;color:#333333;font-size:17px;font-family: 'ppr';}
.volun .txt-ul > li::before{content:'';width:3px;height: 3px;background-color: #1174ff;position:absolute;left:0;top: 10px;}
.volun .txt-ul > li + li{margin-top:10px;}
.volun .txt-ul > li > span{color:#000;font-family: 'ppm';}
.volun .img-ul{display: flex;gap:40px;}
.volun .img-ul > li{border-radius: 10px;overflow: hidden;}

@media screen and (max-width:1000px){
  .volun .img-ul{flex-wrap: wrap;gap:20px;}
  .volun .img-ul > li{width:calc(50% - 10px);}
}

@media screen and (max-width:767px){
  .volun .g-box{padding:35px 25px;}
  .volun .g-box .icon{width:80px;padding-top: 7px;}
  .volun .g-box .icon img{width:50px;}
  .volun .g-box .txt strong{font-size:22px;}
  .volun .g-box .txt p{font-size:16px;}
}

@media screen and (max-width:600px){
  .volun .img-ul{justify-content: center;text-align: center;}
  .volun .img-ul > li{width:100%;}
}

/* 조직도 */
.org .org-top{border:1px solid #ccc;padding:60px 60px 70px;border-radius: 10px;}
.org .org-top .dep01{position:relative;background:url('../../images/sub/org-logo.png') no-repeat center;text-align: center;width:180px;height: 180px;display: flex;margin: 0 auto 20px;flex-direction: column;justify-content: center;}
.org .org-top .dep01 strong{font-size:20px;font-family: 'pps';color:#fff;line-height: 1;}
.org .org-top .dep02{display:flex;max-width:590px;justify-content: space-between;margin: 0 auto 80px;align-items: center;}
.org .org-top .dep02 > ul > li{position:relative;color:#1174ff;font-size:18px;background:#ecf4ff;font-family: 'ppr';height: 60px;display:flex;width: 200px;border: 1px solid #1174ff;border-radius: 7px;justify-content: center;align-items: center;}
.org .org-top .dep02 > ul > li + li{margin-top:20px;}
.org .org-top .dep03{display: flex;gap:40px;margin-bottom:45px;position:relative;}
.org .org-top .dep03 > ul{display: flex;gap:20px;width: 100%;position:relative;}
.org .org-top .dep03 > ul > li{position:relative;color:#fff;font-size:17px;font-family:'ppr';background: #005ead;height: 60px;width:100%;border-radius: 7px;display: flex;align-items: center;justify-content: center;margin-top:40px;}
.org .org-top .dep04{display: flex;gap:40px;position:relative;}
.org .org-top .dep04 > ul{display: flex;gap:20px;width: 100%;position:relative;}
.org .org-top .dep04 > ul > li{position:relative;color:#41525d;font-size:17px;font-family:'ppr';background: #f1f2f4;height: 60px;width:100%;border-radius: 7px;display: flex;align-items: center;justify-content: center;border:1px solid #41525d;margin-top:40px;}

.org .org-top .dep01:before{content:'';width:1px;height: 415px;background:#ccc;position:absolute;left:50%;top: 150px;}
.org .org-top .dep02 > ul > li:before{content:'';width:95px;height:1px;background:#ccc;position:absolute;left:100%;margin-left:1px;}
.org .org-top .dep02 > ul:nth-child(2) > li:before{margin-left:0;margin-right:1px;left:unset;right:100%;}
.org .org-top .dep03 > ul > li:before,
.org .org-top .dep04 > ul > li:before{content:'';width:1px;height:40px;background:#ccc;position:absolute;left:50%;bottom:100%;}
.org .org-top .dep03 > ul > li:after,
.org .org-top .dep04 > ul > li:after{content:'';width:calc(100% + 20px);height:1px;background:#ccc;position:absolute;left:calc(50% + 1px);top:-40px;}
.org .org-top .dep03 > ul > li:nth-last-child(1):after,
.org .org-top .dep04 > ul > li:nth-last-child(1):after{display:none;}
.org .org-top .dep03:before{content:'';width: 33.33%;height:1px;background:#ccc;position:absolute;top:0;left: 33.33%;}
.org .org-top .dep04:before{content:'';width: 33.33%;height:1px;background:#ccc;position:absolute;top:1px;left: 33.33%;}

.org .tit1{color:#005ead;display:block;font-size:20px;font-family: 'ppm';line-height: 1.25;margin-bottom:25px;}
.org-bottom {margin-top: 30px;}
.org-bottom > ul{display:flex;gap:20px;position:relative; justify-content: flex-start;}
.org-bottom > ul:before{content:'';background:#a5a5a5;width:100%;height: 1px;position:absolute;left:0;top:25px;z-index:-1;}
.org-bottom > ul > li > a{font-size:18px;color:#fff;background:#3e454d;font-family: 'ppm';min-width:210px;padding:15px 40px;display:block;line-height:1.2;border-radius: 50px;text-align: center;}
.org-bottom > ul > li.active > a{position: relative; background:#1473e6;}
.org-bottom > ul > li.active > a::after{content: ''; position: absolute; left: 50%; bottom: -9px; width: 20px; height: 20px; border-radius: 3px; background: #1473e6; transform: translate(-50%,0) rotate(45deg);}

.org-bottom .org-box {display: none; margin-top:40px;width: 100%;}
.org-bottom .org-box.active {display: block;}
.org-bottom .org-box .tit2{font-family: 'pps';display:block;font-size:24px;color:#333333;margin-bottom:15px;}
.org-bottom .org-box .tit3{font-family: 'ppm';display:block;font-size:16px;color:#333333;margin-bottom:15px;}
.org-bottom .org-box .list-box{background:#f7f7f7;padding:35px 50px;border-radius: 8px;margin-bottom:30px;}
.org-bottom .org-box .org-ul01{display:flex;flex-wrap:wrap;gap:15px 0;}
.org-bottom .org-box .org-ul01 > li{color:#000000;font-size:17px;font-family: 'ppr';position:relative;padding-left:15px;padding-right: 25px;width:calc(100% / 4);line-height: 1.4;}
.org-bottom .org-box .org-ul01 > li:before{content:'';width:3px;height: 3px;background:#1174ff;position:absolute;left:0;top: 10px;}

.org-bottom .org-box .org-ul02{display:flex;flex-wrap:wrap;gap:12px 0;margin-top:15px;}
.org-bottom .org-box .org-ul02 > li{color:#333;font-size:17px;font-family: 'ppr';position:relative;padding-left: 16px;width:calc(100% / 4);line-height: 1.4;padding-right: 25px;}
.org-bottom .org-box .org-ul02 > li:before{content:'';background:#000;width: 6px;height: 2px;position:absolute;left:0;top: 12px;}

@media screen and (max-width:1400px){
  .org-bottom > ul{flex-wrap:wrap;justify-content: center;}
  .org-bottom > ul > li{width:calc(100% / 4 - 10px);}
  .org-bottom .org-box{padding-top: 60px;}
  .org-bottom > ul:before{display:none;}
}

@media screen and (max-width:1200px){
  .org .org-top{padding:40px 35px;}
}

@media screen and (max-width:1023px){
  .org .org-top .dep03{display:block;margin-bottom: 25px;}
  .org .org-top .dep04{display:block;}
  .org .org-top .dep03 > ul,
  .org .org-top .dep04 > ul{margin-top:40px;}
  .org .org-top .dep01:before{height: 700px;}
  .org .org-top .dep03:before,
  .org .org-top .dep04:before{display:none;}

  .org-bottom > ul > li{width:calc(100% / 3 - 20px);}
  .org-bottom > ul > li > a{font-size:16px;padding:12px;}

  .org-bottom .org-box .list-box{padding:30px 25px;}
  .org-bottom .org-box .org-ul01 > li,
  .org-bottom .org-box .org-ul02 > li{width:calc(100% / 3);}
}

@media screen and (max-width:860px){
  .org-bottom > ul > li{width:calc(100% / 2 - 20px);}
  .org-bottom .org-box{padding-top: 0;}
  .org-bottom .org-box .org-ul01 > li,
  .org-bottom .org-box .org-ul02 > li{width:calc(100% / 2);}
}

@media screen and (max-width:767px){
  .org .org-top{padding:35px 10px;}
  .org .org-top .dep01:before{height: 490px;}
  .org .org-top .dep02{max-width:320px;margin-bottom: 40px;}
  .org .org-top .dep02 > ul > li{font-size:15px;height:45px;width:140px;}
  .org .org-top .dep02 > ul > li:before{width:20px;}
  .org .org-top .dep03 > ul > li{margin-top:20px;}
  .org .org-top .dep04 > ul > li{margin-top:20px;}
  .org .org-top .dep03 > ul > li:before, .org .org-top .dep04 > ul > li:before{height:20px;}
  .org .org-top .dep03 > ul > li:after, .org .org-top .dep04 > ul > li:after{top:-20px;width: calc(100% + 10px);}
  .org .org-top .dep03 > ul > li,
  .org .org-top .dep04 > ul > li{font-size:15px;height:45px;}
  .org .org-top .dep03 > ul, .org .org-top .dep04 > ul{margin-top:20px;gap: 10px;}

  .org-bottom > ul > li > a {min-width: auto;}
  .org-bottom .org-box .org-ul01 > li,
  .org-bottom .org-box .org-ul02 > li{width:100%;font-size:16px;}
  .org-bottom .org-box .org-ul01 > li:before{top:9px;}
  .org-bottom .org-box .org-ul02 > li:before{height:1px;top:10px;}
  .org-bottom .org-box .list-box:last-child {margin-bottom: 0;}
}

/* POSTECH */
.postech .inner{max-width:1440px;margin:0 auto;}
.postech .bg{background: url('../../images/sub/postch-bg.png') no-repeat center;height: 400px;text-align: center;padding-top: 100px;margin-bottom:50px;}
.postech .bg > strong{display:block;font-size:38px;color:#fff;font-family:'pps';margin-top:15px;line-height:1.2;margin-bottom: 70px;}
.postech .bg > a{color:#fff;display:inline-block;font-size:16px;font-family:'ppr';padding-right:25px;background:url('../../images/sub/postech-arr01.png') no-repeat right center;position:relative;}
.postech .bg > a:after{content:'';width:0;height:1px;background:#fff;position:absolute;left:0;bottom:-4px;transition:all ease .55s;}
.postech .bg > a:hover:after{width:100%;}
.postech p{font-size:17px;font-family: 'ppr';color:#333;line-height: 1.6;margin-bottom:65px;}
.postech .btn-type1{text-align: right;margin-bottom:50px;}
.postech .btn-type1 > ul{display: flex;gap: 10px;justify-content: flex-end;}
.postech .btn-type1 > ul a{border:1px solid #011d3f;padding: 12px 40px 12px 20px;display:block;background-color: #fff;font-size:15px;color:#011d3f;font-family: 'ppm';border-radius: 5px;position:relative;}
.postech .btn-type1 > ul a:after{content:'';width:12px;height: 9px;background:url('../../images/sub/postech-arr02.png') no-repeat center;position: absolute;right: 15px;top: 20px;}

.postech .btn-type2 > ul{display: flex;gap:5px;}
.postech .btn-type2 > ul a{font-size:14px;font-family: 'ppr';color:#1473e6;border:1px solid #1473e6;border-radius: 3px;padding:6px 30px 7px 15px;display:block;line-height: 1;position:relative;}
.postech .btn-type2 > ul a:after{content:'';width:5px;height: 7px;background:url('../../images/sub/postech-arr03.png') no-repeat center;position: absolute;right: 12px;top: 11px;}

@media screen and (max-width:767px){
  .postech .bg{height:300px;padding-top: 65px;}
  .postech .bg > strong{font-size: 28px;margin-bottom: 40px;}
  .postech .btn-type2 > ul{display:block;font-size:0;}
  .postech .btn-type2 > ul > li{display:inline-block;margin:5px 5px;}
}


/* 안전보건 목표 및 경영방침 */
.safe-rule .safe-title{background:url('../../images/sub/safe-rule-bg01.png') no-repeat center;padding:15px;font-size:35px;color:#fff;font-family: 'ppm';height: 130px;display: flex;border-radius: 15px;align-items: center;justify-content: center;margin-bottom: 40px;}
.safe-rule .safe-list > ul > li{display:flex;align-items: flex-start;margin-bottom:60px;}
.safe-rule .safe-list > ul > li > span{display:block;width: 200px;font-family: 'pps';color: #41525d;font-size: 24px;padding: 20px;border-radius: 50px;text-align: center;border: 2px solid #41525d;position:relative;margin-top: 25px;}
.safe-rule .safe-list > ul > li > span:before{content:'';width:130px;height: 3px;background:url('../../images/sub/safe-rule-dot.png') no-repeat center;position:absolute;right: -86%;top: 37px;}
.safe-rule .safe-list > ul > li:nth-child(1) > span{margin-top:100px;}
.safe-rule .safe-list > ul > li .conts{width: calc(100% - 200px);padding-left: 240px;}
.safe-rule .safe-list > ul > li .conts .circle{height: 300px;display: flex;position:relative;justify-content: center;align-items: center;gap: 150px;padding-right: 45px;}
.safe-rule .safe-list > ul > li .conts .circle:before{content:'';background:url('../../images/sub/safe-rule-bg02.png') no-repeat center;height: 320px;position:absolute;width: 1016px;left: -40px;top: 0;z-index:-1;}
.safe-rule .safe-list > ul > li .conts .circle > li{width:100%;text-align:center;position: relative;top: -10px;}
.safe-rule .safe-list > ul > li .conts .circle > li > span{font-size:22px;font-family: 'pps';color:#005ead;display: inline-block;border-bottom:1px solid #005ead;padding-bottom: 7px;margin-bottom: 40px;}
.safe-rule .safe-list > ul > li .conts .circle > li > img{display:block;margin: 0 auto 20px;}
.safe-rule .safe-list > ul > li .conts .circle > li > strong{display:block;font-family: 'ppm';font-size:18px;color:#005ead;line-height: 1.25;}

.safe-rule .safe-list > ul > li .conts .circle > li:nth-child(1) {transform: translateX(-5px);}
.safe-rule .safe-list > ul > li .conts .circle > li:nth-child(2) {transform: translateX(-18px);}
.safe-rule .safe-list > ul > li .conts .circle > li:nth-child(3) {transform: translateX(-33px);}

.safe-rule .safe-list > ul > li .conts .circle > li:nth-child(2) > span{color:#8799a2;border-color:#8799a2;}
.safe-rule .safe-list > ul > li .conts .circle > li:nth-child(2) > strong{color:#8799a2;}

.safe-rule .safe-list > ul > li .conts .circle > li:nth-child(3) > span{color:#003378;border-color:#003378;}
.safe-rule .safe-list > ul > li .conts .circle > li:nth-child(3) > strong{color:#003378;}

.safe-rule .safe-list > ul > li .conts .sk-bg{background:url('../../images/sub/safe-rule-bg03.png') no-repeat center;padding:15px;font-size: 22px;color: #121212;font-family: 'ppr';height: 130px;display: flex;border-radius: 15px;align-items: center;justify-content: center;margin-bottom: 100px;flex-direction: column;position:relative;}
.safe-rule .safe-list > ul > li .conts .sk-bg:after{content:'';width:558px;height: 104px;background:url('../../images/sub/safe-rule-arr.png') no-repeat center;position: absolute;bottom: -95px;z-index: -1;}
.safe-rule .safe-list > ul > li .conts .sq{display:flex;gap:30px;padding-top:15px;}
.safe-rule .safe-list > ul > li .conts .sq li{background:#005eac;width:100%;border-radius: 15px;padding: 30px 15px 30px 30px;position:relative;overflow: hidden;}
.safe-rule .safe-list > ul > li .conts .sq li span{font-size:20px;font-family: 'pps';color:#005eac;display: flex;background-color: #fff;border-radius: 50%;width:40px;height: 40px;align-items: center;justify-content: center;margin-bottom:25px;}
.safe-rule .safe-list > ul > li .conts .sq li p{color:#fff;font-family: 'ppr';font-size:18px;}
.safe-rule .safe-list > ul > li .conts .sq li:after{content:'';width:73px;height: 77px;background:url('../../images/sub/safe-rule-icon04.png') no-repeat center;position:absolute;right: -9px;bottom: -7px;}
.safe-rule .safe-list > ul > li .conts .sq li:nth-child(2){background:#8f9aa0;}
.safe-rule .safe-list > ul > li .conts .sq li:nth-child(2) span{color:#8f9aa0;}
.safe-rule .safe-list > ul > li .conts .sq li:nth-child(2):after{width:59px;height: 60px;background:url('../../images/sub/safe-rule-icon05.png') no-repeat center;right:0;bottom:0;}
.safe-rule .safe-list > ul > li .conts .sq li:nth-child(3){background:#003378;}
.safe-rule .safe-list > ul > li .conts .sq li:nth-child(3) span{color:#003378;}
.safe-rule .safe-list > ul > li .conts .sq li:nth-child(3):after{width:63px;height: 65px;background:url('../../images/sub/safe-rule-icon06.png') no-repeat center;right:-3px;bottom:-3px;}

.safe-rule .bottom{margin-top:50px;padding-top:35px;border-top:1px solid #b7b7b7;}
.safe-rule .bottom > ul{display: flex;justify-content: space-between;}
.safe-rule .bottom > ul p{text-align:right;font-size:20px;font-family:'ppr';color:#121212;}
.safe-rule .bottom > ul p strong{font-family: 'ppm';}

@media screen and (max-width:1440px){
  .safe-rule .safe-title{font-size:28px;height:100px;}
  .safe-rule .safe-list > ul > li > span:before{width:80px;right:-100px;top: 27px;}
  .safe-rule .safe-list > ul > li .conts .circle{padding:0 6%;gap: 22%;}
  .safe-rule .safe-list > ul > li .conts .circle:before{width: 102%;background-size:contain;height: 300px;left: 0;}
  .safe-rule .safe-list > ul > li .conts .circle > li > span{margin-bottom:15px;font-size:18px;padding-bottom:5px;}
  .safe-rule .safe-list > ul > li .conts .circle > li > strong{font-size:15px;}
  .safe-rule .safe-list > ul > li > span{font-size:18px;padding: 15px;}
  .safe-rule .safe-list > ul > li .conts .sk-bg{font-size:18px;height:100px;}
  .safe-rule .safe-list > ul > li .conts .sq li span{font-size:16px;width:35px;height:35px;margin-bottom:15px;}
  .safe-rule .safe-list > ul > li .conts .sq li p{font-size:16px;}
  .safe-rule .safe-list > ul > li .conts .circle > li:nth-child(1) {transform: translateX(5px);}
  .safe-rule .safe-list > ul > li .conts .circle > li:nth-child(2) {transform: translateX(0);}
  .safe-rule .safe-list > ul > li .conts .circle > li:nth-child(3) {transform: translateX(0);}
}

@media screen and (max-width:1330px){
  .safe-rule .safe-list > ul > li .conts .circle > li:nth-child(1) {transform: translateX(5px);}
}

@media screen and (max-width:1200px){
  .safe-rule .safe-list > ul > li > span{margin-top:0 !important;margin: 0 auto;}
  .safe-rule .safe-list > ul > li{flex-wrap:wrap;}
  .safe-rule .safe-list > ul > li .conts{width:100%;padding-left:0;margin-top: 60px;}
  .safe-rule .safe-list > ul > li > span:before{width:30px;transform:rotate(90deg);right: unset;top: calc(100% + 25px);left: 50%;margin-left: -15px;}
  .safe-rule .safe-list > ul > li .conts .circle{padding:0 9%;}
  .safe-rule .safe-list > ul > li .conts .circle{flex-wrap:wrap;padding:0;gap: 45px;height: auto;margin: 20px auto;}
  .safe-rule .safe-list > ul > li .conts .circle:before{display: none;}
  .safe-rule .safe-list > ul > li .conts .circle > li {padding: 40px 0;}
  .safe-rule .safe-list > ul > li .conts .circle > li > strong {font-size: 17px;}
  .safe-rule .safe-list > ul > li .conts .circle > li:nth-child(1) {border: 5px solid #0361aa;transform: translateX(0);}
  .safe-rule .safe-list > ul > li .conts .circle > li:nth-child(2) {border: 5px solid #aebbc2;}
  .safe-rule .safe-list > ul > li .conts .circle > li:nth-child(3) {border: 5px solid #003676;}
}



@media screen and (max-width:1000px){
  .safe-rule .safe-list > ul > li .conts .circle{padding:0 6%;}
}

@media screen and (max-width:767px){
  .safe-rule .bottom > ul p{font-size:17px;}
  .safe-rule .safe-title{font-size:20px;height:70px;}
  .safe-rule .safe-list > ul > li > span{font-size:17px;padding:10px;width:180px;}
  .safe-rule .safe-list > ul > li .conts .sk-bg{height: auto; font-size:17px;}
  .safe-rule .safe-list > ul > li .conts .sq{flex-wrap:wrap;gap:20px;}
  .safe-rule .safe-list > ul > li .conts .sq li p {font-size: 17px;}
}

/* 상징 */
.symbol {position: relative;}
.symbol > .inner {max-width: 1440px;margin: 0 auto;padding: 384px 200px 95px 100px;}
.symbol::before {content: '';position: absolute;width: 100vw;height: 100%;left: 50%;transform: translateX(-50%);top: 0;background: url('../../images/sub/symbol-bg.jpg') no-repeat center / cover;}
.symbol .txt-wrap {position: relative;width: 540px;color: #fff;z-index: 1;}
.symbol strong {position: relative;display: block;padding-bottom: 50px;font-size: 40px;font-family: 'pps';}
.symbol strong::before {content: '';position: absolute;left: 0;bottom: 0;background: #fff;width: 100%;height: 1px;}
.symbol p {padding-top: 50px;font-size: 18px;font-family: 'ppr';line-height: 1.85;}
.symbol p i {display: block;height: 30px;}

@media(max-width:1024px) {
  .symbol > .inner {padding: 284px 150px 75px 70px;}
  .symbol .txt-wrap {width: 400px;}
  .symbol strong {padding-bottom: 35px;font-size: 34px;} 
  .symbol p {padding-top: 35px;font-size: 16px;}
  .symbol p i {height: 22px;}
}

@media(max-width:768px) {
  .symbol > .inner{padding: 155px 100px 85px 50px;}
  .symbol::after {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100vw;height: 100%;background: rgba(0,0,0,.2);}
  .symbol .txt-wrap {width: 100%;}
  .symbol strong {padding-bottom: 35px;font-size: 34px;} 
  .symbol p {padding-top: 35px;font-size: 16px;}
  .symbol p i {height: 22px;}
}

@media (max-width: 500px) {
  .symbol > .inner {padding: 130px 40px 80px 40px;}
}

/* 사전정보공개 */
.wrap-info {margin-top: 35px;}
.wrap-info ul {display: flex; flex-wrap: wrap; width: calc(100% + 20px);}
.wrap-info li {width: 25%; padding-right: 20px; padding-bottom: 20px;}
.wrap-info a {display: flex; justify-content: space-between; align-items: center; height: 70px; padding: 0 30px; background: #f0f4fa; border-radius: 5px; font-family: ppr; font-size: 17px; color: #000000;}
.wrap-info a:hover {background: #1174ff; color: #fff;}
.wrap-info a::after {content: ''; width: 10px; height: 16px; background: url('../../images/sub/arr-info.png') no-repeat center;}
.wrap-info a:hover::after {background: url('../../images/sub/arr-info-on.png') no-repeat center;}

@media screen and (max-width: 1280px) {
  .wrap-info li {width: 33.333%;}
}

@media screen and (max-width: 1060px) {
  .wrap-info a {font-size: 16px;}
}

@media screen and (max-width: 880px) {
  .wrap-info li {width: 50%;}
  .wrap-info a {font-size: 15px;}
}

@media screen and (max-width: 600px) {
  .wrap-info li {width: 100%;}
  .wrap-info a {height: 55px; font-size: 17px;}
}

/* 건물의 역사 */
.wrap-build {padding-top: 25px;}
.wrap-build ul {display: flex; width: calc(100% + 39px);}
.wrap-build li {padding-right: 39px;}
.wrap-build .thumb {overflow: hidden; border-radius: 10px;}
.wrap-build .thumb img {border-radius: 10px; transition: .5s;}
.wrap-build a:hover .thumb {box-shadow: 0 0 25px rgba(0,0,0,.2);}
.wrap-build a:hover .thumb img {transform: scale(1.15);}
.wrap-build .title {display: flex; justify-content: space-between; align-items: center; height: 80px;}
.wrap-build .title strong {font-family: ppm; font-size: 20px; color: #121212;}
.wrap-build a:hover .title strong {color: #003378;}
.wrap-build .title strong span {font-size: 17px;}
.wrap-build .title::after {content: ''; display: block; width: 30px; height: 30px; background: #cccccc url('../../images/sub/arr-build.png') no-repeat center; border-radius: 100%;}
.wrap-build a:hover .title::after {background-color: #1174ff;}
.wrap-build .on .title::after {background: #1174ff url('../../images/sub/arr-build-on.png') no-repeat center;}
.wrap-build .hidden-desc {display: none;}
.wrap-build .append.on {position: relative; margin-bottom: 10px; padding: 40px 90px 40px 40px; border: 1px solid #cccccc; border-radius: 10px; font-family: ppr; font-size: 17px; line-height: 2; color: #444444;}
.wrap-build .append strong {font-family: ppm; font-size: 22px; color: #003378;}
.wrap-build .append .close {position: absolute; right: 20px; top: 20px; display: block; width: 45px; height: 45px; background: #1174ff url('../../images/sub/btn-build-close.png') no-repeat center; border-radius: 100%; text-indent: -99999px;}

.wrap-build.type2 .small-title {padding-top: 30px; font-family: ppr; font-size: 16px; color: #555555;}
.wrap-build.type2 .title {height: 60px;}
.wrap-build.type2 .append.on {margin-top: 15px;  padding: 90px 90px 40px 40px;}
.wrap-build.type2 .append .box {padding: 50px; background: #f0f6fb; border-radius: 10px;}
.wrap-build.type2 .append .group {margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #97c2fd;}
.wrap-build.type2 .append .group:last-child {margin-bottom: 0; padding-bottom: 0; border: 0;}
.wrap-build.type2 .append .row {display: flex; margin-bottom: 25px;}
.wrap-build.type2 .append .col1 {position: relative; flex-shrink: 0; width: 190px;}
.wrap-build.type2 .append .col1::after {content: ''; position: absolute; right: 0px; top: 8px; width: 1px; height: 15px; background: #c9cfd4;}
.wrap-build.type2 .append .col1 em {position: relative; padding-left: 15px;}
.wrap-build.type2 .append .col1 em::after {content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background: #0040c1; border-radius: 100%;}
.wrap-build.type2 .append .col2 {padding-top: 3px; padding-left: 20px; line-height: 1.5;}
.wrap-build.type2 .append .list {display: block; width: 100%;}
.wrap-build.type2 .append .list li {position: relative; padding-right: 0; padding-left: 7px;}
.wrap-build.type2 .append .list li::after {content: ''; position: absolute; left: 0; top: 12px; width: 2px; height: 2px; background: #003378;}

@media screen and (max-width: 1300px) {
  .wrap-build ul {width: calc(100% + 20px);}
  .wrap-build li {padding-right: 20px;}
  .wrap-build .title strong {font-size: 18px;}
  .wrap-build .append.on {font-size: 16px;}
  .wrap-build .append .close {width: 35px; height: 35px;}
  .wrap-build.type2 .small-title {padding-top: 20px; font-size: 15px;}
  .wrap-build.type2 .title {height: 50px; margin-bottom: 0;}
  .wrap-build.type2 .append.on {padding: 80px 20px 20px 20px;}
  .wrap-build.type2 .append .box {padding: 30px;}
  .wrap-build.type2 .append .row {margin-bottom: 10px;}
}

@media screen and (max-width: 840px) {
  .wrap-build.type2 .append .row {flex-wrap: wrap;}
  .wrap-build.type2 .append .col1 {width: 100%;}
  .wrap-build.type2 .append .col1::after {display: none;}
  .wrap-build .append.on {padding: 30px 70px 30px 30px; font-size: 17px;}
}

@media screen and (max-width: 740px) {
  .wrap-build {padding-top: 0;}
  .wrap-build .title {height: auto; padding: 20px 0;}
  .wrap-build .title strong {display: flex; flex-direction: column; align-items: flex-start; font-size: 23px;}
  .wrap-build.type2 .small-title {font-size: 17px;}
  .wrap-build.type2 .title {font-size: 40px;}
}

@media screen and (max-width: 650px) {
  .wrap-build.on::before {content: ''; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 110;}
  .wrap-build ul {flex-wrap: wrap; width: 100%;}
  .wrap-build li {width: 100%; padding-right: 0; border-bottom: 2px solid #d1d1d1; margin-bottom: 25px;}
  .wrap-build li:last-child {margin-bottom: 0;}
  .wrap-build.type2 .append .col1 {margin-bottom: 6px;}
  .wrap-build.type2 .append .col2 {margin-bottom: 20px;}
  .wrap-build .thumb img {width: 100%;}
  .wrap-build.type2 .title {margin-bottom: 20px;}
  .wrap-build .append.on {overflow: auto; position: fixed; left: 20px; top: 50%; z-index: 120; width: calc(100% - 40px); max-height: 430px; background: #fff; padding: 20px 70px 20px 20px; transform: translate(0, -50%);}
  .wrap-build.type2 .append.on {overflow: visible; max-height: none;}
  .wrap-build.type2 .append .box {padding: 20px; overflow: auto; max-height: 440px}
}

/* 서비스 이용안내 */
.wrap-service ul {display: flex; flex-wrap: wrap; width: calc(100% + 40px);}
.wrap-service li {width: 33.333%; padding-right: 40px; padding-bottom: 60px;}
.wrap-service li .thumb img {border-radius: 10px; border: 1px solid #cccccc;}
.wrap-service .desc .title {display: flex; justify-content: space-between; padding: 20px 0;}
.wrap-service .desc .title .sbj {display: flex; align-items: center;}
.wrap-service .desc .title .sbj .link {display: block; width: 19px; height: 18px; margin-left: 10px; background: url('../../images/sub/ic-service-home.png') no-repeat center; text-indent: -9999px;}
.wrap-service .desc .title .sbj .link:hover {background: url('../../images/sub/ic-service-home-on.png') no-repeat center;}
.wrap-service .desc .title strong {display: flex; align-items: center; font-family: ppm; font-size: 20px;}
.wrap-service .desc .title strong.home::after {content: ''; display: block; width: 19px; height: 18px; margin-left: 10px; background: url('../../images/sub/ic-service-home.png') no-repeat center;}
.wrap-service .desc .title strong span {padding-left: 10px; font-size: 15px; color: #003378;}

@media screen and (max-width: 1340px) {
  .wrap-service .desc .title strong {margin-bottom: 5px;}
  .wrap-service .desc .title {flex-direction: column; align-items: flex-start;}
}

@media screen and (max-width: 1280px) {
  .wrap-service .desc .text {font-size: 16px;}
}

@media screen and (max-width: 1100px) {
  .wrap-service ul {width: calc(100% + 30px);}
  .wrap-service li {width: 50%; padding-right: 30px; padding-bottom: 40px;}
  .wrap-service .thumb img {width: 100%;}
}

@media screen and (max-width: 800px) {
  .wrap-service .desc .text {font-size: 15px;}
  .wrap-service .desc .title strong {font-size: 20px;}
  .wrap-service .desc .title strong span {font-size: 12px;}
}

@media screen and (max-width: 650px) {
  .wrap-service ul {width: 100%;}
  .wrap-service li {width: 100%; padding-right: 0;}
  .wrap-service .desc .title {padding: 20px 0 10px 0;}
  .wrap-service .desc .text {font-size: 17px;}
}

/* UI 연대기 */
.wrap-chron .title {display: flex; justify-content: center; align-items: center; height: 130px; background: url('../../images/sub/bg-chron.jpg') no-repeat center / cover; border-radius: 10px;}
.wrap-chron .title strong {font-family: pps; font-size: 35px; color: #fff;}
.wrap-chron .title strong em {color: #ffd44a;}
.wrap-chron .flow {margin-top: 110px;}
.wrap-chron .row {position: relative; min-height: 410px; margin-top: -10px;}
.wrap-chron .row.last {margin-bottom: 270px;}
.wrap-chron .row::before {content: ''; position: absolute; left: 210px; top: 0; width: calc(100% - 420px); height: 10px; background: #1174ff;}
.wrap-chron .row.first::before {left: 0; width: calc(100% - 210px);}
.wrap-chron .row::after {content: ''; position: absolute; right: 210px; bottom: 0; width: calc(100% - 420px); height: 10px; background: #1174ff;}
.wrap-chron .row.last::after {width: calc(100% - 210px); background: #1174ff url('../../images/sub/dash-chron.jpg') no-repeat left center;}
.wrap-chron .row.even::before {display: none;}
.wrap-chron .round {position: absolute; right: 0px; top: 0; width: 410px; height: 410px; border: 10px solid #1174ff; border-radius: 100%;}
.wrap-chron .round::after {content: ''; position: absolute; left: -10px; top: 0; width: 50%; height: 100%; background: #fff;}
.wrap-chron .row.even .round {right: auto; left: 0px;}
.wrap-chron .row.even .round::after {left: auto; right: -10px;}
.wrap-chron .box .year {display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; background: #1174ff; border-radius: 100%; font-family: pps; font-size: 20px; color: #fff;}
.wrap-chron .text {position: relative;}
.wrap-chron .detail {position: relative; padding-top: 50px; max-width: 275px;}
.wrap-chron .box7 .detail {padding-top: 75px;}
.wrap-chron .box10 .detail {max-width: 350px;}
.wrap-chron .detail::before {content: ''; display: block; position: absolute; left: 1px; top: 0; z-index: 1; width: 32px; height: 32px; background: #005ead; border: 8px solid #fff; border-radius: 100%; transform: translate(-50%, 0);}
.wrap-chron .detail::after {content: ''; display: block; position: absolute; left: 0; top: 25px; width: 2px; height: 40px; background: url('../../images/sub/dot-chron.png') repeat-y;}
.wrap-chron .detail strong {position: relative; display: block; padding-left: 15px; font-family: pps; font-size: 20px; color: #005ead;}
.wrap-chron .detail strong::after {content: ''; position: absolute; left: -2px; top: 13px; width: 6px; height: 6px; background: #005ead; border-radius: 100%;}
.wrap-chron .detail ul {padding-top: 10px; padding-left: 15px;}
.wrap-chron .detail li {position: relative; padding-left: 20px; padding-bottom: 10px; font-size: 15px; color: #333333;}
.wrap-chron .detail li::after {content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #1174ff;}

.wrap-chron .box .year {position: absolute; z-index: 1;}
.wrap-chron .box1 .year {left: 0; top: -9%;}
.wrap-chron .box2 .year {left: 32%; top: -9%;}
.wrap-chron .box3 .year {left: 60.5%; top: -9%;}
.wrap-chron .box4 .year {left: 96.5%; top: -61%;}
.wrap-chron .box5 .year {left: 64%; top: -9%;}
.wrap-chron .box6 .year {left: 34%; top: -9%;}
.wrap-chron .box7 .year {left: 0; top: -32%;}
.wrap-chron .box8 .year {left: 30%; top: -9%;}
.wrap-chron .box9 .year {left: 60%; top: -9%;}
.wrap-chron .box10 .year {left: 96.5%; top: -61%;}
.wrap-chron .box12 .year {left: 29%; top: -9%;}
.wrap-chron .box13 .year {left: 0; top: -32%;}
.wrap-chron .box14 .year {left: 34%; top: -9%;}
.wrap-chron .box16 .year {left: 96.5%; top: 38%;}
.wrap-chron .box17 .year {left: 63.5%; top: 89%;}
.wrap-chron .box18 .year {left: 32%; top: 89%;}

.wrap-chron .box .con {position: absolute; z-index: 1;}
.wrap-chron .box1 .con {left: 10%; top: -3%;}
.wrap-chron .box2 .con {left: 41.5%; top: -3%;}
.wrap-chron .box3 .con {left: 70%; top: -3%;}
.wrap-chron .box4 .con {left: 80%; top: -3%;}
.wrap-chron .box5 .con {left: 48%; top: -3%;}
.wrap-chron .box6 .con {left: 16%; top: -3%;}
.wrap-chron .box7 .con {left: 7%; top: -9%;}
.wrap-chron .box8 .con {left: 40%; top: -3%;}
.wrap-chron .box9 .con {left: 70%; top: -3%;}
.wrap-chron .box10 .con {left: 75%; top: -3%;}
.wrap-chron .box11 .con {left: 45%; top: -3%;}
.wrap-chron .box12 .con {left: 13%; top: -3%;}
.wrap-chron .box13 .con {left: 11%; top: -3%;}
.wrap-chron .box14 .con {left: 44.5%; top: -3%;}
.wrap-chron .box15 .con {left: 70%; top: -3%;}
.wrap-chron .box16 .con {left: 82%; top: 95%;}
.wrap-chron .box17 .con {left: 48%; top: 95%;}
.wrap-chron .box18 .con {left: 11%; top: 95%;}

.wrap-chron .icon {position: absolute; right: calc(100% + 10px); top: 95px;}
.wrap-chron .box1 .icon {right: calc(100% + 10px); width: 130px;}
.wrap-chron .box2 .icon {width: 88px;}
.wrap-chron .box3 .icon {width: 108px;}
.wrap-chron .box4 .icon {width: 95px;}
.wrap-chron .box5 .icon {width: 94px;}
.wrap-chron .box6 .icon {width: 70px;}
.wrap-chron .box7 .icon {top: 120px; width: 74px;}
.wrap-chron .box8 .icon {width: 101px;}
.wrap-chron .box9 .icon {width: 104px;}
.wrap-chron .box10 .icon {width: 96px;}
.wrap-chron .box11 .icon {width: 103px;}
.wrap-chron .box12 .icon {width: 125px;}
.wrap-chron .box13 .icon {width: 133px;}
.wrap-chron .box14 .icon {width: 95px;}
.wrap-chron .box15 .icon {left: 0; width: 101px;}
.wrap-chron .box16 .icon {width: 100px;}
.wrap-chron .box17 .icon {width: 99px;}
.wrap-chron .box18 .icon {width: 120px;}

@media screen and (max-width: 1500px) {
  .wrap-chron .row.last {margin-bottom: 0;}
  .wrap-chron .row::after,
  .wrap-chron .row::before {background: #1174ff !important;}
  .wrap-chron .text {display: flex; flex-direction: column; padding-top: 0;}
  .wrap-chron .right .text {padding-left: 80px;}
  .wrap-chron .left .text {padding-right: 80px;}
  .wrap-chron .box {position: relative; display: flex; width: 50%; padding: 0 0 60px 0;}
  .wrap-chron .right {left: 50%;}
  .wrap-chron .left {text-align: right;}
  .wrap-chron .box .year {position: absolute; top: 0; }
  .wrap-chron .right .year {left: -37px;}
  .wrap-chron .left .year {left: auto; right: -37px;}
  .wrap-chron .box .con {position: static; flex-grow: 1;}
  .wrap-chron .icon {position: static; width: 100%; padding-bottom: 20px;}
  .wrap-chron .left .icon {width: 100%; text-align: right;}
  .wrap-chron .detail {max-width: none !important; padding-top: 0 !important;}
  .wrap-chron .right .detail {padding-left: 50px;}
  .wrap-chron .left .detail {padding-right: 50px;}
  .wrap-chron .detail::after {left: 20px; top: -4px; transform: rotate(90deg);}
  .wrap-chron .left .detail strong::after {left: auto; right: -2px;}
  .wrap-chron .left .detail::after {left: auto; right: 20px;}
  .wrap-chron .left .detail ul {padding-left: 0; padding-right: 15px;}
  .wrap-chron .left .detail li {padding-left: 0; padding-right: 20px;}
  .wrap-chron .left .detail li::after {left: auto; right: 0;}
  .wrap-chron .left .detail::before {left: auto; right: -30px;}
  .wrap-chron .left .detail strong {padding-right: 15px;}
  .wrap-chron .round {display: none;}
  .wrap-chron .row::after,
  .wrap-chron .row::before {left: 50% !important; width: 10px !important; height: 100%; border-radius: 10px;}
}

@media screen and (max-width: 900px) {
  .wrap-chron .row::after,
  .wrap-chron .row::before {left: 35px !important;}
  .wrap-chron .box {width: 100%;}
  .wrap-chron .right {left: 0;}
  .wrap-chron .left {text-align: left;}
  .wrap-chron .left .year,
  .wrap-chron .right .year {left: 0px; right: auto;}
  .wrap-chron .left .icon {text-align: left;}
  .wrap-chron .right .text,
  .wrap-chron .left .text {padding-right: 0; padding-left: 120px;}
  .wrap-chron .left .detail li {padding-left: 20px; padding-right: 0;}
  .wrap-chron .left .detail {padding-right: 0; padding-left: 50px;}
  .wrap-chron .left .detail::before {left: 1px; right: auto;}
  .wrap-chron .left .detail::after {left: 20px; right: auto;}
  .wrap-chron .left .detail strong::after {left: -2px; right: auto;}
  .wrap-chron .left .detail li::after {left: 0; right: auto;}
  .wrap-chron .title strong {font-size: 24px;}
}

@media screen and (max-width: 600px) {
  .wrap-chron .flow {margin-top: 60px;}
  .wrap-chron .title {height: 90px;}
  .wrap-chron .title strong {font-size: 20px;}
}

/* S-캠퍼스 소개 */
.wrap-s-cam .title {display: flex;}
.wrap-s-cam .title .thumb {flex-shrink: 0; width: 42%;}
.wrap-s-cam .title .thumb img {border-radius: 10px;}
.wrap-s-cam .title .text {padding-left: 65px;}
.wrap-s-cam .title .text strong {display: block; padding-top: 20px; font-family: pps; font-size: 28px; color: #222222;}
.wrap-s-cam .title .text p {margin-top: 25px;}
.wrap-s-cam .desc {padding-top: 18px; padding-bottom: 50px;}
.wrap-s-cam .desc p {padding-top: 25px;}
.wrap-s-cam .sign {display: flex; justify-content: space-between; padding: 10px 0; border-top: 1px solid #cccccc;}
.wrap-s-cam .sign .name {font-family: ppm; font-size: 20px; text-align: right; line-height: 1.4; color: #222;}

.wrap-s-cam.bg {margin-top: 80px; padding: 60px 0; background: #f3f3f3 url('../../images/sub/bg-s-cam.png') no-repeat center top; text-align: center;}
.wrap-s-cam .info span {display: block; padding-bottom: 15px; font-family: ppm; font-size: 16px; color: #005ead;}
.wrap-s-cam .info strong {position: relative; display: block; padding: 0 30px 150px 30px; font-family: pps; font-size: 30px; color: #111;}
.wrap-s-cam .info strong::after {content: ''; position: absolute; left: 50%; top: 133px; width: 1px; height: 50px; background: #aaaaaa;}
.wrap-s-cam .button a {display: inline-flex; justify-content: center; align-items: center; height: 70px; padding: 0 20px; background: #fff; border: 1px solid #011d3f; border-radius: 7px; font-family: ppm; font-size: 18px; color: #011d3f; transition: .35s;}
.wrap-s-cam .button a:hover {background: #011d3f; color: #fff;}

.wrap-s-cam .flow {margin-top: 145px;}
.wrap-s-cam .slogan {position: absolute; left: 0; top: -46px; z-index: 1;}
.wrap-s-cam .slogan strong {display: block; margin-bottom: 10px; font-family: pps; font-size: 30px; color: #111111;}
.wrap-s-cam .slogan em {color: #1174ff;}
.wrap-s-cam .slogan p {font-family: pps; font-size: 19px; color: #111111;}
.wrap-s-cam .slogan::after {content: ''; position: absolute; left: calc(100% + 20px); top: 42px; width: 33px; height: 15px; background: #fff url('../../images/sub/arr-s-cam1.png') no-repeat center;}
.wrap-s-cam .row {position: relative; min-height: 320px; margin-top: -5px;}
.wrap-s-cam .row.last {margin-bottom: 170px;}
.wrap-s-cam .row::before {content: ''; position: absolute; left: 170px; top: 0; width: calc(100% - 320px); height: 5px; background: #1174ff; border-radius: 10px;}
.wrap-s-cam .row.first::before {left: 0; width: calc(100% - 170px);}
.wrap-s-cam .row::after {content: ''; position: absolute; right: 170px; bottom: 0; width: calc(100% - 320px); height: 5px; background: #1174ff;}
.wrap-s-cam .row.last::after {right: 0; width: calc(100% - 170px); background: #1174ff url('../../images/sub/deco-s-cam.png') no-repeat right center;}
.wrap-s-cam .row.even::before {display: none;}
.wrap-s-cam .round {position: absolute; right: 0px; top: 0; width: 320px; height: 320px; border: 5px solid #1174ff; border-radius: 100%;}
.wrap-s-cam .round::after {content: ''; position: absolute; left: -10px; top: 0; width: 50%; height: 100%; background: #fff;}
.wrap-s-cam .round::before {content: ''; position: absolute; right: -10px; top: 45%; width: 15px; height: 30px; background: #fff url('../../images/sub/arr-s-cam2.png') no-repeat center;}
.wrap-s-cam .row.even .round {right: auto; left: 0px;}
.wrap-s-cam .row.even .round::after {left: auto; right: -10px;}
.wrap-s-cam .row.even .round::before {right: auto; left: -10px;}
.wrap-s-cam .text {position: relative;}
.wrap-s-cam .icon {display: inline-flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 5px; font-family: pps; font-size: 20px; color: #005ead;}
.wrap-s-cam .detail {position: relative; padding-top: 30px; max-width: 275px;}
.wrap-s-cam .detail::before {content: ''; display: block; position: absolute; left: 23px; top: 0; z-index: 1; width: 24px; height: 24px; background: #005ead; border: 4px solid #fff; border-radius: 100%; transform: translate(-50%, 0);}
.wrap-s-cam .detail strong {position: relative; display: block; font-family: ppm; font-size: 17px; color: #111111;}
.wrap-s-cam .detail ul {padding-top: 10px;}
.wrap-s-cam .detail li {position: relative; padding-left: 20px; padding-bottom: 10px; font-size: 15px; color: #333333;}
.wrap-s-cam .detail li::after {content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #1174ff;}
.wrap-s-cam .detail li em {font-family: ppm; color: #000;}

.wrap-s-cam .box .con {position: absolute; z-index: 1;}
.wrap-s-cam .box1 .con {left: 26.5%; top: -24%;}
.wrap-s-cam .box2 .con {left: 49.5%; top: -24%;}
.wrap-s-cam .box3 .con {left: 72.5%; top: -24%;}
.wrap-s-cam .box4 .con {left: 80.5%; top: -24%;}
.wrap-s-cam .box5 .con {left: 59.5%; top: -24%;}
.wrap-s-cam .box6 .con {left: 34%; top: -24%;}
.wrap-s-cam .box7 .con {left: 11.5%; top: -24%;}
.wrap-s-cam .box8 .con {left: 17.5%; top: 74%;}
.wrap-s-cam .box9 .con {left: 40.5%; top: 74%;}
.wrap-s-cam .box10 .con {left: 63%; top: 74%;}

@media screen and (max-width: 1300px) {
  .wrap-s-cam .flow {margin-top: 80px;}
  .wrap-s-cam .slogan {position: static; padding-bottom: 50px; text-align: center;}
  .wrap-s-cam .row::after,
  .wrap-s-cam .row::before {background: #1174ff !important;}
  .wrap-s-cam .text {display: flex; flex-direction: column; padding-top: 0;}
  .wrap-s-cam .right .text {padding-left: 0;}
  .wrap-s-cam .left .text {padding-right: 0;}
  .wrap-s-cam .box {position: relative; display: flex; width: 50%; padding: 0 0 60px 0;}
  .wrap-s-cam .right {left: 50%;}
  .wrap-s-cam .left {text-align: right;}
  .wrap-s-cam .box .year {position: absolute; top: 0; }
  .wrap-s-cam .right .year {left: -37px;}
  .wrap-s-cam .left .year {left: auto; right: -37px;}
  .wrap-s-cam .box .con {position: static; flex-grow: 1;}
  .wrap-s-cam .icon {position: static; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; padding-bottom: 20px; padding-left: 50px;}
  .wrap-s-cam .left .icon {justify-content: flex-end; width: 100%; padding-left: 0; padding-right: 50px; text-align: right; }
  .wrap-s-cam .icon span {margin-left: 10px;}
  .wrap-s-cam .detail {max-width: none !important; padding-top: 0 !important;}
  .wrap-s-cam .right .detail {padding-left: 50px;}
  .wrap-s-cam .left .detail {padding-right: 50px;}
  .wrap-s-cam .detail::after {left: 20px; top: -4px; transform: rotate(90deg);}
  .wrap-s-cam .detail::before {left: 6px;}
  .wrap-s-cam .left .detail strong::after {left: auto; right: -2px;}
  .wrap-s-cam .left .detail::after {left: auto; right: 20px;}
  .wrap-s-cam .left .detail ul {padding-left: 0;}
  .wrap-s-cam .left .detail li {padding-left: 0; padding-right: 20px;}
  .wrap-s-cam .left .detail li::after {left: auto; right: 0;}
  .wrap-s-cam .left .detail::before {left: auto; right: -30px;}
  .wrap-s-cam .round {display: none;}
  .wrap-s-cam .row::after,
  .wrap-s-cam .row::before {left: 50% !important; width: 10px !important; height: 100%; border-radius: 10px;}
  .wrap-s-cam .row.last {margin-bottom: 0;}
}

@media screen and (max-width: 1100px) {
  .wrap-s-cam .title .text {padding-left: 30px;}
  .wrap-s-cam .title .text strong {padding-top: 10px; font-size: 24px;}
  .wrap-s-cam .title .text p {font-size: 16px;}
  .wrap-s-cam .desc p {font-size: 16px;}
  .wrap-s-cam .sign .name {font-size: 18px;}
  .wrap-s-cam .info strong {font-size: 25px;}
  .wrap-s-cam .button a {font-size: 17px;}
}

@media screen and (max-width: 995px) {
  .wrap-s-cam .title {flex-direction: column;}
  .wrap-s-cam .title .thumb {width: 100%; text-align: center;}
  .wrap-s-cam .title .text {padding-left: 0; padding-top: 20px;}
  .wrap-s-cam .sign .name {font-size: 16px;}
}

@media screen and (max-width: 900px) {
  .wrap-s-cam .flow {margin-top: 50px;} 
  .wrap-s-cam .row::after,
  .wrap-s-cam .row::before {left: 35px !important;}
  .wrap-s-cam .box {width: 100%;}
  .wrap-s-cam .right {left: 0;}
  .wrap-s-cam .left {text-align: left;}
  .wrap-s-cam .left .year,
  .wrap-s-cam .right .year {left: 0px; right: auto;}
  .wrap-s-cam .left .icon {padding-left: 50px; justify-content: flex-start;}
  .wrap-s-cam .right .text,
  .wrap-s-cam .left .text {padding-right: 0; padding-left: 38px;}
  .wrap-s-cam .left .detail li {padding-left: 20px; padding-right: 0;}
  .wrap-s-cam .left .detail {padding-right: 0; padding-left: 50px;}
  .wrap-s-cam .detail::before {left: 3px;}
  .wrap-s-cam .left .detail::before {left: 1px; right: auto;}
  .wrap-s-cam .left .detail::after {left: 20px; right: auto;}
  .wrap-s-cam .left .detail strong::after {left: -2px; right: auto;}
  .wrap-s-cam .left .detail li::after {left: 0; right: auto;}
  .wrap-s-cam .title strong {font-size: 24px;}
}

@media screen and (max-width: 750px) {
  .wrap-s-cam .info strong {padding: 0 30px 80px 30px; font-size: 18px;}
  .wrap-s-cam .info strong::after {top: 73px;}
  .wrap-s-cam .title .text p {font-size: 17px;}
  .wrap-s-cam .desc p {font-size: 17px;}
  .wrap-s-cam .button a {font-size: 17px;}
  .wrap-s-cam .right {padding: 0 0 40px 0;}
  .wrap-s-cam .detail li {font-size: 17px;}
  .wrap-s-cam .detail li::after {top: 13px;}
}

@media screen and (max-width: 600px) {
  .wrap-s-cam .title strong {font-size: 20px;}
}

/* 원주혁신위원회소개 */
.committee-info-wrap{background-color: #f3f5f7; padding: 36px 70px 34px 40px; border-radius: 5px;}
.committee-info-wrap p{font-size: 17px; color: #333333; line-height: 25px;}

@media screen and (max-width: 1024px) {
  .committee-info-wrap{padding: 25px 40px 23px 30px;}
  .committee-info-wrap p{font-size: 15px; line-height: 22px;}
}

/* 원주혁신위원회 위원장 인사말 */
.committee-introduce-box{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px;}
.committee-introduce-box .committee-introduce-text{width: calc(100% - 500px);}
.committee-introduce-box .committee-introduce-text h2{color: #0b46a8; font-size: 20px; font-family: "ppm"; display: block; margin-bottom: 24px;}
.committee-introduce-box .committee-introduce-text p,
.committee-introduce-wrap .committee-introduce-text2 p{font-size: 17px; line-height: 25px; color: #333333; font-family: "ppr";}
.committee-introduce-wrap .committee-introduce-image{width: 490px;}
.committee-introduce-wrap .committee-introduce-text2 h3{margin-bottom: 10px; font-family: "ppm"; color: #111111; font-size: 17px;}
.committee-introduce-wrap .committee-introduce-name{text-align: right; margin-top: 29px; border-bottom: 1px solid #d6d6d6; padding-bottom: 22px;}
.committee-introduce-wrap .committee-introduce-name p{color: #333333; font-size: 20px; font-family: "ppr";}
.committee-introduce-wrap .committee-introduce-name p span{font-family: "ppm"; font-size: 22px; color: #005ead;display: inline-block; margin: 0 7px 0 10px;}

@media screen and (max-width: 1024px) {
  .committee-introduce-box .committee-introduce-text{width: calc(100% - 350px)}
  .committee-introduce-wrap .committee-introduce-image{width: 300px;}
}

@media screen and (max-width: 768px) {
  .committee-introduce-box{flex-direction: column-reverse; margin-bottom: 20px;}
  .committee-introduce-box .committee-introduce-text h2{font-size: 18px; margin-bottom: 15px;}
  .committee-introduce-box .committee-introduce-text p,
  .committee-introduce-wrap .committee-introduce-text2 p{font-size: 15px; line-height: 22px;}
  .committee-introduce-wrap .committee-introduce-image{width: 80%; margin: 0 auto; margin-bottom: 20px; text-align: center;}
  .committee-introduce-box .committee-introduce-text{width: 100%;}
  .committee-introduce-wrap .committee-introduce-name{margin-top: 20px; padding-bottom: 15px;}
  .committee-introduce-wrap .committee-introduce-name p{font-size: 18px;}
  .committee-introduce-wrap .committee-introduce-name p span{font-size: 20px; margin: 0 5px 0 8px;}
}

/* 인사말/프로필 */
.greeting-wrap{position: relative;}
.greeting-wrap .greeting-inner.area {position: static;}
.greeting-wrap .greeting-inner,
.greeting-wrap .greeting-inner .greeting-name .area{display: flex; flex-wrap: wrap;}
.greeting-wrap .greeting-inner .greeting-image,
.greeting-wrap .greeting-inner .greeting-name .fake-left{width: 670px}
.greeting-wrap .greeting-inner .greeting-title,
.greeting-wrap .greeting-inner .greeting-name .name-right{width: calc(100% - 670px); padding-left: 100px;}
.greeting-wrap .greeting-inner .greeting-title h1{font-size: 30px; line-height: 45px; font-family: "ppr";}
.greeting-wrap .greeting-inner .greeting-title h1 span{font-family: "pps"; color: #005ead;}
.greeting-wrap .greeting-inner .greeting-name{background: url(../../images/sub/greeting_background.jpg) no-repeat right center / cover; position: absolute; left: 0; top: 183px; width: 100%; z-index: -1; padding: 34px 0 25px}
.greeting-wrap .greeting-inner .greeting-name h2{color: #222222; font-size: 20px; font-family: "ppr"; margin-top: 10px;}
.greeting-wrap .greeting-inner .greeting-name p{font-family: "ppr"; font-size: 25px; color: #1174ff; margin-top: -20px;}
.greeting-wrap .greeting-inner .greeting-name p span{color: #111111; font-size: 40px; font-family:"nb"; display: inline-block; margin-left: 20px;}
.greeting-wrap .greeting-content{margin-top: 42px; border-bottom: 1px solid #d6d6d6; padding-bottom: 22px;}
.greeting-wrap .greeting-content > p{font-size: 17px; line-height: 25px; color: #333333; font-family: "ppr";}
.greeting-wrap .greeting-content .greeting-footer{text-align: right; margin-top: 29px;}
.greeting-wrap .greeting-content .greeting-footer p{color: #333333; font-size: 20px; font-family: "ppr";}
.greeting-wrap .greeting-content .greeting-footer p span{color: #005ead; font-family: "ppm"; font-size: 22px; display: inline-block; margin-left: 12px;}

@media screen and (max-width: 1250px) {
  .greeting-wrap .greeting-inner .greeting-image, 
  .greeting-wrap .greeting-inner .greeting-name .fake-left{width: 500px;}
  .greeting-wrap .greeting-inner .greeting-title,
  .greeting-wrap .greeting-inner .greeting-name .name-right{width: calc(100% - 500px); padding-left: 50px;}
  .greeting-wrap .greeting-inner .greeting-title h1{font-size: 25px; line-height: 35px;}
  .greeting-wrap .greeting-inner .greeting-name{top: 120px;}
  .greeting-wrap .greeting-inner .greeting-name h2{font-size: 16px;}
  .greeting-wrap .greeting-inner .greeting-name p{font-size: 20px;}
  .greeting-wrap .greeting-inner .greeting-name p span{font-size: 30px; margin-left: 10px; margin-top: 10px;}
}

@media screen and (max-width: 1024px) {
  .greeting-wrap .greeting-inner .greeting-image, 
  .greeting-wrap .greeting-inner .greeting-image img,
  .greeting-wrap .greeting-inner .greeting-name .fake-left{width: 100%;}
  .greeting-wrap .greeting-inner .greeting-title,
  .greeting-wrap .greeting-inner .greeting-name .name-right{width: 100%; padding-left: 0;}
  .greeting-wrap .greeting-inner .greeting-title h1{margin: 20px 0;}
  .greeting-wrap .greeting-inner .greeting-name{position: static; padding: 20px 15px;}
}

@media screen and (max-width: 768px) {
  .greeting-wrap .greeting-inner .greeting-title h1{font-size: 20px; line-height: 30px; margin: 10px 0;}
  .greeting-wrap .greeting-content{margin-top: 25px; padding-bottom: 15px;}
  .greeting-wrap .greeting-content > p{font-size: 15px; line-height: 22px;}
  .greeting-wrap .greeting-content .greeting-footer p{font-size: 18px;}
  .greeting-wrap .greeting-content .greeting-footer p span{font-size: 20px;}
}
/* 인사말/프로필 */

/* 총장 약력 */

/* 학력 */
.education-box{margin-top: 20px; background-color: #f7f7f7; border-radius: 5px; padding: 29px 36px 32px;}
.education-box ul,
.education-box li{display: flex; flex-wrap: wrap;}
.education-box ul{margin-top: -13px;}
.education-box li{width: 50%; margin-top: 13px;}
.education-box li .education-title{width: 140px; padding-right: 20px;}
.education-box li .education-title p{color: #000000; font-size: 17px; font-family: "ppr"; padding-left: 14px; position: relative;}
.education-box li .education-title p::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color :#1174ff;}
.education-box li .education-content{width: calc(100% - 140px);}
.education-box li .education-content p{font-size: 17px; color: #484848;}

@media screen and (max-width: 1024px) {
  .education-box li .education-title{width: 100px;}
  .education-box li .education-content{width: calc(100% - 100px)}
}

@media screen and (max-width: 768px) {
  .education-box{padding: 20px 30px 22px;}
  .education-box li{width: 100%;}
  .education-box li .education-title p {font-size: 15px;}
  .education-box li .education-content p {font-size: 15px;}
}
/* 학력 */

/* 주요경력 */
.personal-wrap{margin-top: 20px; padding: 29px 36px 32px; background-color: #f7f7f7; border-radius: 5px;}
.personal-box {margin-bottom: 47px;}
.personal-box:last-child{margin-bottom: 0;}
.personal-box .personal-box-title{position: relative; margin-bottom: 16px;}
.personal-box .personal-box-title::before{content:""; display: block; position: absolute; left: 0; top: 17px; width: 100%; height: 1px; background-color: rgba(204,204,204,.3);}
.personal-box .personal-box-title h1{background-color: #41525d; border-radius: 20px; text-align: center; font-size: 15px; font-family: "ppr"; color: #ffffff; display: inline-block; padding: 6px 27px; position: relative; z-index: 2;}
.personal-box ul,
.personal-box li{display: flex; flex-wrap: wrap;}
.personal-box ul{margin-top: -13px;}
.personal-box li{width: 50%; margin-top: 13px;}
.personal-box li .personal-title{width: 190px; padding-right: 20px;}
.personal-box li .personal-title h1{color: #000000; font-size: 17px; font-family: "ppr"; padding-left: 14px; position: relative;}
.personal-box li .personal-title h1::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color :#1174ff;}
.personal-box li .personal-content{width: calc(100% - 190px);}
.personal-box li .personal-content p{font-size: 17px; color: #484848;}

@media screen and (max-width: 1024px) {
  .personal-box li .personal-title{width: 140px;}
  .personal-box li .personal-content{width: calc(100% - 140px)}
}

@media screen and (max-width: 768px) {
  .personal-wrap{padding: 20px 30px 22px;}
  .personal-box .personal-box-title{margin-bottom: 10px;}
  .personal-box {margin-bottom: 30px;}
  .personal-box li{width: 100%;}
  .personal-box li .personal-title h1 {font-size: 15px;}
  .personal-box li .personal-content p {font-size: 15px;}
}
/* 주요경력 */

/* 안전보건 경영방침 */
.safely-wrap{background: url(../../images/sub/safely_background.jpg) no-repeat center center / cover; border-radius: 10px; padding: 40px;}
.safely-wrap .safely-inner{border: 1px solid rgba(255,255,255,.4); border-radius: 10px; padding: 50px 60px;}
.safely-wrap .safely-header{text-align: center;}
.safely-wrap .safely-header h1{display: inline-block; color: white; font-size: 35px; font-family: "nb"; padding: 0 28px; position: relative;} 
.safely-wrap .safely-header h1::before,
.safely-wrap .safely-header h1::after{content:""; display: block; position: absolute; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: url(../../images/sub/safely_dots.png) no-repeat center center / cover;}
.safely-wrap .safely-header h1::before{left: 0;}
.safely-wrap .safely-header h1::after{right: 0;}
.safely-wrap .safely-point{background-color: rgba(0,0,0,.2); border-radius: 5px; margin-top: 52px; padding: 25px 42px;}
.safely-wrap .safely-point p{font-size: 20px; line-height: 30px; color: #ffda44;}
.safely-wrap .safely-list {margin: 44px 0;}
.safely-wrap .safely-list li{color: #ffffff; font-size: 17px; font-family: "ppr"; margin-bottom: 15px;}
.safely-wrap .safely-list li:last-child{margin-bottom: 0;}
.safely-wrap .safely-list li span{display: inline-block; font-size: 25px; color: #89b2ea; font-family: "nbl"; margin-right: 20px;}
.safely-wrap .safely-footer{text-align: center;}
.safely-wrap .safely-footer p{display: inline-block; position: relative; color: #ffffff; font-size: 22px; font-family: "ppr";}
.safely-wrap .safely-footer p span{position: relative; z-index: 2;}
.safely-wrap .safely-footer p::after{content:""; display: block; position: absolute; right: -48px; top: -30px; width: 87px; height: 87px; background: url(../../images/sub/safely_logo.png) no-repeat center center / cover; mix-blend-mode: multiply; z-index: 1;}

@media screen and (max-width: 1024px) {
  .safely-wrap{padding: 30px;}
  .safely-wrap .safely-inner{padding: 30px 40px;}
  .safely-wrap .safely-header h1{font-size: 30px;}
  .safely-wrap .safely-point{margin-top: 40px; padding: 20px 30px;}
  .safely-wrap .safely-point p{font-size: 16px; line-height: 25px;}
  .safely-wrap .safely-list{margin: 25px 0 30px;}
  .safely-wrap .safely-list li{font-size: 16px;}
  .safely-wrap .safely-list li span{font-size: 20px; margin-right: 15px;}
  .safely-wrap .safely-footer p{font-size: 20px;}
}

@media screen and (max-width: 768px) {
  .safely-wrap{padding: 20px;}
  .safely-wrap .safely-inner{padding: 20px 25px;}
  .safely-wrap .safely-header h1{font-size: 23px;}
  .safely-wrap .safely-point{margin-top: 25px; padding: 15px 20px;}
  .safely-wrap .safely-point p{font-size: 14px; line-height: 22px;}
  .safely-wrap .safely-footer p{font-size: 16px;}
  .safely-wrap .safely-footer p::after{width: 40px; height: 40px; right: -25px; top:-7px;}
}
/* 안전보건 경영방침 */

/* 견학코스 안내 */
.trip-wrap{background-color: #f3f5f7; border-radius: 7px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px; margin-bottom: 40px;}
.trip-wrap .trip-image{width: 330px;}
.trip-wrap .trip-content{width: calc(100% - 330px); position: relative; display: flex; flex-wrap: wrap; padding-left: 93px;}
.trip-wrap .trip-content .trip-box{width: 38.5%; position: relative;}
.trip-wrap .trip-content .trip-box.non-border{width: 23%;}
.trip-wrap .trip-content .trip-box a{display: block; position: absolute; text-align: center; top: 37px; z-index: 2; min-width: 78px;}
.trip-wrap .trip-content .trip-box::before{content:""; display: block; position: absolute; width: 100%; height: 7px; background-color :#acacac; top: 52px; z-index: 1; left: 30px;}
.trip-wrap .trip-content .trip-box.non-border::before{width: 80px; height: 80px; border-radius: 0 200px 0 0; background-color: transparent; border-top: 7px solid #acacac; border-right: 7px solid #acacac; left: 55px;}
.trip-wrap .trip-content .trip-box.non-border.reverse::before{transform: rotate(-270deg); top: -21px;}
.trip-wrap .trip-content .trip-box .trip-number{width: 35px; height: 35px; border-radius: 50%; border: 4px solid #acacac; display: inline-block; background-color: white;}
.trip-wrap .trip-content .trip-box .trip-number span{text-align: center; font-size: 17px; color: #999999; font-family: "plb";}
.trip-wrap .trip-content .trip-box .trip-text p{font-size: 17px; line-height: 23px; color: #333333; margin-top: 10px;}
.trip-wrap .trip-content .trip-box a.active .trip-number{border:4px solid #1067c8;}
.trip-wrap .trip-content .trip-box a.active .trip-number span{color: #1067c8;}
.trip-wrap .trip-content .trip-box a.active .trip-text p{color: #1067c8;}
.trip-sub-content .trip-sub-box{border: 1px solid #cccccc; border-radius: 10px; padding: 26px 80px 40px 40px; display: none;}
.trip-sub-content .trip-sub-box.active{display: block;}
.trip-sub-content .trip-sub-header{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px;}  
.trip-sub-content .trip-sub-header h1{font-family: "ppm"; font-size: 22px; color: #1067c8}
.trip-sub-content .trip-sub-header .trip-box-close{width: 45px; height: 45px; background: url(../../images/sub/close_button.png) no-repeat center center / cover; font-size: 0; margin-right: -59px; margin-top: -4px;}
.trip-sub-content .trip-sub-info{display: flex; flex-wrap: wrap; justify-content: space-between;}
.trip-sub-content .trip-sub-info .trip-sub-image{border-radius: 5px; overflow: hidden; width: 270px;}
.trip-sub-content .trip-sub-info .trip-sub-image img{width: 100%;}
.trip-sub-content .trip-sub-info .trip-sub-text{width: calc(100% - 270px); padding-left: 40px;}
.trip-sub-content .trip-sub-info .trip-sub-text p{font-size: 17px; line-height: 35px; color: #444444;}

@media screen and (max-width: 1250px) {
  .trip-wrap .trip-image{width: 250px;}
  .trip-wrap .trip-content{width: calc(100% - 250px); padding-left: 50px;}
  .trip-wrap .trip-content .trip-box::before{top: 45px;}
  .trip-wrap .trip-content .trip-box a{top: 30px;}
  .trip-wrap .trip-content .trip-box.non-border::before{border-radius: 0 40px 0 0; left: 50px; top: 43px;}
  .trip-wrap .trip-content .trip-box.non-border.reverse::before{top: -28px;}
}

@media screen and (max-width: 1024px) {
  .trip-wrap{padding: 20px;}
  .trip-wrap .trip-image{width: 200px;}
  .trip-wrap .trip-content{width: calc(100% - 200px); padding-left: 30px;}
  .trip-wrap .trip-content .trip-box a{top: 13px;}
  .trip-wrap .trip-content .trip-box::before{top: 26px;}
  .trip-wrap .trip-content .trip-box.non-border::before{left: 26px; top: 26px; border-radius: 0 10px 0 0;}
  .trip-wrap .trip-content .trip-box.non-border.reverse::before{top: -45px;}
  .trip-wrap .trip-content .trip-box .trip-text p{font-size: 16px; margin-top: 5px;}
  .trip-sub-content .trip-sub-box{padding: 20px 60px 30px 30px;}
  .trip-sub-content .trip-sub-header .trip-box-close{margin-right: -30px;;}
  .trip-sub-content .trip-sub-info .trip-sub-image{width: 220px;}
  .trip-sub-content .trip-sub-info .trip-sub-text{width: calc(100% - 220px);}
  .trip-sub-content .trip-sub-info .trip-sub-text p{font-size: 16px; line-height: 28px;}
}

@media screen and (max-width: 768px) {
  .trip-wrap{flex-direction: column;}
  .trip-wrap .trip-image,
  .trip-wrap .trip-image img,
  .trip-wrap .trip-content{width: 100%;}
  .trip-wrap .trip-content{padding-left: 0; margin-bottom: -65px;}
  .trip-wrap .trip-content .trip-box{height: 150px; width: 36.5%;}
  .trip-sub-content .trip-sub-info{flex-direction: column;}
  .trip-sub-content .trip-sub-info .trip-sub-image,
  .trip-sub-content .trip-sub-info .trip-sub-text{width: 100%;}
  .trip-sub-content .trip-sub-info .trip-sub-text{padding-left: 0; margin-top: 20px;}
  .trip-sub-content .trip-sub-box{padding: 20px 30px 30px; position: relative;}
  .trip-sub-content .trip-sub-header h1{font-size: 18px;}
  .trip-sub-content .trip-sub-header .trip-box-close{position: absolute; right: 30px; top: 25px; margin-right: 0; width: 30px; height: 30px;}
}
/* 견학코스 안내 */

/* 학생홍보대사 연홍 */
.ambassador-inner{background-color: #f3f5f7; border-radius: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 62px 39px;}
.ambassador-inner .ambassador-logo{width: 69px;}
.ambassador-inner .ambassador-content{width: calc(100% - 69px); padding-left: 40px; margin-top: -7px;}
.ambassador-inner .ambassador-content h1{font-family: "ppm"; color: #23262f; font-size: 24px;}
.ambassador-inner .ambassador-content span{font-family: "ppm"; color: #005ead; font-size: 20px; display: inline-block; margin-bottom: 17px;}
.ambassador-inner .ambassador-content p{font-family: "ppr"; color: #333333; font-size: 17px; line-height: 25px;}

@media screen and (max-width: 768px) {
  .ambassador-inner{padding: 20px 30px 18px; flex-direction: column;}
  .ambassador-inner .ambassador-logo{width: 100%; text-align: center;}
  .ambassador-inner .ambassador-content{padding-left: 0; text-align: center; width: 100%; margin-top: 30px;}
  .ambassador-inner .ambassador-content h1{font-size: 20px;}
  .ambassador-inner .ambassador-content span{font-size: 18px; margin-bottom: 10px;}
  .ambassador-inner .ambassador-content p{font-size: 14px; line-height: 22px;}
}
/* 학생홍보대사 연홍 */

.banner-wrap {position: relative;}
.banner-wrap .img-box {height:220px; border-radius:10px; overflow: hidden;}
.banner-wrap .img-box img {width:100%; height:100%; object-fit: cover;}
.banner-wrap .text-box {display: flex; margin-top: 45px;}
.banner-wrap .tit {width:380px; padding-right:20px; flex-shrink: 0;}
.banner-wrap .tit strong {display: block; font-size: 26px; font-family: 'pps'; color:#000;}
.banner-wrap .tit a {display: block; font-family: 'ppm'; color:#1174FF; margin-top: 18px; position: relative;}
.banner-wrap .tit a span {position: relative;}
.banner-wrap .tit a span::before {content:''; width:0%; height:2px; background:#1174ff; position: absolute; bottom:0; left:0; transition:width .3s;}
.banner-wrap .tit a:hover span::before {width:100%;}
.banner-wrap .tit a span::after {content:''; width:10px; height:10px; background:url('../../images/sub/blank-arr.png') no-repeat center; margin-left:10px; display:inline-block;}
.banner-wrap .text p {font-size: 17px; line-height: 25px; font-family: 'pp'; color:#666;}
.banner-wrap .text p i {margin:25px 0; display: block;}

@media screen and (max-width:1024px) {
  .banner-wrap .tit {width:270px;}
  .banner-wrap .img-box {max-height:220px; height:auto;}
}

@media screen and (max-width:768px) {
  .banner-wrap .text-box {flex-direction: column;}
  .banner-wrap .tit {width:100%; display: flex; align-items: center; justify-content: space-between;}
  .banner-wrap .tit a {margin-top: 0; font-size: 15px;}
  .banner-wrap .text {margin-top: 20px;}
  .banner-wrap .tit strong {font-size: 22px;}
  .banner-wrap .text p {font-size: 15px;}
  .banner-wrap .text-box {margin-top: 30px;}
}

/* 배너 */
.iphak-banner {position: relative;}
.iphak-banner .inner {position: relative; border-radius:10px; overflow:hidden;}
.iphak-banner .img-box {width:100%; height:370px; padding:50px 60px;}
.iphak-banner .img-box::after {content:''; width:50%; background:linear-gradient(to right, #1D6BD8, transparent); position: absolute; height: 100%; left:0; top:0;}
.iphak-banner .img-box img {width:100%; height:100%; object-fit:cover; position: absolute; left:0; top:0;}
.iphak-banner .text {position: relative; width:45%; height:100%; display: flex; flex-direction: column; justify-content: space-between; z-index: 1;}
.iphak-banner .text strong {display: inline-block; font-family: 'pps'; font-size: 30px; line-height: 45px; color:#fff;}
.iphak-banner .text strong span {color:#FFCC28;}
.iphak-banner .text p {font-family: 'ppl'; color:#fff; font-size: 18px; line-height: 30px; padding-top: 30px; position: relative;}
.iphak-banner .text p::after {content:''; width:25px; height: 2px; background: #094BFF; position: absolute; top:0; left:0;}
.iphak-banner .text p span {font-family: 'ppm';}

@media screen and (max-width:1300px) {
  .iphak-banner .img-box {height:auto;}
}

@media screen and (max-width:1200px) {
  .iphak-banner .text {width:60%;}
  .iphak-banner .text strong {font-size: 25px; line-height: 1.3;}
  .iphak-banner .text strong br {display: none;}
  .iphak-banner .text p {font-size: 16px;}
}

@media screen and (max-width:768px) {
  .iphak-banner .img-box {padding:30px 35px;}
  .iphak-banner .text {width: 100%;}
  .iphak-banner .text p {padding-top: 15px; line-height: 1.5; font-size: 17px;}
  .iphak-banner .text p::after {display: none;}
  .iphak-banner .img-box img {object-position: center right;}
  .iphak-banner .img-box::after {width:100%;}
}

/* 정보 */
.info-layer {position: relative; background: #F1F5FC; padding:30px 40px; border-radius:5px; overflow:hidden;}
.info-layer .inner {display: flex; justify-content: space-between; align-items: center;}
.info-layer .info > ul {display: flex; align-items: center;}
.info-layer .info li {padding-right:40px; font-size: 16px; font-family: 'ppr'; color:#333; min-width:220px; display: flex; align-items: center; position: relative; padding-left:25px;}
.info-layer .info li span {display: inline-block; font-family: 'ppl'; color:#666; font-size: 15px; margin-left: 3px;}
.info-layer .info li::before {position: absolute; left:0;}
.info-layer .info li.loc::before {content:''; margin-right:12px; background:url('../../images/sub/loc.png') no-repeat center; width:14px; height:19px; top:3px;}
.info-layer .info li.tel::before {content:''; margin-right:12px; background:url('../../images/sub/tel.png') no-repeat center; width:17px; height:19px; top:3px;}
.info-layer .info li.mail::before {content:''; margin-right:12px; background:url('../../images/sub/mail.png') no-repeat center; width:16px; height:14px; top:7px;}

@media screen and (max-width:1200px) {
  .info-layer .inner {align-items: start;}
  .info-layer .info > ul {flex-direction:column; align-items: start;}
  .info-layer .info li {margin-bottom: 10px;}
}

@media screen and (max-width:768px) {
  .info-layer {padding:30px 20px; margin-top: 40px;}
  .info-layer .inner {flex-direction: column;}
  .info-layer .info {margin-bottom: 10px;}
  .info-layer .info li {flex-wrap:wrap; font-size: 17px;}
  .info-layer .info li::before {flex-shrink: 0;}
  .info-layer .info li span{display: block; margin-top: 5px; margin-left: 0; width:100%; font-size: 16px;}
}

/* 공지사항 */
#menu185_obj2437 {overflow: auto;}
.iphak-notice {position: relative; width:58.33%; float:left;}
.iphak-notice .list {position: relative; border-top:2px solid #000; margin-top: 20px;}
.iphak-notice .con {border-bottom:1px solid #CBCBCC;}
.iphak-notice .con > a {display: flex; align-items: center; padding:0 20px; height:79px;}
.iphak-notice .con .clcn {font-family: 'ppr'; font-size: 16px; display: inline-block; max-width:105px; width:100%;}
.iphak-notice .con .clcn.color1 {color:#002E6C}
.iphak-notice .con .clcn.color2 {color:#1174FF}
.iphak-notice .con .clcn.color3 {color:#007984}
.iphak-notice .con .clcn.color4 {color:#F29F00}
.iphak-notice .con strong {flex:1; font-size: 18px; color:#222; font-family: 'ppm';  white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.iphak-notice .con .date {display: block; font-size: 16px; font-family: 'ppl'; color:#666;}

@media screen and (max-width:1024px) {
  .iphak-notice {width:100%; float:none;}
}

@media screen and (max-width:768px) {
  .iphak-notice .con > a {height:60px;}
  .iphak-notice .con .clcn {font-size: 16px; max-width:75px;}
  .iphak-notice .con strong {font-size: 17px;}
  .iphak-notice .con .date {font-size: 16px;}
}

/* 전형안내 */
.iphak-type-box {position: relative; width:37.5%; float:right;}
.iphak-type-box .type-list {position: relative; margin-top: 20px; border:1px solid #ccc; border-radius:10px; padding:40px;}
.iphak-type-box li {margin-bottom: 15px;}
.iphak-type-box .col2 ul {display: flex; flex-wrap: wrap;}
.iphak-type-box .col2 li {width: 50%;}
.iphak-type-box .col2 li:nth-child(even) {padding-left: 20px;}
.iphak-type-box .col2 li:nth-child(odd) {padding-right: 20px;}
.iphak-type-box li:last-child {margin-bottom: 0;}
.iphak-type-box li a {width:100%; display: block;}
.iphak-type-box li strong {display: block; font-size: 17px; font-family: 'ppm'; color:#555; line-height: 30px; background:url('../../images/sub/arrow.png') no-repeat right center; border-bottom:1px dashed #ccc;  padding:7px 0;}
.iphak-type-box li a:hover strong {color:#1174FF; background:url('../../images/sub/arrow-on.png') no-repeat center right; border-bottom:1px solid #1174ff}

@media screen and (max-width:1024px) {
  .iphak-type-box {width:100%; float:none;}
}

@media screen and (max-width:768px) {
  .iphak-type-box .type-list {padding:20px;}
  .iphak-type-box .col2 li:nth-child(odd) {padding-right: 10px;}
  .iphak-type-box .col2 li:nth-child(even) {padding-left: 10px;}
  .iphak-type-box li strong {font-size: 17px;}
}

/* 바로가기 */
.iphak-link-btn {clear:both; position: relative; padding-top: 50px;}
.iphak-link-btn ul {display: flex; gap:40px}
.iphak-link-btn ul li {width:33.3333%;}
.iphak-link-btn li a {display: flex; height:100%;border-radius:10px; padding:20px 45px; position: relative; align-items: center;}
.iphak-link-btn li a::after {content:''; width:17px; height:14px; background:url('../../images/sub/arrow-w.png') no-repeat center; position: absolute; right:45px; top:50%; margin-top:-7px; transition:right .3s;}
.iphak-link-btn li a:hover::after {right:35px;}
.iphak-link-btn .btn1 a {background:#005EAD;}
.iphak-link-btn .btn2 a {background:#94AAB6;}
.iphak-link-btn .btn3 a {background:#41525D;}
.iphak-link-btn .img-box {background:#fff; border-radius:50%; width:60px; height:60px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.iphak-link-btn .text {margin-left: 30px;}
.iphak-link-btn .text strong { font-size: 20px; font-family: 'ppr'; color:#fff; display: block; line-height: 30px; padding-right:30px;}

@media screen and (max-width:1300px) {
  .iphak-link-btn .text strong {font-size: 17px; padding-right: 20px;}
}

@media screen and (max-width:1200px) {
  .iphak-link-btn ul {gap:15px;}
  .iphak-link-btn .img-box {width:45px; height:45px;}
  .iphak-link-btn .img-box img {width:25px}
}

@media screen and (max-width:1024px) {
  .iphak-link-btn li a {padding:20px 20px;}
  .iphak-link-btn li a::after {right:20px;}
  .iphak-link-btn li a:hover::after {right:15px;}
  .iphak-link-btn .text strong {font-size: 16px;}
  .iphak-link-btn .text {margin-left: 10px;}
}

@media screen and (max-width:768px) {
  .iphak-link-btn {padding-top: 20px;}
  .iphak-link-btn ul {flex-direction: column;}
  .iphak-link-btn ul li {width:100%;}
  .iphak-link-btn .text strong {font-size: 17px;}
}

/* 공지사항2 */
.iphak-notice2 {position: relative; width:58.33%; float:left;}
.iphak-notice2 .list {position: relative; border-top:2px solid #000; margin-top: 20px;}
.iphak-notice2 .con {border-bottom:1px solid #CBCBCC;}
.iphak-notice2 .con > a {display: flex; align-items: center; padding:0 20px; height:76px;}
.iphak-notice2 .con .clcn {font-family: 'ppr'; font-size: 16px; display: inline-block; max-width:105px; width:100%; color:#44566A;}
.iphak-notice2 .con strong {flex:1; font-size: 18px; color:#222; font-family: 'ppm';  white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.iphak-notice2 .con .date {display: block; font-size: 16px; font-family: 'ppl'; color:#666;}

@media screen and (max-width:1024px) {
  .iphak-notice2 {width:100%; float:none;}
}

@media screen and (max-width:768px) {
  .iphak-notice2 .con > a {height:60px;}
  .iphak-notice2 .con .clcn {font-size: 16px; max-width:50px;}
  .iphak-notice2 .con strong {font-size: 17px;}
  .iphak-notice2 .con .date {font-size: 16px;}
}

.head-btn {display: flex; justify-content: space-between; align-items: end;}
.ip-detail > li{display: none;}
.ip-detail > li.on {display: block;}

.wrap-iphak-tel .list {display: flex; flex-wrap: wrap; width: calc(100% + 40px);}
.wrap-iphak-tel .list > li {width: 50%; padding-right: 40px; padding-bottom: 40px; transition: .25s;}
.wrap-iphak-tel.col3 {margin-top: 50px;}
.wrap-iphak-tel.col3 .list> li {width: 33.333%;}
.wrap-iphak-tel .list > li > a {display: block; height: 100%; padding: 23px 28px 23px 28px; border: 1px solid #ccc; border-radius: 5px;}
.wrap-iphak-tel .list > li > a:hover {border:1px solid #005EAD;}
.wrap-iphak-tel .list > li:nth-child(3n) {margin-right: 0;}
.wrap-iphak-tel .tit-box strong {position: relative;display: block;font-size: 20px;font-family: 'ppm';color: #121212;margin-bottom: 18px;}
.wrap-iphak-tel .list > li > a:hover .tit-box strong::before {background: url('../../images/sub/arrow-iphak_on.png') no-repeat center / contain;}
.wrap-iphak-tel .list > li.link .tit-box strong::after {content: '';position: absolute;right: 0;top: 50%;margin-top: -9px;width: 19px;height: 18px;background: url('../../images/sub/ic-iphak-home.png') no-repeat center/ contain;transition: .25s;}
.wrap-iphak-tel .list > li.link:hover .tit-box strong::after {background: url('../../images/sub/ic-iphak-home_on.png') no-repeat center/ contain}
.wrap-iphak-tel .location {padding: 11px 18px;background: #f1f5fc;border-radius: 10px;overflow-y: auto;}
.wrap-iphak-tel .location li {margin-bottom: 10px;padding-left: 23px;font-size: 16px;color: #333;font-family: 'ppr';}
.wrap-iphak-tel .location .address {background: url('../../images/sub/ic-iphak-location.png') no-repeat top 3px left / 14px; white-space: nowrap; width:100%; text-overflow: ellipsis; overflow:hidden;}
.wrap-iphak-tel .location .email {background: url('../../images/sub/ic-iphak-email.png') no-repeat top 8px left / 16px; white-space: nowrap; width:100%; text-overflow: ellipsis; overflow:hidden;}
.wrap-iphak-tel .location .tel {background: url('../../images/sub/ic-iphak-tel.png') no-repeat top 4px left / 17px;margin-bottom: 0; font-family: ppl; font-size: 15px;}
.wrap-iphak-tel .location .tel em {font-family: ppr; font-size: 16px;}
.wrap-iphak-tel .info {padding: 22px 0 0;}
.wrap-iphak-tel .info strong {display: block;margin-bottom: 10px;color: #0898ff;font-size: 18px;font-family: 'ppm';}
.wrap-iphak-tel .info ul {height: 95px;overflow-y: auto;}
.wrap-iphak-tel .info ul::-webkit-scrollbar {width: 6px; height: 6px;}
.wrap-iphak-tel .info ul::-webkit-scrollbar-thumb {background: #bbbbbb; border-radius: 10px;}
.wrap-iphak-tel .info ul::-webkit-scrollbar-track {background-color: transparent;}
.wrap-iphak-tel .info li {position: relative;padding-left: 15px;font-size: 15px;color: #333;;font-family: 'ppr';line-height: 25px;}
.wrap-iphak-tel .info li:last-child {margin-bottom: 0;}
.wrap-iphak-tel .info li::before {content: '';position: absolute;left: 0;top: 10px; width: 5px;height: 5px;background: #0040c1;border-radius: 50%;}

@media screen and (max-width: 1460px) {
  .wrap-iphak-tel .list > li {height: auto;}
  .wrap-iphak-tel .info ul {height: 250px;}
}

@media screen and (max-width: 1023px) {
  .wrap-iphak-tel .list {flex-direction: column;}
  .wrap-iphak-tel .list > li {width: 100% !important;margin-right: 0; margin-bottom: 20px; padding-bottom: 0;}
  .wrap-iphak-tel .list > li > a {padding-bottom: 40px;}
  .wrap-iphak-tel .info ul {height: auto;}
}

@media screen and (max-width: 768px) {
  .wrap-iphak-tel .tit-box strong {font-size: 19px;}
  .wrap-iphak-tel .location li {font-size: 17px;}
  .wrap-iphak-tel .location .tel {font-size: 17px;}
  .wrap-iphak-tel .location .tel em {font-size: 17px;}
  .wrap-iphak-tel .info strong {font-size: 17px;}
  .wrap-iphak-tel .info li {font-size: 17px;}
}

/* 대학원과목 수강 */
.wrap-sugang {margin-top: 70px; padding: 70px 105px; background: #f7f7f7; border-radius: 10px;}
.wrap-sugang li {margin-bottom: 70px;}
.wrap-sugang li:last-child {margin-bottom: 0;}
.wrap-sugang .text {display: flex; margin-bottom: 15px; font-family: ppr; font-size: 20px; color: #111111;}
.wrap-sugang .text .num {display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin-right: 15px; background: #1174ff; border-radius: 5px; font-family: pps; font-size: 13px; color: #fff;}
.wrap-sugang .text strong {color: #1174ff;}
.wrap-sugang .img img {border: 1px solid #cccccc;}

@media screen and (max-width: 1100px) {
  .wrap-sugang {margin-top: 50px; padding: 50px;}
  .wrap-sugang li {margin-bottom: 50px;}
  .wrap-sugang .text {font-size: 18px;}
}

@media screen and (max-width: 768px) {
  .wrap-sugang {margin-top: 40px; padding: 20px;}
  .wrap-sugang li {margin-bottom: 40px;}
  .wrap-sugang .text {font-size: 16px;}
}

.bg-box-wrap {position: relative; display: flex; gap: 40px;}
.bg-box-wrap .box-header {display: flex; justify-content: space-between; align-items: end;}
.bg-box-wrap > div {width:50%; display: flex; flex-direction: column;}
.bg-box-wrap .bg-box {background: #F1F5FC; border-radius:5px; padding:15px 30px 25px 30px; margin-top: 20px; height:100%;}

@media screen and (max-width:850px) {
  .bg-box-wrap {flex-wrap:wrap; gap:0;}
  .bg-box-wrap > div {width:100%;}
}

.wrap-step-banner2 ul {display:flex; flex-wrap:wrap;}
.wrap-step-banner2 li {display: flex; align-items: center;}
.wrap-step-banner2 li.arr {width:100px; text-align: center; flex-shrink: 0;}
.wrap-step-banner2 li.arr span {flex-grow:1; display: block; font-family: 'pps'; color:#485862; font-size: 14px; padding-bottom: 27px; background:url('../../images/sub/step-arrow.png') no-repeat bottom center}
.wrap-step-banner2 li:not(.arr) {height:110px; border:1px solid #000; border-radius:5px; padding:0 20px 0 30px;}
.wrap-step-banner2 .box {margin-left: 25px;}
.wrap-step-banner2 .box em {display: block; margin-bottom: 4px; font-size: 16px; color: #003acf; font-family: pps;}
.wrap-step-banner2 .box strong {display: block; font-family: ppm; font-size: 17px; line-height: 1.2; color: #333;}
.wrap-step-banner2 .box span,
.wrap-step-banner2 .box span a {display: block;font-family: ppr; font-size: 14px; color: #118FD1;}

.wrap-step-banner2.col1 li:not(.arr) {width:100%;}
.wrap-step-banner2.col2 li:not(.arr) {width:calc(50% - 75px);}
.wrap-step-banner2.col3 li:not(.arr) {width:calc(33.3333% - 67px);}
.wrap-step-banner2.col4 li:not(.arr) {width:calc(25% - 75px);}

@media screen and (max-width:1200px) {
  .wrap-step-banner2 li {margin-bottom: 20px;}
  .wrap-step-banner2.col1 li:not(.arr) {width:100%;}
  .wrap-step-banner2.col2 li:not(.arr) {width:100%;}
  .wrap-step-banner2.col3 li:not(.arr) {width:calc(50% - 100px);}
  .wrap-step-banner2.col4 li:not(.arr) {width:calc(50% - 100px);}

}
@media screen and (max-width:768px) {
  .wrap-step-banner2 li {margin-bottom: 0px;}
  .wrap-step-banner2 li.arr {height:100px; margin:0 auto;}
  .wrap-step-banner2 li.arr span {position: relative; background: none; padding-bottom: 0; height:100%; padding: 10px 0;}
  .wrap-step-banner2 li.arr span::after {content:''; width:54px; height: 54px; background:url('../../images/sub/step-arrow.png') no-repeat center; transform: rotate(90deg); position: absolute; bottom:10px; left:calc(54px / 2);}
  .wrap-step-banner2 li:not(.arr) {width:100% !important;}
}

.wrap-step-banner2 li:not(.arr)::before {content: ''; display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center;}
.wrap-step-banner2 li.ic1::before{ background-image: url('../../images/sub/ic-step-box1.png'); }
.wrap-step-banner2 li.ic2::before{ background-image: url('../../images/sub/ic-step-box2.png'); }
.wrap-step-banner2 li.ic3::before{ background-image: url('../../images/sub/ic-step-box3.png'); }
.wrap-step-banner2 li.ic4::before{ background-image: url('../../images/sub/ic-step-box4.png'); }
.wrap-step-banner2 li.ic5::before{ background-image: url('../../images/sub/ic-step-box5.png'); }
.wrap-step-banner2 li.ic6::before{ background-image: url('../../images/sub/ic-step-box6.png'); }
.wrap-step-banner2 li.ic7::before{ background-image: url('../../images/sub/ic-step-box7.png'); }
.wrap-step-banner2 li.ic8::before{ background-image: url('../../images/sub/ic-step-box8.png'); }
.wrap-step-banner2 li.ic9::before{ background-image: url('../../images/sub/ic-step-box9.png'); }
.wrap-step-banner2 li.ic10::before { background-image: url('../../images/sub/ic-step-box10.png'); }
.wrap-step-banner2 li.ic11::before { background-image: url('../../images/sub/ic-step-box11.png'); }
.wrap-step-banner2 li.ic12::before { background-image: url('../../images/sub/ic-step-box12.png'); }
.wrap-step-banner2 li.ic13::before { background-image: url('../../images/sub/ic-step-box13.png'); }
.wrap-step-banner2 li.ic14::before { background-image: url('../../images/sub/ic-step-box14.png'); }
.wrap-step-banner2 li.ic15::before { background-image: url('../../images/sub/ic-step-box15.png'); }
.wrap-step-banner2 li.ic16::before { background-image: url('../../images/sub/ic-step-box16.png'); }
.wrap-step-banner2 li.ic17::before { background-image: url('../../images/sub/ic-step-box17.png'); }
.wrap-step-banner2 li.ic18::before { background-image: url('../../images/sub/ic-step-box18.png'); }
.wrap-step-banner2 li.ic19::before { background-image: url('../../images/sub/ic-step-box19.png'); }
.wrap-step-banner2 li.ic20::before { background-image: url('../../images/sub/ic-step-box20.png'); }
.wrap-step-banner2 li.ic21::before { background-image: url('../../images/sub/ic-step-box21.png'); }
.wrap-step-banner2 li.ic22::before { background-image: url('../../images/sub/ic-step-box22.png'); }
.wrap-step-banner2 li.ic23::before { background-image: url('../../images/sub/ic-step-box23.png'); }
.wrap-step-banner2 li.ic24::before { background-image: url('../../images/sub/ic-step-box24.png'); }
.wrap-step-banner2 li.ic25::before { background-image: url('../../images/sub/ic-step-box25.png'); }
.wrap-step-banner2 li.ic26::before { background-image: url('../../images/sub/ic-step-box26.png'); }
.wrap-step-banner2 li.ic27::before { background-image: url('../../images/sub/ic-step-box27.png'); }
.wrap-step-banner2 li.ic28::before { background-image: url('../../images/sub/ic-step-box28.png'); }
.wrap-step-banner2 li.ic29::before { background-image: url('../../images/sub/ic-step-box29.png'); }
.wrap-step-banner2 li.ic30::before { background-image: url('../../images/sub/ic-step-box30.png'); }

/* 원주캠퍼스 설립과 의의 */
.wrap-won-intro .img-title {position: relative;}
.wrap-won-intro .img-title img {border-radius: 10px;}
.wrap-won-intro .img-title .text {position: absolute; left: 50px; top: 40px;}
.wrap-won-intro .img-title .text em {display: block; font-family: pps; font-size: 20px; color: #125bff;}
.wrap-won-intro .img-title .text strong {display: block; font-family: pps; font-size: 30px; line-height: 1.2; color: #fff;}
.wrap-won-intro .img-title .button {position: absolute; left: 50px; bottom: 50px;}

.wrap-won-intro .numbers {position: relative; padding: 40px; background: #f3f5f7;}
.wrap-won-intro .numbers::before {content: ''; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: url('../../images/sub/deco-won-intro1.png') no-repeat center;}
.wrap-won-intro .numbers::after {content: ''; position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; background: url('../../images/sub/deco-won-intro2.png') no-repeat center;}
.wrap-won-intro .numbers strong {font-family: ppm;}
.wrap-won-intro .numbers li {padding: 4px 0; font-family: ppr; font-size: 17px; color: #333;}

.wrap-won-intro.bg {padding: 35px 0; background: #f1f1f1 url('../../images/sub/bg-won-intro.jpg') no-repeat center top;}
.wrap-won-intro .numbers2 li {padding: 15px 0;}
.wrap-won-intro .numbers2 li strong {color: #0c36d2;}
.wrap-won-intro .numbers2 li em {font-family: ppm;}

.wrap-won-intro .pic {padding: 50px 510px 50px 50px; background: url('../../images/sub/img-won-intro2.jpg') no-repeat center top / cover; border-radius: 10px;}
.wrap-won-intro .pic p {position: relative; color: #fff;}
.wrap-won-intro .pic p::before {content: ''; position: absolute; left: -30px; top: -20px; width: 47px; height: 42px; background: url('../../images/sub/deco-won-intro3.png') no-repeat center;}
.wrap-won-intro .pic p::after {content: ''; position: absolute; right: 0; bottom: 0; width: 47px; height: 42px; background: url('../../images/sub/deco-won-intro4.png') no-repeat center;}
.wrap-won-intro .pic span {position: relative; z-index: 1;}

.wrap-won-intro .footer {display: flex; justify-content: space-between; margin-top: 30px; padding-top: 30px; border-top: 2px solid #d6d6d6;}
.wrap-won-intro .footer .sign {text-align: right; font-size: 15px;}
.wrap-won-intro .footer .sign strong {padding-left: 10px; font-family: ppm; font-size: 20px; color: #005ead;}

@media screen and (max-width: 1500px) {
  .wrap-won-intro.bg {padding: 25px 35px;}
  .wrap-won-intro .pic {padding: 40px 210px 40px 40px;}
}

@media screen and (max-width: 1100px) {
  .wrap-won-intro .numbers li {font-size: 16px;}
  .wrap-won-intro .numbers2 li {font-size: 16px;}
  .wrap-won-intro .pic {padding: 30px;}
  .wrap-won-intro .pic p {font-size: 16px;}
  .wrap-won-intro .pic p::before {left: -10px;}
}

@media screen and (max-width: 990px) {
  .wrap-won-intro .img-title .text {left: 25px; top: 25px;}
  .wrap-won-intro .img-title .text em {font-size: 18px;}
  .wrap-won-intro .img-title .text strong {font-size: 25px;}
  .wrap-won-intro .img-title .button {left: 25px; bottom: 25px;}
}

@media screen and (max-width: 768px) {
  .wrap-won-intro .img-title .text strong {font-size: 20px;}
  .wrap-won-intro .numbers li {font-size: 15px;}
  .wrap-won-intro .numbers2 li {font-size: 15px;}
  .wrap-won-intro .pic p {font-size: 15px;}
}

@media screen and (max-width: 730px) {
  .wrap-won-intro .img-title {display: flex; align-items: top; height: 250px;}
  .wrap-won-intro .img-title img {object-fit: cover;}
  .wrap-won-intro .footer {flex-direction: column; align-items: center; text-align: center;}
  .wrap-won-intro .footer .sign {margin-top: 20px; text-align: center;}
}

/**발전계획(2019)**/
.devel .title{background:url('../../images/sub/devel-top.png') no-repeat center bottom;padding:40px 0;text-align: center;margin-bottom:40px;}
.devel .title strong{display:block;font-size:35px;color:#fff;font-family: 'pps';padding-top:25px;line-height: 1.1;}
.devel .dv-list > ul > li{display:flex;gap:140px;margin-bottom:30px;}
.devel .dv-list > ul > li > .dv-tit{width:200px;position: relative;}
.devel .dv-list > ul > li > .dv-tit:after{content:'';width:57px;height:11px;background:url('../../images/sub/devel-arr.png') no-repeat center;position:absolute;right:-100px;top:50%;margin-top:-6px;}
.devel .dv-list > ul > li > .dv-tit span{color:#fff;font-size:17px;font-family:'ppm';padding:20px 0;text-align:center;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: 15px 0 15px 0;}
.devel .dv-list > ul > li > .dv-con{width:calc(100% - 340px);}
.devel .dv-list > ul > li:nth-child(1) > .dv-tit span{background:#005ead;}
.devel .dv-list > ul > li:nth-child(2) > .dv-tit span{background:#a2b3bc;}
.devel .dv-list > ul > li:nth-child(3) > .dv-tit span{background:#41525d;}
.devel .dv-list > ul > li:nth-child(4) > .dv-tit span{background:#0076ad;}
.devel .dv-list > ul > li:nth-child(5) > .dv-tit span{background:#016290;}

.devel .dv-list > ul > li > .dv-con{min-height:70px;}
.devel .dv-list > ul > li > .dv-con .st01{background-color: #d9e6f7;font-family: 'pps';font-size:22px;color:#111;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 15px;letter-spacing: 0;}
.devel .dv-list > ul > li > .dv-con .st01 > span{font-size:24px;color:#003378;display: inline-block;margin-left: 7px;}

.devel .dv-list > ul > li > .dv-con .dv-ul01{display: flex;gap:20px;}
.devel .dv-list > ul > li > .dv-con .dv-ul01 > li{padding:12px;border-radius: 15px;background-color: #e4eaee;width:100%;}
.devel .dv-list > ul > li > .dv-con .dv-ul01 > li strong{font-size:15px;font-family: 'plb';display: inline-flex;width:30px;height: 30px;background-color: #59798a;color:#fff;border-radius: 7px;justify-content: center;align-items: center;padding-top: 2px;}
.devel .dv-list > ul > li > .dv-con .dv-ul01 > li span{color:#59798a;font-family:'ppr';font-size:17px;display: inline-block;vertical-align: bottom;margin-left: 10px;line-height: 1.25;}
.devel .dv-list > ul > li > .dv-con .dv-ul01 > li p{font-size:17px;font-family:'ppm';margin-top:10px;line-height: 1.25;}

.devel .dv-list > ul > li > .dv-con .st02{background:url('../../images/sub/devel-st02.png') no-repeat center;font-family: 'pps';font-size:22px;color:#111;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 15px;letter-spacing: 0;color:#fff;}
.devel .dv-list > ul > li > .dv-con .st02 > span{font-size:22px;color:#ffc91b;display: inline-block;margin-right: 7px;}

.devel .dv-list > ul > li > .dv-con .dv-ul02{display:flex;justify-content: space-between;}
.devel .dv-list > ul > li > .dv-con .dv-ul02 > li{width:204px;height: 204px;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;border: 2px solid #0076ad;}
.devel .dv-list > ul > li > .dv-con .dv-ul02 > li > span{font-size:20px;font-family:'ppm';color:#0076ad;display: block;}
.devel .dv-list > ul > li > .dv-con .dv-ul02 > li > p{text-align:center;font-size:17px;font-family:'ppr';color:#222;max-width: 60%;margin-top: 7px;}

.devel .dv-list > ul > li > .dv-con .dv-ul03{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap:20px;}
.devel .dv-list > ul > li > .dv-con .dv-ul03 > li{padding:20px;text-align: center;font-size:17px;color:#222222;border:1px dashed #0076ad;border-radius: 15px;}
.devel .dv-list > ul > li > .dv-con .dv-ul03 > li i{display: block;}

@media screen and (max-width: 1440px) {
  .devel .dv-list > ul > li > .dv-con .dv-ul01 > li span{display:block;margin-left:0;margin-top:5px;}
  .devel .dv-list > ul > li > .dv-con .dv-ul01 > li p{font-size:15px;}
  .devel .dv-list > ul > li > .dv-con .dv-ul02 > li{width:160px;height: 160px;}
  .devel .dv-list > ul > li > .dv-con .dv-ul02 > li > p{font-size:15px;}
}

@media screen and (max-width: 1200px) {
  .devel .dv-list > ul > li{gap:80px;}
  .devel .dv-list > ul > li > .dv-con{width: calc(100% - 280px);}
  .devel .dv-list > ul > li > .dv-tit:after{width: 40px;background-size:contain;right: -60px;}
  .devel .dv-list > ul > li > .dv-con .dv-ul01{flex-wrap: wrap;gap:10px;}
  .devel .dv-list > ul > li > .dv-con .dv-ul01 > li{width: calc(100% / 3 - 7px);}
  .devel .dv-list > ul > li > .dv-con .dv-ul02 > li{border-radius: 10px;}
  .devel .dv-list > ul > li > .dv-con .dv-ul02{gap:10px;}
  .devel .dv-list > ul > li > .dv-con .dv-ul02 > li > span{font-size:17px;}
  .devel .dv-list > ul > li > .dv-con .dv-ul03{gap:10px;}
  .devel .dv-list > ul > li > .dv-con .dv-ul03 > li{font-size:15px;}
  .devel .title strong{font-size:28px;}
  .devel .title{padding:42px 0;}
}

@media screen and (max-width: 1023px) {
  .devel .dv-list > ul > li > .dv-con .dv-ul02{flex-wrap:wrap;justify-content: flex-start;}
  .devel .dv-list > ul > li > .dv-con .dv-ul02 > li{width:calc(100% / 3 - 7px);}
  .devel .dv-list > ul > li > .dv-con .dv-ul03{grid-template-columns:1fr 1fr 1fr;}
}

@media screen and (max-width: 767px) {
  .devel .title{padding:40px 35px 25px;}
  .devel .title strong{font-size:24px;}
  .devel .dv-list > ul > li{flex-wrap:wrap;gap: 80px;margin-bottom: 60px;}
  .devel .dv-list > ul > li > .dv-tit{width:100%;}
  .devel .dv-list > ul > li > .dv-con{width:100%;}
  .devel .dv-list > ul > li > .dv-con .st01{font-size:18px;}
  .devel .dv-list > ul > li > .dv-con .st01 > span{font-size:20px;}
  .devel .dv-list > ul > li > .dv-con .st02{font-size:18px;}
  .devel .dv-list > ul > li > .dv-con .st02 > span{font-size:20px;}

  .devel .dv-list > ul > li > .dv-tit:after{right:unset;left:50%;top:100%;transform:rotate(90deg);margin-left:-19.5px;margin-top:30px;}
}

@media screen and (max-width: 520px) {
  .devel .dv-list > ul > li > .dv-con .dv-ul01 > li{width:calc(100% / 2 - 5px);}
  .devel .dv-list > ul > li > .dv-con .dv-ul02 > li{width:calc(100% / 2 - 5px);}
  .devel .dv-list > ul > li > .dv-con .dv-ul03{grid-template-columns:1fr 1fr;}
}

/**발전계획(2022)**/
.devel .ad-list{position:relative;}
.devel .ad-list:before{content:'';width: 204px;height: 1143px;background:url('../../images/sub/big-arr.png') no-repeat center;position:absolute;left:0;top: 25px;}
.devel .ad-list > ul > li{display:flex;gap:140px;margin-bottom:30px;}
.devel .ad-list > ul > li > .ad-tit{width:200px;font-size: 0;position:relative;}
.devel .ad-list > ul > li > .ad-tit span{color:#fff;font-size:17px;font-family:'ppm';padding:20px 0;text-align:center;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: 15px 0 15px 0;flex-direction: column;}
.devel .ad-list > ul > li > .ad-tit span i{display:block;}
.devel .ad-list > ul > li > .ad-tit:after{content:'';width:57px;height:11px;background:url('../../images/sub/devel-arr.png') no-repeat center;position:absolute;right:-100px;top:50%;margin-top:-6px;}
.devel .ad-list > ul > li > .ad-con{width:calc(100% - 340px);}
.devel .ad-list > ul > li:nth-child(1) > .ad-tit span{background:#005ead;}
.devel .ad-list > ul > li:nth-child(2) > .ad-tit span{background:#003378;}
.devel .ad-list > ul > li:nth-child(3) > .ad-tit span{background:#a2b3bc;}
.devel .ad-list > ul > li:nth-child(4) > .ad-tit span{background:#41525d;}

.devel .ad-list .ad-con .st01{background:#e2f2fd;display:flex;justify-content: center;color:#005ead;font-size:22px;font-family: 'pps';border-radius: 10px;height: 100%;align-items: center;}
.devel .ad-list .ad-con .st02{background:#d9e6f7;display:flex;justify-content: center;color:#111;font-size:22px;font-family: 'pps';border-radius: 10px;height: 100%;align-items: center;}
.devel .ad-list .ad-con .st02 > span{font-size:24px;color:#003378;display:inline-block;margin-left:5px;}

.devel .ad-list > ul > li > .ad-con .ad-ul01{display: flex;gap:20px;}
.devel .ad-list > ul > li > .ad-con .ad-ul01 > li{padding:12px;border-radius: 15px;background-color: #e4eaee;width:100%;}
.devel .ad-list > ul > li > .ad-con .ad-ul01 > li strong{font-size:15px;font-family: 'plb';display: inline-flex;width:30px;height: 30px;background-color: #59798a;color:#fff;border-radius: 7px;justify-content: center;align-items: center;padding-top: 2px;}
.devel .ad-list > ul > li > .ad-con .ad-ul01 > li span{color:#59798a;font-family:'ppr';font-size:17px;display: inline-block;vertical-align: bottom;margin-left: 10px;line-height: 1.25;}
.devel .ad-list > ul > li > .ad-con .ad-ul01 > li p{font-size:17px;font-family:'ppm';margin-top:10px;line-height: 1.25;}

.devel .ad-list > ul > li > .ad-con .ad-con-tit{padding:20px;text-align:center;background: #40505b url('../../images/sub/devel-st02.png') no-repeat center;border-radius: 10px 10px 0 0;overflow:hidden;}
.devel .ad-list > ul > li > .ad-con .ad-con-tit strong{font-size:22px;font-family:'ppm';color:#fff;}
.devel .ad-list > ul > li > .ad-con .ad-con-tit strong span{color: #ffc91b;}

.devel .ad-list > ul > li > .ad-con .ad-con-ul{background:#f5f5f5;padding:30px 40px;display: flex;}
.devel .ad-list > ul > li > .ad-con .ad-con-ul > ul{width:100%;}
.devel .ad-list > ul > li > .ad-con .ad-con-ul > ul > li{font-size:17px;color: #333;font-family:'ppr';padding-left: 30px;position: relative;line-height: 30px;padding-right: 25px;}
.devel .ad-list > ul > li > .ad-con .ad-con-ul > ul > li strong{font-family:'ppr';color:#000;}
.devel .ad-list > ul > li > .ad-con .ad-con-ul > ul > li + li{margin-top:15px;}
.devel .ad-list > ul > li > .ad-con .ad-con-ul > ul > li .num{font-family:'pps';color:#1174ff;border:1px solid #1174ff;border-radius:50%;width: 18px;height: 18px;position: absolute;left: 0;top: 7px;font-size: 11px;letter-spacing: -0.05em;text-align: center;padding: 0;display: block;padding-right: 1px;line-height: 1;padding-top: 2px;}
.devel .ad-list > ul > li > .ad-con .ad-con-ul > ul > li .ch{background: #307ffe;color:#fff;font-size: 13px;padding: 7px 11px;line-height: 1;border-radius: 50px;display: inline-block;vertical-align: top;position: relative;top: 2px;margin-left: 7px;letter-spacing: -0.025em;}

.devel .ad-list .bottom{display:flex;gap: 20px;margin-bottom:30px;}
.devel .ad-list .bottom > .ad-tit{width: 50px;font-size: 0;position: relative;}
.devel .ad-list .bottom > .ad-tit span{color:#fff;font-size:17px;font-family:'ppm';padding:20px 0;text-align:center;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: 15px 0 15px 0;flex-direction: column;}
.devel .ad-list .bottom > .ad-tit span i{display:block;}
.devel .ad-list .bottom > .ad-con{width: calc(100% - 50px);}

.devel .ad-list .ad-tit span.narw{display:inline-flex;width: 50px;vertical-align: top;border-radius: 0 10px 0 10px;background:#38414f;}
.devel .ad-list .ad-tit .pc-tit{display: inline-flex;margin-left: 20px;width: calc(100% - 70px);height: 100%;flex-direction: column;justify-content: space-between;vertical-align: top;gap: 30px;}
.devel .ad-list .ad-tit .pc-tit li:nth-child(1){background:#0076ad;}
.devel .ad-list .ad-tit .pc-tit li:nth-child(2){background:#016290;}
.devel .ad-list .ad-tit .pc-tit li:nth-child(3){background:#004e72;}

.ad-con-sub-tit{font-size:17px;font-family:'ppm';color: #fff;text-align: center;border-radius: 10px 0 10px 0;width:130px;display: flex;align-items: center;justify-content: center;position:relative;}
.ad-con-sub-tit:after{content:'';width:57px;height:11px;background:url('../../images/sub/devel-arr.png') no-repeat center;position:absolute;right:-100px;top:50%;margin-top:-6px;}
.ad-con-ul01{display:flex;gap:140px;margin-bottom: 30px;}
.ad-con-ul01 .ad-con-sub-tit{background:#0076ad;}

.devel .ad-list .ad-con .bt-ul01 {display:flex;gap:20px;width: calc(100% - 270px);}
.devel .ad-list .ad-con .bt-ul01 > li{border:1px solid #0076ad;border-radius:10px;overflow:hidden;width: 100%;}
.devel .ad-list .ad-con .bt-ul01 > li > p{background: #cce6ff;font-size: 20px;color: #333;font-family: 'ppm';height: 60px;display: flex;flex-direction: column;position:relative;justify-content: center;padding-left: 70px;letter-spacing: -0.025em;}
.devel .ad-list .ad-con .bt-ul01 > li > p > span{position:absolute;left: 20px;font-family: 'pps';color: #fff;background: #0076ad;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 10px;}
.devel .ad-list .ad-con .bt-ul01 > li > p + p{background:#fff;padding: 20px 30px 20px 20px;font-size: 17px;color: #222;font-family: 'ppr';display: block;height: calc(100% - 60px);line-height: 1.4;}
.devel .ad-list .ad-con .bt-ul01 > li > p + p > span{bottom:0;right:0;left:unset;font-size: 13px;font-family: 'ppr';background: #307ffe;border-radius: 20px 0 0 0;line-height: 1;padding: 8px 10px 8px 15px;width: auto;height: auto;}

.ad-con-ul02{display:flex;gap:140px;margin-bottom: 30px;}
.ad-con-ul02 .ad-con-sub-tit{background:#016290;}

.devel .ad-list .ad-con .btn-ul02Wrap {display:flex;gap: 10px;width: calc(100% - 270px);flex-direction: column;}
.devel .ad-list .ad-con .bt-ul02{display:flex;gap: 20px;}
.devel .ad-list .ad-con .bt-ul02 > li{border:1px dashed #0076ad;border-radius:10px;overflow:hidden;width: 100%;padding: 15px;text-align: center;position:relative;}
.devel .ad-list .ad-con .bt-ul02 > li > strong{color:#016290;font-family: 'pps';display:block;margin-bottom:5px;font-size: 20px;}
.devel .ad-list .ad-con .bt-ul02 > li > p{font-size:17px;font-family: 'ppr';text-align: center;}
.devel .ad-list .ad-con .bt-ul02 > li > p > span{bottom:0;right:0;font-size: 13px;font-family: 'ppr';background: #307ffe;border-radius: 20px 0 0 0;line-height: 1;padding: 8px 10px 8px 15px;width: auto;height: auto;color:#fff;position: absolute;}

.ad-con-ul03{display:flex;gap:140px;}
.ad-con-ul03 .ad-con-sub-tit{background:#004e72;}
.ad-con-ul03 .st03{background-color: #f1f1f1;color:#111;font-size:22px;font-family: 'pps';display: flex;text-align: center;width: calc(100% - 270px);align-items: center;justify-content: center;height: 90px;border-radius: 10px;}


@media screen and (max-width: 1440px) {
  .devel .ad-list > ul > li > .ad-con .ad-ul01 > li span{display: block;margin-left:0;margin-top:5px;}
}

@media screen and (max-width: 1200px) {
  .devel .ad-list .ad-con .bt-ul01{gap:10px;}
  .devel .ad-list .ad-con .bt-ul01 > li > p{padding-left: 50px;font-size:18px;height: 50px;}
  .devel .ad-list .ad-con .bt-ul01 > li > p > span{width: 25px;height: 25px;font-size: 13px;left: 15px;}
  .devel .ad-list .ad-con .bt-ul01 > li > p + p{font-size:15px;padding-bottom: 35px;height: calc(100% - 50px);}
  .devel .ad-list .ad-con .bt-ul02{gap:10px;}
  .devel .ad-list .ad-con .bt-ul02 > li{padding-bottom:35px;}

  .devel .ad-list > ul > li > .ad-con .ad-ul01{flex-wrap: wrap;gap:10px;}
  .devel .ad-list > ul > li > .ad-con .ad-ul01 > li{width: calc(100% / 3 - 7px);}

  .devel .ad-list > ul > li > .ad-con .ad-con-ul{flex-wrap: wrap;gap: 50px 0;}
  .devel .ad-list > ul > li > .ad-con .ad-con-ul > ul{width:50%;}

  .devel .ad-list > ul > li{gap:80px;}
  .devel .ad-list > ul > li > .ad-con{width: calc(100% - 280px);}
  .devel .ad-list > ul > li > .ad-tit:after{width: 40px;background-size:contain;right: -60px;}

  .ad-con-ul01,
  .ad-con-ul02,
  .ad-con-ul03{gap:80px;}
  .devel .ad-list .ad-con .bt-ul01,
  .devel .ad-list .ad-con .btn-ul02Wrap,
  .ad-con-ul03 .st03{width:calc(100% - 210px);}
  .ad-con-sub-tit:after{width: 40px;background-size:contain;right: -60px;}
}

@media screen and (max-width: 1023px) {
  .devel .ad-list .ad-con .bt-ul01{flex-wrap:wrap;}
  .devel .ad-list .ad-con .bt-ul01 > li{width:calc(100% / 3 - 7px);}

  .devel .ad-list .ad-con .bt-ul02{flex-wrap:wrap;}
  .devel .ad-list .ad-con .bt-ul02 > li{width:calc(100% / 3 - 7px);}

  .ad-con-ul03 .st03{height:70px;font-size:20px;}
  .devel .ad-list > ul > li > .ad-con .ad-con-ul{gap:10px;}
  .devel .ad-list > ul > li > .ad-con .ad-con-ul > ul{width:100%;}
}

@media screen and (max-width: 767px) {
  .devel .ad-list > ul > li{flex-wrap:wrap;gap: 80px;margin-bottom: 60px;}
  .devel .ad-list > ul > li > .ad-tit{width:100%;}
  .devel .ad-list > ul > li > .ad-con{width:100%;}
  .devel .ad-list > ul > li > .ad-tit:after{right:unset;left:50%;top:100%;transform:rotate(90deg);margin-left:-19.5px;margin-top:30px;}
  .ad-con-sub-tit:after{right:unset;left:50%;top:100%;transform:rotate(90deg);margin-left:-19.5px;margin-top:30px;}
  .devel .ad-list:before{display:none;}
  .devel .ad-list .ad-con .st01,
  .devel .ad-list .ad-con .st02{height: 60px;font-size:20px;}
  .devel .ad-list .ad-con .st02 > span{font-size:22px;}
  .devel .ad-list > ul > li > .ad-con .ad-con-tit{padding:12px;}
  .devel .ad-list > ul > li > .ad-con .ad-con-tit strong{font-size:20px;}
  .devel .ad-list > ul > li > .ad-con .ad-con-ul{padding:20px;}
  .devel .ad-list .bottom{flex-wrap: wrap;}
  .devel .ad-list .ad-tit span.narw,
  .devel .ad-list .bottom > .ad-tit{width:100%;}
  .devel .ad-list .ad-tit span.narw i{display: inline-block;}
  .devel .ad-list .ad-tit span.narw{display: block;}
  .devel .ad-list .bottom > .ad-con{width:100%;}
  .ad-con-ul01,
  .ad-con-ul02,
  .ad-con-ul03{flex-wrap: wrap;}
  .ad-con-sub-tit{width:100%;padding: 12px;}
  .devel .ad-list .ad-con .bt-ul01{width:100%;}
  .devel .ad-list .ad-con .btn-ul02Wrap{width:100%;}
  .ad-con-ul03 .st03{width:100%;font-size: 18px;height: 60px;}
}

@media screen and (max-width: 520px) {
  .devel .ad-list > ul > li > .ad-con .ad-ul01 > li{width:calc(100% / 2 - 5px);}
  .devel .ad-list .ad-con .bt-ul01 > li{width:calc(100% / 2 - 5px);}
  .devel .ad-list .ad-con .bt-ul02 > li{width:calc(100% / 2 - 5px);}
}

/*추가*/
/*대학현황 > 평가*/
.evaluation{margin:20px 0;display: flex;}
.evaluation .img-wrap{width: 90px;height: auto;margin-right: 20px;}
.evaluation .img-wrap img{width:100%;display: block;}
.highlight{font-size: 25px;font-weight: bold;line-height: 20px;vertical-align: middle;}
.pc-hide{display: none;}

@media screen and (max-width:767px){
  .evaluation{margin:20px 0;display: block;}
  .evaluation ul{overflow: hidden;}
  .evaluation .img-wrap{width: 70px;margin-right: 15px;float: left;}
  .evaluation .img-wrap img{position:initial;margin: 4px 0 15px 0;}
  .pc-hide{display: inline;}
}

.eva-news .list > li + li{margin-top:40px;}
.eva-news {background-color: #f7f7f7;padding:30px;border-radius: 10px;}
.eva-news ul li a{color:#003876;}

@media screen and (max-width:767px){
  .eva-news {padding:20px;}
}

/*추가*/
/*리스크 매니지먼트*/
.risk-wrap {margin: 40px auto;display: flex;overflow: hidden;}
/*좌측*/
.risk-left {background: #e8e8e8;width: 300px;padding: 32px 22px 16px 22px;display: flex;flex-direction: column;align-items: flex-start;box-sizing: border-box;}
.risk-left .logo {width: 50%;margin-bottom: 40px;margin-left: auto;margin-right: auto;display: block;}
.risk-left .contents{margin: 0 10px 150px 24px;}
.risk-left .title {font-size: 40px;font-weight: 900;line-height: 1.3;margin: 0;}
.risk-left .sub-title {color: #333;line-height: 1.65;margin-top: 0;font-size: 25px;font-weight: 600;word-spacing: 4px;}
.risk-left p{font-size: 15px;line-height: 1.7;margin-top: 25px;text-align: justify;word-spacing: -1px;}
.risk-left img  {width: 100%;display: block;margin-top: 20%;}
/*우측*/
.risk-right {flex: 1;padding: 0 24px 0 24px;display: flex;flex-direction: column;gap: 14px;box-sizing: border-box;}
.risk-right .box {background: #e4eaf4;padding: 33px 35px;display: flex;align-items: center;}
.risk-right .box .left {display: flex;flex-direction: column;align-items: center;margin: 0 40px 0 30px;width: 90px;flex-shrink: 0;}
.risk-right .box .left > img {max-width: 55px;margin-bottom: 18px;}
.risk-right .box .title {font-weight: 900;color: #003976;text-align: center;line-height: 1.2;font-size: 18px;}
.risk-right .box .content {flex: 1;}
.risk-right .box .content .list {list-style: none;padding-left: 0;margin-bottom: 12px;font-size: 17px;}
.risk-right .box .content .list li {font-weight: 600;margin-bottom: 2px;font-family: 'ppl';}
.risk-right .box .content .list li > ul{padding: 0 13px;}
.risk-right .box .content .list li > ul li{list-style-type: none;position: relative;padding-left: 10px;font-weight: 400;margin-top: 2px;}
.risk-right .box .content .list li > ul li::before {content: '-';position: absolute;left: 0;top: 0;color: #333;}
.risk-right .box .content .list li.list-font{color: #003976;font-size: 16px;font-weight: 500;}
.risk-right .box .content .tags {list-style: none;padding-left: 0;display: flex;gap: 8px;}
.risk-right .box .content .tags li {font-size: 13px;color: #fff;background: #003976;border-radius: 30px;padding: 2px 10px;font-weight: 500;display: inline-block;}

  @media (max-width: 768px) {
  .risk-wrap {flex-direction: column;flex-wrap: nowrap;}
  .risk-left, .risk-right {width: 100%;}
  .risk-left {align-items: center;text-align: center;padding: 24px 16px;}
  .risk-left .contents {margin: 0;}
  .risk-left .logo {margin: 0 auto 24px auto;width: 30%;}
  .risk-left .title,.risk-left .sub-title,.risk-left p {text-align: center;}
  .risk-left img{display: none;}
  .pc-hide{display: none;}
  .risk-right {padding: 20px 0 30px 0;}
  .risk-right .box {flex-direction: column;align-items: flex-start;padding: 20px 35px;gap: 15px;}
  .risk-right .box .left {flex-direction: row;width: auto;margin: 0;gap: 20px;align-items: center;}
  .risk-right .box .content .list li {font-weight: 600;font-size: 15px;word-break: break-all;}
  .risk-right .box .content .list li.list-font{font-size: 13px;font-weight: 500;word-break: break-all;}
  .risk-right .box .left > img {margin: 0;}
  .risk-right .box .content .tags {margin-bottom: 0;flex-wrap: wrap;}
  .risk-right .box .content .tags li{font-size: 12px;}
  }

/*추가*/
/*성평등계획*/
.gen-banner {display: flex;align-items: center;justify-content: center;background: url(/sites/sc/images/sub/gender-bg01.png) no-repeat center center/cover;padding: 10px 20px;border-radius: 10px;color: white;font-family: 'Noto Sans KR', sans-serif;user-select: none;width: 100%;height: 170px;margin: 30px 0 20px;}
.gen-banner .left {text-align: left;font-size: 30px;opacity: 0.6;width: 400px;font-family: serif;line-height: 1.2;}
.gen-banner .right {text-align: right;font-size: 30px;opacity: 0.6;width: 400px;font-family: serif;line-height: 1.2;}
.gen-banner .center {text-align: center;margin: 25px 40px 0;flex-shrink: 0;}
.main-t {font-weight: 500;font-size: 60px;line-height: 1.1;}
.sub-t {font-weight: 900;font-size: 42px;opacity: 0.4; /* 반투명 */margin-top: 6px;letter-spacing: 0.05em;font-family: serif;}

@media (max-width: 768px) {
  .gen-banner {height: auto;background-size: cover;}
  .gen-banner .left, .gen-banner .right {font-size: 12px;}
  .gen-banner .center {margin: 10px 20px 0 20px;}
  .gen-banner .main-t {font-size: 22px;}
  .gen-banner .sub-t {font-size: 13px;margin-top: 4px;font-weight: 600;}
}

.gender-info{display: flex; justify-content: flex-end; padding: 20px 0; }
.gender-info .box {position: relative;width: 283px;height: 60px;background-image: url(/sites/sc/images/sub/gender-bg02.png);background-size: cover;background-position: center;padding: 4px 8px;color: #fff;}
.gender-info .span-opacity{opacity: 0.6;}

@media screen and (max-width: 768px) {
  .gender-info .box{width: 200px;height: auto;padding: 2px 5px;font-size: 12px;}
}

.gender-con-wrap{display: flex;position: relative;gap: 28px;justify-content: flex-start;margin: 0 6px 70px;align-items: flex-start;}
.gender-con-wrap .badge{width: 115px; height: 115px;border-radius: 50%;border: 2px solid #0055AA;display:grid; place-items:center;color:#0055AA;font-weight: 1000;font-size: 31px;text-transform: lowercase;flex: 0 0 auto; }
.gender-con{margin-left: 24px;width: 100%;}
.gender-con > p{ margin: 20px 0 8px; font-size: 20px; line-height: 1.7; word-break: break-all;}
.gender-con-wrap .box{margin-top: 35px;background-color: #EDF3FA;;border-radius: 5px;padding: 13px 0 13px 22px;}
.bullets{margin:0; padding:0; list-style:none; display:grid; gap:10px; font-size:17px; line-height:1.5; }
.bullets li{ position:relative; padding-left:18px; }
.bullets li::before{content:'';position:absolute; left:0; top:12px;width:6px; height:6px; border-radius:50%;background:#1b75d0;}
.blue-hilight{ color:#0070C0; text-decoration: underline; font-weight: 700; }
.gender-con-wrap .list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 16px;margin-top: 40px;max-width: 1200px;}
.gender-con-wrap .list > li {position: relative;border: 1px solid #0055AA;border-radius: 10px;display: flex;align-items: center;overflow: visible;max-width: 100%;color: #0055AA;font-size: 18px;padding: 8px 10px 8px 60px;}
.gender-con-wrap .list > li > span {position: absolute;left: 1px; top: 50%;transform: translateY(-50%); width: 45px;height: 45px;border-radius: 50%;background: #0055AA;color: #fff;display: flex;justify-content: center; align-items: center; font-size: 24px;box-shadow: 0 0 0 4px #fff; font-weight:900;}

@media screen and (max-width: 768px) {
  .gender-con-wrap {flex-direction: column;align-items: flex-start;gap: 12px;}
  .gender-con-wrap .badge {align-self: flex-start; /* 또는 center로 조정 가능 */width: 100px;height: 100px;font-size: 27px;}
  .gender-con{flex: 1;min-width: 0;max-width: 100%;}
  .gender-con > p {font-size: 17px;line-height: 1.6;margin-top: 10px;}
  .gender-con-wrap .box {padding: 12px 16px;margin: 0;}
  .bullets {font-size: 15px;line-height: 1.6;}
  .gender-con {margin-left: 0;}
  .gender-con-wrap .list > li{padding: 8px 20px 8px 50px;margin-bottom: 13px;font-size: 17px;width: 100%;}
  .gender-con-wrap .list > li > span{top: 10%;left: -5px;font-size: 20px;font-weight: 700;}
}

.con-table.gen-style{border-bottom: 1px solid #0055AA;}
.con-table.gen-style thead th{background-color: #0055AA;color: white;font-weight: bold;border-right: 1px solid white;padding: 2px 10px;font-size: 18px;}
.con-table.gen-style tbody td{font-size: 16px;border-right: 1px solid white; border-bottom: 2px solid #0055AA;color: #0055AA;}
.con-table.gen-style td.txt-bold {font-weight: bold;}
.con-table.gen-style td.txt-center{text-align: center;}
.con-table.gen-style td.td-color{background-color: #EDF3FA;}

@media screen and (max-width: 768px) {
  .con-table.gen-style{margin:0;}
}

.gender-closing {text-align: center;color: #000;line-height: 1.7;}
.gender-closing > p{font-size: 21px;}
.gender-closing .date {margin-top: 20px;font-size: 18px;color: #555;}
.gender-closing .signature {margin-top: 20px;display: flex;justify-content: center;align-items: center;gap: 16px;flex-wrap: wrap; }
.gender-closing .signature .logo {width: 50px;height: 50px;}
.gender-closing .signature .name {font-weight: 800;font-size: 28px;color: #676666;}
.gender-closing .signature .sign {height: 40px;object-fit: contain;}

@media screen and (max-width: 768px) {
  .gender-closing > p{font-size: 18px;}
  .gender-closing .signature .name {font-size: 18px;}
  .gender-closing .signature {gap: 8px;}
}

/* 캠퍼스 가이드 */
.wrap-cam-guide ul {display: flex; width: calc(100% + 40px);}
.wrap-cam-guide li {width: 33.333%; padding-right: 40px;}
.wrap-cam-guide .thumb img {border-radius: 10px;}
.wrap-cam-guide .info {margin-bottom: 23px; padding: 26px 0 20px 0; border-bottom: 1px solid #c6cbce;}
.wrap-cam-guide .info strong {display: block; font-family: ppm; font-size: 20px; color: #121212;}
.wrap-cam-guide .info p {font-family: ppr; font-size: 17px; color: #005ead;}
.wrap-cam-guide .button {display: flex; flex-wrap: wrap;}
.wrap-cam-guide .button a {display: flex; align-items: center; height: 35px; margin-right: 10px; margin-top: 5px; padding: 0 10px; font-family: ppr; font-size: 16px; border-radius: 3px; border: 1px solid #aaaaaa; color: #555555;}
.wrap-cam-guide .button a:hover {background: #1174ff; border-color: #1174ff; color: #fff;}
.wrap-cam-guide .button a::before {content: ''; margin-right: 5px;}
.wrap-cam-guide .button a.ic1::before {width: 12px; height: 15px; background: url('../../images/sub/ic-cam-guide1.png') no-repeat center;}
.wrap-cam-guide .button a.ic2::before {width: 15px; height: 18px; background: url('../../images/sub/ic-cam-guide2.png') no-repeat center;}
.wrap-cam-guide .button a.ic3::before {width: 17px; height: 14px; background: url('../../images/sub/ic-cam-guide3.png') no-repeat center;}
.wrap-cam-guide .button a.ic4::before {width: 13px; height: 17px; background: url('../../images/sub/ic-cam-guide4.png') no-repeat center;}
.wrap-cam-guide .button a:hover.ic1::before {background: url('../../images/sub/ic-cam-guide1-on.png') no-repeat center;}
.wrap-cam-guide .button a:hover.ic2::before {background: url('../../images/sub/ic-cam-guide2-on.png') no-repeat center;}
.wrap-cam-guide .button a:hover.ic3::before {background: url('../../images/sub/ic-cam-guide3-on.png') no-repeat center;}
.wrap-cam-guide .button a:hover.ic4::before {background: url('../../images/sub/ic-cam-guide4-on.png') no-repeat center;}

@media screen and (max-width: 1210px) {
  .wrap-cam-guide ul {width: calc(100% + 20px);}
  .wrap-cam-guide li {padding-right: 20px;}
  .wrap-cam-guide .info strong {font-size: 20px;}
  .wrap-cam-guide .info p {font-size: 17px;}
}

@media screen and (max-width: 950px) {
  .wrap-cam-guide ul {flex-wrap: wrap;}
  .wrap-cam-guide li {width: 50%; padding-bottom: 20px;}
}

@media screen and (max-width: 680px) {
  .wrap-cam-guide .thumb img {width: 100%;}
  .wrap-cam-guide ul {width: 100%;}
  .wrap-cam-guide li {width: 100%; padding-right: 0; padding-bottom: 40px;}
  .wrap-cam-guide .button {flex-wrap: wrap;}
  .wrap-cam-guide .button a {width: 47%;}
}

/* 개인정보 처리방침 */
.wrap-private.label {margin-top: 30px;}
.wrap-private.label > ul {display: flex; width: calc(100% + 40px);}
.wrap-private.label > ul > li {width: 20%; padding-right: 40px;}
.wrap-private.label .ico {display: flex; justify-content: center; align-items: center; height: 145px; background: #f5f5f5;}
.wrap-private.label .title {padding-top: 10px;}
.wrap-private.label .title strong {display: flex; justify-content: center; padding: 20px 0; background: #005ead; border-radius: 5px; text-align: center; font-family: ppr; font-size: 18px; color: #ffffff;}
.wrap-private.label .list > ul {padding-top: 20px;}
.wrap-private.label .list > ul > li {position: relative; padding-left: 20px; font-family: ppr; font-size: 17px; color: #333333;}
.wrap-private.label .list > ul > li::after {content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #1174ff;}

.wrap-private.list {margin-top: 30px; padding: 50px; border: 1px solid #cccccc; border-radius: 10px;}
.wrap-private.list ul {display: flex; flex-wrap: wrap;}
.wrap-private.list li {width: 50%; padding: 5px 0;}
.wrap-private.list a {font-family: ppr; font-size: 16px; color: #333333;}
.wrap-private.list a span {position: relative;}
.wrap-private.list a span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #6b9dff; transition: width 0.35s;}
.wrap-private.list a:hover {color: #1174ff;}
.wrap-private.list a:hover span::after {width: 100%;}

@media screen and (max-width: 1180px) {
  .wrap-private.label > ul {flex-wrap: wrap; width: calc(100% + 20px);}
  .wrap-private.label > ul > li {width: 33.333%; padding-right: 20px; padding-bottom: 20px;}
  .wrap-private.label .title strong {font-size: 17px;}
  .wrap-private.label .list > ul > li {font-size: 16px;}
}

@media screen and (max-width: 890px) {
  .wrap-private.label > ul > li {width: 50%;}
  .wrap-private.list {padding: 30px;}
  .wrap-private.list li {width: 100%;}
}

@media screen and (max-width: 600px) {
  .wrap-private.label > ul > li {width: 100%;}
  .wrap-private.label .list > ul {padding-top: 10px;}
  .wrap-private.label .title strong {padding: 10px 0;}
}

.private {position: absolute; text-indent: -9999px; width:0; height:0; overflow:hidden;}

@media screen and (max-width: 830px) {
  .page_267 .wrap-step-banner li {margin: 5px 0; padding: 10px 15px !important;}
  .page_267 .wrap-step-banner li .box {flex-direction: row; margin-left: 0;}
  .page_267 .wrap-step-banner strong {line-height: 1.5; padding-left: 10px;}
  .page_267 .wrap-step-banner li::before {display: none;}
}

@media screen and (max-width: 600px) {
  .page_329 .con-list1 > ul > li span {display: block; margin-bottom: 5px;}
}