@charset "utf-8";

.ipp-parallel { padding: 68px 108px; border: 1px solid #ccc; } 
.ipp-parallel .circle-list { display: flex; justify-content: space-between; align-items: flex-start; } 
.ipp-parallel li { position: relative; margin-right: 40px; } 
.ipp-parallel li > div {display: flex;align-items: center;flex-direction: column;position: relative;}
.ipp-parallel li:last-child { margin-right: 0; } 
.ipp-parallel li::before { content: ''; position: absolute; right: -50px; top: 75px; width: 20px; height: 32px; background-image: url('../../images/sub/new/arrow-gray.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.ipp-parallel .circle-list > li:last-child::before { display: none; } 
.ipp-parallel .circle { display: flex; justify-content: center; align-items: center; position: relative; width: 185px; height: 185px; border-radius: 50%; font-size: 22px; font-family: 'Noto Medium'; text-align: center; } 
.ipp-parallel .circle.blue { border: 1px solid #0e3092; color: #0e3092; } 
.ipp-parallel .circle.mint { border: 1px solid #1aafc6; color: #1aafc6; } 
.ipp-parallel .circle.sky { border: 1px solid #0079bf; color: #0079bf; } 
.ipp-parallel .desc { margin-top: 20px;font-size: 18px; color: #121212; text-align: center; line-height: 1.05; } 
.ipp-parallel .circle-list > li:nth-child(2) { display:flex; align-items: flex-start; } 
.ipp-parallel .circle-list > li:nth-child(2)::after { content: ''; position: absolute; left: 50%; top: 68px; margin-left: -24px; width: 48px; height: 48px; border-radius: 50%; background-color: #00c3d4; background-image: url('../../images/sub/new/x-white.png'); background-position: center; background-repeat: no-repeat; } 
.ipp-parallel .circle-list > li:nth-child(2) > div:first-child { margin-right: 20px; } 

@media (max-width: 1420px) {
  .ipp-parallel {padding: 30px 20px;}
  .ipp-parallel .circle-list  {flex-direction: column;justify-content: flex-start;align-items: center;}
  .ipp-parallel li {margin-right: 0;margin-bottom: 80px;}
  .ipp-parallel li:last-child {margin-bottom: 0;}
  .ipp-parallel li::before {right: auto;left: 50%;top: auto;bottom: -60px;margin-left: -10px;transform: rotate(90deg);}
}

@media (max-width: 768px) {
  .ipp-parallel .circle {width: 140px;height: 140px;font-size: 18px;}
  .ipp-parallel .desc {margin-top: 10px;font-size: 16px;}
  .ipp-parallel li {margin-right: 0;margin-bottom: 60px;}
  .ipp-parallel .circle-list > li:nth-child(2)::after {width: 40px;height: 40px;top: 52px;margin-left: -17px;}
  .ipp-parallel .circle-list > li:nth-child(2) > div:first-child {margin-right: 10px;}
  .ipp-parallel li::before {bottom: -42px;width: 24px;height: 24px;}
}

/* [S] CKU소개 - 교훈 */
.lesson-wrap {position: relative; padding-bottom:150px;}
.lesson-wrap .lesson-bg{background: #F7F7F7; width: 100%; min-height: 380px; position: absolute; z-index: -1;  top: 195px;}
.lesson-wrap .lesson-box{display: flex; margin-top:35px;}
.lesson-wrap .left-box{margin-top: -35px;}
.lesson-wrap .tit-box{border-top: 5px solid #00A2BF; border-right: 5px solid #00A2BF; padding-left: 65px; margin-bottom: 50px;}
.lesson-wrap .tit-box span{font-size: 20px; font-family: "Noto Medium"; letter-spacing: -.05em; color: #006276; padding-top: 50px; display: inline-block;}
.lesson-wrap .tit-box p{font-size: 50px; font-family: "Noto Bold"; letter-spacing: -.05em; color: #222222; font-weight: bold;}
.lesson-wrap .list-box{    padding-top: 40px;}
.lesson-wrap .list-box p{font-size: 20px; font-family: "Noto Light"; letter-spacing: -.05em; color: #555555; line-height: 35px; padding-left: 65px;}

@media(max-width:1300px){
  .lesson-wrap .tit-box p{font-size: 45px;}
}

@media(max-width:1200px){
  .lesson-wrap .lesson-bg{min-height: 340px;}
  .lesson-wrap .tit-box{padding-left: 40px;}
  .lesson-wrap .list-box p{font-size: 18px; padding-left: 40px;}
}

@media(max-width:1100px){
  .lesson-wrap{padding-bottom:0;}
  .lesson-wrap .lesson-bg{display: none;}
  .lesson-wrap .left-box{margin-top: 0;}
  .lesson-wrap .tit-box{margin-top: 20px; padding-left: 0; border-top: 3px solid #00A2BF; border-right: 3px solid #00A2BF; border-left: 3px solid #00A2BF; margin-bottom: 20px;}
  .lesson-wrap .tit-box span{padding-top: 20px;}
  .lesson-wrap .tit-box p{font-size: 40px;}
  .lesson-wrap .lesson-box{display: block; text-align: center; }
  .lesson-wrap .list-box{padding: 30px 20px; background: #F7F7F7; width: 100%;}
  .lesson-wrap .list-box p{padding-left: 0; line-height: 30px;}
}

@media(max-width:768px){
  .lesson-wrap .tit-box p{font-size: 35px;}
  .lesson-wrap .tit-box span{font-size: 18px;}
  .lesson-wrap .list-box p{font-size: 17px;}
}

@media(max-width:600px){
  .lesson-wrap .tit-box p{font-size: 30px;}
  .lesson-wrap .tit-box span{font-size: 16px;}
  .lesson-wrap .list-box p{text-align: left; font-size: 16px;}
}
/* [E] CKU소개 - 교훈 */

/* [S] CKU소개 - 체계도 */
/* 체계도 banner */
.img-banner{background:#F7F7F7; position: relative; height: 330px; width: 100%;}
.img-banner > p {font-size: 130px; color: #fff; font-family: "Mont SemiBold";  line-height: 1; letter-spacing: -.05em; text-transform: uppercase;position: absolute; bottom: -23px; right: 0;}
.img-banner .banner-box{position: relative; top: -105px; width: 100%;  margin-top:105px;}
.img-banner .banner-box > img{min-height: 350px; object-fit: cover;}

@media(max-width:1400px){
  .img-banner{height: 300px;}
  .img-banner > p{font-size: 80px; bottom: -14px;}
}

@media(max-width:1200px){
  .img-banner{height: 237px;}
  .img-banner > p { font-size: 60px; bottom: -10px;}
  .img-banner .banner-box > img{min-height: 300px;}
}

@media(max-width:1000px){
  .img-banner .banner-box{top:-74px;  margin-top:75px;}
  .img-banner{height: 210px;}
  .img-banner .banner-box > img{min-height: 250px;}
  .img-banner > p { font-size: 46px; bottom: -7px;}
}

@media(max-width:600px){
  .img-banner .banner-box{top:-50px;  margin-top:50px;}
  .img-banner {height: 185px;}
  .img-banner .banner-box > img{min-height: 190px;}
  .img-banner > p { font-size: 40px; bottom: -7px;}
}


/* 체계도 리스트 */
.diagram-wrap{margin-top: 80px;} 
.diagram-wrap .diagram-box{display: flex; justify-content: space-between; margin-bottom: 60px;}
.diagram-wrap .diagram-box:last-child{margin-bottom: 0;}

.diagram-wrap .tit-item {width: 305px;}
.diagram-wrap .tit-item > p{font-size: 30px; font-family: 'Noto Bold'; letter-spacing: -.05em; color: #121212; padding-top: 20px; position: relative; line-height: 1.3;}
.diagram-wrap .tit-item > p::before{content: ''; width: 40px; height: 2px; background: #121212; position: absolute; top: 0; left: 0;}
.diagram-wrap .list-item{flex: 1;}
.diagram-wrap .list-item .box > p{font-size: 25px; font-family: 'Noto Medium'; letter-spacing: -.05em; color: #1378BD; margin-bottom: 20px;}

.diagram-wrap .list-item > ul{display: flex; border: 1px solid #555555; padding: 25px 40px 37px 45px; margin:0 -10px;}
.diagram-wrap .list-item > ul > li{width: 50%; padding: 0 10px;}
.diagram-wrap .inner-list li:last-child{margin-bottom: 0;}
.diagram-wrap .inner-list li{margin-bottom: 15px; padding-left: 20px; position: relative;}
.diagram-wrap .inner-list li::before{content: ''; background: url(../../images/sub/new/edu-list-shaoe.png) no-repeat center / cover; width: 8px; height: 8px; position: absolute; top: 11px; left: 0;}

.diagram-wrap .inner-list li > span{font-size: 18px; font-family: "Noto Light"; color: #555555; } 

/* type02 css */
.diagram-wrap.type02 .tit-item > p{font-size: 28px;}

@media(max-width:1250px){
  .diagram-wrap .tit-item{width: 260px;}
  .diagram-wrap .tit-item > p{font-size: 28px;}
  .diagram-wrap .list-item .box > p{font-size: 23px;}
  .diagram-wrap .list-item > ul{padding: 25px 20px 37px 35px;}
}

@media(max-width:1100px){
  .diagram-wrap{margin-top: 50px;}
  .diagram-wrap .diagram-box{display: block;}
  .diagram-wrap .tit-item{width: 100%;}
  .diagram-wrap .list-item{margin-top: 25px;}
  .diagram-wrap .list-item > ul{padding: 30px 15px 30px 30px;}
  .diagram-wrap .br{display: none;}
}

@media(max-width:768px){
  .diagram-wrap .tit-item > p{font-size: 26px; padding-top: 15px;}
  .diagram-wrap .list-item .box > p{font-size: 21px; margin-bottom: 10px;}
  .diagram-wrap .inner-list li > span{font-size: 16px;}
  .diagram-wrap .inner-list li::before{top: 8px;}
  .diagram-wrap .list-item > ul{display: block;  margin:0 auto;}
  .diagram-wrap .list-item > ul > li{width: 100%; margin-bottom: 25px;}
  .diagram-wrap .list-item > ul > li:last-child{margin-bottom: 0;}
  .diagram-wrap .inner-list li{margin-bottom: 10px;}
  .diagram-wrap .list-item > ul {margin: 0;}
}
/* [E] CKU소개 - 체계도 */

/* CKU소개 - 안전보건경영방침 */
.safety-wrap .safety-box > ul{display: flex; justify-content: space-between; align-items: center; margin: 0 -30px; align-items: stretch;}
.safety-wrap .safety-box > ul > li{width: 50%;padding: 0 30px;display: flex;align-items: center;justify-content: space-between;}
.safety-wrap .box{background: #F5F5F5;display: flex;align-items: center;padding: 20px 20px 20px 45px;justify-content: space-between; position: relative; height: 100%; width: 100%; min-height: 115px;}
.safety-wrap .subject{width: 50px; }
.safety-wrap .subject > p{font-size: 25px; font-family: "Noto Medium"; color: #121212; line-height: 1.2; letter-spacing: -.05em; padding-top: 30px; position: relative; text-align: center;}
.safety-wrap .subject01 > p::before{content: ''; background: url(../../images/sub/new/safty-ic01.png) no-repeat center / cover; width: 40px; height: 27px; position: absolute; top: 0; left: 50%; transform: translate(-50%);}
.safety-wrap .subject02 > p::before{content: ''; background: url(../../images/sub/new/safty-ic02.png) no-repeat center / cover; width: 28px; height: 26px; position: absolute; top: 0; left: 50%; transform: translate(-50%);}
.safety-wrap .line{width: 75px; position: relative; height: 100%; margin:0 45px 0 35px;}
.safety-wrap .line::before{content: ''; width: 100%; height: 1px; background: #000000; position: absolute; top: 50%; margin-top: -1px; }
.safety-wrap .txt{flex: 1;}
.safety-wrap .txt > span{font-size: 18px; font-family: "Noto Light"; color: #121212; line-height: 1.2; letter-spacing: -.05em; }

@media(max-width:1400px){
  .container{padding: 0 20px;}
}

@media(max-width:1300px){
  .safety-wrap .safety-box > ul{margin: 0 -15px;}
  .safety-wrap .safety-box > ul > li{padding: 0 15px;}
  .safety-wrap .line{width: 50px; margin: 0 30px 0 25px;}
  .safety-wrap .box{padding: 20px 20px 15px 30px;}
}

@media(max-width:1200px){
  .safety-wrap .txt > span{font-size: 17px;}
  .safety-wrap .line{width: 30px;} 
  .safety-wrap .subject > p{font-size: 22px;}
}

@media(max-width:1000px){
  .safety-wrap .box{display: block; padding: 20px 20px 20px 30px;}
  .safety-wrap .line{display: none;}
  .safety-wrap .txt{margin-top: 15px;}
}

@media(max-width:768px){
  .safety-wrap .safety-box > ul{display: block; margin: 0;}
  .safety-wrap .safety-box > ul > li{width: 100%; margin-bottom: 20px; padding: 0;}
  .safety-wrap .safety-box > ul > li:last-child{margin-bottom: 0;}
  .safety-wrap .txt{margin-top: 10px;}
  .safety-wrap .txt > span{font-size: 16px;}
}

/* cku상징 */
.cku-symbol-wrap .symbol-box{display: flex; justify-content: space-between; margin-bottom: 60px;}
.cku-symbol-wrap .symbol-box:last-child{margin-bottom: 0;}
.cku-symbol-wrap .img-box{width: 48%;} 
.cku-symbol-wrap .detail-box{flex: 1; margin-left: 60px;}
.cku-symbol-wrap .top > .title{font-size: 30px; font-family: "Noto Bold"; letter-spacing: -.05em; line-height: 1.2; color: #555555; position: relative; padding-right: 30px; display: inline-block; margin-left: 0;}
.cku-symbol-wrap .top{padding-bottom: 35px; border-bottom: 1px solid #000000;}
.cku-symbol-wrap .top > .title::before{content: ''; width: 2px; height: 15px; position: absolute; top: 50%; right: 0;  margin-top: -7.5px;  background: #CCCCCC;}
.cku-symbol-wrap em{color: #0079BF; font-family: "Noto Regular"}
.cku-symbol-wrap .top > span{font-size: 30px; font-family: "Noto Bold"; letter-spacing: -.05em; line-height: 1.2; color: #0E3092; display: inline-block; margin-left: 23px;}
.cku-symbol-wrap .mid {margin-top: 50px;}
.cku-symbol-wrap .mid > p{font-size: 18px; font-family: "Noto Light"; letter-spacing: -.05em; line-height: 1.6; color: #333333;}

.cku-symbol-wrap i{display: inline-block; margin: 25px 0;}

@media(max-width:1200px){
  .cku-symbol-wrap .detail-box{margin-left: 40px;}
}

@media(max-width:1024px){
  .cku-symbol-wrap .symbol-box{display: block;}
  .cku-symbol-wrap .img-box{width: 100%; text-align: center;}
  .cku-symbol-wrap .detail-box{margin-left: 0; margin-top: 30px;}
  .cku-symbol-wrap .top{padding-bottom: 20px;}
  .cku-symbol-wrap .top > .title{font-size: 25px;}
  .cku-symbol-wrap .top > span{font-size: 25px;}
  .cku-symbol-wrap .mid{margin-top: 25px;}
  .cku-symbol-wrap .mid > p{font-size: 17px;}
  .cku-symbol-wrap i{margin: 20px 0;}
}

@media(max-width:768px){
  .cku-symbol-wrap .symbol-box{margin-bottom: 40px;}
  .cku-symbol-wrap .top{padding-bottom: 10px;}
  .cku-symbol-wrap .top > .title{font-size: 22px; padding-right: 25px;}
  .cku-symbol-wrap .top > span{font-size: 22px; margin-left: 18px;}
  .cku-symbol-wrap .mid > p{font-size: 16px;}
}

.sub-btn-group {display: flex;justify-content: space-between;width: 100%;max-width: 450px;}
.sub-btn-group > div {display: flex;align-items: center;position: relative; padding: 0 20px;}
.sub-btn-group > div:nth-child(1){padding-left: 0;}
.sub-btn-group > div:nth-child(2)::before {content: '';position: absolute;left: 0px;top: 50%;margin-top: -6px;width: 2px;height: 12px;background-color: #555;}
.sub-btn-group > div:nth-child(3)::before {content: '';position: absolute;left: 0px;top: 50%;margin-top: -6px;width: 2px;height: 12px;background-color: #555;}
.sub-btn-group em {display: inline-block; margin-right: 13px;color: #222;}

@media (max-width: 768px){
  .btn-style.type2 {min-width: 110px;padding:7px 0 7px 12px;font-size: 14px;}
  .btn-style.type2::before {right: 12px}
  .btn-style.type2.down::before {right: 14px;}
  }

.symbol-ui-wrap .ui-box{display: flex; justify-content: space-between;}
.symbol-ui-wrap .right-box{width: 310px;}
.symbol-ui-wrap .left-box{flex: 1; margin-left: 60px; }
.symbol-ui-wrap .txt-box{padding-bottom: 30px; border-bottom: 1px solid #000000;}
.symbol-ui-wrap i{display: inline-block; margin: 25px 0;}
.symbol-ui-wrap .sub-btn-group {display: flex;justify-content: space-between;width: 100%;max-width: 450px;}
.symbol-ui-wrap .sub-btn-group > div {display: flex;align-items: center;position: relative; padding: 0 20px; justify-content: normal;}
.symbol-ui-wrap .sub-btn-group > div:nth-child(1){padding-left: 0;}
.symbol-ui-wrap .sub-btn-group > div:nth-child(2)::before {content: '';position: absolute;left: 0px;top: 50%;margin-top: -6px;width: 2px;height: 12px;background-color: #555;}
.symbol-ui-wrap .sub-btn-group > div:nth-child(3)::before {content: '';position: absolute;left: 0px;top: 50%;margin-top: -6px;width: 2px;height: 12px;background-color: #555;}
.symbol-ui-wrap .sub-btn-group em {display: inline-block; margin-right: 13px;color: #222;}

@media (max-width: 768px){
  .symbol-ui-wrap .btn-style.type2 {min-width: 110px;padding:7px 0 7px 12px;font-size: 14px;}
  .symbol-ui-wrap .btn-style.type2::before {right: 12px}
  .symbol-ui-wrap  .btn-style.type2.down::before {right: 14px;}
  }

@media(max-width:1200px){
  .symbol-ui-wrap .left-box{margin-left: 30px;}
}

@media(max-width:930px){
  .symbol-ui-wrap .ui-box{display: block;}
  .symbol-ui-wrap .right-box{width: 100%; text-align: center;}
  .symbol-ui-wrap .left-box{margin-left: 0; margin-top: 25px;}
  .symbol-ui-wrap i{margin: 20px 0;}
}

@media(max-width:670px){
  .symbol-ui-wrap .sub-btn-group{flex-wrap: wrap; justify-content: normal;}
  .symbol-ui-wrap .sub-btn-group > div{ margin-bottom: 15px;}
  .symbol-ui-wrap .sub-btn-group > div:last-child{margin-bottom: 0;}
  .sub-btn-group > div:nth-child(3){padding: 0;}
  .sub-btn-group > div:nth-child(3)::before {content: none;}
  .symbol-ui-wrap i{margin: 15px 0;}

}

/* 시그니처 */
.signature-wrap ul{display: flex; justify-content: space-between; margin: 0 -30px; align-items: stretch; }
.signature-wrap li{ width: 33.333%; padding: 0 30px; display: flex;}
.signature-wrap .box{padding: 19px 10px 16px 25px;border: 2px solid #CCCCCC;}
.signature-wrap .list01 .box{padding-top: 45px;}
.signature-wrap .list01 .box > img{margin-bottom: 45px; display: block;}
.signature-wrap .list01 .box > img.last{margin-bottom: 0px;}
.signature-wrap .list02 .box > img{display: block; margin: 0 auto; padding-bottom: 30px;}
.signature-wrap .list02 .box > img.last{padding-bottom: 0;}
.signature-wrap .list03 .box{text-align: center; padding-top: 28px;}
.signature-wrap .list03 .box > img{margin-left: 60px; display: inline-block;}
.signature-wrap .list03 .box > img.first{margin-left: 0;}

.signature-wrap .box{background: url(../../images/sub/new/UI-bg01.png) no-repeat center top / cover; width: 100%; height: 100%;}

@media (max-width:1450px){
  .signature-wrap ul{margin: 0 -10px;}
  .signature-wrap li{padding: 0 10px;}
}

@media (max-width:1200px){
  .signature-wrap ul{flex-wrap: wrap; }
  .signature-wrap li{width: 50%; margin-bottom: 20px;}
  .signature-wrap li:last-child{margin-bottom: 0px;}
  
}


@media (max-width:768px){
  .signature-wrap ul{margin: 0;}
  .signature-wrap li{width: 100%; padding: 0;}
  .signature-wrap .box{padding: 30px;}
  .signature-wrap .list01 .box{padding-top: 30px;}
  .signature-wrap .list01 .box > img{margin-bottom: 30px;}
}

/* 앰블럼 */
.ambulance-wrap ul{display: flex; justify-content: space-between; margin: 0 -30px;}
.ambulance-wrap ul > li{width: 50%; padding: 0 30px;}
.ambulance-wrap .box{background: url(../../images/sub/new/UI-bg02.png) no-repeat center top; text-align: center; width: 100%; padding: 41px 0;border: 2px solid #CCCCCC;}

@media (max-width:1200px){
.ambulance-wrap ul{flex-wrap: wrap; margin: 0 -10px;}
.ambulance-wrap ul > li{padding: 0 10px; }
}

@media (max-width:768px){
  .ambulance-wrap ul{margin: 0;}
  .ambulance-wrap ul > li{padding: 0;width: 100%; margin-bottom: 20px;}
  .ambulance-wrap ul > li:last-child{margin-bottom: 0;}  
}

/*교가*/
.song-wrap .inner{display: flex; justify-content: space-between;}
.song-wrap .right{width: 50%;}
.song-wrap .left{width: 31.4%; margin-right: 145px;}
.song-wrap .top {padding-bottom: 25px; position: relative; display:flex;}
.song-wrap .top::before{content: ''; width: 130%; height: 1px; background: #000000; position: absolute; bottom: 0; right: 0; z-index: -1;}
.song-wrap .top > span{font-size: 25px; font-family: "Noto Medium"; color: #333333; margin-right: 50px;}
.song-wrap .song-box{margin-top: 60px;}
.song-wrap .song-box li{display: flex; justify-content: space-between; margin-bottom: 50px;}
.song-wrap .song-box li:last-child{margin-bottom: 0;}
.song-wrap .song-box .title{font-size: 20px; font-family: "Noto Medium"; color: #333333; width: 60px; line-height: 1.3;}
.song-wrap .song-box .con-desc{flex: 1;}
.song-wrap img{border: 1px solid #B1B1B1;}
.wrap-contents .song-wrap .btn-style.type2{padding: 8px 48px 8px 21px;}
.wrap-contents .song-wrap .btn-style.type2::before {content: '';position: absolute;right: 21px;top: 50%;margin-top: -4px;width: 8px;height: 8px;background-image: url('../../images/sub/new/target-ic.png');background-repeat: no-repeat;}
.wrap-contents .song-wrap .btn-style.type2:hover::before {background-image: url('../../images/sub/new/target-ic-on.png');}

@media(max-width:1400px){
  .song-wrap .left{margin-right: 100px; width: 37%;}
}

@media(max-width:1300px){
  .song-wrap .song-box{margin-top: 35px;}
  .song-wrap .song-box li{margin-bottom: 35px;}
}

@media(max-width:1200px){
  .song-wrap .left{margin-right: 50px; width: 40%;}
}

@media(max-width:1070px){
  .song-wrap .inner{display: block;}
  .song-wrap .right{width: 100%; text-align: center;}
  .song-wrap .left{margin-right: 0; width: 100%; margin-top: 40px;}
}

@media(max-width:768px){
  .song-wrap .top > span{font-size: 22px; margin-right: 30px;}
  .song-wrap .song-box .title{font-size: 18px; width: 45px;}
}
/*대학병원20240827*/
.clinic-wrap .list-area .box .text_box > p{font-size: 25px; font-family: "Noto Bold"; color: #125EDC; line-height: 1;}
.clinic-wrap .list-area .box .text_box > span{font-size: 22px;font-family: "Noto Light";color: #222222;line-height: 1.2;}
.list-area .text_box {display: flex;flex-direction: row;gap: 6px;margin-bottom: 14px;}
.clinic-wrap .mid-box {margin-top: 24px;min-height: 190px;border-bottom: 0;padding-bottom: 25px;}
/**/
.clinic-wrap .list-area > ul{display: flex; /* justify-content: space-between; *//* align-items: stretch; */margin: 0 -35px;flex-direction: column;gap: 70px;}
.clinic-wrap .list-area > ul > li{flex: 1;padding: 0 35px;display: flex;gap: 50px;}
.clinic-wrap .mid-box {margin-top: 24px;min-height: 190px;border-bottom: 0;padding-bottom: 25px;}
.clinic-wrap .tit-area{width: 435px;}
.clinic-wrap .mid-box > p{font-size: 16px;font-family: "Noto Light";color: #555555;line-height: 1.5;margin-top: 5px;}
.clinic-wrap .ic-box{padding-top: 18px;display: inline-block;position: relative;}
.box .mid-box p strong {font-weight: 600;color: #000;margin-right: 10px;}

/*대학병원*/
.hospital-wrap .inner{max-width: 1400px; width: 100%; margin: 0 auto;}
.hospital-wrap .hospital-box{background:#F7F7F7; position: relative; height: 430px; width: 100%; margin-top: 230px;}
.hospital-wrap  .banner-box{position: relative; top: -230px; width: 100%;}
.hospital-wrap  .img-box > img{min-height: 500px; object-fit: cover;}
.hospital-wrap .txt-box{display: flex; justify-content: space-between; align-items: end; margin-top: 43px; position: relative;}
.hospital-wrap .item01{background: #F7F7F7; position: relative; z-index: 1; padding-right: 10px;}
.hospital-wrap .item01 > span{font-size: 16px; font-family: "Mont Regular"; color: #121212;}
.hospital-wrap .item01 > p{font-size: 40px; font-family: "Mont Bold"; color: #0E3092; line-height: 30px;}
.hospital-wrap .line{flex: 1; }
.hospital-wrap .line::before{content:'';width:100%;height:1px;background:#121212;position:absolute;left:50%;top:78%;transform:translateX(-50%);}
.hospital-wrap .sub-txt{font-size: 25px; font-family: "Noto Medium"; color: #333333; line-height: 1; background: #F7F7F7; position: relative; z-index: 1; padding-left: 50px;}

@media(max-width:1400px){
  .hospital-wrap .item01 > p{font-size: 35px;}
  .hospital-wrap .sub-txt{font-size: 22px; padding-left: 30px;}
}

@media(max-width:1200px){
  .hospital-wrap .hospital-box{margin-top: 150px; height: 365px;}
  .hospital-wrap .banner-box{top: -150px;}
  .hospital-wrap .img-box > img{min-height: 400px;}
  .hospital-wrap .item01 > p{font-size: 30px;}
  .hospital-wrap .sub-txt{font-size: 20px; padding-left: 30px;}
}


@media(max-width:1050px){
  .hospital-wrap .item01 > p{font-size: 27px; line-height: 24px;}
  .hospital-wrap .item01 > span{font-size: 15px;}
  .hospital-wrap .sub-txt{font-size: 17px; padding-left: 20px;}
}



@media(max-width:900px){
  .hospital-wrap .hospital-box{margin-top: 100px; height: 350px;}
  .hospital-wrap .banner-box{top: -100px;}
  .hospital-wrap  .img-box > img{min-height: 300px;}
  .hospital-wrap .txt-box{display: block;}
  .hospital-wrap .line{display: none;}
  .hospital-wrap .sub-txt{padding-left: 0; display: block; text-align: right; margin-top: 20px;}
}

@media(max-width:768px){
  .hospital-wrap .hospital-box{margin-top: 100px; height: 330px;}
  .hospital-wrap .banner-box{top: -100px;}
  .hospital-wrap .txt-box{margin-top: 30px;}
  .hospital-wrap  .img-box > img{min-height: 260px;}
}

@media(max-width:600px){
  .hospital-wrap .item01 > p{font-size: 24px;}
  .hospital-wrap .item01 > span{font-size: 14px;}
  .hospital-wrap .sub-txt{font-size: 16px; padding-left: 20px;}
}


.clinic-wrap{overflow: hidden;}
.clinic-wrap .tit-area{width: 450px; }
.clinic-wrap .tit-area > p{font-size: 50px; font-family: "Noto Bold"; line-height: 1; color: #121212;}
.clinic-wrap .tit-area > span{font-size: 20px; font-family: "Noto DemiLight"; line-height: 1.7; color: #555555; margin-top: 40px; display: inline-block;}
.clinic-wrap .clinic-box{display: flex; justify-content: space-between; padding-top: 95px;}

.clinic-wrap .mid-box {margin-top: 25px; min-height: 160px; padding-bottom: 25px;}
.clinic-wrap .mid-box > span{font-size: 22px; font-family: "Noto Light"; color: #222222; line-height: 1.2;}
.clinic-wrap .mid-box > p{font-size: 16px; font-family: "Noto Light"; color: #555555; line-height: 1.5; margin-top: 7px;}
.clinic-wrap .btn-style.type1{display: inline-block; margin-top: 45px;}
.clinic-wrap .list-area{flex: 1; margin-left: 45px;}
.clinic-wrap .list-area > ul{display: flex; justify-content: space-between; align-items: stretch; margin: 0 -35px;}
.clinic-wrap .list-area > ul > li{flex: 1;}
.clinic-wrap .list-area .box > p{font-size: 25px; font-family: "Noto Bold"; color: #125EDC; line-height: 1;}

.clinic-wrap .ic-box{padding-top: 0px; display: inline-block; position: relative;}
.clinic-wrap .ic-box::before{content: ''; width: 40px; height: 40px; border-radius: 50%; background: #D3EEFC; position: absolute; top: 20px; left: 0;z-index: -1;}

.clinic-wrap .ic-box.ic01{padding-left: 10px;}
.clinic-wrap .ic-box.ic02{padding-left: 20px;}
.clinic-wrap .ic-box.ic03{padding-left: 10px;}


@media(max-width:1400px){
  .clinic-wrap .tit-area{width: 400px;}
  .clinic-wrap .list-area{margin-left: 40px;}
  .clinic-wrap .tit-area > p{font-size: 47px;}
  .clinic-wrap .tit-area > span{font-size: 18px;}
  .clinic-wrap .list-area > ul{margin: 0 -20px;}
  .clinic-wrap .list-area > ul > li{padding: 0 20px;}
}

@media(max-width:1200px){
  .clinic-wrap .clinic-box{padding-top: 60px;display: block;}
  .clinic-wrap .list-area{margin-left: 0; margin-top: 40px;}
  .clinic-wrap .tit-area{width: 375px;}
  .clinic-wrap .tit-area > p{font-size: 44px;}
  .clinic-wrap .tit-area > span{font-size: 17px;}
  .clinic-wrap .list-area > ul {flex-wrap: wrap;}
 /* .clinic-wrap .list-area > ul > li{width: 50%; flex: none; margin-bottom: 35px;}*/
  .clinic-wrap .mid-box { min-height: 400px;}
}

@media(max-width:1000px){
  .clinic-wrap .tit-area{width: 100%;}
  .clinic-wrap .clinic-box{display: block;}
  .clinic-wrap .list-area{margin-left: 0; margin-top: 40px;}
  .clinic-wrap .btn-style.type1{margin-top: 20px;}
  .clinic-wrap .br{display: none;}

  .clinic-wrap .list-area > ul {flex-wrap: wrap; gap: 0px;}
  .clinic-wrap .list-area > ul > li{ flex: 1; margin-bottom: 25px;}
}

@media(max-width:768px){
  .clinic-wrap .tit-area > p{font-size: 38px;}
  .clinic-wrap .tit-area > span{font-size: 16px; margin-top: 25px;}
  .clinic-wrap .list-area > ul {flex-wrap: wrap;}
  .clinic-wrap .list-area > ul > li{/* flex: none; width: 50%;;*/flex-direction: column;}
  .clinic-wrap .list-area .box > p{font-size: 23px;}
  .clinic-wrap .mid-box > span{font-size: 20px;}
}

@media(max-width:550px){
  .clinic-wrap .list-area > ul > li{ width: 100%; margin-bottom: 30px;flex-direction: column;}
  .clinic-wrap .mid-box{margin-top: 15px; min-height: auto;}
}

/* 조직도 */
/*총장*/
.org-wrap{overflow: hidden;}
.org-wrap .org-box{display: flex; justify-content: space-between;}
.org-wrap .ceo-wrap{padding-right: 35px; width: 215px; position: relative;}
.org-wrap .ceo-wrap::after{content: ''; width: 100%; height: 1px; background: #CCCCCC; position: absolute; top: 89px; right: 0; z-index: -1;}
.org-wrap .ceo-box{width: 100%; height: 180px; border-radius: 50%; background: #008EA3; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.org-wrap .ceo-box::before{content: ''; width: 170px; height: 170px; background: #42B8CA; border-radius: 50%; position: absolute; right: -58px; top: 65px; opacity: 0.4;}
.org-wrap .ceo-box span{font-size:30px; font-family: "Noto Bold"; color: #fff; line-height: 1.2; letter-spacing: -.05em; position: relative; z-index: 1;}
.org-wrap .content-wrap{width: calc(100% - 215px); padding-top: 60px;}
.org-wrap .row{ position: relative; padding-left: 17px; padding-bottom: 80px;}
.org-wrap .row::before{content: ''; width: 1px; height: 100%; position: absolute; top: 30px; left: 0; background: #CCCCCC;}
.org-wrap .row03::before{height: 118%;}

/* title */
.org-wrap .color1{background: #0060A3;}
.org-wrap .color2{background: #027980;}
.org-wrap .color3{background: #026480;}
.org-wrap .title{position: relative;}
.org-wrap .title::before{content: ''; width: 100%; height: 1px; background: #CCCCCC; position: absolute; left: -50px; top: 50%; margin-top: -1px; z-index: -1;}
.org-wrap .line li:first-child .title::before{left: -35px;}
.org-wrap .title-line::before{left: -35px;}
.org-wrap .title > strong{width: 100%; height: 60px; display: flex; justify-content: center; align-items: center;}
.org-wrap .title span{font-size: 22px; color: #fff; font-family: "Noto Medium"; letter-spacing: 0.05em; line-height: 1.2;}
.org-wrap .title-line{margin-bottom: 20px; margin-left: 17px; position: relative;}
/* .org-wrap .title-line::after{content: ''; width: 1px; height: 133%; position: absolute; top: 30px; left: -17px; background: #CCCCCC;} */

/* subject */
.org-wrap .subject.color3{background: #026480;}
.org-wrap .subject.color3 span{color: #fff;}
.org-wrap .subject{display: flex; justify-content: center; align-items: center; height: 60px; background: #C5E8F2; position: relative;}
.org-wrap .subject::before{content:''; width: 100%; height: 1px; background: #CCCCCC; position: absolute; left: -50px; top: 50%; margin-top: -1px; z-index: -1; }
.org-wrap .subject span{font-size:20px; font-family: "Noto Medium"; line-height: 1.2; letter-spacing: -.05em;  color: #026480;}
.org-wrap .mid-area .line li:first-child .subject::before{left: -15px;}

/* top-area */
.org-wrap .top-area .row > .line{padding-left: 17px; position: relative; padding-bottom: 80px;}
.org-wrap .top-area .row > .line:last-child{padding-bottom: 0px;}

/* mid-area */
.org-wrap .line > ul{display: flex; margin: 0 -25px;}
.org-wrap .line > ul > li{width: 25%; padding: 0 25px;}
.org-wrap .mid-area .line{padding-left: 15px; position: relative; padding-bottom: 50px;}
.org-wrap .mid-area .line:last-child{padding-bottom: 0;}

/* list */
.org-wrap .list{padding-top: 20px; position: relative;}
.org-wrap .list::before{content: ""; width: 1px; height: 100%; background: #CCCCCC; position: absolute; top: 0; left: 50%; margin-left: -1px; z-index: -1;}
.org-wrap .list .level1{padding:23px 15px 23px 25px; background: #F7F7F7;  }
.org-wrap .list .level1 > li{font-size: 18px; font-family: "Noto Light"; color: #333333; line-height: 1.2; letter-spacing: -.05em; position: relative; padding-left: 20px; margin-bottom: 17px;}
.org-wrap .list .level1 > li:last-child{margin-bottom: 0;}
.org-wrap .list .level1 > li::before{content: ''; width: 4px; height: 4px; border-radius: 50%; background: #20465A; position: absolute; top: 9px; left: 0;}
.org-wrap .list .level2{margin-top: 16px;}
.org-wrap .list .level2 > li{position: relative; padding-left: 20px;font-family: "Noto Light"; font-size: 17px; color: #666666; margin-bottom: 16px;}
.org-wrap .list .level2 > li::before{content: ''; width: 10px; height: 4px; background: url(../../images/sub/new/org-arrow.png) no-repeat center / cover; position: absolute; top: 9px; left: 0;}
.org-wrap .list .level2 > li:last-child{margin-bottom: 0;}

/* bottom-area */
.org-wrap .bottom-wrap .line{padding-left: 17px;}
.org-wrap .bottom-wrap .line01{padding-bottom: 80px;}
.org-wrap .bottom-wrap .line li:first-child .subject::before { left: -32px;}
.org-wrap .bottom-wrap .row::before{display: none;}

.org-wrap .row-box{position: relative;}
.org-wrap .row-box::before{content: ''; width: 1px; height: 100%; background: #CCCCCC; position: absolute; top: 30px; left: 0;}

.org-wrap .row01 .row-box::before{content: ''; height: calc(100% - 375px);}
.org-wrap .row02 .row-box::before{content: ''; height: calc(100% - 148px);}
.org-wrap .row03 .row-box::before{content: ''; height: calc(100% - 220px);}
.org-wrap .bottom-wrap .row-box::before{display: none;}

@media(max-width:1300px){
  .org-wrap .line > ul{margin: 0 -15px;}
  .org-wrap .line > ul > li{padding: 0 15px;}
}

@media(max-width:1200px){
  .org-wrap .ceo-wrap{width: 195px;}
  .org-wrap .content-wrap{width: calc(100% - 195px);}
  .org-wrap .ceo-box{height: 160px;}
  .org-wrap .title span{font-size: 20px;}
  .org-wrap .list .level1 > li{font-size: 17px;}
  .org-wrap .list .level2 > li{font-size: 16px;}
  .org-wrap .subject span{font-size: 18px;}
}

@media(max-width:1100px){
  .org-wrap .line > ul{margin: 0 -7.5px;}
  .org-wrap .line > ul > li{padding: 0 7.5px;}
  .org-wrap .line > ul{flex-wrap: wrap;}
  .org-wrap .line > ul > li{width: 50%; margin-bottom: 20px;}
  .org-wrap .title::before{left: -35px;}
  .org-wrap .subject::before{left: -15px;}
  .org-wrap .row03::before { height: 117.6%;}
  .org-wrap .row01 .row-box::before{content: ''; height: calc(100% - 353px);}
  .org-wrap .row02 .row-box::before{content: ''; height: calc(100% - 166px);}
  .org-wrap .row03 .row-box::before{content: ''; height: calc(100% - 237px);}
  .org-wrap .bottom-wrap .row01 .row-box::before{display: block; height: calc(100% - 578px);}
}

@media(max-width:768px){
  .org-wrap .org-box{display: block;}
  .org-wrap .ceo-wrap{padding-right: 0; width: 100%; padding-bottom: 50px;}
  .org-wrap .ceo-wrap::after{width: 50%; right: unset; left: 0; top: unset; bottom: 0;}
  .org-wrap .ceo-wrap::before{content: ''; width: 1px; height: 100%; background: #CCCCCC; position: absolute; left: 50%; margin-left: -1px; bottom: 0;}
  .org-wrap .ceo-box{width: 160px; margin: auto;}
  .org-wrap .content-wrap{width: 100%; padding-top: 35px;}
  .org-wrap .row::before{top: -36px;}
  .org-wrap .row-box::before{top: 24px;}
  .org-wrap .title > strong{height: 50px;}
  .org-wrap .title span{font-size: 18px;}

  .org-wrap .list .level1{padding: 20px 15px 20px 20px;}
  .org-wrap .list .level1 > li{font-size: 16px; padding-left: 15px;}
  .org-wrap .subject{height: 50px;}
  .org-wrap .list .level2 > li{font-size: 15px;}
  .org-wrap .list .level2 > li::before{top: 7px;}
  .org-wrap .row03::before { height: 122.6%;}
  .org-wrap .row01 .row-box::before{content: ''; height: calc(100% - 330px);}
  .org-wrap .row02 .row-box::before{content: ''; height: calc(100% - 150px);}
  .org-wrap .row03 .row-box::before{content: ''; height: calc(100% - 216px);}
  .org-wrap .bottom-wrap .row01 .row-box::before{display: block; height: calc(100% - 546px);}

}

/* 팝업창 */
/*.wrap-view{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba( 0,0,0,0.5 );z-index:2000;display:none;}
.wrap-view.on {display: block;}
.wrap-view .wrap-inner{width: 90%; max-width:930px;height:720px;position:relative;left:50%;top:50%;background:#FFF;transform: translate(-50%, -50%);}

.wrap-view .tit-box{background: #09228F url(../../images/sub/new/noti-shape.png) no-repeat top left / cover; padding: 18px 40px 18px 30px;}
.wrap-view .tit-box > span{font-family:'Noto Medium';font-size:30px; color: #fff;}
.wrap-view .wrap-content{padding: 30px; height: calc(100% - 85px); overflow-y: auto;}
.wrap-view .top-box{display: flex; justify-content: space-between; margin-bottom: 20px;}
.wrap-view .top-box > span{font-family:'Noto Bold';font-size:35px; color: #121212;}

.wrap-view a.go{padding:0 18px 0 67px;border:1px solid #333333;border-radius:3px;background:#FFF url(../../images/sub/new/orga_icon_1.png) 20px center no-repeat;font-family: 'Noto Light'; font-size: 18px; color: #222222; display: flex; align-items: center;}

.wrap-view .noti-box > ul{display: flex; justify-content: space-between; flex-wrap: wrap; background: #F8F8F8; padding: 20px 25px;}

.wrap-view .noti-box > ul > li{width: 50%; padding-left: 27px; position: relative; display: flex; align-items: center; }

.wrap-view .noti-box > ul > li:first-child{margin-bottom: 10px;}
.wrap-view .noti-box > ul > li:nth-child(2){margin-bottom: 10px;}

.wrap-view .noti-box > ul > li::before{content: ''; position: absolute; left: 0;}

.wrap-view .noti-box > ul > li:first-child::before{content: ''; background: url(../../images/sub/new/org-ic01.png) no-repeat center center; width: 18px; height: 19px;}
.wrap-view .noti-box > ul > li:nth-child(2)::before{content: ''; background: url(../../images/sub/new/org-ic02.png) no-repeat center center; width: 16px; height: 20px;}
.wrap-view .noti-box > ul > li:nth-child(3)::before{content: ''; background: url(../../images/sub/new/org-ic03.png) no-repeat center center; width: 18px; height: 16px;}
.wrap-view .noti-box > ul > li:nth-child(4)::before{content: ''; background: url(../../images/sub/new/org-ic04.png) no-repeat center center; width: 20px; height: 19px;}


.wrap-view .noti-box .noti{font-size: 18px; font-family: "Noto Medium"; color: #0079BF;  position: relative; width: 75px;}
.wrap-view .noti-box .noti::before{content: ''; width: 1px; height: 9px; background: #C9C9C9; position: absolute; top: 50%; margin-top: -4.5px; right: 0;}
.wrap-view .noti-box .list{font-size: 16px; font-family: "Noto Light"; color: #222222; margin-left: 10px; flex: 1;}
.wrap-view .info-box{margin-top: 35px;}
.wrap-view .info-box .summary{font-size: 18px; font-family: "Noto Regular"; color: #444444;}
.wrap-view .info-box p{font-size: 16px; font-family: "Noto Light"; color: #555555; line-height: 31px;}
.wrap-view .info-box .info-list{padding:8px 0 20px 0; }
.wrap-view .con-table{margin-top: 20px;}

.wrap-view .con-table thead th{padding: 10px;}
.wrap-view .con-table tbody td{padding: 12px 20px; }

.wrap-view a.close-wrap-view{position: absolute; width: 50px; height: 50px; border-radius: 50%; background: #fff; display: inline-block;text-indent:-9999px; top: 15px; right: 40px;}
.wrap-view a.close-wrap-view::before{content: ''; display:block;width:16px;height:16px;background:url(../../images/sub/new/close-btn.png) center no-repeat;position:absolute;top:50%; left:50%; margin-top: -8px; margin-left: -8px;}

@media(max-width:1050px){
  .wrap-view .noti-box > ul{display: block;}
  .wrap-view .noti-box > ul > li{margin-bottom: 15px; width: 100%;}
  .wrap-view .noti-box > ul > li:last-child{margin-bottom:0;}
  .wrap-view .noti-box > ul > li:first-child{margin-bottom: 15px;}
  .wrap-view .noti-box > ul > li:nth-child(2){margin-bottom: 15px;}
}

@media(max-width:768px){
  .wrap-view a.go{padding: 9px 25px; text-indent: -9999px; background-position: center;}
  .wrap-view a > span{display: none;}
}

@media(max-width:650px){
  .wrap-view .noti-box > ul > li{display: block;}
  .wrap-view .noti-box .noti{display: block;}
  .wrap-view .noti-box .list{display: block; margin-left: 0; margin-top: 5px;}
  .wrap-view .noti-box > ul > li::before{top: 4px;}
}*/

.pop-up-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba( 0,0,0,0.5 );z-index:2000;display:none;}
.pop-up-box.on {display: block;}
.pop-up-box .wrap-inner{width: 90%; max-width:930px;height:720px;position:relative;left:50%;top:50%;background:#FFF;transform: translate(-50%, -50%);}

.pop-up-box .tit-box{background: #09228F url(../../images/sub/new/noti-shape.png) no-repeat top left / cover; padding: 18px 40px 18px 30px;}
.pop-up-box .tit-box > span{font-family:'Noto Medium';font-size:30px; color: #fff;}
.pop-up-box .wrap-content{padding: 30px; height: calc(100% - 85px); overflow-y: auto;}
.pop-up-box .top-box{display: flex; justify-content: space-between; margin-bottom: 20px;}
.pop-up-box .top-box > span{font-family:'Noto Bold';font-size:35px; color: #121212;}

.pop-up-box a.go{padding:0 18px 0 67px;border:1px solid #333333;border-radius:3px;background:#FFF url(../../images/sub/new/orga_icon_1.png) 20px center no-repeat;font-family: 'Noto Light'; font-size: 18px; color: #222222; display: flex; align-items: center;}

.pop-up-box .noti-box > ul{display: flex; justify-content: space-between; flex-wrap: wrap; background: #F8F8F8; padding: 20px 25px;}

.pop-up-box .noti-box > ul > li{width: 50%; padding-left: 27px; position: relative; display: flex; align-items: center; }

.pop-up-box .noti-box > ul > li:first-child{margin-bottom: 10px;}
.pop-up-box .noti-box > ul > li:nth-child(2){margin-bottom: 10px;}

.pop-up-box .noti-box > ul > li::before{content: ''; position: absolute; left: 0;}

.pop-up-box .noti-box > ul > li:first-child::before{content: ''; background: url(../../images/sub/new/org-ic01.png) no-repeat center center; width: 18px; height: 19px;}
.pop-up-box .noti-box > ul > li:nth-child(2)::before{content: ''; background: url(../../images/sub/new/org-ic02.png) no-repeat center center; width: 16px; height: 20px;}
.pop-up-box .noti-box > ul > li:nth-child(3)::before{content: ''; background: url(../../images/sub/new/org-ic03.png) no-repeat center center; width: 18px; height: 16px;}
.pop-up-box .noti-box > ul > li:nth-child(4)::before{content: ''; background: url(../../images/sub/new/org-ic04.png) no-repeat center center; width: 20px; height: 19px;}


.pop-up-box .noti-box .noti{font-size: 18px; font-family: "Noto Medium"; color: #0079BF;  position: relative; width: 75px;}
.pop-up-box .noti-box .noti::before{content: ''; width: 1px; height: 9px; background: #C9C9C9; position: absolute; top: 50%; margin-top: -4.5px; right: 0;}
.pop-up-box .noti-box .list{font-size: 16px; font-family: "Noto Light"; color: #222222; margin-left: 10px; flex: 1;}
.pop-up-box .info-box{margin-top: 35px;}
.pop-up-box .info-box .summary{font-size: 18px; font-family: "Noto Regular"; color: #444444;}
.pop-up-box .info-box p{font-size: 16px; font-family: "Noto Light"; color: #555555; line-height: 31px;}
.pop-up-box .info-box .info-list{padding:8px 0 20px 0; }
.pop-up-box .con-table{margin-top: 20px;}

.pop-up-box .con-table thead th{padding: 10px;}
.pop-up-box .con-table tbody td{padding: 12px 20px; }

.pop-up-box a.close-wrap-view{position: absolute; width: 50px; height: 50px; border-radius: 50%; background: #fff; display: inline-block;text-indent:-9999px; top: 15px; right: 30px;}
.pop-up-box a.close-wrap-view::before{content: ''; display:block;width:16px;height:16px;background:url(../../images/sub/new/close-btn.png) center no-repeat;position:absolute;top:50%; left:50%; margin-top: -8px; margin-left: -8px;}

@media(max-width:1050px){
  .pop-up-box .noti-box > ul{display: block;}
  .pop-up-box .noti-box > ul > li{margin-bottom: 15px; width: 100%;}
  .pop-up-box .noti-box > ul > li:last-child{margin-bottom:0;}
  .pop-up-box .noti-box > ul > li:first-child{margin-bottom: 15px;}
  .pop-up-box .noti-box > ul > li:nth-child(2){margin-bottom: 15px;}
}

/* 조직도 팝업 테이블 */
@media (max-width:960px) {
    .org-wrap  .pop-up-box .con-table.on {overflow-x:auto;}
}

@media(max-width:768px){
  .pop-up-box a.go{padding: 9px 25px; text-indent: -9999px; background-position: center;}
  .pop-up-box a > span{display: none;}
}

/* 추진체계 */
.system-wrap .vision-box{background: url(../../images/sub/new/system-bg.jpg) no-repeat center / cover; padding: 70px 0; text-align: center;}
.system-wrap .vision-box .br{display: none;}
.system-wrap .vision-box > p{text-align: center; font-size: 50px; font-family: "Noto Bold"; 
  line-height: 1.2; color: #fff; padding: 0 120px 0 110px; position: relative; display: inline-block;}
.system-wrap .vision-box > p::before{content: ''; background: url(../../images/sub/new/left-sh.png) no-repeat center / cover; width: 57px; height: 59px; position: absolute; top: -8px; left: 0;}
.system-wrap .vision-box > p::after{content: ''; background: url(../../images/sub/new/right-sh.png) no-repeat center / cover;
    width: 57px; height: 59px; position: absolute; top: 10px; right: 0;}
.system-wrap .system-list-box{margin-top: 50px;}
.system-wrap .row{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.system-wrap .row:last-child{margin-bottom: 0;}
.system-wrap .tit {width: 290px;}
.system-wrap .tit > span{font-size: 25px; font-family: "Noto Bold"; color: #222222;}
.system-wrap .line{flex: 1; }
.system-wrap .line01 > p{font-size: 25px; font-family:"Noto Bold" ; color: #222222; text-align: center; background: #EAF6FF; padding: 21px 0; font-weight: bold;}
.system-wrap .line02 > ul{display: flex; justify-content: space-between; margin: 0 -15px;}
.system-wrap .line02 > ul > li{width: 33.3333%; padding: 0 15px;}
.system-wrap .line02 .box {background: #008A9E}
.system-wrap .line02 .box > p{font-size: 18px; font-family:"Noto Bold" ; color: #fff; text-align: center; padding: 26px 0;} 
.system-wrap .line03 > p{font-size: 18px; font-family:"Noto Regular" ; color: #555555; text-align: center; padding: 26px 0; border-top: 1px solid #222222; border-bottom: 1px solid #222222;}

.system-wrap .line04 .box04{ position: relative; display: flex; padding: 16px 20px; border: 9px solid #DBDBDB; justify-content: space-between; align-items: center;}
.system-wrap .line04 .box04::before{content: ''; width: 98%; height: 131%; background: #fff; position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%);}

.system-wrap .line04 .line-box{width: 12%;}
.system-wrap .line04 .line-box::before{content: ''; width: 15%; height: 1px; background: #000; position: absolute; top: 50%; margin-top: -1px;}
.system-wrap .line04 .item1{position: relative; z-index: 1; padding-left: 50px; background: #fff; padding-right: 40px;}
.system-wrap .line04 .item1 > span{font-size: 20px; font-family:"Noto Medium" ; color: #333333;}
.system-wrap .line04 .list-box{background: #fff; z-index: 1; flex: 1; padding-left: 50px; display: flex;}
.system-wrap .line04 .list-box > span{font-size: 18px; font-family:"Noto DemiLight" ; color: #555555; position: relative; padding-left: 35px; width: 22%; display: inline-block;}
.system-wrap .line04 .list-box > span::before{content: ''; width: 23px; height: 23px; border-radius: 50%; background: #222222; position: absolute; top: 3px;  left: 0;
font-size: 12px; font-family: "Mont Regular"; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;}
.system-wrap .line04 .list-box > .txt1::before{content: "01";}
.system-wrap .line04 .list-box > .txt2::before{content: "02";}
.system-wrap .line04 .list-box > .txt3::before{content: "03";}
.system-wrap .line04 .list-box > .txt4::before{content: "04";}
.system-wrap .line05 > ul{display: flex; justify-content: space-between; margin: 0 -15px; align-items: center;}
.system-wrap .line05 > ul > li{padding: 0 15px; width: 25%;}
.system-wrap .line05 .box{background: #EAF6FF; padding: 27px 0; text-align: center;}
.system-wrap .line05 .box > span{font-size: 18px; font-family:"Noto Bold" ; color: #0E3092; display: inline-block; padding-left: 55px; position: relative;}
.system-wrap .line05 li:nth-child(3) .box > span{padding-left: 40px;}
.system-wrap .line05 .box > span::before{content: ''; position: absolute; top: 0; left: 0;}
.system-wrap .line05 li:first-child .box > span::before{content: ''; background: url(../../images/sub/new/ic01.png) no-repeat center / cover; width: 37px; height: 27px;}
.system-wrap .line05 li:nth-child(2) .box > span::before{content: ''; background: url(../../images/sub/new/ic02.png) no-repeat center / cover; width: 32px; height: 24px; left: 5px; top: 2px;}
.system-wrap .line05 li:nth-child(3) .box > span::before{content: ''; background: url(../../images/sub/new/ic03.png) no-repeat center / cover; width: 21px; height: 37px; top: -10px; left: 0px;}
.system-wrap .line05 li:nth-child(4) .box > span::before{content: ''; background: url(../../images/sub/new/ic04.png) no-repeat center / cover; width: 34px; height: 27px; }
.system-wrap .line05 li:nth-child(5) .box > span::before{content: ''; background: url(../../images/sub/new/ic05.png) no-repeat center / cover; width: 40px; height: 30px;}
.system-wrap .line06{background: #E4F0F1 url(../../images/sub/new/map-sh.png) repeat; width: 100%; display: flex; align-items: center; justify-content: center; padding: 21px 0;}
.system-wrap .line06 > span{font-size: 25px; font-family:"Noto Medium" ; color: #222222; display: block; text-align: center;}
.system-wrap .tit-box{flex-direction: column; display: flex;}
.system-wrap .tit-box > .tit01{height: 80px; display: flex; align-items: center; padding-bottom:20px;}
.system-wrap .tit-box > .tit02{height: 260px; padding-top: 30px;}
.system-wrap .line07 > ul{display: flex; justify-content: space-between; margin: 0 -15px;}
.system-wrap .line07 > ul > li{width: 33.333%; padding: 0 15px;}
.system-wrap .line07 .box {background: #0067BF; width: 100%; height: 80px; display: flex; justify-content: center; align-items: center;}
.system-wrap .line07 .box > p{font-size: 18px; font-family:"Noto Bold" ; color: #fff;}
.system-wrap .line08 > ul{display: flex; justify-content: space-between; margin: 0 -15px; align-items: stretch;}
.system-wrap .line08 > ul > li{padding: 0 15px; width: 33.33%;}
.system-wrap .con-list1 > ul{ border: 1px solid #222222; padding: 23px 15px 22px 50px; position: relative; background: #fff; width: 100%;}
.system-wrap .con-list1{display: flex; position: relative; padding-top: 30px;}
.system-wrap .con-list1::before{content: ''; width: 1px; height: 100%; background: #222222; position: absolute; left: 50%; margin-left: -1px; top: 0px; z-index: -1;}
.system-wrap .con-list1 > ul > li{margin: 0 0 15px 0 ;}
.system-wrap .con-list1 > ul > li:last-child{margin-bottom: 0;}

@media (max-width:1400px){
  .system-wrap .tit{width: 250px;}
  .system-wrap .line04 .item1{padding-left: 40px;}
  .system-wrap .line04 .line-box{width: 10%;}
  .system-wrap .line04 .list-box{padding-left: 25px;}
  .system-wrap .line04 .list-box > span{width: 25%;}
  .system-wrap .con-list1 > ul{padding: 23px 15px 22px 20px;}
}

@media (max-width:1200px){
  .system-wrap .tit {width: 200px;}
  .system-wrap .tit > span{font-size: 23px;}
  .system-wrap .vision-box > p{font-size: 45px;}
  .system-wrap .line04 .list-box{flex-wrap: wrap;}
  .system-wrap .line04 .list-box > span{width: 50%;}

  .system-wrap .line05 > ul{flex-wrap: wrap; justify-content: flex-start;}
  .system-wrap .line05 > ul > li{width: 33.333%; margin-bottom: 10px;}

  .system-wrap .line06 > span{font-size: 23px;}
  .system-wrap .line07 > ul{margin: 0 -10px;}
  .system-wrap .line07 > ul > li{padding: 0 10px;}
  .system-wrap .line08 > ul{margin: 0 -10px;}
  .system-wrap .line08 > ul > li{padding: 0 10px;}
  .system-wrap .con-list1 > ul > li{font-size: 17px;}

}

@media (max-width:1100px){
  
  .system-wrap .vision-box > p{font-size: 38px; padding: 0 90px;}
  .system-wrap .vision-box > p::before{width: 45px; height: 47px;}
  .system-wrap .vision-box > p::after{width: 45px; height: 47px;}

  .system-wrap .row{display: block;}
  .system-wrap .tit{width: 100%; margin-bottom: 25px;}
  .system-wrap .line02 > ul{margin: 0 -10px;}
  .system-wrap .line02 > ul > li{padding: 0 10px;}
  .system-wrap .line02 .box > p{padding: 20px 10px;}
  .system-wrap .line03 > p{padding: 20px 0;}
  .system-wrap .line05 .box{padding: 22px 0;}
  .system-wrap .line05 .box > span{font-size: 17px;}
  .system-wrap .line06{padding:19px 0;}
  .system-wrap .line06 > span{font-size: 21px;}
  .system-wrap .line07 .box{height: 65px;}

  .system-wrap .tit-box{flex-direction: unset; width: 200px;}
  .system-wrap .tit-box > .tit01{height: auto; display: block; padding-bottom:0px;}
  .system-wrap .tit-box > .tit02{height: auto; padding-top: 0;}
  .system-wrap .tit02 > span{position: relative; padding-left: 17px;}
  .system-wrap .tit02 > span::before{content: ''; width: 5px; height: 5px; background: #222222; position: absolute; top: 50%; margin-top: -2.5px; left: 0; border-radius: 50%;}

}

@media (max-width:900px){
  .system-wrap .line07 > ul{flex-wrap: wrap;}
  .system-wrap .line07 > ul > li{width: 50%; margin-bottom: 15px;}
  .system-wrap .line07 > ul > li:last-child{margin-bottom: 0;}
}

@media (max-width:768px){
  .system-wrap .vision-box{padding: 50px 0;}
  .system-wrap .vision-box > p{font-size: 31px; padding: 0 70px;}
  .system-wrap .vision-box > p::before{width: 35px; height: 37px;}
  .system-wrap .vision-box > p::after{width: 35px; height: 37px; top: 3px;}
  .system-wrap .line01 > p{font-size: 23px;}
  .system-wrap .line02 .box > p{font-size: 17px;}
  .system-wrap .line03 > p{font-size: 16px;}
  .system-wrap .line04 .box04{display: block; padding: 16px 20px 16px 40px;}
  .system-wrap .line04 .list-box{padding-left: 0;}
  .system-wrap .line04 .list-box > span{font-size: 17px;}
  .system-wrap .line04 .item1{padding: 0; margin-bottom: 15px;}
  .system-wrap .line04 .line-box{display: none;}
  .system-wrap .line05 > ul{margin: 0 -10px;}
  .system-wrap .line05 > ul > li{width: 50%; padding: 0 10px;}
  .system-wrap .line06 > span{font-size: 19px;}
}

@media (max-width:650px){
  .system-wrap .vision-box .br{display: block; font-size: 30px;}
  .system-wrap .vision-box > p{ padding: 0 50px;}

  .system-wrap .line02 > ul {display: block; margin: 0;}
  .system-wrap .line02 > ul > li{width: 100%; padding: 0; margin-bottom: 10px;}
  .system-wrap .line02 > ul > li:last-child{margin-bottom: 0;}
  .system-wrap .line07 > ul{margin: 0;}
  .system-wrap .line07 > ul > li{padding: 0; width: 100%;}
} 

/* 총장 인사말 */
.greeting-wrap{position: relative;}
/*.greeting-wrap::before{content: ''; max-width:1660px; width: 100%; height: 350px; background: #F7F7F7; position: absolute; top: 0px; left: 0; z-index: -1;}
.greeting-wrap::after{content: ''; background: url(../../images/sub/new/greeting.png) no-repeat left center / cover; width: 100%; height: 100%; position: absolute; top: 0px; left: 0; z-index: -1;}
*/
.greeting-wrap .greeting-box{position: relative; margin-top: 90px;}
.greeting-wrap .img-box{flex: 1; position: absolute; top: -90px; }
.greeting-wrap .txt-list{padding-left: 505px; padding-top: 150px; min-height: 665px; background-image: url("/sites/cku_kr/images/sub/new/greeting.png");background-size: cover; background-position: center;}
.greeting-wrap .txt-list > span{font-size: 20px; font-family: "Noto Medium"; color: #00A6BF; line-height: 1.2;}
.greeting-wrap .mid-box{margin-top: 15px; margin-bottom: 30px;}
.greeting-wrap .mid-box > p{font-size: 30px; font-family: "Noto Regular"; color: #222222; line-height: 1.8;}
.greeting-wrap .mid-box em{color: #0079BF;}
.greeting-wrap .bottom-box > span{font-size: 22px; font-family: "Noto Regular"; color: #777777; line-height: 1.2;}
.greeting-wrap .bottom-box em{font-size: 30px; font-family: "Noto Bold"; color: #222222;}
.greeting-wrap .story-box{margin-top: 50px;}
.greeting-wrap i{display: inline-block; margin: 25px 0;}

@media (max-width:1400px){
  .greeting-wrap .txt-list{padding-left: 460px;}
  .greeting-wrap .img-box{top: -30px; left: 50px;}
  .greeting-wrap .img-box > img{width: 410px;}
  .greeting-wrap .mid-box > p{font-size: 26px;}
  .greeting-wrap .bottom-box > span{font-size: 20px;}
  .greeting-wrap .bottom-box em{font-size: 28px;}
}

@media (max-width:1100px){
   .greeting-wrap .greeting-box{margin-top: 30px;}
  .greeting-wrap br{display: none;}
  .greeting-wrap .txt-list{padding-left: 410px;}
  .greeting-wrap .img-box{top: -30px; left: 50px;}
  .greeting-wrap .img-box > img{width: 380px;}
  .greeting-wrap::before{height: 320px;}
  .greeting-wrap .txt-list{ min-height: 320px;}
  .greeting-wrap .mid-box > p{font-size: 24px;}
  .greeting-wrap .bottom-box em{font-size: 25px;}
  .greeting-wrap .bottom-box > span{font-size: 18px;}
  .greeting-wrap::after{width: 320px; height: 217px;}

}

@media (max-width:860px){
  .greeting-wrap .greeting-box{margin-top: 0px;}
  .greeting-wrap .img-box{position: static; text-align: center;}
  .greeting-wrap .txt-list{padding: 30px 30px 20px 30px; background: #F7F7F7;}
  .greeting-wrap::before{display: none;}
  .greeting-wrap::after{top: 135px;  left: -55px;}
  .greeting-wrap .txt-list{ min-height: auto;}
  .greeting-wrap .txt-list > span{font-size: 18px;}
  .greeting-wrap .mid-box > p{font-size: 22px; line-height: 1.6;}
  .greeting-wrap .story-box{margin-top: 35px;}
  .greeting-wrap .bottom-box > span{font-size: 16px;}
  .greeting-wrap .bottom-box em{font-size: 23px;}
  .greeting-wrap i{margin: 20px 0;}
}

@media (max-width:600px){
  .greeting-wrap .img-box > img{width: 350px;}
  .greeting-wrap .bottom-box{text-align: center;}
}

/* 핵심역량 */
.core-wrap .top-box > ul{display: flex; justify-content: space-between; margin: 0 -27.5px;}
.core-wrap .top-box > ul > li{width: 25%; padding: 0 27.5px; position: relative;}
.core-wrap .top-box > ul > li:last-child .item::before{display: none;}
.core-wrap .top-box > ul > li:last-child .item::after{display: none;}
.core-wrap .box{position: relative;}
.core-wrap .top-box > ul > li::before{content: ''; width: 12px; height: 7px; background: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; z-index: 1;}
.core-wrap .top-box > ul > li::after{content: ''; width: 12px; height: 13px; background: #fff; position: absolute; bottom: 10px; left: 24%; z-index: 1; transform: rotate(45deg);}
.core-wrap .box::before{content: ''; width: 305px; height: 305px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);border-radius: 50%;}
.core-wrap .box.bg1::before{content: ''; border: 2px solid #42BAE7;}
.core-wrap .box.bg2::before{content: ''; border: 2px solid #36AFC5;}
.core-wrap .box.bg3::before{content: ''; border: 2px solid #048AEF;}
.core-wrap .box.bg4::before{content: ''; border: 2px solid #005CD3;}

.core-wrap .top-box .item{width: 275px; height: 275px; border-radius: 50%; background: #fff; margin: auto; box-shadow: -3px -4px 7px 2px rgba(0, 0, 0, 0.1), 5px 4px 6px rgba(0, 0, 0, 0.1); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.core-wrap .top-box .item::before{content: ''; border-bottom: 23px solid transparent; border-top: 23px solid transparent; border-left: 50px solid #fff; border-right: 17px solid transparent;  position: absolute; top: 50%; margin-top: -25px; left: 98%;}
.core-wrap .top-box .item::after{content: '';  top: 50%; margin-top: -25px; left: 98%; position: absolute;
border-bottom: 23px solid transparent; border-top: 27px solid transparent; border-left: 50px solid rgba(0, 0, 0, 0.2); border-right: 17px solid transparent;   filter: blur(2px);  z-index: -1;}
.core-wrap .top-box{margin-bottom: 45px;}
.core-wrap .top-box .item > p.num{ font-family: "Mont SemiBold"; letter-spacing: -.05em;}
.core-wrap .top-box .item > p{font-size: 25px; font-family: "Noto Medium";}
.core-wrap .item.color1 > p{color: #42BAE7;} 
.core-wrap .item.color2 > p{color: #36AFC5;} 
.core-wrap .item.color3 > p{color: #048AEF;} 
.core-wrap .item.color4 > p{color: #005CD3;} 
.core-wrap .top-area {display: flex; justify-content: space-between; align-items: center;}
.core-wrap .top-area p.num{font-family: "Mont SemiBold"; color: #555555;}
.core-wrap .top-area p{font-size: 20px; font-family: "Noto Bold"; color: #0F419D;}
.core-wrap .top-area .ic-box{width: 60px; height: 60px; border-radius: 50%; background: #0F419D;} 
.core-wrap .subject{flex: 1; padding-left: 20px;}
.core-wrap .list-box{position: relative; padding-top: 135px;}
.core-wrap .list-box::before{content: ''; background: url(../../images/sub/new/core-arrow.png) no-repeat top / cover; position: absolute; top: 0; left: 50%; margin-left: -251px; width: 502px; height: 202px; }
.core-wrap .list-box > p{ font-size: 20px; font-family: "Noto Regular"; letter-spacing:3px; color: #AAAAAA; text-align: center; margin-bottom: 40px; z-index: 1; position: relative;}
.core-wrap .list-box > ul{display: flex; justify-content: space-between; margin: 0 -15px;}
.core-wrap .list-box > ul > li{width: 25%; padding: 0 15px;}
.core-wrap .txt-area > span{font-size: 17px; font-family: "Noto Light"; color: #555555; line-height: 1.8; letter-spacing: -.05em;}
.core-wrap .top-area{background: #F7F7F7; border-radius: 50px; padding: 18px 10px 17px 20px; position: relative;}
.core-wrap .ic-box{position: relative;}
.core-wrap .ic-box::before{content: '';  position: absolute; top: 50%; left: 50%;}
.core-wrap .ic-box.ic01::before{content: ''; background: url(../../images/sub/new/core-ic01.png) no-repeat center / cover; position: absolute; width: 37px; height: 27px; margin-left: -18.5px; margin-top: -13.5px;}
.core-wrap .ic-box.ic02::before{content: ''; background: url(../../images/sub/new/core-ic02.png) no-repeat center / cover; position: absolute; width: 32px; height: 24px; margin-left: -16.5px; margin-top: -12px;}
.core-wrap .ic-box.ic03::before{content: ''; background: url(../../images/sub/new/core-ic03.png) no-repeat center / cover; position: absolute; width: 21px; height: 37px; margin-left: -10.5px; margin-top: -18.5px;}
.core-wrap .ic-box.ic04::before{content: ''; background: url(../../images/sub/new/core-ic04.png) no-repeat center / cover; position: absolute; width: 34px; height: 27px; margin-left: -12px; margin-top: -13.5px;}
.core-wrap .ic-box.ic05::before{content: ''; background: url(../../images/sub/new/core-ic05.png) no-repeat center / cover; position: absolute;  width: 40px; height: 30px; margin-left: -20px; margin-top: -15px;}
.core-wrap .txt-area{margin-top: 35px; text-align: center; padding: 0 15px;}

@media (max-width:1400px){
  .core-wrap .top-box > ul{margin: 0 -10px;}
  .core-wrap .top-box > ul > li{padding: 0 10px;}
  .core-wrap .top-box .item{width: 250px; height: 250px;}
  .core-wrap .box::before{width: 290px; height: 290px;}
  .core-wrap .list-box > ul {margin: 0 -10PX;}
  .core-wrap .list-box > ul > li{padding: 0 10px;}
  .core-wrap .top-box > ul > li::before{top: -22px;}
  .core-wrap .top-box > ul > li::after{left: 17%;}
}

@media (max-width:1260px){
  .core-wrap .top-box .item{width: 210px; height: 210px;}
  .core-wrap .box::before{width: 250px; height: 250px;}
  .core-wrap .top-box .item > p{font-size: 23px;}
  .core-wrap .top-box .item::before {border-top: 25px solid transparent; left: 92%;}
  .core-wrap .top-box .item::after{left: 95%; border-top: 28px solid transparent;}
  .core-wrap .list-box::before{width: 402px; height: 120px; margin-left: -201px;}
  .core-wrap .list-box::after{font-size: 18px; top: 21%;}
  .core-wrap .top-area p{font-size: 18px;}
  .core-wrap .list-box > ul{flex-wrap: wrap; justify-content: flex-start;}
  .core-wrap .list-box > ul > li{width: 33.333%; margin-bottom: 20px;}
  .core-wrap .list-box > ul > li:last-child{margin-bottom: 0;}
}

@media (max-width:1100px){
  .core-wrap .top-box .item{width: 180px; height: 180px;}
  .core-wrap .box::before{width: 220px; height: 220px;}
  .core-wrap .top-box .item > p{font-size: 20px;}
  .core-wrap .top-box .item::before { left: 90%;}
  .core-wrap .top-box .item::after{left: 91%; }
  .core-wrap .top-box > ul > li::after{left: 15%;}
}

@media (max-width:1000px){
  .core-wrap .top-box > ul{flex-wrap: wrap; margin: 0 -15px;  justify-content: space-around;  width:100%;}
  .core-wrap .top-box > ul > li{width: 48%; margin-bottom: 25px; padding: 0 15px;}
  .core-wrap .top-box .item{width: 100%; border-radius: 25px; height: 125px;}
  .core-wrap .top-box .item.item.color1{border: 2px solid #42BAE7;}
  .core-wrap .top-box .item.item.color2{border: 2px solid #36AFC5;}
  .core-wrap .top-box .item.item.color3{border: 2px solid #048AEF;}
  .core-wrap .top-box .item.item.color4{border: 2px solid #005CD3;}
  .core-wrap .top-area{padding: 12px 10px 12px 20px;}
  .core-wrap .box::before{display: none;}
  .core-wrap .top-box .item::before { left: 92%;}
  .core-wrap .top-box .item::after{left: 93%;}
  .core-wrap .list-box > p{font-size: 18px; margin-bottom: 20px;}
  .core-wrap .list-box > ul{margin: 0 -5px; }
  .core-wrap .list-box > ul > li{width: 50%; padding: 0 5px;}
  .core-wrap .txt-area{margin-top: 25px; padding: 0;}
  .core-wrap .txt-area > span{font-size: 16px;}
  .core-wrap .top-box > ul > li::before{display: none;}
  .core-wrap .top-box > ul > li::after{display: none;}
}

@media (max-width:700px){
  .core-wrap .top-box{margin-bottom: 20px;}
  .core-wrap .top-box > ul{margin: 0;}
  .core-wrap .top-box > ul > li{width: 95%; padding: 0; margin-bottom: 35px;}
  .core-wrap .top-box .item::before { transform: rotate(90deg); left: 50%; top: 100%; border-top: 30px solid transparent; border-bottom: 30px solid transparent; margin-left: -30px;}
  .core-wrap .top-box .item::after{transform: rotate(90deg); left: 50%; top: 100%; border-top: 36px solid transparent; border-bottom: 33px solid transparent;margin-left: -30px;}
  .core-wrap .txt-area > span{font-size: 15px;}
}