@charset "utf-8";

.button-box a{margin-bottom: 1rem}
@media screen and (max-width: 1200px) {
  .button-box,
  .custom-box{margin-bottom: 0; position: relative; z-index: 2;}
}



/*[S] 이미지 테이블*/
.flex-image-table{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
.flex-image-table .flex-image{width: 25.47%;}
.flex-image-table .flex-image img{width: 100%; border-radius: 1rem; overflow: hidden;}
.flex-image-table .flex-table{width: 72%;}
.flex-image-table .flex-table .con-table tbody tr th{font-family: pb;}
.flex-image-table .flex-table .con-table tbody tr th.small-text{font-size: 1.6rem; color: #1c1c1c; font-family: pm;}

@media screen and (max-width: 1200px) {
  .flex-image-table .flex-image{width: 100%;}
  .flex-image-table .flex-table{width: 100%; margin-top: 2rem}
}
/*[E] 이미지 테이블*/

/*[S] 이미지*/
.full-image img{width: 100%;}
/*[E] 이미지*/

/*[S] 대학성격/위상*/
.phase-wrap .phase-box{display: flex; flex-wrap: wrap; align-items: stretch; margin-bottom: 2rem; position: relative;}
.phase-wrap .phase-box:last-child{margin-bottom: 0;}
.phase-wrap .phase-box.arrow{padding-bottom: 14rem; background: url(../../images/sub/ic-phase-arrow.png) no-repeat right 9rem bottom 3rem / 104.1rem;}
.phase-wrap .phase-title-box{width: 30rem; padding-right: 10rem; position: relative;}
.phase-wrap .phase-title-box::after{content:""; display: block; position: absolute; right: 2.9rem; top: 50%; margin-top: -.35rem; width: 4.1rem; height: .7rem; background-repeat: no-repeat; background-size: cover;}
.phase-wrap .phase-title{position: relative; border-radius: 1rem; overflow: hidden; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.phase-wrap .phase-title::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../../images/sub/bg-phase-pattern.png); background-size: 50rem; mix-blend-mode: soft-light; opacity: .09;}
.phase-wrap .phase-title-box.back1::after{background-image: url(../../images/sub/ic-phase-dots1.png)}
.phase-wrap .phase-title-box.back2::after{background-image: url(../../images/sub/ic-phase-dots2.png)}
.phase-wrap .phase-title-box.back3::after{background-image: url(../../images/sub/ic-phase-dots3.png)}
.phase-wrap .phase-title-box.back1 .phase-title{background-color: #3826a6}
.phase-wrap .phase-title-box.back2 .phase-title{background-color: #3042cc}
.phase-wrap .phase-title-box.back3 .phase-title{background-color: #289ba7}
.phase-wrap .phase-title p{text-align: center; font-size: 2.2rem; font-family: pm; color: #ffffff; position: relative; z-index: 2;}
.phase-wrap .phase-content-box{width: calc(100% - 30rem); display: flex; gap: 1rem; position: relative;}
.phase-wrap .phase-content.center{text-align: center; padding: 2.85rem 0;}
.phase-wrap .phase-content.color1{background-color: #f3f1fb; border-radius: 1rem;}
.phase-wrap .phase-content p{font-size: 1.7rem; line-height: 3rem; color: #555555;}
.phase-wrap .phase-content.color1 p{color: #222222}
.phase-wrap .phase-content.f1{flex: 1; align-content: center;}
.phase-wrap .phase-content.f2{flex: 2;}
.phase-wrap .phase-content.stretch{align-content: stretch;}
.phase-wrap .phase-content dl{display: flex; align-items: center; flex-wrap: wrap; padding: 1.5rem 3rem;}
.phase-wrap .phase-content dt{font-size: 2rem; font-family: pb; color: #3f2dab; width: 10rem; position: relative;}
.phase-wrap .phase-content dt::after{content:""; display: block; position: absolute; right: 0; top: .7rem; width: .2rem; height: 1.5rem; background-color: #3f2dab;}
.phase-wrap .phase-content dd{width: calc(100% - 10rem); font-size: 1.7rem; line-height: 3rem; color: #222222; font-family: pm; padding-left: 3rem;}
.phase-wrap .phase-content .phase-content-header{border-radius: 1rem; background-color: #626e8e; margin-bottom: 1rem;}
.phase-wrap .phase-content .phase-content-header p{text-align: center; font-size: 2rem; font-family: pb; color: #ffffff; padding: 1rem 0;}
.phase-wrap .phase-content .phase-content-content-box{display: flex; flex-wrap: wrap; border-radius: 1rem; background-color: #f1f4fb; height: calc(100% - 6rem); padding: 1.6rem 2rem 1.1rem; gap: 3.7rem;}
.phase-wrap .phase-content .phase-content-content{flex: 1;}
.phase-wrap .phase-content .phase-content-content strong{font-size: 2rem; font-family: pb; color: #2b4ca9; display: block; padding-left: 1.6rem; position: relative;}
.phase-wrap .phase-content .phase-content-content strong::before{content:""; display: block; position: absolute; left: 0; top: 1.2rem; width: .6rem; height: .6rem; border-radius: 50%; border: .2rem solid #2b4ca9; background-color: white;}
.phase-wrap .phase-content .phase-content-content ul{padding: 1rem 0 0 1.5rem;}
.phase-wrap .phase-content .phase-content-content li{padding-left: 1.8rem; font-size: 1.7rem; color: #555555; position: relative; margin-bottom: .5rem;}
.phase-wrap .phase-content .phase-content-content li::before{content:""; display: block; position: absolute; left: 0; top: 1rem; width: .8rem; height: .2rem; background-color: #424242;}
.phase-wrap .phase-content .phase-content-content li:last-child{margin-bottom: 0;}
.phase-wrap .phase-content .phase-content-content li p{font-size: 1.5rem; color: #626e8e; line-height: 1;}

@media screen and (max-width: 1200px) {
  .phase-wrap .phase-title-box{width: 20rem; padding-right: 5rem;}
  .phase-wrap .phase-title-box::after{right: .45rem}
  .phase-wrap .phase-title p{font-size: 1.8rem;}
  .phase-wrap .phase-content-box{width: calc(100% - 20rem);}
  .phase-wrap .phase-box.arrow{background-size: calc(100% - 30rem); background-position: right bottom 3rem;}
  .phase-wrap .phase-content.center{padding: 2rem .5rem;}
  .phase-wrap .phase-content p{font-size: 1.5rem; line-height: 2.5rem;}
  .phase-wrap .phase-content dt{font-size: 1.7rem; width: 8rem}
  .phase-wrap .phase-content dd{font-size: 1.5rem; line-height: 2.5rem; width: calc(100% - 8rem); padding-left: 1.5rem;}
  .phase-wrap .phase-content .phase-content-content strong{font-size: 1.6rem;}
  .phase-wrap .phase-content .phase-content-content strong::before{top: .8rem;}
  .phase-wrap .phase-content .phase-content-content li{font-size: 1.4rem;}
  .phase-wrap .phase-content .phase-content-content-box{display: block; padding: 1.6rem 2rem;}
  .phase-wrap .phase-content .phase-content-content{flex: none; margin-bottom: 1rem;}
  .phase-wrap .phase-content .phase-content-content:last-child{margin-bottom: 0;}
  .phase-wrap .phase-content .phase-content-content li p{font-size: 1.2rem;}
}

@media screen and (max-width: 768px) {
  .phase-wrap .phase-box{flex-direction: column;}
  .phase-wrap .phase-title{padding: 1.5rem 1rem;}
  .phase-wrap .phase-title-box{width: 100%; padding-bottom: 7rem; padding-right: 0;}
  .phase-wrap .phase-title-box::after{transform: rotate(90deg); top: 72%; right: 45%; background-size: contain}
  .phase-wrap .phase-content-box{width: 100%;}
  .phase-wrap .phase-content.f1,
  .phase-wrap .phase-content.f2{align-content: start; flex: 1;}
  .phase-wrap .phase-content dl{flex-direction: column; align-items: start;}
  .phase-wrap .phase-content dt{width: 100%; padding-bottom: 2rem;}
  .phase-wrap .phase-content dt::after{width: 1.5rem; height: .2rem; right: auto; left: 0; top: auto; bottom: 1rem;}
  .phase-wrap .phase-content dd{padding-left: 0; width: 100%;}
  .phase-wrap .phase-box.arrow{background-size: 100%;}
  .phase-wrap .phase-content .phase-content-header p{font-size: 1.6rem;}
}

@media screen and (max-width: 600px) { 
  .phase-wrap .phase-content-box{gap: 0; flex-direction: column;}
  .phase-wrap .phase-content{margin-bottom: 2rem;}
  .phase-wrap .phase-content:last-child{margin-bottom: 0;}
}
/*[E] 대학성격/위상*/

/*[S] 정보공개처리 절차*/
.claimant-check-wrap{border: .5rem solid #eeeeee; border-radius: 1rem; position: relative; padding: 13.5rem 8.5rem;}

.claimant-check-legend{width: 22rem; height: 16rem; border-radius: 1rem; box-shadow: 0 0 1rem rgba(0,0,0,.15); padding: 1.7rem 2.3rem 2.5rem; position: absolute; left: 4.5rem; top: 4.5rem; z-index: 2;}
.claimant-check-legend h1{text-align: center; font-size: 2.2rem; color: #222222; font-family: pb;}
.claimant-check-color{margin-top: 1.5rem;}
.claimant-check-color li{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 1rem}
.claimant-check-color li:last-child{margin-bottom: 0;}
.claimant-check-color .claimant-back{width: 10rem; height: 3rem; border-radius: .5rem; position: relative;}
.claimant-check-color li p{font-size: 1.7rem; line-height: 3rem; font-family: pb;}
.claimant-check-color li p.back1-text{color: #503992;}
.claimant-check-color li p.back2-text{color: #bbbbbb;}

.claimant-check-box{display: flex; flex-wrap: wrap; gap: 6rem; position: relative;}
.claimant-check-box.bottom-arrow{padding-bottom: 6rem; background: url(../../images/sub/claimant-bottom-arrow.png) no-repeat bottom 1.8rem center / 2.6rem;}
.claimant-check-box.bottom-arrow2{padding-bottom: 6rem; background: url(../../images/sub/claimant-bottom-arrow2.png) no-repeat bottom 1.6rem center / 1.1rem;}
.claimant-check-box.both-arrow{padding-bottom: 6rem;}
.claimant-check-box.both-arrow::before,
.claimant-check-box.both-arrow::after{content:""; display: block; position: absolute; width: 1.1rem; height: 2.7rem; background: url(../../images/sub/claimant-bottom-arrow2.png) no-repeat center center / cover; bottom: 1.6rem;}
.claimant-check-box.both-arrow::before{left: 23.5%;}
.claimant-check-box.both-arrow::after{right: 23.5%;}
.claimant-check-box.center{justify-content: center;}
.claimant-check-box.left{justify-content: start;}
.claimant-check-box.one .claimant-check,
.claimant-check-box.two .claimant-check,
.claimant-check-box.three .claimant-check{width: calc((100%/3) - 4rem);}
.claimant-check-box.long .claimant-check{width: calc((100%/2) - 3rem);}
.claimant-check-box.full .claimant-check{width: 100%;}
.claimant-check-box .claimant-check{position: relative; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 10rem; border-radius: 2rem;}
.claimant-check-box .claimant-check.right-bottom-arrow{margin-bottom: 6rem;}
.claimant-check-box .claimant-check.right-bottom-arrow::before{content:""; display: block; position: absolute; right: 11%; bottom: -4.4rem; width: 1.1rem; height: 2.7rem; background: url(../../images/sub/claimant-bottom-arrow2.png) no-repeat center center / cover;}
.claimant-check-box .claimant-check.left-bottom-arrow{margin-bottom: 6rem;}
.claimant-check-box .claimant-check.left-bottom-arrow::before{content:""; display: block; position: absolute; left: 11%; bottom: -4.4rem; width: 1.1rem; height: 2.7rem; background: url(../../images/sub/claimant-bottom-arrow2.png) no-repeat center center / cover;}
.claimant-check-box .claimant-check.left-arrow::before{content:""; display: block; position: absolute; right: -4.5rem; top: 50%; margin-top: -.55rem; width: 2.7rem; height: 1.1rem; background: url(../../images/sub/claimant-left-arrow.png) no-repeat center center / cover;}
.claimant-check-box .claimant-check p,
.claimant-check-box .claimant-check span{position: relative; z-index: 2;}
.claimant-check-box .claimant-check p{font-size: 2.2rem; font-family: pb;}
.claimant-check-box .claimant-check span{display: block; font-size: 1.7rem; font-family: pm; margin-top: -.2rem;}
.claimant-check-box .claimant-check.back1 p{color: #ffffff;}
.claimant-check-box .claimant-check.back1 span{color: #c2b4ff;}
.claimant-check-box .claimant-check.back2 p{color: #222222;}
.claimant-check-box .claimant-check.back2 span{color: #555555;}

.back-pattern::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../../images/sub/claimant-pattern.png); background-size: .6rem; mix-blend-mode: soft-light; opacity: .15;}
.back-pattern.back1{background-color: #503992;}
.back-pattern.back2{background-color: #eeeeee;}
.back-pattern.back2::after{opacity: 1;}

@media screen and (max-width: 1200px) {
  .claimant-check-wrap{padding: 15rem 5rem 10rem;}
  .claimant-check-legend{width: 18rem;}
  .claimant-check-legend h1{font-size: 2rem;}
  .claimant-check-color .claimant-back{width: 7rem;}
  .claimant-check-color li p{font-size: 1.5rem;}
  .claimant-check-box .claimant-check{height: 8rem;}
  .claimant-check-box .claimant-check p{font-size: 1.8rem;}
  .claimant-check-box .claimant-check span{font-size: 1.4rem;}
}

@media screen and (max-width: 768px) {
  .claimant-check-wrap{padding: 20rem 2rem 10rem;}
  .claimant-check-legend{width: calc(100% - 20rem); top: 2rem; height: auto; left: 50%; margin-left: calc( ((100% - 20rem) / 2 * -1));}
  .claimant-check-legend h1{font-size: 1.8rem;}
  .claimant-check-box{gap: 2rem;}
  .claimant-check-box.bottom-arrow{padding-bottom: 3rem; background-size: 1.5rem; background-position: bottom .85rem center;}
  .claimant-check-box.both-arrow{padding-bottom: 3rem;}
  .claimant-check-box.bottom-arrow2{padding-bottom: 3rem; background-size: 1.5rem; background-position: bottom 1rem center; background-image: url(../../images/sub/claimant-bottom-arrow.png);}
  .claimant-check-box .claimant-check.right-bottom-arrow,
  .claimant-check-box .claimant-check.left-bottom-arrow{margin-bottom: 3rem;}
  .claimant-check-box .claimant-check.right-bottom-arrow::before,
  .claimant-check-box .claimant-check.left-bottom-arrow::before{width: 1.5rem; height: 1.4rem; bottom: -2rem; background: url(../../images/sub/claimant-bottom-arrow.png) no-repeat center center / cover;}
  .claimant-check-box.both-arrow::before,
  .claimant-check-box.both-arrow::after{width: 1.5rem; height: 1.4rem; bottom: 1rem; background: url(../../images/sub/claimant-bottom-arrow.png) no-repeat center center / cover;}
  .claimant-check-box.one .claimant-check, 
  .claimant-check-box.two .claimant-check, 
  .claimant-check-box.three .claimant-check{width: calc((100%/3) - 1.35rem);}
  .claimant-check-color .claimant-back{width: calc(100% - 10rem);}
  .claimant-check-box .claimant-check.left-arrow::before{width: 1rem; height: 1.6rem; right: -1.5rem; background: url(../../images/sub/ic-system-arrow1.png) no-repeat center center / cover;}
  .claimant-check-box .claimant-check p{font-size: 1.4rem;}
  .claimant-check-box .claimant-check span{font-size: 1rem;}
}
/*[E] 정보공개처리 절차*/

/*[S] 산학협력단*/
.organ-wrap{background-color: #f9fafb; border-radius: 1rem; padding: 9rem 15rem 10.4rem;}
.organ-inner .organ-header{display: flex; align-items: center; justify-content: center;}
.organ-inner .organ-box.dep1{position: relative; padding-bottom: 7.4rem;}
.organ-inner .organ-box.dep1::before{content:""; display: block; position: absolute; left: 50%; bottom: 0; width: .1rem; height: calc(100% - 3rem); background-color: #cccccc;}
.organ-inner .organ-box.dep1 p{font-size: 3rem; font-family: pb; color: white; width: 25.4rem; height: 25.4rem; background: url(../../images/sub/bg-organ-title.png) no-repeat center center / cover; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;}
.organ-inner .organ-box.dep2{position: relative; text-align: center; width: calc(100% - 24rem); margin: 0 auto;}
.organ-inner .organ-box.dep2::before{content:""; display: block; position: absolute; top: 50%; width: 100%; height: .1rem; background-color: #cccccc; z-index: 1;}
.organ-inner .organ-box.dep2 p{font-size: 2.2rem; font-family: pb; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; position: relative; z-index: 2; border-radius: 1rem; background-color: #36c0c9; padding: 1.85rem 11.25rem;}
.organ-inner .organ-line.last{position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -3.4rem;}
.organ-inner .organ-box.dep3{position: relative; text-align: center; padding-top: 12.1rem;}
.organ-inner .organ-box.dep3::before{Content:""; display: block; position: absolute; left: 50%; bottom: 0; width: .1rem; height: 100%; background-color: #cccccc;;}
.organ-inner .organ-box.dep3 p{font-size: 2rem; font-family: pm; color: #008f9e; display: inline-flex; align-items: center; justify-content: center; position: relative; z-index: 2; border-radius: 1rem; background-color: #b9f7f9; width: 24rem; padding: 1.5rem 0}

.flow-wrap{margin-bottom: 5rem;}
.flow-wrap .flow-box{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding-bottom: 5.4rem; position: relative;}
.flow-wrap .flow-box::after{content:""; display: block; position: absolute; left: 14rem; bottom: 2rem; width: 2.3rem; height: 1.4rem; background: url(../../images/sub/ic-organ-arrow.png) no-repeat center center / cover;}
.flow-wrap .flow-box:last-child{padding-bottom: 0;}
.flow-wrap .flow-box:last-child::after{display: none;}
.flow-box .flow-left{width: 30rem; min-height: 8.5rem; background-color: #503992; border-radius: 1rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.flow-box .flow-left p{font-size: 2.2rem; line-height: 3rem; color: white; font-family: pb; text-align: center;}
.flow-box .flow-right{width: calc(100% - 32rem); display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #eef1ff; border-radius: 1rem; padding: 1.2rem 4rem; align-items: center;}
.flow-box .flow-right .flow-list{width: calc(100% - 10rem); padding-right: 2rem;}
.flow-box .flow-right .flow-list li{font-size: 1.7rem; color: #503992; font-family: pm; padding-left: 1.7rem; position: relative; margin-bottom: .3rem}
.flow-box .flow-right .flow-list li::before{content:""; display: block; position: absolute; left: 0; top: .9rem; width: .6rem; height: .6rem; border-radius: 50%; background-color: #503992;}
.flow-box .flow-right .flow-list li:last-child{margin-bottom: 0;}
.flow-box .flow-right .flow-ps{width: 10rem; position: relative; padding-left: 2.2rem;}
.flow-box .flow-right .flow-ps::before{content:""; display: block; position: absolute; left:0 ; top: .5rem; width: .2rem; height: calc(100% - 1rem); background-color: #555555;}
.flow-box .flow-right .flow-ps p{font-size: 1.7rem; line-height: 3rem; color: #555555; font-family: pm;}
.flow-box.ful .flow-left{width: 100%;}

.procedure-wrap .procedure-box{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding-bottom: 5.4rem; position: relative;}
.procedure-wrap .procedure-box::after{content:""; display: block; position: absolute; left: 50%; margin-left: -1.15rem; bottom: 2rem; width: 2.3rem; height: 1.4rem; background: url(../../images/sub/ic-organ-arrow.png) no-repeat center center / cover;}
.procedure-wrap .procedure-box:last-child{padding-bottom: 0;}
.procedure-wrap .procedure-box:last-child::after{display: none;}
.procedure-wrap .procedure-left{width: 30rem; min-height: 8.5rem; background-color: #503992; border-radius: 1rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.procedure-wrap .procedure-left p{font-size: 2.2rem; line-height: 3rem; color: white; font-family: pb; text-align: center;}
.procedure-wrap .procedure-right{width: calc(100% - 32rem); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch}
.procedure-wrap .procedure-right .procedure-list{width: calc(100% - 34rem); background-color: #eef1ff; border-radius: 1rem; display: flex; align-items: center; padding: 1.2rem 4rem;}
.procedure-wrap .procedure-right .procedure-list li{font-size: 1.7rem; color: #503992; font-family: pm; padding-left: 1.7rem; position: relative; margin-bottom: .3rem}
.procedure-wrap .procedure-right .procedure-list li::before{content:""; display: block; position: absolute; left: 0; top: .9rem; width: .6rem; height: .6rem; border-radius: 50%; background-color: #503992;}
.procedure-wrap .procedure-right .procedure-list li:last-child{margin-bottom: 0;}
.procedure-wrap .procedure-right .procedure-part{width: 32rem; border-radius: 1rem; background-color: #485077; display: flex; align-items: center; justify-content: center;}
.procedure-wrap .procedure-right .procedure-part p{font-size: 1.7rem; color: #ffffff; font-family: pm; text-align: center;}

@media screen and (max-width: 1200px) {
  .organ-wrap{padding: 6rem 5rem 8rem;}
  .organ-inner .organ-box.dep1{padding-bottom: 5rem;}
  .organ-inner .organ-box.dep2{width: calc(100% - 18rem);}
  .organ-inner .organ-box.dep2 p{padding: 1.5rem 7rem; font-size: 2rem;}
  .organ-inner .organ-line.last{margin-top: -3rem;}
  .organ-inner .organ-box.dep3{padding-top: 8rem;}
  .organ-inner .organ-box.dep3 p{font-size: 1.6rem; width: 18rem;}

  .flow-wrap .flow-box::after{left: 9rem;}
  .flow-box .flow-left{width: 20rem; min-height: 6rem;}
  .flow-box .flow-left p{font-size: 1.8rem; line-height: 2.5rem;}
  .flow-box .flow-right{width: calc(100% - 22rem); padding: 1rem 3rem;}
  .flow-box .flow-right .flow-list li{font-size: 1.5rem;}
  .flow-box .flow-right .flow-list li::before{top: .7rem;}
  .flow-box .flow-right .flow-ps p{font-size: 1.4rem; line-height: 2.5rem;}

  .procedure-box .procedure-left{width: 20rem; min-height: 6rem;}
  .procedure-box .procedure-left p{font-size: 1.8rem; line-height: 2.5rem;}
  .procedure-wrap .procedure-right{width: calc(100% - 22rem)}
  .procedure-wrap .procedure-right .procedure-list{padding: 1rem 3rem; width: calc(100% - 17rem);}
  .procedure-wrap .procedure-right .procedure-list li{font-size: 1.5rem;}
  .procedure-wrap .procedure-right .procedure-list li::before{top: .7rem;}
  .procedure-wrap .procedure-right .procedure-part{width: 15rem;}
  .procedure-wrap .procedure-right .procedure-part p{font-size: 1.4rem;}
}

@media screen and (max-width: 768px) {
  .organ-wrap{padding: 5rem 2rem 6rem;}
  .organ-inner .organ-box.dep1{padding-bottom: 3rem;}
  .organ-inner .organ-box.dep1 p{width: 20rem; height: 20rem; font-size: 2.5rem;}
  .organ-inner .organ-box.dep2{width: calc(100% - 12rem);}
  .organ-inner .organ-box.dep2 p{font-size: 1.8rem; padding: 1rem 5rem;}
  .organ-inner .organ-line.last{margin-top: -2.3rem;}
  .organ-inner .organ-box.dep3{padding-top: 5rem;}
  .organ-inner .organ-box.dep3 p{width: 12rem; padding: 1rem 0;}

  .flow-wrap .flow-box{flex-direction: column;}
  .flow-box .flow-left{width: 100%; min-height: auto; padding: 1rem 2rem;}
  .flow-box .flow-right{width: 100%; flex-direction: column; justify-content: start; align-items: start; margin-top: 1rem;}
  .flow-box .flow-right .flow-list{width: 100%; padding-right: 0; padding-bottom: 5rem;}
  .flow-box .flow-right .flow-ps{width: 100%; padding-left: 0; padding-top: 1rem;}
  .flow-box .flow-right .flow-ps::before{width: 2rem; height: .1rem; left: 0; top: 0;}
  .flow-wrap .flow-box::after{left: 50%; margin-left: -1.15rem;}

  .procedure-wrap .procedure-box{flex-direction: column;}
  .procedure-box .procedure-left{width: 100%; min-height: auto; padding: 1rem 2rem;}
  .procedure-wrap .procedure-right{width: 100%; flex-direction: column; margin-top: 1rem;}
  .procedure-wrap .procedure-right .procedure-list{width: 100%;}
  .procedure-wrap .procedure-right .procedure-part{width: 100%; padding: 1rem 2rem; margin-top: 1rem;}
}
/*[E] 산학협력단*/

/*[S] 박사학위*/
.content-board-wrap > div{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-bottom: 2rem;}
.content-board-wrap > div:last-child{margin-bottom: 0;}
.content-board-wrap .content-board-left{width: 20.6rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border: .2rem solid #36c0c9; border-radius: 1rem;}
.content-board-wrap .content-board-left p{font-size: 2rem; font-family: pb; color: #36c0c9; text-align: center;}
.content-board-wrap .content-board-right{width: calc(100% - 21.6rem);}
.content-board-wrap .content-board-right-title{margin-bottom: 1rem;}
.content-board-wrap .content-board-right-title ul{display: flex; background-color: #eef2ff; border-radius: 1rem;}
.content-board-wrap .content-board-right-title li{flex: 1; font-size: 2rem; color: #0059ac; font-family: pb; text-align: center; padding: 1.5rem 1rem;}
.content-board-wrap .content-board{border-radius: 1rem; padding: 1.225rem 0; margin-bottom: 1rem; position: relative; display: flex; align-items: center; justify-content: center;}
.content-board-wrap .content-board:last-child{margin-bottom: 0;}
.content-board-wrap .content-board.type1{background-color: #57d4ff;}
.content-board-wrap .content-board.type2{background-color: #08a5db;}
.content-board-wrap .content-board.type3{background-color: #0059ac;}
.content-board-wrap .content-board.type4{background-color: #485477;}
.content-board-wrap .content-board.type5{background-color: #462677;}
.content-board-wrap .content-board.type6{background-color: #131d3d;}
.content-board-wrap .content-board.type7{background-color: #1d398d; flex: none !important; width: calc((100%/7)*6) !important;}
.content-board-wrap .content-board p{text-align: center; color: white; font-size: 1.7rem; font-family: pm;}
.content-board-wrap .content-board-bottom .content-board-right .content-board-in{display: flex; gap: 1rem; margin-bottom: 1rem;}
.content-board-wrap .content-board-bottom .content-board-right .content-board-in:last-child{margin-bottom: 0;}
.content-board-wrap .content-board-bottom .content-board-right .content-board{flex: 1; margin-bottom: 0;}

@media screen and (max-width: 1200px) {
  .content-board-wrap .content-board-left{width: 12rem}
  .content-board-wrap .content-board-left p{font-size: 1.6rem;}
  .content-board-wrap .content-board-right{width: calc(100% - 13rem);}
  .content-board-wrap .content-board-right-title li{font-size: 1.8rem; padding: 1rem;}
  .content-board-wrap .content-board p{font-size: 1.4rem;}
}

@media screen and (max-width: 768px) {
  .content-board-wrap > div{flex-direction: column;}
  .content-board-wrap .content-board-left{width: 100%; padding: .5rem 1rem;}
  .content-board-wrap .content-board-right{width: 100%; margin-top: 1rem;}
  .content-board-wrap .content-board{padding: 1rem;}
}
/*[E] 박사학위*/

/*[S] 주간학위*/
.system-wrap .system-box{padding-bottom: 9.3rem; position: relative;}
.system-wrap .system-box::after{content:""; display: block; position: absolute; left: 50%; margin-left: -1.2rem; bottom: 4rem; width: 2.4rem; height: 1.5rem; background: url(../../images/sub/ic-system-arrow2.png) no-repeat center center / cover;}
.system-wrap .system-box.plus::after{width: 2.8rem; height: 2.8rem; background: url(../../images/sub/ic-system-plus.png) no-repeat center center / cover; margin-left: -1.4rem; bottom: 3.2rem;}
.system-wrap .system-box:last-child{padding-bottom: 0;}
.system-wrap .system-box:last-child::after{display: none;}
.system-wrap .system-content{display: flex; gap: 12rem}
.system-wrap .system-chapter{flex: 1; position: relative; background-color: #f6f8fe; border-radius: 1rem; text-align: center; padding: 2.7rem 0;}
.system-wrap .system-chapter::after{content:""; display: block; width: 1.5rem; height: 2.4rem; background: url(../../images/sub/ic-system-arrow1.png) no-repeat center center / cover; position: absolute; right: -24%; top: 50%; margin-top: -1.2rem;}
.system-wrap .system-chapter:last-child::after{display: none;}
.system-wrap .system-chapter p{font-size: 2rem; color: #503992; font-family: pb;}
.system-wrap .system-chapter span{font-size: 1.7rem; color: #222222; line-height: 2.2rem; display: block; margin-top: 1rem;}
.system-wrap .system-main{border: .2rem solid #36c0c9; border-radius: 1rem; display: flex; justify-content: center; align-items: center; min-height: 11rem;}
.system-wrap .system-main.color{background-color: #36c0c9;}
.system-wrap .system-main p{color: #503992; font-family: pb; font-size: 2.5rem;}
.system-wrap .system-main p span{font-size: 1.7rem; color: #222222; font-family: pm;}
.system-wrap .system-main h1{color: white; font-size: 3rem; font-family: pb;}

@media screen and (max-width: 1200px) {
  .system-wrap .system-content{gap: 6rem;}
  .system-wrap .system-chapter p{font-size: 1.8rem;}
  .system-wrap .system-chapter span{font-size: 1.4rem; line-height: 1.8rem;}
  .system-wrap .system-main{min-height: 8rem;}
  .system-wrap .system-main p{font-size: 2.2rem;}
  .system-wrap .system-main p span{font-size: 1.5rem;}
  .system-wrap .system-main h1{font-size: 2.5rem;}
}

@media screen and (max-width: 768px) {
  .system-wrap .system-content{gap: 2rem; flex-wrap: wrap; justify-content: space-between;}
  .system-wrap .system-chapter{width: calc(50% - 1rem); flex: none;}
  .system-wrap .system-main{padding: 1rem 0; min-height: auto;}
  .system-wrap .system-main p{text-align: center;}
  .system-wrap .system-main p span{display: block; margin-top: .5rem;}
  .system-wrap .system-main h1{font-size: 2rem;}
}
/*[E] 주간학위*/

/* [공통] 페이징 */
._paging {margin-top: 5.1rem;}
._paging ._inner {display: flex; justify-content: center;}
._paging ._inner ul {display: flex; align-items: center; margin: 0 1rem;}
._paging ._inner ul li {margin: 0 .25rem;}
._paging ._inner ul a,
._paging ._inner ul strong {display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; border-radius: .5rem; font-family: pr; font-size: 1.6rem;}
._paging ._inner ul a {color: #555555;}
._paging ._inner ul a:hover {background:#e2e2e2;}
._paging ._inner ul strong {background: #5b5b5b; color: #fff;}
._paging ._inner > a {display: flex; width: 3rem; height: 3.5rem; text-indent: -99999rem;}
._paging ._inner ._first{background: url('../../images/sub/btn-first.png') center no-repeat;}
._paging ._inner ._prev{background: url('../../images/sub/btn-prev10.png') center no-repeat;}
._paging ._inner ._listPrev{background: url('../../images/sub/btn-prev.png') center no-repeat;}
._paging ._inner ._listNext{background: url('../../images/sub/btn-next.png') center no-repeat;}
._paging ._inner ._next{background: url('../../images/sub/btn-next10.png') center no-repeat;}
._paging ._inner ._last{background: url('../../images/sub/btn-last.png') center no-repeat;}
._paging ._pageState {display: none;}

@media screen and (max-width:768px){
  ._paging ._pageState {display: flex; align-items: center; padding: 0 1rem; line-height: 1.5;}
  ._paging ._pageState span {font-family: pm; font-size: 2.2rem; color: #000;}
  ._paging ._pageState ._curPage {color: #00baff;}
  ._paging ._pageState ._totPage::before {content: '/'; margin: 0 1rem;}
  ._paging ._inner ul {display: none;}
}
/* [공통] 페이징 */

/*[S] 비전 및 교육지침*/
.vision-wrap{margin-top: 2.5rem;}
.vision-wrap > div{position: relative;}
.vision-wrap .vision-header{border: .2rem solid #503992; border-radius: 1rem; padding: 4.05rem 0; margin-bottom: .8rem;}
.vision-wrap .vision-title{width: 30rem; height: 5rem; border-radius: 2.5rem; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; margin-left: -15rem; top: -2.5rem; overflow: hidden}
.vision-wrap .vision-title::after{content:""; display: block; position: absolute; left: 0; top: -15rem; width: 30rem; height: 30rem; background: url(../../images/sub/pattern-title.png); opacity: .18; transform: rotate(-55deg); z-index: 1; mix-blend-mode: soft-light}
.vision-wrap .vision-title.color1{background-color: #503992}
.vision-wrap .vision-title.color2{background-color: #3042cc}
.vision-wrap .vision-title.color3{background-color: #36c0c9}
.vision-wrap .vision-title p{color: white; font-size: 1.8rem; color: #ffffff; font-family: pm; position: relative; z-index: 2;}
.vision-wrap .vision-header > h1{text-align: center; font-size: 3rem; font-family: pb; color: #222222;}
.vision-wrap .vision-header > h1 span{color: #503992;}
.vision-wrap .vision-target{background: url(../../images/sub/bg-vision-arrow.png) no-repeat top center / 91.2rem; padding-top: 12rem; margin-bottom: 10.5rem;}
.vision-wrap .vision-target .vision-title{top: 12rem;}
.vision-wrap .vision-target-list{background: url(../../images/sub/bg-vision-target.png) no-repeat center center / cover; width: 120rem; margin: 0 auto; margin-top: 10rem;}
.vision-wrap .vision-target-list ul{display: flex; flex-wrap: wrap;}
.vision-wrap .vision-target-list li{width: 25%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 8.18rem 0;}
.vision-wrap .vision-target-logo{width: 6.3rem; height: 5.6rem; display: flex; align-items: center; justify-content: center;}
.vision-wrap .vision-target-text{text-align: center; margin-top: 2rem;}
.vision-wrap .vision-target-text h1{font-size: 2.6rem; color: #0059ac; font-family: pb;}
.vision-wrap .vision-target-text p{font-size: 1.7rem; color: #222222; font-family: pm;}
.vision-wrap .vision-target-text p span{color: #000000;}
.vision-wrap .vision-work{padding-top: 6.5rem;}
.vision-wrap .vision-work-list > ul{display: flex; gap: 2rem; align-items: stretch;}
.vision-wrap .vision-work-list > ul > li{flex: 1; border-radius: 1rem; overflow: hidden;}
.vision-wrap .vision-work-header{background-color: #7c8c9c; display: flex; align-items: center; padding: 1.05rem 3rem; gap: 1.5rem;}
.vision-wrap .vision-work-header h1{font-size: 2.6rem; color: #ffffff; font-family: pb;}
.vision-wrap .vision-work-header span{font-size: 2rem; color: #4a5969; font-family: pm;}
.vision-wrap .vision-work-content{background-color: #f8f8f8; height: calc(100% - 6rem); padding: 2rem 3rem; background-repeat: no-repeat; background-position: right 1.5rem bottom 1.5rem;}
.vision-wrap .vision-work-content li{font-size: 1.7rem; color: #555555; font-family: pm; padding-left: 1.5rem; position: relative; margin-bottom: .8rem}
.vision-wrap .vision-work-content li::before{content:""; display: block; position: absolute; left: 0; top: .9rem; width: .6rem; height: .6rem; border-radius: 50%; background-color: #555555;}
.vision-wrap .vision-work-content li:last-child{margin-bottom: 0;}
.vision-wrap .vision-work-list > ul > li.work1 .vision-work-content{background-image: url(../../images/sub/bg-vision1.png);}
.vision-wrap .vision-work-list > ul > li.work2 .vision-work-content{background-image: url(../../images/sub/bg-vision2.png);}
.vision-wrap .vision-work-list > ul > li.work3 .vision-work-content{background-image: url(../../images/sub/bg-vision3.png);}
.vision-wrap .vision-work-list > ul > li.work4 .vision-work-content{background-image: url(../../images/sub/bg-vision4.png);}

@media screen and (max-width: 1200px) {
  .vision-wrap .vision-header{padding: 4rem 0 3rem;}
  .vision-wrap .vision-header > h1{font-size: 2.2rem;}
  .vision-wrap .vision-target{background-size: 50rem;}
  .vision-wrap .vision-target-list{width: 70rem;}
  .vision-wrap .vision-target-list li{padding: 3rem 0;}
  .vision-wrap .vision-target-text{margin-top: 1rem;}
  .vision-wrap .vision-target-text h1{font-size: 2rem;}
  .vision-wrap .vision-target-text p{font-size: 1.4rem;}
  .vision-wrap .vision-work-list > ul{flex-wrap: wrap; justify-content: space-between;}
  .vision-wrap .vision-work-list > ul > li{width: calc(50% - 1rem); flex: none;}
}

@media screen and (max-width: 768px) {
  .vision-wrap .vision-target{background-size: 30rem;}
  .vision-wrap .vision-target-list{background: none; width: 100%;}
  .vision-wrap .vision-target-list li{width: 50%; padding: 1rem 0;}
  .vision-wrap .vision-work-list > ul{gap: 2rem;}
  .vision-wrap .vision-work-list > ul > li{width: 100%;}
  .vision-wrap .vision-work-header{gap: .5rem;}
  .vision-wrap .vision-work-header h1{font-size: 2rem;}
  .vision-wrap .vision-work-header span{font-size: 1.4rem;}
  .vision-wrap .vision-work-content{background-size: 7%;}
  .vision-wrap .vision-work-content li{font-size: 1.4rem;}
  .vision-wrap .vision-work-content li::before{top: .6rem;}
}
/*[E] 비전 및 교육지침*/

/*[S] 교기 교훈*/
.flag-wrap{background-color: #570083; border-radius: 1rem; text-align: center; padding: 1rem 0;}
.flag-wrap img{width: 53rem;}
.lesson-wrap{border: .5rem solid #f1f1f1; border-radius: 1rem; padding: 3.95rem 0}
.lesson-wrap .lesson-inner{display: flex; flex-wrap: wrap; align-items: stretch;}
.lesson-wrap .lesson-inner > div{display: flex; justify-content: center; align-items: center;}
.lesson-wrap .lesson-left{width: 22.5%; position: relative;}
.lesson-wrap .lesson-left img{width: 84.7%;}
.lesson-wrap .lesson-left::after{content:""; display: block; position: absolute; right: 0; top: 4.5%; width: .1rem; height: 91%; background-color: #d8d8d8;}
.lesson-wrap .lesson-right{width: 77.5%; text-align: center;}
.lesson-wrap .lesson-right img{width: 93.441%;}
.tower-wrap{border: .5rem solid #f1f1f1; border-radius: 1rem; display: flex; flex-wrap: wrap; align-items: center; padding: 6.4rem 0;}
.tower-wrap .tower-image{width: 22.5%; display: flex; justify-content: center; align-items: center;}
.tower-wrap .tower-image img{width: 53.4%;}
.tower-wrap .tower-right{width: 77.5%; padding-left: 1.2rem; padding-right: 17rem;}
.tower-wrap .tower-title{width: 10rem; height: 4rem; border-radius: .5rem; background-color: #36c0c9; display: inline-flex; justify-content: center; align-items: center; color: white; font-size: 2rem; font-family: pm; margin-bottom: 2.2rem;}
.tower-wrap .tower-right li{margin-bottom: 2.5rem;}
.tower-wrap .tower-right li:last-child{margin-bottom: 0;}

@media screen and (max-width: 1200px) {
  .flag-wrap img{width: 40rem;}
  .tower-wrap .tower-right{padding-right: 10rem;}
}

@media screen and (max-width: 768px) {
  .flag-wrap img{width: 30rem;}
  .lesson-wrap{padding: 2rem;}
  .lesson-wrap .lesson-inner{flex-direction: column;}
  .lesson-wrap .lesson-inner > div{width: 100% !important;}
  .lesson-wrap .lesson-left::after{top: auto; bottom: 0; width: 100%; height: .1rem;}
  .lesson-wrap .lesson-left img{width: 60%;}
  .lesson-wrap .lesson-right{margin-top: 3rem;}
  .lesson-wrap .lesson-right img{width: 100%;}
  .tower-wrap{flex-direction: column; padding: 2rem;}
  .tower-wrap .tower-image{width: 100%;}
  .tower-wrap .tower-image img{width: 50%;}
  .tower-wrap .tower-right{width: 100%; padding: 0; margin-top: 3rem;}
}
/*[E] 교기 교훈*/

/*[S] 엠블럼 심벌마크*/
.button-title2{display: flex; align-items: center; justify-content: space-between;}
.button-title2 .objHeading_h2{margin-top: 0;}
.emblem-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.emblem-wrap .emblem-box{width: 48.67%;}
.emblem-wrap .emblem-image{border: .5rem solid #f1f1f1; border-radius: 1rem; margin-top: 2.5rem; position: relative; display: flex; justify-content: center; align-items: center; height: 42.9rem;}
.emblem-wrap .emblem-image.grid::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/sub/bg-grid.png); z-index: 1;}
.emblem-wrap .emblem-image img{position: relative; z-index: 2;}
.emblem-wrap .emblem-image .emblem-condition{position: absolute; right: 2rem; bottom: 2rem; z-index: 2; background-color: #f1f1f7; border-radius: 1rem; text-align: center; padding: 1.85rem 2.2rem;}
.emblem-wrap .emblem-image .emblem-condition h1{font-size: 1.7rem; color: #1f0667; font-family: pm; margin-bottom: .8rem}
.emblem-list{border: .5rem solid #f1f1f1; border-radius: 1rem; padding: 6.85rem 0;}
.emblem-list ul{display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.emblem-list.type2 ul{justify-content: center; gap: 26rem;}
.emblem-list li.emb1{width: 14.9%;}
.emblem-list li.emb2{width: 8.725%;}
.emblem-list li.emb3{width: 11.41%;}
.emblem-list li.emb4{width: 11.074%;}
.emblem-list li.emb5{width: 11%;}
.emblem-list li.mark1{width: 19.195%;}
.emblem-list li.mark2{width: 8%;}
.emblem-list .emblem-image{height: 11.9rem; display: flex; align-items: center; justify-content: center;}
.emblem-list .emblem-image img{width: 100%;}
.emblem-list li.emb1 img{max-width: 22.2rem;}
.emblem-list li.emb2 img{max-width: 13rem;}
.emblem-list li.emb3 img{max-width: 17rem;}
.emblem-list li.emb4 img{max-width: 16.5rem;}
.emblem-list li.emb5 img{max-width: 12.5rem;}
.emblem-list li.mark1 img{max-width: 28.6rem;}
.emblem-list li.mark2 img{max-width: 4.1rem;}
.emblem-list .emblem-content{text-align: center; margin-top: 2.6rem;}
.emblem-list .emblem-content h1{font-size: 2.2rem; color: #000000; font-family: pb;}
.emblem-list .emblem-content p{font-size: 1.7rem; line-height: 2.5rem; color: #000000; font-family: pm;}

@media screen and (max-width: 1200px) {
  .emblem-list ul{gap: 2rem;}
  .emblem-list.type2 ul{gap: 2rem;}
  .emblem-list li.emb1,
  .emblem-list li.emb2,
  .emblem-list li.emb3,
  .emblem-list li.emb4,
  .emblem-list li.emb5,
  .emblem-list li.mark1,
  .emblem-list li.mark2{width: 30%}
  .emblem-wrap .emblem-image .emblem-condition{padding: 1rem 1.5rem; right: 1rem; bottom: 1rem;}
  .emblem-wrap .emblem-image .emblem-condition h1{font-size: 1.4rem;}
  .emblem-wrap .emblem-image .emblem-condition img{width: 9.5rem;}
  .emblem-wrap .emblem-image img{transform: scale(0.7);}
}

@media screen and (max-width: 768px) {
  .button-title2{flex-wrap: wrap;}
  .button-title2 .objHeading_h2{width: 100%; margin-bottom: .5rem;}
  .emblem-wrap .emblem-box{width: 100%;}
  .emblem-list{padding: 3rem 2rem;}
  .emblem-list li.emb1, .emblem-list li.emb2, .emblem-list li.emb3, .emblem-list li.emb4, .emblem-list li.emb5, .emblem-list li.mark1, .emblem-list li.mark2{width: 100%;}
}
/*[E] 엠블럼 심벌마크*/

/*[S] 로고타입*/
.logotype-wrap{display: flex; gap: 4rem;}
.logotype-wrap .logotype-box{flex: 1;}
.logotype-wrap .logotype-image{display: flex; align-items: center; justify-content: center; border: .5rem solid #f1f1f1; position: relative; border-radius: 1rem;}
.logotype-wrap .logotype-image.type1{height: 20rem}
.logotype-wrap .logotype-image.type2{height: 26rem}
.logotype-wrap .logotype-image.type3{height: 24rem}
.logotype-wrap .logotype-image::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/sub/bg-grid.png); z-index: 1;}
.logotype-wrap .logotype-image img{position: relative; z-index: 2;}
.logotype-wrap .objHeading_h3{margin-bottom: 2.5rem;}
.logotype-wrap .objHeading_h4{margin-bottom: 1.5rem;}

@media screen and (max-width: 1200px) {
  .logotype-wrap .logotype-image img{transform: scale(.7);}
}

@media screen and (max-width: 768px) {
  .logotype-wrap{gap: 0; flex-direction: column;}
  .logotype-wrap .logotype-box{flex: none;}
  .logotype-wrap .logotype-image{margin-top: 1rem; padding: 0 2rem;}
}
/*[E] 로고타입*/

/*[S] 컬러시스템*/
.color-system-inner{border: .5rem solid #f1f1f1; border-radius: 1rem; display: flex; align-items: center; justify-content: center; height: 35rem; gap: 4.5%; padding: 0 2rem;}
.color-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4rem;}
.color-wrap .color-list{width: calc(50% - 2rem);}
.color-wrap .color-box{display: flex; flex-wrap: wrap; gap: 4rem; margin-top: 1rem;}
.color-wrap .color-box-text{width: calc(50% - 2rem); position: relative; border-radius: 1rem; padding: 2.6rem 3.3rem;}
.color-wrap .color-box-text::after{content:""; display: block; position: absolute; right: 0; top: 0; width: 11.2rem; height: 11.2rem; background: url(../../images/sub/bg-color.png) no-repeat center center / cover; opacity: .15; right: 2.5rem; top: 50%; margin-top: -5.6rem}
.color-wrap .color-box-text.color-type1{background-color: rgba(73,17,118,1)}
.color-wrap .color-box-text.color-type2{background-color: rgba(10,45,136,1)}
.color-wrap .color-box-text.color-type3{background-color: rgba(0,160,233,1)}
.color-wrap .color-box-text.color-type4{background-color: rgba(0,0,0,1)}
.color-wrap .color-box-text h1{color: white; font-size: 2.5rem; font-family: pb;}
.color-wrap .color-box-text p{color: white; font-size: 1.7rem; line-height: 2.5rem; font-family: pm; margin-top: .5rem;}

@media screen and (max-width: 1200px) {
  .color-wrap{gap: 0;}
  .color-wrap .color-list{width: 100%;}
}

@media screen and (max-width: 768px) {
  .color-system-inner{flex-direction: column;}
  .color-wrap .color-box-text{width: 100%;}
}
/*[E] 컬러시스템*/

/*[S] 조직도*/
.main-organ-wrap{background-color:#f5f7fc;border-radius:1rem;padding:7.3rem 7.5rem 16rem}
.main-organ-wrap .main-organ-inner{position:relative}
.main-organ-wrap .main-organ-header{position:relative;display:flex;padding-bottom:7.3rem;width:32rem}
.main-organ-wrap .main-organ-header h1{font-size:3rem;color:#fff;font-family:pb;width:25.4rem;height:25.4rem;background:url(../../images/sub/bg-organ-title.png) no-repeat center/cover;display:flex;justify-content:center;align-items:center;z-index:2;position:relative;margin:0 auto}
.main-organ-wrap .main-organ-header::before,
.main-organ-wrap .main-organ-box::after,
.main-organ-wrap .main-organ-absol::before{content:"";display:block;position:absolute;background-color:#d2d3d5}
.main-organ-wrap .main-organ-header::before{left:50%;top:3rem;width:.2rem;margin-left:-.1rem;height:calc(100% - 3rem)}
.main-organ-wrap .main-organ-box{padding-bottom:73.6rem;position:relative}
.main-organ-wrap .main-organ-box::after{left:15.9rem;top:0;width:.2rem;height:100%}
.main-organ-wrap .main-organ-box:last-child{padding-bottom:0}
.main-organ-wrap .main-organ-box:last-child::after{display:none}
.main-organ-wrap .main-organ-box.box2{display:flex;align-items:start}
.main-organ-wrap .main-organ-text p:has(+ .main-organ-list){border-radius:1rem 1rem 0 0!important}

/* 공통 텍스트 박스 스타일 */
.main-organ-wrap .main-organ-text p{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;border-radius:1rem;font-family:pm;color:#fff; padding: 0 1rem; text-align: center;}
.main-organ-wrap .main-organ-text{position:relative}

/* type1 */
.main-organ-wrap .main-organ-text.type1 p{width:32rem;height:7rem;background-color:#36c0c9;font-size:2.2rem;font-family:pb}

/* type2 */
.main-organ-wrap .main-organ-text.type2{padding-right:18.8rem}
.main-organ-wrap .main-organ-text.type2::before{content:"";display:block;position:absolute;right:0;top:3.5rem;width:100%;height:.2rem;background-color:#d2d3d5}
.main-organ-wrap .main-organ-text.type2 p{width:32rem;height:7rem;background-color:#1f0667;font-size:2.2rem;font-family:pb}

/* type3~7 공통 */
.main-organ-wrap .main-organ-text.type3 p{width:35rem;height:8rem;font-size:2rem; text-align: center;}
.main-organ-wrap .main-organ-text.type4 p{width:35rem;height:8rem;font-size:2rem; text-align: center;}
.main-organ-wrap .main-organ-text.type5 p{width:24rem;height:8rem;font-size:2rem; text-align: center;}
.main-organ-wrap .main-organ-text.type6 p{width:24rem;height:8rem;font-size:2rem; text-align: center;}
.main-organ-wrap .main-organ-text.type7 p{width:24rem;height:11rem;font-size:2rem; text-align: center;}

/* type3 */
.main-organ-wrap .main-organ-text.type3{margin-top:.5rem;padding-left:4rem}
.main-organ-wrap .main-organ-text.type3 p{background-color:#8890ac}
.main-organ-wrap .main-organ-text.type3::before{content:"";display:block;position:absolute;right:0;top:3rem;width:100%;height:.2rem;background-color:#d2d3d5}

/* type4 */
.main-organ-wrap .main-organ-text.type4{padding-left:11rem;margin-bottom:1.4rem}
.main-organ-wrap .main-organ-text.type4:last-child{margin-bottom:0}
.main-organ-wrap .main-organ-text.type4 p{background-color:#ddd;color:#222}
.main-organ-wrap .main-organ-text.type4::before{content:"";display:block;position:absolute;right:0;top:50%;margin-top:-.1rem;width:100%;height:.2rem;background-color:#d2d3d5}

/* type5 */
.main-organ-wrap .main-organ-text.type5,
.main-organ-wrap .main-organ-text.type6,
.main-organ-wrap .main-organ-text.type7{padding-left:4rem}
.main-organ-wrap .main-organ-text.type5::before,
.main-organ-wrap .main-organ-text.type6::before,
.main-organ-wrap .main-organ-text.type7::before{content:"";display:block;position:absolute;right:0;width:100%;height:.2rem;background-color:#d2d3d5}
.main-organ-wrap .main-organ-text.type5::before,
.main-organ-wrap .main-organ-text.type6::before{top:50%;margin-top:-.1rem}
.main-organ-wrap .main-organ-text.type7::before{top:3rem}
.main-organ-wrap .main-organ-text.type5 p{background-color:#b9f7f9;color:#008f9e}
.main-organ-wrap .main-organ-text.type6 p{background-color:#485477}
.main-organ-wrap .main-organ-text.type7 p{background-color:#462677}

/* 절대 위치 요소 */
.main-organ-wrap .main-organ-absol{position:absolute;left:15.9rem}
.main-organ-wrap .main-organ-absol.absol1{top:-6.6rem;padding-left:27.8rem}
.main-organ-wrap .main-organ-absol.absol1::before{left:0;top:3.9rem;width:100%;height:.2rem}
.main-organ-wrap .main-organ-absol.absol1::after{content:"";display:block;position:absolute;left:27.6rem;top:4rem;width:.2rem;height:9.5rem;background-color:#d2d3d5}
.main-organ-wrap .main-organ-absol.absol2,
.main-organ-wrap .main-organ-absol.absol3,
.main-organ-wrap .main-organ-absol.absol4{display:flex;align-items:center;padding-left:6.7rem}
.main-organ-wrap .main-organ-absol.absol4{align-items:start}
.main-organ-wrap .main-organ-absol.absol2{top:16.3rem}
.main-organ-wrap .main-organ-absol.absol3{top:34.3rem}
.main-organ-wrap .main-organ-absol.absol4{top:52.3rem}
.main-organ-wrap .main-organ-absol.absol2::before,
.main-organ-wrap .main-organ-absol.absol3::before,
.main-organ-wrap .main-organ-absol.absol4::before{left:0;width:100%;height:.2rem}
.main-organ-wrap .main-organ-absol.absol2::before,
.main-organ-wrap .main-organ-absol.absol3::before{top:50%;margin-top:-.1rem}
.main-organ-wrap .main-organ-absol.absol4::before{top:3rem}

.main-organ-wrap .main-organ-text.type2::before{display: none;}
.main-organ-wrap .box2 .main-organ-absol.absol1{top: -.6rem;}
.main-organ-wrap .box2 .main-organ-absol.absol1::before{top: 3.5rem;}
.main-organ-wrap .box2 .main-organ-absol.absol1::after{height: 8.7rem; top: 3.5rem;}

/* 리스트 */
.main-organ-wrap .main-organ-list{background-color:#fff;position:relative;padding:1.1rem 1.4rem;border-radius:0 0 1rem 1rem;border:.1rem solid #555;border-top:0;width: 100%;}
.main-organ-wrap .main-organ-list li{font-size:1.7rem;color:#555;font-family:pm;padding-left:2rem;position:relative;margin-bottom:.4rem}
.main-organ-wrap .main-organ-list li:last-child{margin-bottom:0}
.main-organ-wrap .main-organ-list li::before{content:"";display:block;position:absolute;left:0;top:.9rem;width:.6rem;height:.6rem;border-radius:50%;background-color:#555}

@media screen and (max-width: 1500px) {
  .main-organ-wrap{padding: 5rem 5rem 15rem;}
  .main-organ-wrap .main-organ-header{width: 25rem;}
  .main-organ-wrap .main-organ-header h1{width: 22rem; height: 22rem;}
  .main-organ-wrap .main-organ-box::after{left: 12.5rem;}
  .main-organ-wrap .main-organ-text.type1 p,
  .main-organ-wrap .main-organ-text.type2 p{width: 25rem; height: 6rem;}
  .main-organ-wrap .main-organ-absol{left: 12.5rem;}
  .main-organ-wrap .main-organ-text.type3 p{width: 30rem; height: 9rem; font-size: 1.6rem;}
  .main-organ-wrap .main-organ-text.type4 p{width: 30rem; height: 9rem; font-size: 1.6rem;}
  .main-organ-wrap .main-organ-text.type5 p{width: 20rem; height: 9rem; font-size: 1.6rem;}
  .main-organ-wrap .main-organ-text.type6 p{width: 20rem; height: 9rem; font-size: 1.6rem;}
  .main-organ-wrap .main-organ-text.type7 p{width: 20rem; height: 9rem; font-size: 1.6rem;}
  .main-organ-wrap .main-organ-list li{font-size: 1.4rem;}
  .main-organ-wrap .main-organ-absol.absol1::before{top: 3.9rem;}
  .main-organ-wrap .main-organ-absol.absol1::after{top: 3.9rem; height: 9.5rem;}
  .main-organ-wrap .box2 .main-organ-absol.absol1::before{top: 3rem;}
  .main-organ-wrap .box2 .main-organ-absol.absol1::after{top: 3rem;}
  .main-organ-wrap .main-organ-absol.absol2,
  .main-organ-wrap .main-organ-absol.absol3,
  .main-organ-wrap .main-organ-absol.absol4{padding-left: 2rem;}
  .main-organ-wrap .main-organ-text.type5,
  .main-organ-wrap .main-organ-text.type6, 
  .main-organ-wrap .main-organ-text.type7{padding-left: 2rem;}
  .main-organ-wrap .main-organ-text.type4{padding-left: 5rem;}
  .main-organ-wrap .main-organ-text.type2{padding-right: 5rem;}
  .main-organ-wrap .main-organ-text.type3::before{top: 2.5rem;}
  .main-organ-wrap .main-organ-text.type2::before{top: 3rem;}
}

@media screen and (max-width: 1200px) {
  .main-organ-wrap{padding: 3rem 2rem 10rem;}
  .main-organ-wrap .main-organ-inner{display: flex; flex-direction: column; justify-content: start; align-items: start;}
  .main-organ-wrap .main-organ-content{display: flex; justify-content: start; align-items: start; flex-direction: column; position: relative;}
  .main-organ-wrap .main-organ-box::after{left: 12.5rem; z-index: 1; height: 100%;}
  .main-organ-wrap .main-organ-box{position: relative;}
  .main-organ-wrap .main-organ-absol{left: 12.5rem}
  .main-organ-wrap .main-organ-absol.absol1{padding-left: 14rem;}
  .main-organ-wrap .main-organ-absol.absol1::after{left: 14rem; top: 3.4rem; height: 8.5rem;}
  .main-organ-wrap .main-organ-absol.absol1::before{top: 3.4rem;}
  .main-organ-wrap .box2 .main-organ-absol.absol1::after{height: 7rem;}
  .main-organ-wrap .main-organ-text.type5:first-child,
  .main-organ-wrap .main-organ-text.type6:first-child,
  .main-organ-wrap .main-organ-text.type7:first-child{padding-left: 0;}
  .main-organ-wrap .main-organ-text.type3{margin-top: 1rem;}
  .main-organ-wrap .main-organ-text.type3::before{top: 2rem;}
  .main-organ-wrap .main-organ-text.type3 p{width: 23rem; height: 7rem; font-size: 1.4rem;}
  .main-organ-wrap .main-organ-text.type4 p{width: 23rem; height: 7rem; font-size: 1.4rem;}
  .main-organ-wrap .main-organ-text.type5 p{width: 15rem; height: 7rem; font-size: 1.4rem;}
  .main-organ-wrap .main-organ-text.type6 p{width: 15rem; height: 7rem; font-size: 1.4rem;}
  .main-organ-wrap .main-organ-text.type7 p{width: 15rem; height: 7rem; font-size: 1.4rem;}
  .main-organ-wrap .main-organ-list{padding: .5rem .8rem;}
  .main-organ-wrap .main-organ-list li{font-size: 1.2rem; padding-left: 1.5rem;}
  .main-organ-wrap .main-organ-list li::before{width: .4rem; height: .4rem; top: .7rem;}
}

@media screen and (max-width: 768px) {
  .main-organ-wrap{padding: 3rem 2rem 15rem;}
  .main-organ-wrap .main-organ-box{padding-bottom: 110rem;}
  .main-organ-wrap .main-organ-header::before{height: 30rem;}
  .main-organ-wrap .main-organ-header{width: 15rem; padding-bottom: 5rem;}
  .main-organ-wrap .main-organ-header h1{width: 15rem; height: 15rem; font-size: 2rem;}
  .main-organ-wrap .main-organ-content{width: 100%;}

  .main-organ-wrap .main-organ-absol{left: 0;}

  .main-organ-wrap .main-organ-text.type4 p,
  .main-organ-wrap .main-organ-text.type3 p{width: 18rem; font-size: 1.2rem;}
  .main-organ-wrap .main-organ-text.type5 p,
  .main-organ-wrap .main-organ-text.type6 p,
  .main-organ-wrap .main-organ-text.type7 p{width: 18rem; font-size: 1.2rem;}

  .main-organ-wrap .main-organ-absol.absol1{padding-left: 0; top: 8rem; width: 100%; left: 0; display: flex; justify-content: space-between;}
  .main-organ-wrap .main-organ-absol.absol2,
  .main-organ-wrap .main-organ-absol.absol3,
  .main-organ-wrap .main-organ-absol.absol4{flex-wrap: wrap; justify-content: space-between; flex-direction: column;}
  .main-organ-wrap .main-organ-absol.absol2{top: 13rem; gap: 1rem; left: 7.5rem; padding-left: 14.5rem;}
  .main-organ-wrap .main-organ-absol.absol2::before{top: 3.5rem;}
  .main-organ-wrap .main-organ-absol.absol3{top: 40rem; gap: 1rem; left: 7.5rem; padding-left: 14.5rem;}
  .main-organ-wrap .main-organ-absol.absol3::before{top: 3.5rem;}
  .main-organ-wrap .main-organ-absol.absol4{top: 73rem; gap: 1rem; left: 7.5rem; padding-left: 14.5rem;}
  .main-organ-wrap .main-organ-absol.absol4::before{top: 3.5rem;}

  .main-organ-wrap .main-organ-box::after{left: 7.35rem;}
  .main-organ-wrap .main-organ-absol.absol1{flex-direction: column; left: 7.5rem; top: -5rem; width: auto; padding-left: 12rem;}
  .main-organ-wrap .main-organ-absol.absol1::after{left: 12rem;}

  .main-organ-wrap .main-organ-text.type5:first-child,
  .main-organ-wrap .main-organ-text.type6:first-child,
  .main-organ-wrap .main-organ-text.type7:first-child{padding-left: 2rem;}
  .main-organ-wrap .main-organ-text.type5::before,
  .main-organ-wrap .main-organ-text.type6::before,
  .main-organ-wrap .main-organ-text.type7::before{display: none;}

  .main-organ-wrap .main-organ-box.box2{flex-direction: column; gap: 1rem; width: 100%;}
  .main-organ-wrap .main-organ-text.type1 p,
  .main-organ-wrap .main-organ-text.type2 p{width: 15rem; height: 6rem; font-size: 1.6rem;}
  .main-organ-wrap .main-organ-text.type2{padding-right: 0;}
  .main-organ-wrap .main-organ-text.type2::before{top: 2rem;}

  .main-organ-wrap .main-organ-text.type3{margin-top: 0; padding-left: 0; display: inline-block; padding-left: 3rem; margin-bottom: 1rem;}
  .main-organ-wrap .main-organ-text.type3:last-child{margin-bottom: 0;}
  .main-organ-wrap .main-organ-text.type3::before{top: 2.5rem;}

  .main-organ-wrap .box2 .main-organ-absol.absol1{padding-left: 13.5rem; top: .4rem;}
  .main-organ-wrap .box2 .main-organ-absol.absol1::before{top: 2.5rem;}
  .main-organ-wrap .box2 .main-organ-absol.absol1::after{top: 2.5rem; height: 8rem; left: 13.5rem;}
}
/*[E] 조직도*/

/*[S] 수송지원*/
.transport-wrap{border-radius: 1rem; padding: 4rem 9rem 6rem 4.8rem;}
.transport-wrap .transport-list-box{position: relative; padding-right: 7rem;}
.transport-wrap .transport-title{width: 30rem; height: 6rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 3rem; margin: 0 auto; margin-bottom: 5.5rem;}
.transport-wrap .transport-title p{font-size: 2.2rem; font-family: pb; color: white;}
.transport-wrap .transport-main-list{display: flex; padding-bottom: 14.7rem; position: relative; z-index: 2;}
.transport-wrap .transport-main-list:last-child{padding-bottom: 0;}
.transport-wrap .transport-main-list.reverse{flex-direction: row-reverse;}
.transport-wrap .transport-main-list .transport-box{flex: 1; position: relative;}
.transport-wrap .transport-main-list .transport-box.first::before{content:""; display: block; position: absolute; left: 2.6rem; top: -3.3rem; width: 6.6rem; height: 3rem;}
.transport-wrap .transport-main-list .transport-box::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 1.5rem; height: 1.5rem; border-radius: 50%; top: 50%; transform: translateY(-50%); background-color: white;}
.transport-wrap .transport-main-list .transport-box.first::after,
.transport-wrap .transport-main-list .transport-box.last::after{width: 2rem; height: 2rem;}
.transport-wrap .transport-main-list .transport-box h2{font-size: 1.7rem; color: #222222; font-family: pb; position: absolute; left: 2rem; top: 0;}
.transport-wrap .transport-main-list .transport-box span{display: block; width: 100%; height: .2rem; background-color: #aaaaaa; margin: 3rem 0;}
.transport-wrap .transport-main-list .transport-box p{font-size: 1.5rem;  font-family: pm; position: absolute; left: 2rem; bottom: 0;}

.transport-wrap .transport-main-list.row .transport-box:last-child,
.transport-wrap .transport-main-list.reverse .transport-box:first-child {flex: none;}
.transport-wrap .transport-main-list.row .transport-box:last-child .transport-line,
.transport-wrap .transport-main-list.reverse .transport-box:first-child .transport-line{display: none;}

.transport-wrap .transport-list-box .curves{display: flex; position: absolute; right: auto; left: 0; padding: 8rem 0}
.transport-wrap .transport-list-box .curves::after{content:""; display: block; position: absolute; left: .9rem; top: 0; width: .2rem; height: 100%; background-color: #aaaaaa;z-index: 0;}
.transport-wrap .transport-list-box .curves.reverse{flex-direction: row-reverse; right: 0; left: auto;}
.transport-wrap .transport-list-box .curves .transport-box{padding-right: 2.8rem; position: relative; z-index: 2;}

.transport-wrap .transport-list-box .curves.reverse .transport-box{padding-right: 0; padding-left: 2.8rem;}

.transport-wrap .transport-list-box .curves .transport-box .transport-line{display: block; position: absolute; left: 0; top: 0; width: 2rem; height: 2rem; border-radius: 50%; top: 50%; transform: translateY(-50%); background-color: white; left: 0;}
.transport-wrap .transport-list-box .curves .transport-box .transport-line{right: 0; left: auto;}
.transport-wrap .transport-list-box .curves.reverse .transport-box .transport-line{right: auto; left: 0;}
.transport-wrap .transport-list-box .curves.reverse .transport-box{margin-left: 0;}
.transport-wrap .transport-list-box .curves .transport-box{margin-left: -5.4rem;}

.transport-wrap .transport-list-box .curves h2{font-size: 1.7rem; color: #222222; font-family: pb;}
.transport-wrap .transport-list-box .curves p{font-size: 1.5rem;  font-family: pm; margin-top: .2rem;}

.transport-wrap.type1{background-color: #f5fcfd;}
.transport-wrap.type1 .transport-title{background-color: #36c0c9;}
.transport-wrap.type1 .transport-main-list .transport-box.first::before{background: url(../../images/sub/ic-transport-start1.png) no-repeat center center / cover;}
.transport-wrap.type1 .transport-main-list .transport-box::after{border: .2rem solid #36c0c9;}
.transport-wrap.type1 .transport-main-list .transport-box p{color: #36c0c9;}
.transport-wrap.type1 .transport-main-list .transport-box.first::after,
.transport-wrap.type1 .transport-main-list .transport-box.last::after{background-color: #36c0c9;}
.transport-wrap.type1 .transport-list-box .curves .transport-box .transport-line{background-color: #36c0c9;}
.transport-wrap.type1 .transport-list-box .curves p{color: #36c0c9}

.transport-wrap.type2{background-color: #f6f5fd;}
.transport-wrap.type2 .transport-title{background-color: #462677;}
.transport-wrap.type2 .transport-main-list .transport-box.first::before{background: url(../../images/sub/ic-transport-start2.png) no-repeat center center / cover;}
.transport-wrap.type2 .transport-main-list .transport-box::after{border: .2rem solid #462677;}
.transport-wrap.type2 .transport-main-list .transport-box p{color: #462677;}
.transport-wrap.type2 .transport-main-list .transport-box.first::after,
.transport-wrap.type2 .transport-main-list .transport-box.last::after{background-color: #462677;}
.transport-wrap.type2 .transport-list-box .curves .transport-box .transport-line{background-color: #462677;}
.transport-wrap.type2 .transport-list-box .curves p{color: #462677}

@media screen and (max-width: 1200px) {
  .transport-wrap{padding: 3rem 4rem 4rem 2rem;}
  .transport-wrap .transport-title{width: 25rem; height: 5rem; margin-bottom: 3rem;}
  .transport-wrap .transport-main-list .transport-box.first::before{width: 4.4rem; height: 2rem; left: 1.5rem; top: -2.5rem;}
  .transport-wrap .transport-main-list .transport-box h2,
  .transport-wrap .transport-list-box .curves h2{font-size: 1.5rem; letter-spacing: -.05rem; left: 0;}
  .transport-wrap .transport-main-list .transport-box p,
  .transport-wrap .transport-list-box .curves p{font-size: 1.3rem; left: 0;}
  .transport-wrap .transport-list-box{padding-right: 6.2rem;;}
  .transport-wrap .transport-main-list.row .transport-box:last-child h2,
  .transport-wrap .transport-main-list.row .transport-box:last-child p,
  .transport-wrap .transport-main-list.reverse .transport-box:first-child h2,
  .transport-wrap .transport-main-list.reverse .transport-box:first-child p{left: 2rem;}
}

@media screen and (max-width: 768px) {
  .transport-wrap .transport-main-list{flex-direction: column !important; padding-bottom: 0;}
  .transport-wrap .transport-list-box{padding-right: 0;}
  .transport-wrap .transport-list-box .curves{display: block; position: static; padding: 0;}
  .transport-wrap .transport-main-list .transport-box{margin-bottom: 2rem; margin-left: 3rem;}
  .transport-wrap .transport-main-list .transport-box.first::before{left: 0;}
  .transport-wrap .transport-main-list .transport-box::after{left: -2.8rem;}
  .transport-wrap .transport-main-list .transport-box.first::after, 
  .transport-wrap .transport-main-list .transport-box.last::after{left: -3rem;}
  .transport-wrap .transport-main-list .transport-box:last-child{margin-bottom: 0;}
  .transport-wrap .transport-main-list .transport-box h2,
  .transport-wrap .transport-main-list .transport-box p{position: static;}
  .transport-wrap .transport-main-list .transport-box span{height: 0; margin: 1rem 0;}
  .transport-wrap .transport-list-box .curves .transport-box{margin: 1.5rem 0;}
}
/*[E] 수송지원*/

/* [S] 찾아오시는 길 */
.location-map {position: relative;}
.location-map .img-box {overflow:hidden; border-radius:1rem;}
.location-map .img-box img {width:100%;}
.location-map .text-box {position: relative; margin: -5rem 5rem 0 5rem; padding:1.5rem 5rem; background:#503992 url('../../images/sub/bg-pattern.png') repeat; border-radius:1rem;}
.location-map .box-inner {display: flex; justify-content: space-between; flex-wrap:wrap;}
.location-map ul {display: flex; align-items: center; margin:1.5rem 0;}
.location-map li {margin-right: 6rem;}
.location-map li:last-child {margin-right: 2rem;}
.location-map li p {position: relative; display: flex; align-items: center; font-family: pm; font-size: 2rem; color:#fff;}
.location-map li p::before {content:''; display: inline-block; flex-shrink: 0; margin-right:1.5rem;}
.location-map li.icon1 p::before {width:3rem; height:3.4rem; background:url('../../images/sub/ic-location1.png') no-repeat center / cover;}
.location-map li.icon2 p::before {width:3.5rem; height:3.5rem; background:url('../../images/sub/ic-location2.png') no-repeat center / cover;}
.location-map li strong {position: relative; padding-left: 1.7rem;}
.location-map li strong::before {content:''; position: absolute; left:0; top:50%; width:0.2rem; height:1.5rem; margin-top:-0.7rem; background:#271d1f;}
.location-map .link {position: relative; display: flex; gap:0 1rem; margin:1.5rem 0;}
.location-map .link a {display: flex; align-items: center; min-width:13rem; height:4rem; padding:0.9rem 3rem 0.9rem 1.2rem; background:#fff url('../../images/sub/ic-location-arrw.png') no-repeat right 1.6rem center; border-radius:0.5rem;}
.location-map .link a span {display: inline-block; text-indent: -9999rem; flex-shrink:0;}
.location-map .link a:first-child span{width: 7.6rem; height:2.1rem; background:url('../../images/sub/ic-naver.png') no-repeat center / contain;}
.location-map .link a:last-child span{width: 8.4rem; height:2.2rem; background:url('../../images/sub/ic-kakao.png') no-repeat center / cover;}
.location-map .link a:hover {background:#36c0c9 url('../../images/sub/ic-location-arrw-on.png') no-repeat right 1.6rem center;}
.location-map .link a:first-child:hover span {background:url('../../images/sub/ic-naver-on.png') no-repeat center / cover;}
.location-map .link a:last-child:hover span {background:url('../../images/sub/ic-kakao-on.png') no-repeat center / cover;}
@media screen and (max-width:1200px) {
  .location-map .text-box {padding:2rem 3rem;}
  .location-map ul {flex-wrap:wrap;}
  .location-map li {margin-right: 2rem;}
  .location-map li strong {font-size: 1.6rem;}
}
/* @media screen and (max-width:1100px) {
.location-map .box-inner {flex-direction: column;}
.location-map li {margin-bottom: 2rem;}
} */
@media screen and (max-width:850px) {
  .location-map .text-box {margin:-3rem 2rem 0 2rem;}
}
@media screen and (max-width:768px) {
  .location-map ul {flex-direction: column; align-items: start; margin:1rem 0;}
  .location-map ul li {margin-bottom: 2rem;}
  .location-map ul li:last-child {margin-bottom: 0;}
  .location-map .link {margin: 1rem 0;}
  .location-map li.icon1 p::before {width:3.5rem; background-size:contain;}
}
/* [E] 찾아오시는 길 */


/* [S] MISSION */
.mission-image-box{border-radius: 1rem; background-color: #f3f1fb; padding: 8rem 2rem; text-align: center;}
.mission-image-box img{width: 100%; max-width: 133.5rem;}

@media screen and (max-width: 1200px) {
  .mission-image-box{padding: 4rem 2rem;}
}
@media screen and (max-width: 1200px) {
  .mission-image-box{padding: 2rem 1rem;}
}
/* [E] MISSION */

/* [S] VISION 2025 */
.vision-map-wrap{background-color: #f1f4fb; border-radius: 1rem; padding: 3rem 2rem; position: relative;}
.vision-map-text{text-align: center; margin-bottom: 2.5rem;}
.vision-map-text h1{font-size: 3.5rem; font-family: pbl; color: #485477; position: relative; padding-bottom: 3.4rem;}
.vision-map-text h1::after{content:""; display: block; position: absolute; bottom: 0; right: 50%; width: .1rem; height: 3rem; background-color: #485477;}
.vision-map-text p{font-size: 2rem; color: #485477; margin-top: 1.3rem;}
.vision-map-image{text-align: center;}
.vision-map-image img{max-width: 124.4rem; width: 100%;}
.vision-map-strategic{position: absolute; right: 5rem; bottom: 5rem; width: 47rem; background-color: rgba(255,255,255,.75); border-radius: 1rem; padding: 2.2rem 3.1rem;}
.vision-map-strategic h1{font-size: 2.5rem; font-family: pb; color: #3042cc; margin-bottom: .5rem;}

@media screen and (max-width: 1200px) {
  .vision-map-text h1{font-size: 3rem;}
  .vision-map-text p{font-size: 1.6rem;}
}

@media screen and (max-width: 768px) {
  .vision-map-strategic{position: static; width: 100%; margin-top: 1rem; padding: 1.5rem 2rem;}
}
/* [E] VISION 2025 */

/* [S] MD System */
.md-system-wrap .md-system-inner.bottom-arrow{padding-bottom: 20.7rem; background: url(../../images/sub/bg-md-arrow.png) no-repeat bottom 4rem center / 91.1rem;}
.md-system-wrap .md-system-box-inner{display: flex; justify-content: center; align-items: stretch;  padding: 4.3rem 2rem; border: .5rem solid #f1f1f1; border-radius: 1rem;}
.md-system-wrap .md-system-box{display: flex; flex-direction: column; align-items: center; width: 28rem; flex-wrap: wrap;}
.md-system-wrap .md-system-box p{width: 18rem; height: 18rem; border-radius: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 1.8rem; line-height: 2.5rem; font-family: pb; color: #503992; text-align: center; background-color: #e4dbff; box-shadow: inset .8rem 0 1rem rgba(123,88,225,.35); margin-bottom: 2rem;}
.md-system-wrap .md-system-arrow{width: 8rem; background: url(../../images/sub/ic-md-arrow.png) no-repeat center top 7rem;}
.md-system-wrap .md-system-box-list{height: calc(100% - 20rem); position: relative;}
.md-system-wrap .md-system-box-list .md-system-circle{content:""; display: block; position: absolute; left: 50%; margin-left: -.35rem; top: -2.4rem; width: .7rem; height: .7rem; background-color: #6530ff; border-radius: 50%;}
.md-system-wrap .md-system-box-list::before{content:""; display: block; position: absolute; left: 50%; top: -2.8rem; margin-left: -.75rem; width: 1.5rem; height: 1.5rem; background-color: rgba(86,28,255,.25); border-radius: 50%;}
.md-system-wrap .md-system-box-list::after{content:""; display: block; position: absolute; left: 50%; top: -2rem; width: .1rem; height: 100%; background-color: #6530ff; z-index: 1;}
.md-system-wrap .md-system-box-list ul{position: relative; z-index: 2; background-color: white; padding: 1.3rem 1.9rem 1.5rem; height: 100%; border: .1rem solid #6530ff; border-radius: 1rem;}
.md-system-wrap .md-system-box-list li{font-size: 1.7rem; color: #555555; font-family: pm; line-height: 2.5rem; padding-left: 2rem; position: relative; margin-bottom: .5rem;}
.md-system-wrap .md-system-box-list li:last-child{margin-bottom: 0;}
.md-system-wrap .md-system-box-list li::before{content:""; display: block; position: absolute; left: 0; top: .9rem; width: .6rem; height: .6rem ;border-radius: 50%; background-color: #555555;}
.md-system-wrap .md-system-big-text{position: relative;}
.md-system-wrap .md-system-big-text.bottom-arrow{padding-bottom: 20.7rem; background: url(../../images/sub/bg-md-arrow.png) no-repeat bottom 4rem center / 91.1rem;}
.md-system-wrap .md-system-big-text p{border: .2rem solid #503992; border-radius: 1rem; display: flex; justify-content: center; align-items: center; font-size: 3rem; font-family: pb; color: #222222; height: 13rem; gap: .8rem;}
.md-system-wrap .md-system-big-text p span{color: #503992;}
.md-system-wrap .md-system-big-text-inner{position: relative;}
.md-system-wrap .md-system-big-text-inner > span{position: absolute; font-size: 1.8rem; color: #ffffff; font-family: pm; display: flex; justify-content: center; align-items: center; border-radius: 5rem; overflow: hidden; width: 43.5rem; background-color: #503992; height: 5rem; left: 50%; transform: translateX(-50%); bottom: -2.5rem;}
.md-system-wrap .md-system-big-text-inner > span::after{content:""; display: block; position: absolute; left: 0; top: -15rem; width: 30rem; height: 30rem; background: url(../../images/sub/pattern-title.png); opacity: .18; transform: rotate(-55deg); z-index: 1; mix-blend-mode: soft-light}
.md-system-wrap .md-system-big-text-inner.background p{background-coloR: #503992; color: white;}

.md-system-wrap .md-system-box.row{flex-direction: row; width: 48rem; justify-content: space-between;}
.md-system-wrap .md-system-box.row.reverse{flex-direction: row-reverse;}
.md-system-wrap .md-system-box.row p{margin-bottom: 0;}
.md-system-wrap .md-system-box.row .md-system-box-list{height: auto; width: calc(100% - 20rem);}
.md-system-wrap .md-system-box.row .md-system-box-list::before{left: -2.8rem; top: 50%; margin-left: 0; margin-top: -.75rem;}
.md-system-wrap .md-system-box.row .md-system-box-list::after{left: auto; right: 0; top: 50%; width: calc(100% + 2rem); height: .1rem;}
.md-system-wrap .md-system-box.row .md-system-box-list .md-system-circle{left: -2.4rem; margin-left: 0; top: 50%; margin-top: -.35rem;}
.md-system-wrap .md-system-box.row.reverse .md-system-box-list::before{left: auto; right: -2.8rem}
.md-system-wrap .md-system-box.row.reverse .md-system-box-list::after{left: 0; right: auto}
.md-system-wrap .md-system-box.row.reverse .md-system-box-list .md-system-circle{left: auto; right: -2.4rem;}

@media screen and (max-width: 1200px) {
  .md-system-wrap .md-system-inner.bottom-arrow,
  .md-system-wrap .md-system-big-text.bottom-arrow{background-size: 65rem; padding-bottom: 15rem;}
  .md-system-wrap .md-system-box p{font-size: 1.6rem; line-height: 2.2rem; width: 16rem; height: 16rem;}
  .md-system-wrap .md-system-box-list{height: calc(100% - 18rem);}
  .md-system-wrap .md-system-box-list ul{padding: 1rem 1.2rem 1.3rem;}
  .md-system-wrap .md-system-box-list li{font-size: 1.5rem;}
  .md-system-wrap .md-system-big-text p{font-size: 2rem; height: 9rem;}
  .md-system-wrap .md-system-big-text-inner > span{font-size: 1.4rem; width: 35rem; height: 4rem; bottom: -2rem;}
}

@media screen and (max-width: 768px) {
  .md-system-wrap .md-system-box-inner{flex-wrap: wrap; padding: 2.3rem 2rem 4.3rem;}
  .md-system-wrap .md-system-box{width: 50%; margin-top: 2rem; padding: 0 .5rem;}
  .md-system-wrap .md-system-arrow{display: none;}
  .md-system-wrap .md-system-inner.bottom-arrow,
  .md-system-wrap .md-system-big-text.bottom-arrow{background-size: 30rem; padding-bottom: 9rem; background-position: bottom 1rem center;}
  .md-system-wrap .md-system-big-text p{flex-direction: column; font-size: 1.6rem;}
  .md-system-wrap .md-system-big-text-inner > span{font-size: 1.2rem; width: 30rem; height: 3rem; bottom: -1.5rem;}

  .md-system-wrap .md-system-box.row.reverse{flex-direction: row;}
  .md-system-wrap .md-system-box.row .md-system-box-list{width: calc(100% - 18rem);}
  .md-system-wrap .md-system-box.row.reverse .md-system-box-list::before{left: -2.8rem; right: auto;}
  .md-system-wrap .md-system-box.row.reverse .md-system-box-list::after{left: auto; right: 0}
  .md-system-wrap .md-system-box.row.reverse .md-system-box-list .md-system-circle{left: -2.4rem; right: auto;}
}
/* [E] MD System */

/* [S] Mission */
.organ-mission-wrap .organ-mission-box.color1{position: relative; margin-top: 7.5rem;}
.organ-mission-wrap .organ-mission-box.color1 > span{position: absolute; width: 30rem; height: 5rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 1.8rem; font-family: pm; color: #ffffff; border-radius: 5rem; background-color: #503992; overflow: hidden; left: 50%; transform: translateX(-50%); top: -2.5rem;}
.organ-mission-wrap .organ-mission-box.color1 > span::after{content:""; display: block; position: absolute; left: 0; top: -15rem; width: 30rem; height: 30rem; background: url(../../images/sub/pattern-title.png); opacity: .18; transform: rotate(-55deg); z-index: 1; mix-blend-mode: soft-light}
.organ-mission-wrap .organ-mission-box.color1 p{font-size: 3rem; font-family: pb; color: #222222; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border: .2rem solid #503992; border-radius: 1rem; height: 13rem; padding: 0 2rem; gap: .8rem;}
.organ-mission-wrap .organ-mission-box.color1 p span{color: #503992}

.organ-mission-wrap .organ-mission-box.color2{position: relative; margin-top: 4rem; padding-top: 20.2rem; background: url(../../images/sub/bg-mission-arrow.png) no-repeat top center / 91.2rem;}
.organ-mission-wrap .organ-mission-box.color2 > span{position: absolute; width: 30rem; height: 5rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 1.8rem; font-family: pm; color: #ffffff; border-radius: 5rem; background-color: #3042cc; overflow: hidden; left: 50%; transform: translateX(-50%); top: 12.2rem;}
.organ-mission-wrap .organ-mission-box.color2 > span::after{content:""; display: block; position: absolute; left: 0; top: -15rem; width: 30rem; height: 30rem; background: url(../../images/sub/pattern-title.png); opacity: .18; transform: rotate(-55deg); z-index: 1; mix-blend-mode: soft-light}
.organ-mission-wrap .organ-mission-box.color2 li{border-radius: 1rem; background-color: #edefff; margin-bottom: 2rem; padding: 2rem 3rem;}
.organ-mission-wrap .organ-mission-box.color2 li:last-child{margin-bottom: 0;}
.organ-mission-wrap .organ-mission-box.color2 li p{font-size: 2rem; font-family: pm; color: #333333; padding-left: 1.7rem; position: relative;}
.organ-mission-wrap .organ-mission-box.color2 li p::before{content:""; display: block; position: absolute; left: 0; top: 1.2rem; width: .6rem; height: .6rem; border-radius: 50%; background-color: #3042cc; }

@media screen and (max-width: 1200px) {
  .organ-mission-wrap .organ-mission-box.color1 p{font-size: 1.8rem; height: 9rem;}
  .organ-mission-wrap .organ-mission-box.color2{background-size: 60rem;}
  .organ-mission-wrap .organ-mission-box.color2 li p::before{top: .8rem}
  .organ-mission-wrap .organ-mission-box.color2 li p{font-size: 1.6rem;}
}

@media screen and (max-width: 768px) {
  .organ-mission-wrap .organ-mission-box.color1{margin-top: 5rem;}
  .organ-mission-wrap .organ-mission-box.color1 p{display: block; text-align: center; height: auto; padding: 3rem 0 1rem;}
  .organ-mission-wrap .organ-mission-box.color2{background-size: 30rem; padding-top: 13rem; margin-top: 2rem;}
  .organ-mission-wrap .organ-mission-box.color2 > span{top: 5rem;}
}
/* [E] Mission */

/* [S] History */
.history-list{background-color: #f6f5ff; border-radius: 2rem; padding: 2.8rem 3rem;}
.history-list dl{display: flex; flex-wrap: wrap; margin-bottom: 1.5rem;}
.history-list dl:last-child{margin-bottom: 0;}
.history-list dt{font-size: 1.7rem; font-family: psb; color: #1f0667; width: 12.7rem; padding-left: 1.9rem; position: relative;}
.history-list dt::before{content:""; display: block; position: absolute; left: 0; top: 1rem; width: .6rem; height: .6rem; border-radius: 50%; background-color: #1f0667;}
.history-list dt::after{content:""; display: block; position: absolute; right: 0; top: .8rem; width: .2rem; height: 1rem; background-color: #afaae8;}
.history-list dd{font-size: 1.7rem; font-family: pm; color: #545454; padding-left: 2.1rem; width: calc(100% - 12.7rem);}

@media screen and (max-width: 768px) {
  .history-list dl{flex-direction: column;}
  .history-list dt{width: 100%; padding-bottom: .5rem}
  .history-list dt::after{right: auto; left: 1.9rem; top: auto; bottom: 0; width: 1rem; height: .2rem;}
  .history-list dd{width: 100%; margin-top: .5rem;}
}
/* [E] History */

/* [S] Organization/Function */
.organ-func-wrap{background-color: #f3f3f9; border-radius: 1rem; padding: 10rem 7rem;}
.organ-func-box{position: relative;}
.organ-func-header{padding-bottom: 19rem; position: relative; width: 80rem; margin: 0 auto;}
.organ-func-header p{width: 100%; background: url(../../images/sub/bg-organ-func.png) no-repeat center center / cover; border-radius: 1rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 3rem; font-family: pb; color: #ffffff; height: 10rem; position: relative; z-index: 2;}
.organ-func-header::before{content:""; display: block; position: absolute; left: 50%; bottom: 0; width: .1rem; height: 100%; background-color: #aaaaaa;}
.organ-func-sub-header{position: absolute; right: 0; top: 14.5rem; width: 50%; display: flex; justify-content: end;}
.organ-func-sub-header::before{content:""; display: block; position: absolute; right: 0; top: 50%; width: 100%; height: .1rem; background-color: #aaaaaa;}
.organ-func-sub-header p{width: 40rem; height: 9rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 2rem; font-family: pm; color: #ffffff; background-color: #3042cc; border-radius: 1rem; position: relative; z-index: 2;}
.organ-func-list ul{display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
.organ-func-list ul::before{content:""; display: block; position: absolute; top: 0; width: calc(100% - 13.015%); left: 50%; transform: translateX(-50%); height: .1rem; background-color: #aaaaaa;}
.organ-func-list li{position: relative; padding-top: 5rem; width: 13.015%;}
.organ-func-list li::before{content:""; display: block; position: absolute; left: 50%; bottom: 0; width: .1rem; height: 100%; background-color: #aaaaaa;}
.organ-func-list li p{font-size: 1.8rem; font-family: pm; line-height: 2.5rem; background-color: #485477; border-radius: 1rem; height: 12rem; display: flex; justify-content: center; align-items: center; text-align: center; color: white; position: relative; z-index: 2; padding: 0 1rem;}

@media screen and (max-width: 1200px) {
  .organ-func-wrap{padding: 5rem 3rem;}
  .organ-func-header{width: 60rem;}
  .organ-func-header p{height: 8rem; font-size: 2.5rem;}
  .organ-func-sub-header{top: 12rem;}
  .organ-func-sub-header p{width: 25rem; height: 7rem;}
  .organ-func-list li p{font-size: 1.6rem; line-height: 2.2rem;}
}

@media screen and (max-width: 768px) {
  .organ-func-header{width: 100%;}
  .organ-func-header p{height: 6rem; font-size: 2rem;}
  .organ-func-sub-header p{width: 18rem; height: 5rem; font-size: 1.6rem;}
  .organ-func-list ul::before{display: none;}
  .organ-func-list li{width: 30%; padding-top: 2rem;}
  .organ-func-list{margin-top: -5rem}
  .organ-func-list li::before{display: none;}
}
/* [E] Organization/Function */

/* [S] Facilities */
.facilities-list > ul{display: flex; flex-wrap: wrap; justify-content: start; margin: 0 -3rem; align-items: stretch; margin-top: -4rem;}
.facilities-list > ul > li{width: calc(100%/3); padding: 0 3rem; margin-top: 4rem;}
.facilities-list .facilities-inner{height: 100%; position: relative; padding-top: 34.2%;}
.facilities-list .facilities-image{width: calc(100% - 4rem); border-radius: 1rem; overflow: hidden; position: absolute; padding-bottom: 58.7%; z-index: 3; left: 50%; transform: translateX(-50%); top: 0;}
.facilities-list .facilities-image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.facilities-list .facilities-content{background-color: #f7f7f7; border-radius: 1.5rem; padding: 12.2rem 2rem 2rem 2rem; height: 100%; background-image: url(../../images/sub/bg-facilities.png); background-repeat: no-repeat; background-position: right -5.2rem bottom -6.1rem;}
.facilities-list .facilities-content > h1{font-size: 2.2rem; font-family: pb; color: #503992; position: relative; margin-bottom: 1rem;}
.facilities-list .facilities-content > h1::before{content:""; display: block; position: absolute; left: 0; top: 50%; width: 100%; height: .1rem; background-color: #503992;}
.facilities-list .facilities-content > h1::after{content:"KOREA NATIONAL DEFENSE UNIVERSITY"; text-transform: uppercase; font-size: 1.3rem; font-family: pt; color: #c9c9c9; position: absolute; right: 0; top: 50%; background-color: #f7f7f7; transform: translateY(-50%); padding-left: 1.5rem;}
.facilities-list .facilities-content > h1 span{position: relative; z-index: 2; background-color: #f7f7f7; display: inline-block; padding-right: 2.4rem}
.facilities-list .facilities-content li{font-size: 1.7rem; color: #555555; position: relative; padding-left: 1.9rem; margin-bottom: .5rem;}
.facilities-list .facilities-content li::before{content:""; display: block; position: absolute; left: 0; top: .9rem; width: .6rem; height: .6rem; border-radius: 50%; background-color: #4d4d4d;}
.facilities-list .facilities-content li:last-child{margin-bottom: 0;}

@media screen and (max-width: 1500px) {
  .facilities-list .facilities-content > h1::after{font-size: .8rem}
}

@media screen and (max-width: 1200px) {
  .facilities-list > ul{margin: 0 -1.5rem;}
  .facilities-list > ul > li{padding: 0 1.5rem; width: 50%;}
  .facilities-list .facilities-content > h1::after{font-size: 1.1rem}
}

@media screen and (max-width: 768px) {
  .facilities-list > ul > li{width: 100%;}
}
/* [E] Facilities */

/* [S] 인사말 */
.president-wrap {overflow:hidden; position: relative; padding:5rem; background: #1d66ad url('../../images/sub/bg-president.png') no-repeat center / cover; border-radius:1rem;}
.president-wrap .frame {display: flex;}
.president-wrap .left {margin-right: 8rem;}
.president-wrap .left .img-box {overflow:hidden; position: relative; width: 38rem; height:48rem; border-radius:1rem;}
.president-wrap .left .img-box img {width:100%; object-fit: cover;}
.president-wrap .left p {margin-top: 2.2rem;font-family: pb; font-size: 2rem; text-align: center; color:#fff;}

.president-wrap .right {position: relative; flex:1;}
.president-wrap .right .top {position: relative; display: flex; padding:2.2rem 0 4rem 0;}
.president-wrap .right .top::before {content:''; position: absolute; bottom:0; left:-8rem; width:71.5rem; height:1px; background:#CDCCCC;}
.president-wrap .right .top dl {display: flex; align-items: center; margin-right: 6rem;}
.president-wrap .right .objHeading_h3 {color: #fff;}
.president-wrap .right .objHeading_h3::before {background: #fff;}
.president-wrap .top dt {min-width:10rem; margin-right: 1.7rem; background:#0059b0; border-radius:0.5rem; font-family: pb; font-size: 2rem; text-align: center; line-height: 4rem; color:#fff;}
.president-wrap .top dd {font-family: pm; font-size: 2.2rem; color:#fff;}

.president-wrap .btm {position: relative;}
.president-wrap .list {margin-top: 2rem;}
.president-wrap .list li {position: relative; margin-bottom: 0.5rem; padding-left:2rem; }
.president-wrap .list li::before {content:''; position: absolute; left:0; top:0.9rem; width: 0.6rem; height:0.6rem; background:#fff; border-radius:50%;}
.president-wrap .list dl {display: flex;font-family: pm; font-size: 1.7rem;}
.president-wrap .list dt {flex-shrink:0; width: 21rem; color:#fff;}
.president-wrap .list dd {color:#fff;}

.president-text {position: relative; margin-top: 5.5rem;}
.president-text b {display: block; font-family: pm; font-weight: normal; font-size: 4rem; color:#0059b0; line-height: 1.25;}
.president-text p {margin-top: 2.5rem;font-family: pm; font-size: 1.7rem; line-height: 2.8rem; color:#545454;}
.president-text p i {display: block; margin:2.8rem 0;}
.president-text strong {display: block; margin-top: 3rem; font-family: pb; font-size: 2.5rem; color:#1C1C1C;}

@media screen and (max-width:1200px) {
  .president-wrap .frame {flex-direction: column;}
  .president-wrap .left {align-self: center; margin-right: 0;}
  .president-wrap .left p {display: none;}
  .president-wrap .right .top {justify-content: center;}
  .president-wrap .right .top dl:last-child {margin-right: 0;}
  .president-wrap .right .top::before {left:0; width:100%;}
}
@media screen and (max-width:768px) {
  .president-wrap .top dt {font-size: 1.8rem;}
  .president-wrap .top dd {font-size: 1.8rem;}
  .president-wrap .list dl {flex-direction: column;font-size: 1.6rem;}
  .president-wrap .list li {margin-bottom: 1rem;}
  .president-wrap .list li:last-child  {margin-bottom: 0;}
  .president-text {margin-top: 4rem;}
  .president-text b {font-size: 3.2rem;}
  .president-text p {font-size: 1.6rem;}
  .president-text strong {font-size: 2.2rem;}
}
@media screen and (max-width:550px) {
  .president-wrap {padding:2rem;}
  .president-wrap .left .img-box {width:100%; height: auto;}
}
/* [E] 인사말 */


/* [S]인사말 */
.greeting {margin-bottom: 15rem;}
.greeting .area {display: flex;gap: 5rem;padding: 0 6rem 0 0;}
.greeting .left {padding-top: 2rem;}
.greeting .tit {display: block;margin-bottom: 3rem;font-size: 4rem;font-family: pb;color: #003691;line-height: 1.25;}
.greeting .desc {font-size: 1.7rem;font-family: pm;color: #545454;}
.greeting .desc i {display: block;height: 3rem;}
.greeting .author {display: block;margin-top: 3rem;font-size: 2.5rem;font-family: pb;color: #1c1c1c;}
.greeting .right {flex-shrink: 0;}
.greeting .photo-wrap {position: relative;padding: 10rem 19.2rem 0 0;text-align: center;}
.greeting .photo-wrap::before {content: "";position: absolute;right: 0;top: 0;width: 51rem;height: 77rem;border-radius: 5rem;background: #0059b0 url(../../images/sub/bg-greeting-deco.png) no-repeat right -45% top 80% / 38rem;}
.greeting .photo-wrap .img-box {position: relative;width: 38rem;}
.greeting .photo-wrap .img-box img {position: relative;width: 100%;border-radius: 1rem;z-index: 1;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);}
.greeting .photo-wrap .deco-txt {position: absolute;right: -4rem;top: 2.5rem;width: 100%;height: 43rem;border: 5px solid #00b3f2;}
.greeting .photo-wrap .deco-txt p {position: absolute;right: -42%;top: 45%;transform: rotate(90deg);color: #00b3f2;font-size: 1.8rem;font-family: pb;}
.greeting .photo-wrap .name {display: block;position: relative;margin-top: 1.5rem;font-size: 2rem;color: #fff;font-family: pb;}


@media screen and (max-width:1380px) {
  .greeting  {padding-bottom: 0;}
  .greeting .tit {font-size: 3.7rem;}
  .greeting .desc i {height: 2.5rem;}
  .greeting .photo-wrap {padding: 7rem 12rem 0 0;}
  .greeting .photo-wrap::before {width: 41rem;height: 65rem;border-radius: 4rem;background-position: right -220% top 80%;}
  .greeting .photo-wrap .img-box {width: 33rem;}
  .greeting .photo-wrap .deco-txt {height: 35rem;}
  .greeting .photo-wrap .deco-txt p {right: -42.5%;font-size: 1.6rem;}
  .greeting .photo-wrap .name {margin-top: 1.5rem;}
}

@media screen and (max-width:1024px) {
  .greeting {margin-bottom: 3rem;}
  .greeting .area {flex-direction: column-reverse;padding: 0;}
  .greeting .right {margin-bottom: 4.5rem;}
  .greeting .photo-wrap {max-width: 100%;margin: 0 auto;padding: 6rem 0 0;text-align: center;}
  .greeting .photo-wrap::before {height: 58rem;width: 100%;background-size: 40rem;background-position: right -5rem bottom -10rem;}
  .greeting .photo-wrap .img-box {display: inline-block;}
}

@media screen and (max-width:600px) {
  .greeting .left {padding-top: .8rem;}
  .greeting .tit {font-size: 3rem;}
  .greeting .desc i {height: 2rem;}
  .greeting .right {margin-bottom: 1vw;}
  .greeting .photo-wrap {max-width: 89vw;padding: 8vw 10vw 0 0;}
  .greeting .photo-wrap::before {width: 78vw;height: 112vw;right: 0;border-radius: 4vw;background-size: 70vw;background-position: right -130% top 154%;}
  .greeting .photo-wrap .img-box {width:70vw;}
  .greeting .photo-wrap .img-box img {width: 100%;}
  .greeting .photo-wrap .deco-txt {width: 59%;height: 73vw;top: 6.2vw;right: -8vw;}
  .greeting .photo-wrap .deco-txt p {right: -69%;top: 45%;font-size: 3.2vw;}
  .greeting .photo-wrap .name {margin-top: 1.5rem;}
}
/* [E]인사말 */