@charset "utf-8";

.system-wrap .system-header{position: relative; margin-bottom: 4rem; padding: 2.6rem 0 1.8rem; border: .4rem solid #042e6f; border-radius: 1rem;}
.system-wrap .system-header::before{content:""; position: absolute; display: block; width: 1.6rem; height: 1.6rem; margin-top: -.8rem; background: url(../../images/sub/ic-systel_title_dots.png) no-repeat center center / cover; left: 3.6rem; top: 50%;}
.system-wrap .system-header::after{content:""; position: absolute; display: block; width: 1.6rem; height: 1.6rem; margin-top: -.8rem; background: url(../../images/sub/ic-systel_title_dots.png) no-repeat center center / cover; right: 3.6rem; top: 50%;}
.system-wrap .system-header h1{font-family: sm; font-size: 3.2rem; text-align: center; color: #042e6f;}
.system-wrap .system-inner .system-box{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 2rem}
.system-wrap .system-inner .system-box:last-child{display: block;}
.system-wrap .system-inner .system-box .system-left{position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 30rem;}
.system-wrap .system-inner .system-box .system-right{width: calc(100% - 30rem);}
.system-wrap .system-inner .system-box .system-right .system-title.title4{display: none;}
.system-wrap .system-inner .system-box .system-title{position: relative; padding-right: 6rem; border-radius: 1rem;}
.system-wrap .system-inner .system-box .system-title::after{content:""; position: absolute; display: block; width: 1.6rem; height: 1.5rem; margin-top: -.75rem; right: 2.2rem; top: 50%;}
.system-wrap .system-inner .system-box .system-title h1{position: relative; padding: 2.3rem 0 1.8rem; border-radius: 1rem; font-family: sm; font-size: 2.6rem; text-align: center; color: white;}

.system-wrap .system-inner .system-box .system-title.title1::after{background: url(../../images/sub/ic-system_title_slash_1.png) no-repeat center center / cover;}
.system-wrap .system-inner .system-box .system-title.title1 h1{background: url(../../images/sub/bg-system_title_1.png) no-repeat right center / cover;}
.system-wrap .system-inner .system-box .system-title.title2::after{background: url(../../images/sub/ic-system_title_slash_2.png) no-repeat center center / cover;}
.system-wrap .system-inner .system-box .system-title.title2 h1{background: url(../../images/sub/bg-system_title_2.png) no-repeat right center / cover;}
.system-wrap .system-inner .system-box .system-title.title3::after{background: url(../../images/sub/ic-system_title_slash_3.png) no-repeat center center / cover;}
.system-wrap .system-inner .system-box .system-title.title3 h1{background: url(../../images/sub/bg-system_title_3.png) no-repeat right center / cover;}
.system-wrap .system-inner .system-box .system-title.title4::after{background: url(../../images/sub/ic-system_title_slash_4.png) no-repeat center center / cover;}
.system-wrap .system-inner .system-box .system-title.title4 h1{background: url(../../images/sub/bg-system_title_4.png) no-repeat right center / cover;}
.system-wrap .system-inner .system-box .system-title.title5{padding-right: 0;}
.system-wrap .system-inner .system-box .system-title.title5::after{display: none;}
.system-wrap .system-inner .system-box .system-title.title5 h1{background: url(../../images/sub/bg-system_title_1.png) no-repeat right center / cover;}
.system-wrap .system-inner .system-box .system-title.title6{padding-right: 0;}
.system-wrap .system-inner .system-box .system-title.title6::after{display: none;}
.system-wrap .system-inner .system-box .system-title.title6 h1{background: url(../../images/sub/bg-system_title_5.png) no-repeat right center / cover;}

.system-wrap .system-inner .system-box .content1{padding: 1.95rem 0; background-color: #f1f6fa; border: .1rem solid #00aae5; border-radius: 1rem;}
.system-wrap .system-inner .system-box .content1 p{font-family: pb; font-size: 2.6rem; text-align: center; color: #191919;}

.system-wrap .system-inner .system-box .content2{padding: 1.95rem 0; background-color: #f1f6fa; border: .1rem solid #00aae5; border-radius: 1rem;}
.system-wrap .system-inner .system-box .content2 p{font-family: pb; font-size: 2.6rem; text-align: center; color: #191919;}

.system-wrap .system-inner .system-box .content3 ul{display: flex; flex-wrap: wrap; margin: 0 -1.9rem}
.system-wrap .system-inner .system-box .content3 li{position: relative; width: calc(100%/3); padding: 0 1.9rem; padding-bottom: 5.6rem;}
.system-wrap .system-inner .system-box .content3 li::after{content:""; position: absolute; display: block; width: 2.4rem; height: 1.6rem; margin-left: -1.2rem; background: url(../../images/sub/ic-system_down_arrow.png) no-repeat center center / cover; left: 50%; bottom: 2rem;}
.system-wrap .system-inner .system-box .content3 .sym-box{background-color: #f7f7f7; border-radius: 1rem; border: .1rem solid #0faa8f;}
.system-wrap .system-inner .system-box .content3 .sym-header{position: relative; border-bottom: .1rem solid rgba(15,170,143,.2);}
.system-wrap .system-inner .system-box .content3 .sym-header::after{content:""; position: absolute; display: block; width: 1rem; height: 1rem; margin-left: -.5rem; background: url(../../images/sub/ic-system_title_small_dots.png) no-repeat center center / cover; left: 50%; bottom: -.5rem}
.system-wrap .system-inner .system-box .content3 .sym-header h1{padding: 2.3rem 0 1.9rem; font-family: pb; font-size: 2.4rem; text-align: center; color: #0faa8f;}
.system-wrap .system-inner .system-box .content3 .sym-text p{padding: 2.3rem 0; font-family: pm; font-size: 2.2rem; text-align: center; color: #191919;}

.system-wrap .system-inner .system-box .content4 ul{display: flex; flex-wrap: wrap; margin: 0 -1.9rem}
.system-wrap .system-inner .system-box .content4 li{position: relative; display: flex; justify-content: center; gap: 2rem; width: calc(100%/3); padding: 0 1.9rem;}
.system-wrap .system-inner .system-box .content4 .sym-circle{display: flex; justify-content: center; align-items: center; width: 11.9rem; height: 11.9rem; border: .8rem solid #bec8d3; border-radius: 50%;}
.system-wrap .system-inner .system-box .content4 .sym-circle p{font-family: pb; font-size: 2.2rem; line-height: 1; text-align: center; color: #191919;}
.system-wrap .system-inner .system-box .content4 .sym-circle p span{font-family: pr; font-size: 1.6rem; text-align: center; color: #7f7f7f;}

.system-wrap .system-inner .system-box .system-list-header{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 4rem;}
.system-wrap .system-inner .system-box .system-list-header .title5{position: relative; width: 24rem; padding-bottom: 4.4rem}
.system-wrap .system-inner .system-box .system-list-header .title5::after{content:""; position: absolute; display: block; width: .8rem; height: 2.4rem; margin-left: -.4rem; background: url(../../images/sub/ic-system_title_circle_dots_1.png) no-repeat center center / cover; top: auto; right: auto; left: 50%; bottom: 1rem;}
.system-wrap .system-inner .system-box .system-list-header .title6{position: relative; width: calc(100% - 30rem); padding-bottom: 4.4rem}
.system-wrap .system-inner .system-box .system-list-header .title6::after{content:""; position: absolute; display: block; width: .8rem; height: 2.4rem; margin-left: -.4rem; background: url(../../images/sub/ic-system_title_circle_dots_2.png) no-repeat center center / cover; top: auto; right: auto; left: 50%; bottom: 1rem;}
.system-wrap .system-inner .system-box .system-list-content-box{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-bottom: 2rem}
.system-wrap .system-inner .system-box .system-list-content-box:last-child{margin-bottom: 0;}
.system-wrap .system-inner .system-box .system-list-left{width: 30rem; padding-right: 6rem;}
.system-wrap .system-inner .system-box .system-list-left h1{display: flex; justify-content: center; align-items: center; height: 100%; padding-top: .7rem;border: .2rem solid #00aae5; border-radius: 1rem; font-family: sm; font-size: 2.4rem; line-height: 1.2; text-align: center; color: #00aae5;}
.system-wrap .system-inner .system-box .system-list-right{width: calc(100% - 30rem);}
.system-wrap .system-inner .system-box .system-list-number li{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1rem; padding: 1.5rem 3rem; background-color: #f7f7f7; border-radius: 1rem;}
.system-wrap .system-inner .system-box .system-list-number li:last-child{margin-bottom: 0;}
.system-wrap .system-inner .system-box .system-list-number li p{position: relative; padding-left: 3.5rem; font-family: pm; font-size: 2rem; color: #191919;}
.system-wrap .system-inner .system-box .system-list-number li p .number{position: absolute; display: inline-block; width: 2rem; height: 2rem; background-color: #042e6f; border-radius: .5rem; font-family: sm; font-size: 1.2rem; line-height: 2rem; text-align: center; color: White; left: 0; top: .6rem;}
.system-wrap .system-inner .system-box .system-list-number li > span{display: inline-block; padding: 0 1.7rem; background-color: #00aae5; border-radius: 1.5rem; font-size: 1.7rem; line-height: 3rem; color: #ffffff;}

@media screen and (max-width: 1500px) {
    .system-wrap .system-header{padding: 1.9rem 0 1.1rem;}
    .system-wrap .system-header h1{font-size: 2.5rem;}
    .system-wrap .system-inner .system-box .system-title h1{padding: 1.8rem 0 1.2rem; font-size: 2rem;}
    .system-wrap .system-inner .system-box .content1,
    .system-wrap .system-inner .system-box .content2{padding: 1.4rem 0;}
    .system-wrap .system-inner .system-box .content1 p,
    .system-wrap .system-inner .system-box .content2 p{font-size: 2rem;}
    .system-wrap .system-inner .system-box .content3 .sym-header h1{padding: 1.5rem 0; font-size: 2rem;}
    .system-wrap .system-inner .system-box .content3 .sym-text p{padding: 1.5rem 0; font-size: 1.8rem;}
    .system-wrap .system-inner .system-box .content4 .sym-circle{width: 8rem; height: 8rem;}
    .system-wrap .system-inner .system-box .content4 .sym-circle p{font-size: 1.6rem;}
    .system-wrap .system-inner .system-box .content4 .sym-circle p span{font-size: 1.2rem;}
    .system-wrap .system-inner .system-box .system-list-left h1{font-size: 2rem;}
    .system-wrap .system-inner .system-box .system-list-number li p{font-size: 1.6rem;}
    .system-wrap .system-inner .system-box .system-list-number li p .number{top: .2rem;}
    .system-wrap .system-inner .system-box .system-list-number li > span{padding: 0 1rem; font-size: 1.4rem; line-height: 2.5rem;}
}

@media screen and (max-width: 1200px) {
    .system-wrap .system-header{padding: 1.2rem 0 .8rem;}
    .system-wrap .system-header h1{font-size: 2rem;}
    .system-wrap .system-inner .system-box .system-left{width: 20rem;}
    .system-wrap .system-inner .system-box .system-title{padding-right: 3rem;}
    .system-wrap .system-inner .system-box .system-title::after{right: .6rem;}
    .system-wrap .system-inner .system-box .system-right{width: calc(100% - 20rem);}
    .system-wrap .system-inner .system-box .content3 ul{margin: 0 -1rem;}
    .system-wrap .system-inner .system-box .content3 li{padding: 0 1rem 4rem;}
    .system-wrap .system-inner .system-box .content4 li{padding: 0 1rem;}
}

@media screen and (max-width: 768px) {
    .system-wrap .system-inner .system-box{flex-direction: column; align-items: center;}
    .system-wrap .system-inner .system-box .system-title{padding-right: 0; padding-bottom: 3rem;}
    .system-wrap .system-inner .system-box .system-title::after{margin-top: 0; top: auto; bottom: 0; right: 50%; margin-right: -.8rem;}
    .system-wrap .system-inner .system-box .system-left .system-title.title4{display: none;}
    .system-wrap .system-inner .system-box .system-right{width: 100%; margin-top: 2rem;}
    .system-wrap .system-inner .system-box .system-right .system-title.title4{display: block; width: 20rem; margin: 0 auto; margin-bottom: 2rem;}
    .system-wrap .system-inner .system-box .content3 li::after{display: none;}
    .system-wrap .system-inner .system-box .content3 .sym-header h1{padding: 1rem 0; font-size: 1.6rem;}
    .system-wrap .system-inner .system-box .content3 .sym-text p{padding: 1rem 0; font-size: 1.4rem;}
    .system-wrap .system-inner .system-box .content4 li{flex-direction: column; align-items: center;}
    .system-wrap .system-inner .system-box .system-list-content-box{flex-direction: column; align-items: center;}
    .system-wrap .system-inner .system-box .system-list-left{width: 100%; padding-right: 0;}
    .system-wrap .system-inner .system-box .system-list-left h1{padding: 1.3rem 0 .7rem;}
    .system-wrap .system-inner .system-box .system-list-right{width: 100%; margin-top: 1rem;}
    .system-wrap .system-inner .system-box .system-list-number li{flex-direction: column; align-items: start;}
    .system-wrap .system-inner .system-box .system-list-number li > span{display: inline-block; margin-top: .5rem;}
}

/* 인사말 */
.greetings-wrap {position: relative; color:#555;}
.greetings-wrap img {width:100%;}
.greetings-wrap .frame {display: flex; justify-content: space-between;}
.greetings-wrap .left {position: relative; display: block; width: 35%; padding-top: 6.8rem; z-index: 1;}
.greetings-wrap .right {position: relative; width:calc(100% - 35% - 6rem); margin-left:6rem;}
.greetings-wrap .slogan {position: relative; padding:6.5rem 0 5.5rem 0;}
.greetings-wrap .slogan::before {position:absolute; width:calc(100% + 33.5rem); height:100%; background:#F1F6FA url(../../images/sub/bg-greetings-logo.png) no-repeat right 3rem bottom -17rem; border-radius:1rem; content:''; right:0; top:0;}
.greetings-wrap .slogan em {position: relative; display: block;}
.greetings-wrap .slogan strong {position: relative;}
.greetings-wrap .slogan1 em {display: block; margin-bottom: 2.3rem; font-family: sm; font-size: 3.6rem; color:#042E6F;}
.greetings-wrap .slogan1 strong {font-family: sl; font-size: 2.8rem; color:#1d1d1d; line-height: 4rem;}
.greetings-wrap .slogan2 em {margin-bottom: 1.3rem; font-family: sl; font-size: 2.8rem; color:#042E6F;}
.greetings-wrap .slogan2 strong {font-family: sm; font-size: 3.6rem; color:#1d1d1d; line-height: 5rem;}
.greetings-wrap .slogan2 strong span {color:#00AAE5;}
.greetings-wrap .text-box {position: relative; padding-top: 5.5rem; font-family: pm; font-size: 1.7rem; line-height: 2.8rem;}
.greetings-wrap .text-box i {display: block; margin: 2.8rem 0;}
.greetings-wrap .sign1 {display: block; margin-top: 2.5rem;}
.greetings-wrap .sign1 span {display: block; font-family: pm; font-size: 1.7rem; line-height: 2.4rem;}
.greetings-wrap .sign1 em {display: block; margin-top: 2rem; font-family: pb; font-size: 3.4rem; color:#1d1d1d; line-height: 2.8rem;}
.greetings-wrap .sign2 {display: flex; margin-top: 3.5rem;}
.greetings-wrap .sign2 em {display: inline-block; margin-left: 2rem; font-family: pb; font-size: 3.4rem; color:#1D1D1D; line-height: 2.8rem;}
.greetings-wrap .con-table .con-list1 > ul > li {font-family: pr;}

@media screen and (max-width:1200px) {
    .greetings-wrap .frame {flex-direction: column;}
    .greetings-wrap .left {width:50%; margin:0 auto; text-align: center; padding-top:0;}
    .greetings-wrap .right {width:100%; margin:0;}
    .greetings-wrap .slogan {padding:8rem 0 3rem 0rem; margin:-4rem 0rem 0 0rem;}
    .greetings-wrap .text-box {padding-top:4rem;}
}

@media screen and (max-width:768px) {
    .greetings-wrap .left {width:80%;}
    .greetings-wrap .slogan1 em {font-size: 2.6rem;}
    .greetings-wrap .slogan1 strong {font-size: 2.2rem;}
    .greetings-wrap .slogan1 strong br {display: none;}
    .greetings-wrap .slogan2 em {font-size: 2.2rem;}
    .greetings-wrap .slogan2 strong {font-size: 3rem; line-height: 1.5;}
    .greetings-wrap .text-box {font-size: 1.5rem; line-height: 1.5; padding-top: 2rem;}
    .greetings-wrap .sign em {font-size: 2.8rem;}
}

/* UI */
.ui .logo-info {display: flex;align-items: flex-start;}
.ui .logo-info .logo-box {position: relative;flex-shrink: 0;margin: 5rem -9.5rem 0 0;z-index: 1;}
.ui .logo-info .logo-box img {width: 100%;}
.ui .logo-info .txt-box {padding: 4.4rem 9.2rem 4.8rem 16rem;background: #f1f6fa;border-radius: 1rem;}
.ui .logo-info .tit {position: relative;display: block;font-family: sb;font-size: 2.8rem;padding-bottom: 1.8rem;margin-bottom: 2rem;color: #302a6c;}
.ui .logo-info .tit::before {position: absolute;width: 1rem;height: 1rem;background: #00aae5;border-radius: 50%;content: '';left: 0;bottom: 0;}
.ui .logo-info .tit::after {position: absolute;width: 1rem;height: 1rem;background: #302a6c;border-radius: 50%;content: '';left: 1.4rem;bottom: 0;}
.ui .logo-info .desc {font-family: sl;font-size: 1.8rem;color: #1d1d1d;}
.ui .logo-info .list {padding: 4rem 6rem 0 15.5rem;}
.ui .logo-info .list li {position: relative;font-family: sl;font-size: 1.7rem;color: #555;margin-bottom: 0.95rem;padding-left: 3rem;}
.ui .logo-info .list li:last-child {margin-bottom: 0;}
.ui .logo-info .list li .num {position: absolute;width: 2rem;height: 2rem;background: #555;border-radius: 0.5rem;font-family: sm;font-size: 1.2rem;text-align: center;color: #fff;left: 0;top: 0.1rem;line-height: 2.2rem;}
.ui .logo-info .list li strong {font-family: sm;color: #171717;}

.ui .btns {position: relative;display: flex;padding-right: 22.8rem;gap: 2rem;}
.ui .btns::before {content: '';position: absolute;right: 0;top: -13.5rem;width: 19rem;height: 16.8rem;background: url('../../images/sub/img-ui-deco.png') no-repeat bottom center / contain;}
.ui .btns .btn-style1 {flex: 1;}
.ui .btns .btn-style1::before {flex-shrink: 0;}
.ui .btns .btn-style1 p {width: 100%;;padding: 0 1.5rem;text-align: center;}

@media screen and (max-width:1520px) {
    .ui .logo-info .logo-box {width: auto;height: auto;min-width: 48rem;flex-shrink: 1;}
	.ui .btns {flex-wrap: wrap;}
	.ui .btns::before {top: auto;bottom: 0;}
	.ui .btns .btn-style1 {flex: none;}
}

@media screen and (max-width: 1024px) {
    .ui .logo-info {display: block;flex-direction: column;}
    .ui .logo-info .logo-box {width: 100%;height: auto;margin: 0 0 3rem;min-width: auto;}
    .ui .logo-info .txt-box {padding: 4rem 4rem 4rem 4rem;}
    .ui .logo-info .list {padding: 3rem 4rem 0 0;}
}

@media screen and (max-width: 768px) {
    .ui .logo-info .logo-box {margin: 0 0 2rem;}
    .ui .logo-info .txt-box {padding: 3rem 3.5rem 3rem;}
    .ui .logo-info .tit {font-size: 2.5rem;padding-bottom: 1.4rem;margin-bottom: 1.7rem;}
    .ui .logo-info .desc {font-size: 1.6rem;}
    .ui .logo-info .list {padding: 2rem 4rem 0 0;}
    .ui .logo-info .list li {font-size: 1.6rem;margin-bottom: 0.85rem;}
	.ui .btns {padding-right: 2rem;padding-bottom: 3.5rem;}
	.ui .btns::before {width: 17rem;height: 14.8rem;}
}

.ui .symbol ul {display: flex;justify-content: space-between;align-items: center;padding: 0 29rem 0 30rem;background: #f7f7f7;border-radius: 1rem;}
.ui .symbol ul li {margin-right: 10rem;}
.ui .symbol ul li:last-child {margin-right: 0;}

@media screen and (max-width: 1520px) {
    .ui .symbol ul {padding: 0 15rem 0 16rem;}
}

@media screen and (max-width: 1024px) {
    .ui .symbol ul {padding: 0 10rem 0 11rem;}
    .ui .symbol ul li {margin-right: 7rem;}
}

@media screen and (max-width: 768px) {
    .ui .symbol ul {padding: 0 4rem 0 4rem;}
    .ui .symbol ul li {margin-right: 5rem;}
}

.ui .logo ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.ui .logo li {width: calc(50% - 3rem);margin-bottom: 0.8rem;}
.ui .logo .objHeading_h3 {margin-bottom: 2.5rem;}
.ui .logo .img-box {background: #f7f7f7;text-align: center;border-radius: 1rem;}

@media screen and (max-width: 1024px) {
    .ui .logo li {width: calc(50% - 1.5rem);}
    .ui .logo .img-box {padding: 0 3rem;}
    .ui .logo .objHeading_h3 {font-size: 2rem;margin-bottom: 2.2rem;}
}

@media screen and (max-width: 768px) {
    .ui .logo li {width: 100%;}
    .ui .logo .img-box {padding: 0 2rem;}
    .ui .logo .objHeading_h3 {font-size: 2.2rem;margin-bottom: 1.8rem;}
}

.ui .emblem .top {margin-bottom: 0.5rem;text-align: center;background: #f7f7f7;border-radius: 1rem;}
.ui .emblem ul {display: flex;justify-content: space-between;align-items: flex-start;}
.ui .emblem li {width: calc(33.33333% - 3rem);}
.ui .emblem li .img-box {padding: 0 2rem;background: #f7f7f7;text-align: center;border-radius: 1rem;}
.ui .emblem .objHeading_h3 {margin-bottom: 2.5rem;}

@media screen and (max-width: 1024px) {
    .ui .emblem .objHeading_h3 {font-size: 2rem;margin-bottom: 2.2rem;}
}

@media screen and (max-width: 768px) {
    .ui .emblem .objHeading_h3 {font-size: 2.2rem;margin-bottom: 1.8rem;}
    .ui .emblem ul {flex-direction: column;}
    .ui .emblem ul li {width: 100%;}
}

.ui .signature .tb {display: flex;padding: 5rem 15rem 9rem;background: #f7f7f7;border-radius: 1rem;flex-wrap: wrap;justify-content: space-between;}
.ui .signature .tb li {width: 15.2rem;margin-bottom: 10rem;margin-right: 20rem;text-align: center;}
.ui .signature .tb li:nth-child(n+4) {margin-bottom: 0;}
.ui .signature .tb li:nth-child(3n) {margin-right: 0;}
.ui .signature .lr {display: flex;padding: 8.3rem 0 9.5rem 6.5rem;background: #f7f7f7;border-radius: 1rem;flex-wrap: wrap;justify-content: space-between;}
.ui .signature .lr li {width: 33.33333%;margin-bottom: 10rem;text-align: center;}
.ui .signature .lr li:nth-child(2), .ui .signature .lr li:nth-child(5) {transform: translateX(-1rem);}
.ui .signature .lr li:nth-child(n+4) {margin-bottom: 0;}
.ui .signature .lr li:nth-child(3n) {transform: translateX(2rem);}

@media screen and (max-width: 1250px) {
    .ui .signature .tb {padding: 4rem 4rem 8rem;}
    .ui .signature .tb li {width: 33.33333%;margin-right: 0;}
    .ui .signature .lr {padding: 4rem 4rem 8rem;}
    .ui .signature .lr li {width: 33.33333%;margin-right: 0;}
    .ui .signature .lr li:nth-child(2), .ui .signature .lr li:nth-child(5) {transform: translateX(-1rem);}
    .ui .signature .lr li:nth-child(3n) {transform: translateX(5rem);margin-right: 0;}
}

@media screen and (max-width: 1024px) {
    .ui .signature .tb {padding: 4rem 4rem 8rem;}
    .ui .signature .tb li {width: calc(50% - 3rem);}
    .ui .signature .lr {padding: 4rem 4rem 8rem;}
    .ui .signature .lr li {width: 50%;}
    .ui .signature .lr li:nth-child(2), .ui .signature .lr li:nth-child(5) {transform: translateX(0);}
    .ui .signature .lr li:nth-child(2n) {transform: translateX(4rem);}
    .ui .signature .lr li:nth-child(3n) {transform: translateX(0);}
    .ui .signature .lr li:last-child {transform: translateX(4rem);}
}

@media screen and (max-width: 768px) {
    .ui .signature .tb {padding: 3rem 4rem 1rem;}
    .ui .signature .tb li {margin-bottom: 5rem;}
    .ui .signature .tb li:nth-child(n+4) {margin-bottom: 5rem;}
    .ui .signature .lr {padding: 4.5rem 4rem 0 2rem;}
    .ui .signature .lr li {margin-bottom: 5rem;}
    .ui .signature .lr li img {max-width: 108%;}
    .ui .signature .lr li:nth-child(n+4) {margin-bottom: 5rem;}
}

.ui .color .main-color {display: flex;justify-content: space-between;}
.ui .color .main-color li {width: calc((100% / 4) - 3rem);padding: 3.1rem 4rem 4.4rem;border-radius: 1rem;}
.ui .color .main-color li strong {display: block;margin-bottom: 1.8rem;font-family: sm;font-size: 1.8rem;color: #fff;}
.ui .color .main-color li p {font-family: pm;font-size: 1.7rem;color: #fff;}
.ui .color .main-color li.dark-blue {background: #302b6c;}
.ui .color .main-color li.blue {background: #00ade6;}
.ui .color .main-color li.light-blue {background: #b9e6fb;}
.ui .color .main-color li.light-blue strong {color: #302b6c;}
.ui .color .main-color li.light-blue p {color: #302b6c}
.ui .color .main-color li.gray {background: #818284;}
.ui .color .sub-color {display: flex;justify-content: space-between;}
.ui .color .sub-color li {display: flex;width: calc((100% / 2) - 2rem);padding: 4.7rem 4rem;border-radius: 1rem;}
.ui .color .sub-color li strong {display: block;margin-right: 4.5rem;font-family: sm;font-size: 1.8rem;color: #fff;}
.ui .color .sub-color li p {font-family: pm;font-size: 1.7rem;color: #fff;}
.ui .color .sub-color li.silver {background: linear-gradient(90deg, rgba(186,186,186,1) 20.5625%, rgba(214,215,217,1) 54.6875%, rgba(214,215,217,1) 68.8125%, rgba(186,186,186,1) 80.5625%);}
.ui .color .sub-color li.gold {background: linear-gradient(90deg, rgba(220,195,128,1) 20.5625%, rgba(231,208,161,1) 54.6875%, rgba(231,208,161,1) 68.8125%, rgba(220,195,128,1) 80.5625%);}

@media screen and (max-width: 1250px) {
    .ui .color .main-color li {width: calc((100% / 4) - 2rem);}
    .ui .color .sub-color li {width: calc(50% - 1.2rem);}
}

@media screen and (max-width: 1024px) {
    .ui .color .main-color {flex-wrap: wrap;}
    .ui .color .main-color li {width: calc(50% - 1.5rem);margin-bottom: 2.2rem;}
    .ui .color .main-color li:nth-child(n+3) {margin-bottom: 0;}
}

@media screen and (max-width: 768px) {
    .ui .color .main-color li {width: calc(50% - 1rem);margin-bottom: 2rem;}
    .ui .color .sub-color {flex-wrap: wrap;}
    .ui .color .sub-color li {width: 100%;padding: 4rem;margin-bottom: 2rem;}
    .ui .color .sub-color li:last-child {margin-bottom: 0;}
}

@media screen and (max-width: 500px) {
    .ui .color .main-color li {width: 100%;}
    .ui .color .main-color li:nth-child(n+3) {margin-bottom: 2rem;}
    .ui .color .main-color li:last-child {margin-bottom: 0;}
}

/* 교가 */
.song {display: flex;align-items: flex-start;}
.song .img-box {position: relative;display: block;width: auto;height: auto;margin: 5rem -43rem 0 0;padding: 0;background: none;border: none;font-family: inherit;font-size: inherit;text-align: inherit;color: inherit;text-indent: 0;transform: none;transition: none;opacity: 1;min-width: 52rem;z-index: 1;}
.song .img-box img {display: block;width: 100%;height: auto;}
.song .info {position: static;display: block;width: auto;height: auto;margin: 0;padding: 9.4rem 6rem 11.8rem 53rem;background: #f1f6fa;border-radius: 1rem;}
.song .tit {position: relative;display: block;width: auto;height: auto;margin: 0 0 2.3rem;padding: 0 0 1.8rem 0;background: none;border: none;font-family: sb;font-size: 2.8rem;text-align: left;color: #302a6c;}
.song .tit::before {position: absolute;display: block;width: 1rem;height: 1rem;margin: 0;padding: 0;background: #00aae5;border-radius: 50%;content: '';left: 0;bottom: 0;}
.song .tit::after {position: absolute;display: block;width: 1rem;height: 1rem;margin: 0;padding: 0;background: #302a6c;border-radius: 50%;content: '';left: 1.4rem;bottom: 0;}
.song .list1 {display: flex;align-items: center;margin: 0 0 4.5rem 0;padding: 0;background: none;border: none;font-family: inherit;font-size: inherit;text-align: inherit;color: inherit;text-indent: 0;gap: 4rem;}
.song .list1 li {font-family: nm;font-size: 1.7rem;color: inherit;}
.song .list1 span {margin-right: 0.8rem;color: #00aae5;}
.song .list1 em {color: #1d1d1d;}
.song .list2 li {margin: 0 0 2.3rem 0;}
.song .list2 li:last-child {margin: 0;}
.song .list2 strong {display: block;margin: 0 0 1rem 0;font-family: nb;font-size: 2rem;color: #1d1d1d;}
.song .list2 p {font-family: pm;font-size: 1.7rem;color: #555;}

@media screen and (max-width: 1024px) {
    .song {display: block;flex-direction: column;}
    .song .img-box {width: 100%;height: auto;margin: 0 0 3rem;min-width: auto;}
    .song .info {padding: 4rem;}
}

@media screen and (max-width: 768px) {
    .song .img-box {margin: 0 0 2rem;}
    .song .info {padding: 3rem 3.5rem;}
    .song .tit {font-size: 2.5rem;padding-bottom: 1.4rem;margin-bottom: 1.7rem;}
    .song .list1 {margin-bottom: 2.5rem;}
}

/* 기구표 */
.org .dep1 {position: relative;padding-bottom: 4rem;}
.org .dep1::before {position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #a6a6a6;content: '';}
.org .dep1::after {position: absolute;left: 50%;width: 1px;height: 4rem;margin-left: -0.5px;background: #a6a6a6;content: '';}
.org .dep1 > span {display: block;width: 22.5rem;margin: 0 auto;padding: 1.6rem;background: url('../../images/sub/bg-top-box1.png') no-repeat center / cover;border-radius: 1rem;font-family: sm;font-size: 2.6rem;text-align: center;color: #fff;}
.org .list {position: relative;width: 22.5rem;}
.org .dep2 {position: relative;padding-top: 4rem;}
.org .dep2::after {position: absolute;left: 50%;top: 0;width: 1px;height: 4rem;margin-left: -0.5px;background: #a6a6a6;content: '';}
.org .dep2 > span {display: block;width: 100%;padding: 1.8rem 1.6rem 1.4rem;background: url('../../images/sub/bg-top-box2.png') no-repeat center / cover;border-radius: 1rem;font-family: sl;font-size: 2.2rem;text-align: center;color: #fff;}
.org .list-wrapper {display: flex;gap: 3rem;}
.org .list > li {position: relative;margin-bottom: 3.5rem;}
.org .list > li:last-child {margin-bottom: 0;}
.org .list > li::before {position: absolute;left: 50%;bottom: -2.6rem;width: 0.5rem;height: 1.5rem;background: #00aae5;transform: skew(-36deg);content: '';}
.org .list > li:last-child::before {display: none;}
.org .dep3 {background: none;border: 2px solid #00aae5;border-radius: 1rem;}
.org .dep3 > span {display: block;padding: 1.45rem;border-radius: 1rem 1rem 0 0;font-size: 1.8rem;text-align: center;color: #00aae5;}
.org .dep3 .info {position: relative;padding: 1.5rem 2rem 2rem;background: #f7f7f7;border-top: 1px solid #cceefa;border-radius: 0 0 1rem 1rem;}
.org .dep3 .info::before {position: absolute;width: 1rem;height: 1rem;margin-left: -0.5rem;background: #00aae5;border-radius: 0.3rem;transform: rotate(45deg);left: 50%;top: -0.5rem;content: '';}
.org .dep3 .info li {display: flex;margin-bottom: 0.4rem;}
.org .dep3 .info li:last-child {margin-bottom: 0;}
.org .dep3 .info li > span {font-family: pm;font-size: 1.7rem;color: #555;}
.org .dep3 .info li::before {margin-right: 1rem;width: 0.8rem;height: 0.2rem;transform: translateY(1rem);background: #424242;content: '';flex-shrink: 0;}
.org .list-wrapper > .list:first-child::before {position: absolute;top: -2px;left: 0;width: calc(50% - 0.5px);height: 100%;background: #fff;pointer-events: none;content: '';}
.org .list-wrapper > .list:last-child::before {position: absolute;top: -2px;right: 0;width: calc(50% - 0.5px);height: 100%;background: #fff;pointer-events: none;content: '';}

@media screen and (max-width: 1520px) {
	.org .list-wrapper {gap: 2rem;}
}

@media screen and (max-width: 1300px) {
	.org .list-wrapper {display: flex;flex-wrap: wrap;gap: 0;}
	.org .list {width: calc((100% / 3) - 20px);margin-right: 30px;}
	.org .list:nth-child(3n) {margin-right: 0;}
	.org .list:nth-child(n+4) .dep2::after {display: none;}
	.org .list-wrapper > .list:last-child::before {display: none;}
	.org .list-wrapper > .list:nth-child(3)::before {position: absolute;top: -2px;right: 0;width: calc(50% - 0.5px);height: 100%;background: #fff;pointer-events: none;content: '';}
}

@media screen and (max-width: 768px) {
	.org .dep1 > span {width: 17.5rem;padding: 1.5rem 1.5rem 1.2rem;font-size: 2.3rem;}
	.org .list-wrapper {display: flex;flex-wrap: wrap;gap: 0;}
	.org .list {width: calc((100% / 2) - 1.5rem);margin-right: 3rem;}
	.org .list:nth-child(3n) {margin-right: 3rem;}
	.org .list:nth-child(2n) {margin-right: 0;}
	.org .dep2 > span {padding: 1.7rem 1.4rem 1.1rem;font-size: 1.9rem;}
	.org .dep3 > span {padding: 1rem;font-size: 1.7rem;}
	.org .dep3 .info li > span {font-size: 1.6rem;}
	.org .dep3 .info li::before {margin-right: 0.7rem;}
	.org .list:nth-child(n+3) .dep2::after {display: none;}
	.org .list-wrapper > .list:nth-child(3)::before {display: none;}
	.org .list-wrapper > .list:nth-child(2)::before {position: absolute;top: -2px;right: 0;width: calc(50% - 0.5px);height: 100%;background: #fff;pointer-events: none;content: '';}
}

@media screen and (max-width: 500px) {
	.org .dep1 > span {padding: 1.4rem 1.5rem 1.2rem;font-size: 2.1rem;}
	.org .dep2 > span {padding: 1.3rem 1.5rem 1rem;font-size: 1.8rem;}
	.org .dep3 > span {padding: 0.9rem;font-size: 1.6rem;}
	.org .dep3 .info::before {width: 0.8rem;height: 0.8rem;margin-left: -0.4rem;background: #00aae5;top: -0.4rem;border-radius: 0.2rem;}
	.org .dep3 .info li > span {font-size: 1.5rem;}
	.org .list > li::before {width: 0.4rem;height: 1.2rem;}
}

/* 수업 */
.lesson .list-wrapper > li {display: flex;gap: 6rem;margin-bottom: 5.5rem;position: relative;}
.lesson .box-list::before,
.lesson .num-list::before,
.lesson .info::before,
.lesson .list-wrapper > li > div::before {content: '';position: absolute;left: 50%;bottom: -3.5rem;margin-left: -0.75rem;width: 2.4rem;height: 1.5rem;background: url('../../images/sub/ic-bottom-arrow.png') no-repeat center / cover;}
.lesson .list3 .num-list::before {display: none;}
.lesson .list5 .box-list::before,
.lesson .list6 .info::before,
.lesson .list7 .num-list::before {display: none;}
.lesson .list-wrapper > li:last-child {margin-bottom: 0;}
.lesson .tit {position: relative;display: flex;justify-content: center;align-items: center;font-size: 2rem;color: #fff;border-radius: 1rem;font-family: sl;width: 24rem;padding: 2rem;text-align: center;flex-shrink: 0;}
.lesson .list1 .tit {background: #00aae5 url('../../images/sub/bg-tit-box2.png') no-repeat right bottom / contain;}
.lesson .list2 .tit {background: #042e6f url('../../images/sub/bg-tit-box1.png') no-repeat right bottom / contain;}
.lesson .list3 .tit {background: #0faa8f url('../../images/sub/bg-tit-box4.png') no-repeat right bottom / contain;}
.lesson .list4 .tit {background: #155fbb url('../../images/sub/bg-tit-box3.png') no-repeat right bottom / contain;}
.lesson .list5 .tit {background: #00aae5 url('../../images/sub/bg-tit-box2.png') no-repeat right bottom / contain;}
.lesson .list6 .tit {background: #042e6f url('../../images/sub/bg-tit-box1.png') no-repeat right bottom / contain;}
.lesson .list7 .tit {background: #0faa8f url('../../images/sub/bg-tit-box4.png') no-repeat right bottom / contain;}
.lesson .tit::before {content: '';position: absolute;right: -3.3rem;width: 0.5rem;height: 1.5rem;transform: skew(-36deg);}
.lesson .list1 .tit::before {background: #00aae5;}
.lesson .list2 .tit::before {background: #042e6f;}
.lesson .list3 .tit::before {background: #0faa8f;}
.lesson .list4 .tit::before {background: #155fbb;}
.lesson .list5 .tit::before {background: #00aae5;}
.lesson .list6 .tit::before {background: #042e6f;}
.lesson .list7 .tit::before {background: #0faa8f;}
.lesson .list-wrapper > li > div {position: relative;width: 100%;}
.lesson .box-list {position: relative;display: flex;width: 100%;;gap: 3rem;}
.lesson .box-list > li {display: flex;justify-content: center;align-items: center;border-radius: 0.5rem;flex: 1;text-align: center;font-family: pm;font-size: 2rem;color: #00aae5;min-height: 8rem;padding: 2rem;}
.lesson .box-list > li:nth-child(1) {border: 1px solid #00aae5;color: #00aae5;}
.lesson .box-list > li:nth-child(2) {border: 1px solid #042e6f;color: #042e6f;}
.lesson .box-list > li:nth-child(3) {border: 1px solid #0faa8f;color: #0faa8f;}
.lesson .info {position: relative;display: flex;justify-content: center;align-items: center;width: 100%;font-size: 2rem;color: #191919;font-family: pm;border: 1px solid #8d8d8d;border-radius: 0.5rem;text-align: center;min-height: 8rem;padding: 2rem;}
.lesson .num-list  {position: relative;}
.lesson .num-list > li {position: relative; margin: .8rem 0 0 0; padding-left: 3rem;line-height: 1.4; font-family: pm; font-size: 2rem; color: #191919;text-align: left;}
.lesson .num-list > li .num {position: absolute; left: 0; top: .4rem; display: flex; justify-content: center; width: 2rem; height: 2rem; background: #555555; border-radius: .5rem; font-family: sm; font-size: 1.2rem; text-align: center; line-height: 2.1rem; color: #fff;}
.lesson .list3 .box-list > li:last-child {width: 41.1rem;flex: auto;display: block;border: 0;padding: 0;}
.lesson .num-list {width: 100%;;padding: 2rem 3rem 2.4rem;border: 1px solid #8d8d8d;border-radius: 0.5rem;}

@media screen and (max-width: 1200px) {
	.lesson .box-list {gap: 2rem;}
	.lesson .tit {width: 20rem;}
}

@media screen and (max-width: 1024px) {
	.lesson .list-wrapper > li {flex-direction: column;align-items: center;margin-bottom: 9rem;gap: 5rem;}
	.lesson .tit {width: 100%;;max-width: 50rem;;}
	.lesson .tit::before {right: auto;left: 50%;margin-left: -0.25rem;bottom: -3.3rem;}
	.lesson .box-list::before,
	.lesson .num-list::before,
	.lesson .info::before,
	.lesson .list-wrapper > li > div::before {bottom: -5.5rem;}
}

@media screen and (max-width: 768px) {
	.lesson .tit {max-width: 35rem;font-size: 1.8rem;padding: 2.1rem 2rem 1.8rem;}
	.lesson .box-list > li {font-size: 1.8rem;min-height: 6rem;}
	.lesson .num-list {padding: 1.4rem 2rem 1.8rem}
	.lesson .num-list > li {font-size: 1.8rem;padding-left: 2.5rem;}
	.lesson .num-list > li .num {width: 1.8rem;height: 1.8rem;font-size: 1.1rem;line-height: 1.8;}
	.lesson .info {font-size: 1.8rem;min-height: 6rem;}
	.lesson .list3 .box-list {flex-direction: column;}
	.lesson .list3 .box-list > li:last-child {width: 100%;}
}

@media screen and (max-width: 500px) {
	.lesson .tit {max-width: 100%;}
}

/* Info Visual 공통 */
.info-visual {height: 60rem;}
.info-visual img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.info-visual .desc {overflow: visible; position: absolute; display: block; width: calc(100% - 40rem); height: auto; margin: 0; padding: 4.7rem 6rem; background: #fff; border-radius: 1rem; font-family: sl; font-size: 1.8rem; text-align: center; color: #1d1d1d; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; left: 50%; bottom: 0rem; line-height: 2.8rem;}
.info-visual .desc::before {overflow: visible; position: absolute; display: block; width: 1rem; height: 1rem; margin: 0; padding: 0; background: #00aae5; border-radius: 50%; font-family: inherit; font-size: inherit; text-align: center; color: inherit; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; content: ''; left: 50%; bottom: 0.7rem; margin-left: -1.3rem;}
.info-visual .desc::after {overflow: visible; position: absolute; display: block; width: 1rem; height: 1rem; margin: 0; padding: 0; background: #302a6c; border-radius: 50%; font-family: inherit; font-size: inherit; text-align: center; color: inherit; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; content: ''; left: 50%; bottom: 0.7rem;}

@media screen and (max-width:1300px) {
	.info-visual {height: 50rem;}
}

@media screen and (max-width:1024px) {
	.info-visual {height: 45rem;}
	.info-visual .desc {width: calc(100% - 25rem); padding: 4rem 7rem !important; font-size: 1.7rem;}
	.info-visual .desc br {display: none;}
}

@media screen and (max-width:768px) {
	.info-visual {height: 35rem;}
	.info-visual .desc {width: calc(100% - 10rem);padding: 3rem 3rem !important;font-size: 1.6rem;}
	.info-visual .desc::before,
	.info-visual .desc::after {width: 0.8rem; height: 0.8rem; bottom: 1rem;}
}

@media screen and (max-width:500px) {
	.info-visual .desc {width: calc(100% - 8.5rem);padding: 3rem 2.5rem !important;font-size: 1.6rem;}
}

/* 발전기금 */
.pg-fund {padding-bottom: 13rem;}
.pg-fund .visual {height: 60rem; background: url('../../images/sub/bg-pg-fund-visual.jpg') no-repeat right center / cover;}
.pg-fund .visual .desc {overflow: visible; position: absolute; display: block; width: calc(100% - 40rem); height: auto; margin: 0; padding: 4.7rem 10rem; background: #fff; border-radius: 1rem; font-family: sl; font-size: 1.8rem; text-align: center; color: #1d1d1d; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; left: 50%; bottom: 0; line-height: 2.8rem;}
.pg-fund .visual .desc::before {overflow: visible; position: absolute; display: block; width: 1rem; height: 1rem; margin: 0; padding: 0; background: #00aae5; border-radius: 50%; font-family: inherit; font-size: inherit; text-align: center; color: inherit; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; content: ''; left: 50%; bottom: 0.7rem; margin-left: -1.3rem;}
.pg-fund .visual .desc::after {overflow: visible; position: absolute; display: block; width: 1rem; height: 1rem; margin: 0; padding: 0; background: #302a6c; border-radius: 50%; font-family: inherit; font-size: inherit; text-align: center; color: inherit; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; content: ''; left: 50%; bottom: 0.7rem;}

@media screen and (max-width:1300px) {
	.pg-fund .visual {height: 50rem;}
}

@media screen and (max-width:1024px) {
	.pg-fund .visual {height: 45rem;}
	.pg-fund .visual .desc {width: calc(100% - 25rem); padding: 4rem 7rem; font-size: 1.7rem;}
	.pg-fund .visual .desc br {display: none;}
}

@media screen and (max-width:768px) {
	.pg-fund .visual {height: 35rem;}
	.pg-fund .visual .desc {width: calc(100% - 10rem);padding: 3rem 3rem;font-size: 1.6rem;}
	.pg-fund .visual .desc::before,
	.pg-fund .visual .desc::after {width: 0.8rem; height: 0.8rem; bottom: 1rem;}
}

@media screen and (max-width:500px) {
	.pg-fund .visual .desc {width: calc(100% - 8.5rem);padding: 3rem 2.5rem;font-size: 1.6rem;}
}

/* 학생생활관 */
.dormitory {padding-bottom: 5.2rem;}

/* 학생생활상담센터 */
.counseling-center {padding-bottom: 10.5rem;}
.counseling-center .info-visual {height: 50rem;}

/* 보건진료소 */
.health-center {padding-bottom: 5rem;}
.health-center .info-visual {height: 42rem;}

/* 정보공개제도안내 */
.info-disclosure {margin-top: 11.5rem;}
.info-disclosure .step-info {position: absolute;display: flex;left: 0;top: -5.9rem;}
.info-disclosure .step-info > li {position: relative;display: flex;margin-right: 4rem;font-family: pr;font-size: 1.8rem;color: #333;align-items: center;}
.info-disclosure .step-info > li:last-child {margin-right: 0;}
.info-disclosure .step-info > li::before {display: inline-block;width: 1.5rem;height: 1.5rem;margin-right: 1rem;border-radius: 50%;content: '';}
.info-disclosure .step-info .item1::before {background: #00aae5;}
.info-disclosure .step-info .item2::before {background: #042e6f;}
.info-disclosure .box-list {display: flex;justify-content: space-between;}
.info-disclosure .box-list > li {position: relative;width: calc((100% / 5) - 5.9rem);text-align: center;}
.info-disclosure .box-list > li strong {font-family: pm;font-size: 2rem;line-height: 1.3;}
.info-disclosure .box-list > li:nth-child(4) strong br {display: none;}
.info-disclosure .box-list > li span {font-family: pm;font-size: 1.7rem;color: #555;line-height: 1.3;}
.info-disclosure .box-list > li > div {position: relative;display: flex;border-radius: 0.5rem;justify-content: center;align-items: center;flex-direction: column;}
.info-disclosure .box-list > li > .box1 {padding: 2rem 1rem;}
.info-disclosure .box-list > li > .box1::before {position: absolute;width: 3.5rem;height: 3.5rem;transform: translateY(-50%);content: '';top: 50%;right: -5.5rem;background-image: url('../../images/sub/ic-step-arrow.png');background-repeat: no-repeat;background-position: center;border-radius: 50%;}
.info-disclosure .box-list > li > .box2 {width: 100%;min-height: 9rem;padding: 1rem 1.5rem;}
.info-disclosure .box-list > li > .box2::before {position: absolute;width: 3.5rem;height: 3.5rem;transform: translateX(-50%) rotate(-90deg);content: '';bottom: -5.5rem;left: 50%;background-image: url('../../images/sub/ic-step-arrow.png');background-repeat: no-repeat;background-position: center;border-radius: 50%;}
.info-disclosure .box-list > li > .box3 {width: 100%;min-height: 9rem;padding: 1.35rem 1.7rem;}
.info-disclosure .box-list > li > .box3::before {position: absolute;width: 3.5rem;height: 3.5rem;transform: translateX(-50%) rotate(90deg);content: '';top: -5.5rem;left: 50%;background-image: url('../../images/sub/ic-step-arrow.png');background-repeat: no-repeat;background-position: center;border-radius: 50%;}
.info-disclosure .step-info > li:last-child > .box3::before {transform: translateX(-50%);}
.info-disclosure .box-list.top {margin-bottom: 0rem;}
.info-disclosure .box-list.top > li:nth-child(3) {transform: translateY(-9rem);}
.info-disclosure .box-list.top > li:nth-child(4) {transform: translateY(-9rem);}
.info-disclosure .box-list.top > li:nth-child(4) > .box3::before {transform: translateX(-50%) rotate(-90deg);}
.info-disclosure .box-list.top > li > .box1 {margin: 7.5rem 0;min-height: 11rem;max-height: 11rem;}
.info-disclosure .box-list.top > li:last-child > .box1::before {display: none;}
.info-disclosure .box-list.bottom {display: flex;transform: translateY(-1.5rem);flex-direction: row-reverse;}
.info-disclosure .box-list.bottom > li > .box1 {margin-bottom: 7.5rem;min-height: 13rem;max-height: 13rem;}
.info-disclosure .box-list.bottom > li > .box1::before {transform: translateY(-50%) rotate(-180deg);}
.info-disclosure .box-list.bottom > li:first-child > .box1::before {transform: translateX(-50%) rotate(90deg);right: auto;left: 50%;top: -4.8rem;}
.info-disclosure .sky {border: 1px solid #00aae5;}
.info-disclosure .sky::before {background-color: #00aae5;}
.info-disclosure .sky strong {color: #00aae5;}
.info-disclosure .blue {border: 1px solid #042e6f;}
.info-disclosure .blue::before {background-color: #042e6f;}
.info-disclosure .blue strong {color: #042e6f;}

@media screen and (max-width: 1720px) {
	.info-disclosure .box-list > li:nth-child(4) strong br {display: block;}
	.info-disclosure .box-list.bottom {transform: translateY(1rem);}
	.info-disclosure .box-list > li span br {display: none;}
}

@media screen and (max-width: 1520px) {
	.info-disclosure .step-info {left: 2rem;}
}

@media screen and (max-width: 1350px) {
	.info-disclosure .box-list {display: flex; flex-wrap: wrap;}
	.info-disclosure .box-list > li {display: flex; width: 100%; margin-bottom: 8.5rem; gap: 6rem;}
	.info-disclosure .box-list > li > div {flex: 1;}
	.info-disclosure .box-list > li > .box2 {padding: 1rem 2rem;}
	.info-disclosure .box-list > li > .box3 {padding: 1rem 2rem;}
	.info-disclosure .box-list > li > .box1::before {position: absolute; left: 50%; bottom: -6rem; right: auto; top: auto;transform: translateX(-50%) rotate(90deg); margin-left: -1rem;}
	.info-disclosure .box-list > li > .box2::before {position: absolute; top: 50%; right: -5rem; left: auto; bottom: auto;transform: translateY(-50%);}
	.info-disclosure .box-list > li:nth-child(3) {flex-direction: row-reverse;}
	.info-disclosure .box-list > li > .box3::before {position: absolute; top: 50%; left: -3rem; transform: translateY(-50%);}
	.info-disclosure .box-list.top > li:nth-child(1) strong,
	.info-disclosure .box-list.top > li:nth-child(2) strong {transform: translateX(-1.4rem);}
	.info-disclosure .box-list.top > li:nth-child(1) span,
	.info-disclosure .box-list.top > li:nth-child(2) span {transform: translateX(-1.4rem);}
	.info-disclosure .box-list.top > li > .box1 {margin: 0; min-height: auto;}
	.info-disclosure .box-list.top > li:nth-child(3),
	.info-disclosure .box-list.top > li:nth-child(4) {transform: translateY(0);}
	.info-disclosure .box-list.top > li:nth-child(3) > .box1::before {margin-left: 24.7vw;background-color: #042e6f;}
	.info-disclosure .box-list.top > li:nth-child(1) > .box1::before {background-color: #042e6f;}
	.info-disclosure .box-list.top > li:nth-child(2) > .box1::before {background-color: #042e6f;}
	.info-disclosure .box-list.top > li:nth-child(3) > .box2::before {left: -4.9rem; right: auto;background-color: #00aae5;}
	.info-disclosure .box-list.top > li:nth-child(4) > .box1::before {background-color: #042e6f;}
	.info-disclosure .box-list.top > li:nth-child(4) > .box3::before {left: -4.8rem; transform: translateY(-50%) rotate(-180deg);background-color: #00aae5;}
	.info-disclosure .box-list.top > li:nth-child(5) > .box3::before {left: -4.8rem; transform: translateY(-50%);background-color: #00aae5;}
	.info-disclosure .box-list.top > li:nth-child(4) > .box2::before {background-color: #00aae5;}
	.info-disclosure .box-list.top > li:nth-child(3) .blue,
	.info-disclosure .box-list.top > li:nth-child(4) .blue,
	.info-disclosure .box-list.top > li:nth-child(5) .blue {border: 1px solid #00aae5;}
	.info-disclosure .box-list.top > li:nth-child(3) strong,
	.info-disclosure .box-list.top > li:nth-child(4) strong,
	.info-disclosure .box-list.top > li:nth-child(5) strong {color: #00aae5;}
	.info-disclosure .box-list.bottom {transform: translateY(0);}
	.info-disclosure .box-list.bottom > li:last-child {margin-bottom: 0;}
	.info-disclosure .box-list.bottom > li:nth-child(1) strong,
	.info-disclosure .box-list.bottom > li:nth-child(3) strong,
	.info-disclosure .box-list.bottom > li:nth-child(4) strong {transform: translateX(-1.4rem);}
	.info-disclosure .box-list.bottom > li:nth-child(1) span,
	.info-disclosure .box-list.bottom > li:nth-child(3) span,
	.info-disclosure .box-list.bottom > li:nth-child(4) span {transform: translateX(-1.4rem);}
	.info-disclosure .box-list.bottom > li > .box1 {margin-bottom: 0;}
	.info-disclosure .box-list.bottom > li > .box1::before {transform: translateX(-50%) rotate(90deg);}
	.info-disclosure .box-list.bottom > li > .box3::before {left: -4.9rem; transform: translateY(-50%);background-color: #00aae5;}
	.info-disclosure .box-list.bottom > li:nth-child(2) > .box1::before {margin-left: 23.5vw;}
	.info-disclosure .box-list.bottom > li:last-child > .box1::before {display: none;}
	.info-disclosure .box-list.bottom > li:first-child > .box1::after {position: absolute; left: 50%; bottom: -5.5rem; width: 3.5rem; height: 3.5rem;transform: translateX(-50%) rotate(90deg); background: #042e6f url('../../images/sub/ic-step-arrow.png') no-repeat center;border-radius: 50%; content: ''; margin-left: -1.1rem;}
	.info-disclosure .box-list.bottom > li .blue {border: 1px solid #00aae5;}
	.info-disclosure .box-list.bottom > li strong {color: #00aae5;}
	.info-disclosure .box-list.bottom > li:nth-child(4) .box1::before {background-color: #042e6f;}
}

@media screen and (max-width: 1100px) {
	.info-disclosure .box-list.top > li:nth-child(3) > .box1::before {margin-left: 23.4vw;}
}

@media screen and (max-width: 768px) {
	.info-disclosure .step-info > li {font-size: 1.6rem;}
	.info-disclosure .step-info > li::before {width: 1.2rem; height: 1.2rem; margin-right: 0.8rem;}
	.info-disclosure .box-list > li {gap: 4rem;}
	.info-disclosure .box-list > li strong {font-size: 1.6rem;}
	.info-disclosure .box-list > li span {font-size: 1.5rem;}
	.info-disclosure .box-list > li > .box1 {padding: 1.5rem 1rem; min-height: auto;}
	.info-disclosure .box-list > li > .box2 {min-height: 8rem;}
	.info-disclosure .box-list > li > .box3 {min-height: 8rem;}
	.info-disclosure .box-list > li > .box1::before,
	.info-disclosure .box-list > li > .box2::before,
	.info-disclosure .box-list > li > .box3::before {width: 3rem; height: 3rem; background-size: 1.4rem;}
	.info-disclosure .box-list.top > li:nth-child(1) strong,
	.info-disclosure .box-list.top > li:nth-child(2) strong,
	.info-disclosure .box-list.top > li:nth-child(4) strong {transform: translateX(-1.1rem);}
	.info-disclosure .box-list.top > li:nth-child(1) span,
	.info-disclosure .box-list.top > li:nth-child(2) span,
	.info-disclosure .box-list.top > li:nth-child(4) span {transform: translateX(-1.1rem);}
	.info-disclosure .box-list.top > li:nth-child(3) > .box1::before {margin-left: 23.9vw;}
	.info-disclosure .box-list.top > li:nth-child(4) {flex-direction: column;}
	.info-disclosure .box-list.top > li:nth-child(4) > .box1::before {bottom: -18.7rem; margin-left: -2vw;}
	.info-disclosure .box-list.top > li:nth-child(4) > .box2::before {top: auto; bottom: -3.6rem; left: 50%; transform: translateX(-50%) rotate(-90deg); margin-left: -2vw;}
	.info-disclosure .box-list.top > li:nth-child(4) > .box3::before {top: -3.6rem; left: 50%; transform: translateX(-50%) rotate(90deg); margin-left: -2vw;}
	.info-disclosure .box-list.top > li:nth-child(3) > .box2::before {left: -3.6rem;}
	.info-disclosure .box-list.top > li:nth-child(5) > .box3::before {left: -3.6rem;}
	.info-disclosure .box-list.bottom > li:nth-child(1) strong,
	.info-disclosure .box-list.bottom > li:nth-child(3) strong,
	.info-disclosure .box-list.bottom > li:nth-child(4) strong {transform: translateX(-1.1rem);}
	.info-disclosure .box-list.bottom > li:nth-child(1) span,
	.info-disclosure .box-list.bottom > li:nth-child(3) span,
	.info-disclosure .box-list.bottom > li:nth-child(4) span {transform: translateX(-1.1rem);}
	.info-disclosure .box-list.bottom > li > .box1 {min-height: auto;}
	.info-disclosure .box-list.bottom > li > .box3::before {left: -3.6rem;}
	.info-disclosure .box-list.bottom > li:first-child > .box1::before {left: 50%;}
	.info-disclosure .box-list.bottom > li:first-child > .box1::after {width: 3rem; height: 3rem; background-size: 1.4rem; margin-left: -1.8vw;}
	.info-disclosure .box-list.bottom > li:nth-child(2) > .box1::before {margin-left: 23.8vw;}
}

/* 상징물 */
.totem {margin-bottom: 10rem;}
.totem ul {display: flex;gap: 6rem;}
.totem li {position: relative;}
.totem li img {width: 100%;}
.totem li .img-box {padding-bottom: 3rem;}
.totem .tit {position: absolute;left: 50%;bottom: 0;padding: 1.5rem 1rem;background: #fff;border-radius: 1rem;font-family: sl;font-size: 1.8rem;text-align: center;color: #1d1d1d;transform: translateX(-50%);min-width: 14rem;}
.totem .tit::before {content: '';position: absolute;left: 50%;bottom: -0.1rem;margin-left: -0.5rem;width: 1rem;height: 1rem;background: #00aae5;border-radius: 50%;transform: translateX(-50%);}
.totem .tit::after {content: '';position: absolute;left: 50%;bottom: -0.1rem;margin-left: 0.8rem;width: 1rem;height: 1rem;background: #302a6c;border-radius: 50%;transform: translateX(-50%);}

@media screen and (max-width:1024px) {
	.totem ul {display: flex;gap: 4rem;flex-direction: column;}
	.totem li {width: 100%;}
}

@media screen and (max-width:768px) {
	.totem {margin-bottom: 5rem;}
	.totem .tit {padding: 1.2rem 1rem;font-size: 1.6rem;}
	.totem .tit::before {width: 0.8rem;height: 0.8rem;margin-left: -0.4rem;}
	.totem .tit::after {width: 0.8rem;height: 0.8rem;margin-left: 0.7rem;}
}

/* 트윈이미지 공통 */
.tween-img-wrap > ul {display: flex;gap: 6rem;}
.tween-img-wrap li {position: relative; width: 50%;}
.tween-img-wrap li img {width: 100%;}
.tween-img-wrap .img-box {position: relative; padding-bottom: 3.2rem}
.tween-img-wrap .tit {position: absolute;left: 50%;bottom: 0;padding: 1.5rem 1rem;background: #fff;border-radius: 1rem;font-family: sl;font-size: 1.8rem;text-align: center;color: #1d1d1d;transform: translateX(-50%);min-width: 14rem;}
.tween-img-wrap .tit::before {content: '';position: absolute;left: 50%;bottom: -0.1rem;margin-left: -0.5rem;width: 1rem;height: 1rem;background: #00aae5;border-radius: 50%;transform: translateX(-50%);}
.tween-img-wrap .tit::after {content: '';position: absolute;left: 50%;bottom: -0.1rem;margin-left: 0.8rem;width: 1rem;height: 1rem;background: #302a6c;border-radius: 50%;transform: translateX(-50%);}

@media screen and (max-width:1024px) {
	.tween-img-wrap ul {display: flex;gap: 4rem;flex-direction: column;}
	.tween-img-wrap li {width: 100%;}
}

@media screen and (max-width:768px) {
	.tween-img-wrap .tit {padding: 1.2rem 1rem;font-size: 1.6rem;}
	.tween-img-wrap .tit::before {width: 0.8rem;height: 0.8rem;margin-left: -0.4rem;}
	.tween-img-wrap .tit::after {width: 0.8rem;height: 0.8rem;margin-left: 0.7rem;}
}

.cafe-amenities .circle-num-list li {width: 100%;}
.cafe-amenities .circle-text-list li {width: 100%;}
.cafe-amenities .circle-text-list ul {gap: 0}

/* 경영경제연구소 */
.bizeco-lab {padding-bottom: 10.5rem;}
.bizeco-lab .visual {height: 60rem; background: url('../../images/sub/bg-bizeco-lab-visual.jpg') no-repeat right center / cover;}
.bizeco-lab .visual .desc {overflow: visible; position: absolute; display: flex; width: calc(100% - 40rem); height: auto; margin: 0; padding: 4.7rem 10rem; background: #fff; font-family: sl; font-size: 1.8rem; text-align: center; color: #1d1d1d; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; flex-direction: column; align-items: center; border-radius: 1rem; left: 50%; bottom: 0; line-height: 2.8rem;}
.bizeco-lab .visual .desc::before {overflow: visible; position: absolute; display: block; width: 1rem; height: 1rem; margin: 0; padding: 0; background: #00aae5; border-radius: 50%; font-family: inherit; font-size: inherit; text-align: center; color: inherit; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; content: ''; left: 50%; bottom: 0.7rem; margin-left: -1.3rem;}
.bizeco-lab .visual .desc::after {overflow: visible; position: absolute; display: block; width: 1rem; height: 1rem; margin: 0; padding: 0; background: #302a6c; border-radius: 50%; font-family: inherit; font-size: inherit; text-align: center; color: inherit; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; content: ''; left: 50%; bottom: 0.7rem;}
.bizeco-lab .visual .num {display: inline-block; background: url('../../images/sub/ic-blue-tel.png') no-repeat left center; font-family: sl; font-size: 1.8rem; color: #00aae5; margin-top: 2.6rem; padding-left: 3.4rem;}

@media screen and (max-width:1300px) {
	.bizeco-lab .visual {height: 50rem;}
}

@media screen and (max-width:1024px) {
	.bizeco-lab .visual {height: 45rem;}
	.bizeco-lab .visual .desc {width: calc(100% - 25rem); padding: 4rem 7rem; font-size: 1.7rem;}
	.bizeco-lab .visual .desc br {display: none;}
}

@media screen and (max-width:768px) {
	.bizeco-lab .visual {height: 35rem;}
	.bizeco-lab .visual .desc {width: calc(100% - 10rem); padding: 3rem 3rem; font-size: 1.6rem; transform: translateX(-50%);}
	.bizeco-lab .visual .desc::before,
	.bizeco-lab .visual .desc::after {width: 0.8rem; height: 0.8rem; bottom: 1rem;}
}

@media screen and (max-width:500px) {
	.bizeco-lab .visual .desc {width: calc(100% - 8.5rem); padding: 3rem 2.5rem; font-size: 1.6rem;}
	.bizeco-lab .visual .num {font-size: 1.6rem; background-size: 1.8rem; margin-top: 1.5rem; padding-left: 2.8rem;}
}

/* 총학생회 */
.stu-council {display: flex;align-items: flex-start; width: 100%;}
.stu-council .img-box {position: relative;min-width:53rem;flex-shrink: 0;margin: 6rem -9rem 0 0;z-index: 1;}
.stu-council .img-box img {width: 100%;}
.stu-council .txt-box-parent {width: 100%;}
.stu-council .txt-box {width: 100%; padding: 6.1rem 3rem 7.6rem 16rem;background: #f1f6fa url('../../images/sub/bg-box-logo.png') no-repeat bottom -14.3rem right 50px;min-width: 84rem;}
.stu-council .tit {position: relative;margin-bottom: 5.8rem;}
.stu-council .tit::before {position: absolute;width: 1rem;height: 1rem;background: #00aae5;border-radius: 50%;content: '';left: 0;bottom: -2.7rem;display: block;}
.stu-council .tit::after {position: absolute;width: 1rem;height: 1rem;background: #302a6c;border-radius: 50%;content: '';left: 1.4rem;bottom: -2.7rem;display: block;}
.stu-council .tit span {font-family: sl;font-size: 2.8rem;color: #042e6f;}
.stu-council .tit strong {display: block;font-family: sm;font-size: 3.6rem;color: #00aae5;line-height: 1.3;}
.stu-council .tit strong em {color: #1d1d1d;}
.stu-council .desc {font-family: sl;font-size: 1.8rem;color: #1d1d1d;}
.stu-council .btn-style1 {margin: 6rem 0 0 16rem;}

@media screen and (max-width:1520px) {
	.stu-council .img-box {flex-shrink: 1;}
	.stu-council .txt-box {min-width: auto;}
}

@media screen and (max-width:1200px) {
	.stu-council .txt-box {min-width: auto;padding: 4.1rem 3rem 4.6rem 13.5rem;background-position: right bottom -14.3rem;}
	.stu-council .tit {margin-bottom: 3.5rem;}
	.stu-council .tit span {font-size: 2.2rem;}
	.stu-council .tit strong {font-size: 3.2rem;line-height: 1.3;}
	.stu-council .desc {font-size: 1.7rem;}
	.stu-council .tit::before {bottom: -2rem;}
	.stu-council .tit::after {bottom: -2rem;}
	.stu-council .btn-style1 {float: right;margin: 2rem 0 0;}
	.stu-council .btn-style1 p {padding: 0 3rem;}
}

@media screen and (max-width:1024px) {
	.stu-council {flex-direction: column;}
	.stu-council .img-box {width: 100%;min-width: auto;margin: 0;}
	.stu-council .txt-box {width: 100%;padding: 3.7rem 4rem 4.6rem 4rem;background-position: right bottom -8rem;background-size: 30rem;}
	.stu-council .desc br {display: none;}
}

@media screen and (max-width:768px) {
	.stu-council .desc {font-size: 1.6rem;}
	.stu-council .desc br {display: none;}
	.stu-council .tit {margin-bottom: 3rem;}
	.stu-council .tit::before {width: 0.8rem;height: 0.8rem;bottom: -1.7rem;}
	.stu-council .tit::after {width: 0.8rem;height: 0.8rem;bottom: -1.7rem;left: 1.2rem;}
	.stu-council .tit strong {font-size: 2.5rem;margin-top: 0.4rem;}
	.stu-council .tit span {font-size: 1.9rem;}
}

/* 청탁금지법 안내 */
.wrap-chung ul {display: flex; flex-wrap: wrap; width: calc(100% + 3rem); }
.wrap-chung ul li {width: 33.333%; padding-right: 3rem; padding-bottom: 3rem;}
.wrap-chung a {position: relative; display: flex; align-items: center; height: 8rem; padding: 0 3rem; background: #f1f6fa; border-radius: 1rem; font-family: pm; font-size: 1.8rem; color: #1d1d1d;}
.wrap-chung a::after {content: ''; position: absolute; right: 3rem; top: 2.3rem; display: flex; width: 3.5rem; height: 3.5rem; border-radius: .5rem; border: 1px solid #00aae5; background: url('../../images/sub/btn-chung.png') no-repeat center;}
.wrap-chung a:hover::after {background: #00aae5 url('../../images/sub/btn-chung-on.png') no-repeat center;}
.wrap-chung a span {position: relative;}
.wrap-chung a span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #20afe6; transition: width .35s;}
.wrap-chung a:hover span::after {width: 100%;}
.wrap-chung a:hover {color: #00aae5;}

@media screen and (max-width:1080px) {
	.wrap-chung ul li {width: 50%;}
}

@media screen and (max-width:780px) {
	.wrap-chung ul {width: 100%;}
	.wrap-chung ul li {width: 100%; padding-right: 0;}
}