@charset "utf-8";

/* 개인정보처리방침 */
.tit-color02{color: #222222;}
.info-btn-box > li > p{display: inline-block;}
.con-list1.down > ul > li::before{top: 10px;}


@media all and (max-width:650px){
.info-btn-box > li > p{display: block;}
.info-btn-box > li > a{margin-left: 0; margin-top: 10px;}


}

/* K-MOOC */
.sign-up .wrap-build .build-area{width: 100%; padding: 0 0}
.sign-up .wrap-build .build-area::before{width: 100%; }
.sign-up .wrap-build.type02 .build-inner{padding: 60px 0 0 0;}

@media all and (max-width:500px){
.sign-up .wrap-build.type02 .build-inner{padding: 0 0 0 0;}
}

/* 정보공개제도안내 */
/* .info-open .con-list1 > ul > li{display: inline-block;} */
.info-open .info-a-box{display: inline-block;}

@media all and (max-width:650px){
  .info-open .con-list1 > ul > li{display: block;}
  .info-open .info-a-box{display: block;}
  .info-open .info-a-box > a{ margin-left: 0; margin-top: 10px;}


}

/* 학적정보등록 */
/* .wrap-up-load .step-diag1 ul{justify-content: stretch; flex-wrap: wrap;}
.wrap-up-load .step-diag1 li{width: 15%; margin-bottom: 20px;}
.wrap-up-load .step-diag1 .box span{font-size: 13px;}
.wrap-up-load.type02 .step-diag1 .box span{color:#fff;}

@media all and (max-width:1200px){
.wrap-up-load .step-diag1 li{width: 23%;}

}

@media all and (max-width:950px){
.wrap-up-load .step-diag1 li{width: 48%;}

}

@media all and (max-width:700px){
.wrap-up-load .step-diag1 li{width: 100%;}

} */

.step-diag1.type02 li.last{position: relative;}
/* .step-diag1.type02 li.last::after {content: ''; position: absolute; left: calc(100% - 9px); top: 30%; z-index: 1; width: 40px; height: 40px; background: #ffa900 url('../../images/guide/arrow-step2.png') no-repeat center center; border-radius: 100%; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.3);} */
.step-diag1.type02 li:last-child:after {display: block;}


/* 산학협력처 */
.con-list4 .con-list1.type02 > ul > li {font-family: 'Dream Regular'; font-size: 15px; line-height: 24px; letter-spacing: -0.5px; color: #777; margin-bottom: 5px;}
.con-list4 .con-list1.type02 > ul > li:last-child{margin-bottom: 0;} 

/* 융복합교육과정 */
.activity-photo1.gray .img-box::after{border:1px solid #E8E8E8;}
.curri-wrap .core-ability-wrap .inner{max-width: 1300px; width: 100%; margin: auto;}
.curri-wrap .ability-list{margin: 0 -25px; width: auto; }
.curri-wrap .ability-list .ability{ flex: 1; padding: 0 25px;}
.curri-wrap .ability-list .ability .text-box{height: 140px; border-radius: 0 18px 18px 18px; padding: 36px 30px 36px 40px; width: 100%; display: flex; flex-direction: column; flex: 1; justify-content: center;}
.curri-wrap .ability-list .ability .text-box ul{padding-left: 0;}
.curri-wrap .ability-list .ability .text-box li{display: block; padding-left: 0; white-space: normal; font-size: 16px; color: #333333; text-align: center; line-height: 22px;}
.curri-wrap .ability-list .ability .text-box li:before{background: none;}
.curri-wrap .ability-list .ability .text-box ul:before{background: none;}
.curri-wrap .ability-list .ability .text-box ul:after{background: none;}
.curri-wrap .ability-list .ability .circle{padding-top: 30px;}
.curri-wrap .ability-list .ability .circle .text-wrap strong{margin-top: 26px; line-height: 30px;}
.curri-wrap .ability-list .ability.self-directed .circle-wrap::after { background-color: #e6378d; } 
.curri-wrap .ability-list .ability.creative-fusion .circle-wrap::after { background-color: #22b2e9; } 
.curri-wrap .ability-list .ability.problem-solving .circle-wrap::after { background-color: #c6d800; } 
.curri-wrap .ability-list .ability .circle-wrap{position: relative;}
.curri-wrap .ability-list .ability .circle-wrap::after{content: ""; position: absolute;left: 50%; transform: translate(-50%);width: 14px;height: 14px;border-radius: 50%;bottom: -14px;z-index: 1;}
.curri-wrap .ability-list .ability .circle-wrap::before{content: ""; position: absolute;left: 50%;bottom: -17px;transform: translate(-50%);width: 22px;height: 22px;border-radius: 50%;background-color: #fff;z-index: 1;}

@media all and (max-width:1023px){
.curri-wrap .ability-list .ability .text-box{padding: 25px;}
.curri-wrap .ability-list{margin:0 -15px}
.curri-wrap .ability-list .ability{padding: 0 15px;}
}

@media all and (max-width:768px){
.curri-wrap .ability-list .ability{flex: none;}
.curri-wrap .ability-list .ability .text-box li{font-size: 15px;}
}

@media all and (max-width:650px){
  .curri-wrap .ability-list{margin: 0 0;}
  .curri-wrap .ability-list .ability{padding: 0 0;}
  .curri-wrap .ability-list .ability .circle-wrap{width: 160px;}
  .curri-wrap .ability-list .ability .circle .text-wrap strong{margin-top: 15px;}
  .curri-wrap .ability-list .ability .text-box { width: calc(100% - 185px); margin-top: 0px; padding:0 15px; flex: none;}
  .curri-wrap .ability-list .ability .circle-wrap::after{content: ""; left: unset; right: -14px; bottom: 50%; margin-bottom: -7px;}
  .curri-wrap .ability-list .ability .circle-wrap::before{content: ""; left: unset; right: -22px; bottom: 50%; margin-bottom: -11px;}


}


@media all and (max-width:600px){
.curri-wrap .ability-list .ability{width: 100%; }
.curri-wrap .ability-list > div{margin-top: 40px;}
.curri-wrap .ability-list > div:nth-child(n + 3){margin-top: 40px;}
}

/* k-mooc */
.k-mooc-wrap .info-box1 .title .p1{font-family: "Dream Medium"; font-size: 25px; line-height: 1.5; margin-bottom: 15px;}
.k-mooc-wrap .info-box1 .title .p2{font-family: "Dream Medium"; font-size: 35px; line-height: 1.5; padding-right: 0; margin-bottom: 0;}
.k-mooc-wrap .info-box1 .title p{font-size: 35px; font-family: "Dream Medium"; line-height: 48px; margin-bottom: 0;}
.k-mooc-wrap .info-box1 .left{padding: 60px 47% 27px 50px;}
.k-mooc-wrap .btn-style.type1.color5{margin-top: 70px;}

@media all and (max-width:1200px){
.k-mooc-wrap .info-box1 .title p{font-size: 32px;}
.k-mooc-wrap .info-box1 .title .p2{font-size: 32px;}
.k-mooc-wrap .info-box1 .title .p1{font-size: 22px;}
}

@media all and (max-width:1023px){
.k-mooc-wrap .info-box1 .left{padding: 30px;}
.k-mooc-wrap .btn-style.type1.color5{margin-top: 30px;}

}

@media all and (max-width:768px){
.k-mooc-wrap .info-box1 .title p{font-size: 28px;}
.k-mooc-wrap .info-box1 .title .p2{font-size: 26px;}
.k-mooc-wrap .info-box1 .title .p1{font-size: 18px; margin-bottom: 10px;}
.k-mooc-wrap .btn-style.type1.color5{margin-top: 20px; margin-bottom: 0;}

}

/* 학습지원 */
.wrap-build .build-text.type01{margin-bottom: 15px;}

/* LINC3.0사업단 */
.ui-box .visual-style.type02 .visual-area.bd-color{border:1px solid #DDDEE0;}
.ui-box.type02 .visual-style{margin-bottom: 45px;}
.banner-major .visual-style.type02 .visual-area::before{border:1px solid #EEEEEF; }
.ui-box.type02 .career-wrap ul li .info-box{font-size: 18px; font-family: "Dream Medium"; color:#222222; line-height: 30px; letter-spacing: -.05em; height: auto; padding: 21px 20px 23px 20px; position: relative;}
.ui-box.type02 .career-wrap ul li:first-child .info-box::after{content:"";background: url(/sites/ko/images/sub/linc-arrow.png) no-repeat center center; position:absolute; top:100%; width:64px; height:64px;}
.ui-box.type02 .career-wrap ul li:last-child .info-box{padding: 18px 20px 19px 20px;}
.ui-box.type02 .career-wrap ul li .color-box{height: auto;}
.ui-box.type02 .career-wrap .inner > ul > li{margin-bottom: 0; padding-bottom: 65px;}
.ui-box.type02 .career-wrap .inner > ul > li:last-child{padding-bottom: 0;}
.ui-box.type02 .career-wrap ul li.vision .info-box p::before{ width: 33px; height: 28px; background: url(/sites/ko/images/sub/para-obj3.png) no-repeat center ;}
.ui-box.type02 .career-wrap ul li.vision .info-box p::after{content: ''; width:33px; height:28px; background:url('../../images/guide/para-obj4.png') no-repeat center / cover;}

@media all and (max-width:1300px){
.ui-box.type02 .career-wrap br{display: block;}
/* .ui-box.type02 .vision-goal ul li .info-box{padding: 0 0;} */
.ui-box.type02 .vision-goal ul li.vision .info-box p{padding: 0 35px;}
.ui-box.type02 .vision-goal ul li.vision .info-box p::before{left: 0px;}
.ui-box.type02 .vision-goal ul li.vision .info-box p::after{right: 0px;}
}


@media all and (max-width:1100px){
.ui-box.type02 .career-wrap ul li.vision .info-box p::before{left: -50px;}
.ui-box.type02 .career-wrap ul li.vision .info-box p::after{right: -50px;}
}

@media all and (max-width:1030px){
.ui-box.type02 .career-wrap ul li.vision .info-box p, .ui-box.type02 .career-wrap ul li.goal .info-box p{font-size: 16px;}
.ui-box.type02 .career-wrap ul li .color-box{height: 70px;}
}

@media all and (max-width:768px){
.ui-box.type02 .vision-goal ul li.vision .info-box p, .vision-goal ul li.goal .info-box p{font-size: 16px;}
.ui-box.type02 .career-wrap ul li.vision .info-box p::before{left: -15px;}
.ui-box.type02 .career-wrap ul li.vision .info-box p::after{right: -15px;}
.ui-box.type02 .career-wrap br{display: none;}

}

/* 산학협력처 */
.org-wrap3.type02 .org-top .president .hexagon strong{width: auto;}
.org-wrap3.type02 .org-middle2 > ul{margin: 0 -26.5px;}
.org-wrap3.type02 .org-middle2 > ul > li{width: calc(100% / 4); padding: 0 26.5px;}
.org-wrap3.type02::before{display: none;}
.org-wrap3.type02 .org-top .president .hexagon{position: relative;}
.org-wrap3.type02 .org-top .president .hexagon::before{content: ""; position: absolute;
left: 50%; top: 0; margin-left: -0.5px; width: 1px; height: 113%; background-color: #bcbcbc; z-index: -1;}
.org-wrap3.type02 .org-middle2{margin-top: 0;}
.org-wrap3.type02 .org-middle2 > ul{padding-top: 40px;}
.org-wrap3.type02 .org-middle2 > ul::before{top: 0; width: 75%;}
.org-wrap3.type02 .org-top .president .hexagon{margin-bottom: 27px;}
.org-wrap3.type02 .org-middle2 li.left::before{top: -40px;}
.org-wrap3.type02 .org-middle2 li.right::before{top: -40px;}

@media all and (max-width:1200px){
.org-wrap3.type02 .org-middle2 > ul{margin: 0 -15px;}
.org-wrap3.type02 .org-middle2 > ul > li{padding: 0 15px;}
}

@media all and (max-width:900px){
.org-wrap3.type02 .org-middle2 > ul{flex-wrap: wrap; padding-top: 0;}
.org-wrap3.type02 .org-middle2 > ul > li{padding-top: 40px; position: relative;}
.org-wrap3.type02 .org-middle2 > ul > li::before{content: ""; position: absolute;top: 0; left: 50%; margin-left: -0.5px; width: 1px;  height: 50px; background-color: #bcbcbc;}
.org-wrap3.type02 .org-middle2 li.left::before{top: 0;}
.org-wrap3.type02 .org-middle2 li.right::before{top: 0;}
.org-wrap3.type02 .org-middle2 > ul > li.right .info-box{height: auto;}
.org-wrap3.type02 .org-middle2 > ul > li{width: calc(100% / 2);}
.org-wrap3.type02 .org-middle2 > ul::before{width: 50%;}
}   

@media all and (max-width:768px){
.org-wrap3.type02 .org-middle2 > ul > li{width: 100%;}
.org-wrap3.type02 .org-middle2 > ul::before{display: none;}
.org-wrap3.type02 .org-top .president .hexagon{margin-bottom: 0;}

}

/* 교육부 선정내역 */   
.wrap-edu-list .edu-list-box > ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -15px;}
.wrap-edu-list .edu-list-box > ul > li{width: 20%; padding: 0 15px; margin-bottom: 30px;}
.wrap-edu-list .list-border{border: 1px solid #BCBCBC; border-radius: 0 15px 15px 15px;}
.wrap-edu-list .img-box{text-align: center; padding: 30px 0;}
.wrap-edu-list .txt-box{background: #F8FDFF; border-top: 1px solid #bcbcbc; border-radius: 0 0 15px 15px; text-align: center; min-height: 130px; padding:15px 0 10px 0}
.wrap-edu-list .txt-box.type02{min-height: 83px;}
.wrap-edu-list .txt-box > p{font-family: "Dream Medium"; color: #222222; font-size:18px; line-height: 23px; letter-spacing: -.05em; padding: 0px 0 9px 0;}
.wrap-edu-list .txt-box > span{color: #666666; font-size: 14px; line-height: 1.5; letter-spacing: -.05em; display: inline-block;}

@media all and (max-width:1250px){
.wrap-edu-list .txt-box > p{font-size: 16px;}
}

@media all and (max-width:1100px){
.wrap-edu-list .edu-list-box > ul{margin: 0 -15px;}
.wrap-edu-list .edu-list-box > ul > li{width: 33.333%; padding: 0 15px;}
}

@media all and (max-width:768px){
.wrap-edu-list .edu-list-box > ul > li{width: 50%;}
.wrap-edu-list .img-box{padding: 20px 0;}
.wrap-edu-list br{display: block;}
}

@media all and (max-width:600px){
.wrap-edu-list .edu-list-box > ul{margin: 0 0;}
.wrap-edu-list .edu-list-box > ul > li{width: 100%; padding: 0 0;}
.wrap-edu-list .txt-box , .wrap-edu-list .txt-box.type02{min-height: auto;}

}

/* 도서관 버튼css */
.lib-wrap .info-box2{min-height: 750px; padding-bottom: 0;}
.lib-wrap .info-box2 .right{ margin-right: 50px; right:0;}
.lib-wrap .info-box2 .left{padding-right: 0; }
.lib-wrap .lib-box{float: left; width: 51.7%;}
.lib-wrap .lib-box .title > p{display: inline-block;}
.lib-wrap .lib-box .title > a{float: right;}
.lib-wrap .info-box2 .right{max-width: 40%;}
.lib-wrap .info-box2 .right .img-box {height:auto;}
@media all and (max-width:1200px){
.lib-wrap .info-box2{min-height: auto;}
.lib-wrap .info-box2 .right .img-box {height:auto;}
}

@media all and (max-width:1024px){
.lib-wrap .info-box2 .right .img-box {max-height:none;}
.lib-wrap .lib-box{float: none; width: 100%; padding: 30px;}
.lib-wrap .info-box2 .right{width: 100%; max-width: unset; margin-right: 0;}
.lib-wrap .info-box2 .left{padding: 0 0;}
.lib-wrap .img-box{width: 50%; margin: auto;}
}

@media all and (max-width:768px){
.lib-wrap .img-box{width: 70%;}
}

@media all and (max-width:600px){
.lib-wrap .img-box{width: 100%;}

}

/* 기숙사 */
.info-box2 .title.btn-fr > p{display: inline-block;}
.info-box2 .title.btn-fr > a{float: right;}

/* 푸드코트 */
.major-type-box4.type02{overflow:hidden;}
.major-type-box4.type02 .dots-list{text-align: center;}
.major-type-box4.type02 .dots-list li{padding-left: 0; font-size: 16px; font-family: "Dream Regular"; line-height: 30px; letter-spacing: -.05em; color: #222222;}
.major-type-box4.type02 .dots-list li::before{background: none;}
.major-type-box4.type02 .under-box{padding: 24px 30px 33px 30px ; position: relative;}
.major-type-box4.type02 .box-inner{position: relative; overflow: hidden;}
.major-type-box4.type02 .major-box:nth-child(1) .box-inner::after{content: ''; background: url(/sites/ko/images/sub/food-bg-shape01.png) no-repeat right bottom; width: 165px; height:183px; position: absolute; right: -19px; bottom: -20px;}
.major-type-box4.type02 .major-box:nth-child(2) .box-inner::after{content: ''; background: url(/sites/ko/images/sub/food-bg-shape02.png) no-repeat right bottom; width: 182px; height:180px; position: absolute; right: -37px; bottom: -21px;}
.major-type-box4.type02 .major-box:nth-child(3) .box-inner::after{content: ''; background: url(/sites/ko/images/sub/food-bg-shape03.png) no-repeat right bottom; width: 180px; height:180px; position: absolute; right: -35px; bottom: -26px;}
.noti-wrap{text-align: right;}
#menu582_obj5040{width: 100%;}
.noti-wrap .noti-txt{display: inline-block;}

/* 강의계획열람 */ 
.wrap-edu-list.type02 .edu-list-box > ul{flex-wrap: nowrap; margin-bottom: 50px; margin: 0 0;}
.wrap-edu-list.type02 .edu-list-box > ul:last-child {margin-bottom: 0;}
.wrap-edu-list.type02 .edu-list-box > ul > li{margin-bottom: 0; display: flex; padding: 0 0;}
.wrap-edu-list.type02 .edu-list-box > ul > li:not(.arrow){width: 30%; border: 1px solid #BCBCBC; border-radius: 0 15px 15px 15px;}
.wrap-edu-list.type02 .list-border{border: 0; border-radius: 0; display: flex; flex-direction: column; flex:1; height: 100%;}
.wrap-edu-list.type02 .edu-list-box > ul > li.arrow{padding: 0 22px;  position: relative; width: auto;}
.wrap-edu-list.type02 .edu-list-box > ul > li.arrow::after{content: ""; width: 29px; height:100%; background: url('/sites/ko/images/sub/list-content-arrow.png')no-repeat center;}
.wrap-edu-list.type02 .img-box{padding: 0 0; display: flex; align-items: center; justify-content: center; min-height: 300px;}
.wrap-edu-list.type02 .txt-box{text-align: unset; min-height: auto; padding: 20px 30px 23px 30px; flex:1; }
.wrap-edu-list.type02 .txt-box > span{font-size: 16px; color: #222222; line-height: 28px; display: block; position: relative; padding-left:19px;}
.wrap-edu-list.type02 .txt-box > span.num1::before {content:'①'; font-size: 16px; display: inline-block; font-family: 'Dream Regular'; position: absolute; left:0;}
.wrap-edu-list.type02 .txt-box > span.num2::before {content:'②'; font-size: 16px; display: inline-block; font-family: 'Dream Regular'; position: absolute; left:0;}
.wrap-edu-list.type02 .txt-box > span.num3::before {content:'③'; font-size: 16px; display: inline-block; font-family: 'Dream Regular'; position: absolute; left:0;}
.wrap-edu-list.type02 .txt-box > span.num4::before {content:'④'; font-size: 16px; display: inline-block; font-family: 'Dream Regular'; position: absolute; left:0;}
.wrap-edu-list.type02 .txt-box > span.num5::before {content:'⑤'; font-size: 16px; display: inline-block; font-family: 'Dream Regular'; position: absolute; left:0;}
.wrap-edu-list.type02 .txt-box > span.num6::before {content:'⑥'; font-size: 16px; display: inline-block; font-family: 'Dream Regular'; position: absolute; left:0;}
.wrap-edu-list.type02 .con-list1 ul,
.wrap-edu-list.type02 .con-list2 ul {display: block;}
.wrap-edu-list.type02 .link-wrap .link{padding-left:19px;}

@media all and (max-width:1300px){
.wrap-edu-list.type02 .img-box{padding: 0 10px;}
}

@media all and (max-width:1200px){
.wrap-edu-list.type02 .edu-list-box > ul{flex-wrap: wrap;}
.wrap-edu-list.type02 .edu-list-box > ul > li:not(.arrow){width: 44%; margin-bottom: 20px; }
.wrap-edu-list.type02 .edu-list-box > ul > li.arrow{padding: 0 0;}

}

@media all and (max-width:1100px){
.wrap-edu-list.type02 ul{margin: 0 0;}
.wrap-edu-list.type02 ul > li{padding: 0 0;}
} 

@media all and (max-width:1024px){
.wrap-edu-list.type02 .img-box{min-height: 250px;}
}

@media all and (max-width:850px){
.wrap-edu-list.type02 .edu-list-box > ul > li.arrow{width: 100%; justify-content: center; padding: 15px 0;}
.wrap-edu-list.type02 .edu-list-box > ul > li:not(.arrow){width: 100%; margin-bottom: 0px; }
.wrap-edu-list.type02 .edu-list-box > ul > li.arrow::after{transform: rotate(90deg); height: 38px;}
.wrap-edu-list.type02 .img-box{min-height: 200px;}

}

/* 수강신청/변경 */
.wrap-edu-list.type02 .edu-list-box > ul .none-ar{display: none;}
.wrap-edu-list.update-class .edu-list-box > ul{margin-bottom: 50px;}
.wrap-edu-list.update-class .edu-list-box > ul > li{display: block;}

@media all and (max-width:1200px){
.wrap-edu-list.update-class .edu-list-box > ul{margin-bottom: 0;}
.wrap-edu-list.update-class .edu-list-box > ul .none-ar{display: block;}
.wrap-edu-list.update-class .edu-list-box > ul > li:not(.arrow){width:100%;}
.wrap-edu-list.update-class .edu-list-box > ul > li.arrow{width: 100%; justify-content: center; padding: 15px 0; height:55px;}
.wrap-edu-list.update-class .edu-list-box > ul > li:not(.arrow){width: 100%; margin-bottom: 0px; }
.wrap-edu-list.update-class .edu-list-box > ul > li.arrow::after{transform: rotate(90deg); height: 38px; display: block; position:absolute; left:50%; top:10px; margin-left:-14.5px;}
/* .wrap-edu-list.type02 .edu-list-box > ul > li{display:block;} */
}

@media all and (max-width:1100px){
.wrap-edu-list.update-class .con-list1 > ul > li{padding-left: 18px;}
.wrap-edu-list.update-class .con-list2 > ul > li{padding-left: 13px;}
.wrap-edu-list.update-class ul > li{width: 100%;}
}

@media all and (max-width:960px){
  .wrap-edu-list.update-class .mini-table:after{background: rgba(31,59,101,0.2) url(../../images/guide/img_mobile_text.png) no-repeat center 6px;}
  .wrap-edu-list.update-class .mini-table{min-height: 140px;}
}

@media all and (max-width:850px){
.wrap-edu-list.update-class .img-box{min-height: 250px;}
}


/* 푸드코트 */
.info-box2.type02 .txt-box p{min-height: 56px;}
.info-box2.type02 .txt-box{margin-bottom: 40px;}

@media all and (max-width:768px){
.info-box2.type02 .txt-box{margin-bottom: 20px;}
}


/* LINC 3.0홍보영상 */
.linc-box {position: relative; padding-top: 50px; margin-bottom: 70px;}
.linc-box {position: relative;}
.linc-box::after {content:''; display: block; clear:both;}
/* text-box */
.linc-box .text-box {width:40%; float:left; position: relative;}
.linc-box .text-box h2 {font-family:'Dream Medium'; font-size: 28px; letter-spacing: -.05em; line-height: 38px; color:#222; -webkit-line-clamp: 2; overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; max-height:105px; height:auto; margin:20px 0; position: relative; padding-top:30px; }
.linc-box .text-box h2::before {content:''; width:60px; height:3px; background:#E6378D; position: absolute; top:0px; left:0;}
.linc-box .text-box p {font-size: 16px; font-family: 'Dream Regular'; color:#666; line-height: 32px; letter-spacing: -.05em; -webkit-line-clamp: 7; overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; height:180px;}
.linc-box .thumb-box {width:60%; float:right; position: relative; max-width:800px;}
.linc-box .thumb-box::before {content:''; width:100%; height: 100%; border: 15px solid #f3f3f3; position: absolute; top:-50px; left:-50px;}
.linc-box .thumb-box::after {content: 'YEONSUNG VIDEO'; position: absolute; left: -48px; top: -49px; white-space: nowrap; font-family: 'Sebang Bold'; font-size:50px; line-height: 1; color: #f3f3f3; transform: rotate(90deg); transform-origin: left top; letter-spacing: .02em;}
.linc-box .thumbnail {position: relative; padding-bottom:52.25%; padding-top:30px; height:0; overflow:hidden; border:1px solid #C5C5C5;}
.linc-box .thumbnail .movie-thumbnail {width:100%; height:100%; position: absolute; top:0; left:0;}
.linc-box .thumbnail .movie-thumbnail::after {content:''; width:92px; height:103px; background:url('../images/top-video-play.png') no-repeat center / cover; position: absolute; top:50%; left:50%; margin: -51.5px 0 0 -46px}
.linc-box .btn-bx{padding-top: 60px;}

@media all and (max-width:1380px) {   
.linc-box .thumb-box::after {font-size: 3.62vw;}
/* .linc-box .text-box {padding-right:30px;} */
}

@media all and (max-width:1024px) {
.linc-box .thumb-box {float:none; margin:0 auto;}
.linc-box .text-box {float:none; width:100%;}
.linc-box .text-box p {max-height:180px; height:auto;}
.linc-box .btn-bx{padding-top: 20px;}
.linc-box .thumbnail .movie-thumbnail img{width: 100%; height: 100%; object-fit: cover; object-position: top 0 left 0;}
.linc-box {margin-bottom: 0px;}
}

@media all and (max-width:768px) {
.linc-box .thumbnail .movie-thumbnail::after {width:56px; height:63px; margin:-31.5px 0 0 -28px;}

}

@media all and (max-width:650px) {
.linc-box .thumb-box {width:70%;}
.linc-box .thumb-box::before {top:-30px; left:-30px;}
.linc-box .thumb-box::after {top:-30px; left:-30px;}
.linc-box .text-box h2 {font-size: 22px;}

}

/* LINCE3.0사업이란? */
.type-linc-wrap .title { margin-bottom: 48px;}
.type-linc-wrap ul { display: flex; justify-content: space-between;}
.type-linc-wrap ul li { display: flex; width: 50%;align-items: center; justify-content: space-between;}
.type-linc-wrap ul li .circle { position: relative; width: 120px; height: 120px; border-radius: 50%;background: #22b2e9; display: flex; align-items: center; justify-content: center;}
.type-linc-wrap ul li .cir-area{position: relative;}
.type-linc-wrap ul li .cir-area::after{ content: "";position: absolute; right: -9px; top: 50%; margin-top:-5px;
width: 10px; height: 10px;  border-radius: 50%; background: #22b2e9; z-index: 2;}
.type-linc-wrap ul li .cir-area::before{content: "";position: absolute; right: -12px; top: 50%; margin-top:-8px;
  width: 16px; height: 16px;  border-radius: 50%; background: #fff; z-index: 1;}
.type-linc-wrap ul li .circle::before{ content: ""; position: absolute;left: 50%; top: 50%;
transform: translate(-50%, -50%); width: 130px;  height: 130px; border-radius: 50%; border: 1px dashed #ddd;}
.type-linc-wrap ul li .circle .text-wrap {text-align: center;}
.type-linc-wrap ul li .circle .text-wrap span { position: relative; padding: 7px 0; font-size: 14px;line-height: 1.5; letter-spacing: -0.05em; color: #fff; font-family: "Dream Regular";}
.type-linc-wrap ul li .circle .text-wrap span:before {content: "";position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: calc(100% + 5px); height: 1px; background-color: #fff;}
.type-linc-wrap ul li .circle .text-wrap span:after { content: "";position: absolute; left: 50%;
bottom: 0; transform: translateX(-50%); width: calc(100% + 5px); height: 1px; background-color: #fff;}
.type-linc-wrap ul li .circle .text-wrap strong { display: block; font-size: 16px; letter-spacing: -0.05em; line-height: 1.5; color: #fff; font-family: "Dream Regular";}
.type-linc-wrap .txt-area{width:calc(100% - 205px); padding-right:45px;}
.type-linc-wrap ul li .text-box {position: relative; border: 1px solid #bcbcbc;  padding: 37px 20px; border-radius: 0 15px 15px 15px; background: #fff;}
.type-linc-wrap ul li .text-box:before { content: ""; position: absolute; top: 50%; left: -40%; width: 100%; height: 1px; background: #bcbcbc; z-index: -1;}
.type-linc-wrap ul li .text-box p { position: relative; text-align: center;}
.type-linc-wrap ul li .text-box:after { background-color: #22b2e9;}
.type-linc-wrap ul li .text-box p { font-size: 16px;letter-spacing: -0.025em; line-height: 22px; color: #333333; font-family: "Dream Regular";}

@media all and (max-width:1100px){
.type-linc-wrap .txt-area{padding-right: 20px; width: calc(100% - 170px);}
}

@media all and (max-width:1024px){
.type-linc-wrap ul li .text-box p{font-size: 15px;}
}

@media all and (max-width:768px){
.type-linc-wrap ul{display: block;}
.type-linc-wrap ul li{ width: 100%;margin-bottom: 20px; }
.type-linc-wrap ul li:last-child{margin-bottom: 0;}
.type-linc-wrap .txt-area{padding-right: 0; width: calc(100% - 150px); }
.type-linc-wrap ul li .text-box:before{left: -32%;}
}

/* 연성대학교 LINC3.0 사업 */

@media all and (max-width:1024px){
.linc-wrap .career-wrap ul li.vision .info-box p, .linc-wrap .career-wrap ul li.goal .info-box p{font-size: 16px;}
}

@media all and (max-width:768px){
.linc-wrap .career-wrap ul li.vision .info-box p, .linc-wrap .career-wrap ul li.goal .info-box p{font-size: 15px;}
.linc-wrap .career-wrap ul li.vision .info-box p::before{width: 22px; height: 22px;}
.linc-wrap .career-wrap ul li.vision .info-box p::after{width: 22px; height: 22px;}
}

/* 연성대학교 Co-EVO 산학협력선도 모델 */
.ys-model-wrap .pc{display: block;}
.ys-model-wrap .moblie{display: none;}
.ys-model-wrap {position:relative; margin-top: 65px;}
.ys-model-wrap h3{display: none;}
.ys-model-wrap .inner .txt-tit{display: none;}
.ys-model-wrap .inner > p{font-size: 18px; font-family: "Dream Medium"; line-height: 30px; letter-spacing: -.05em; color: #01499a; margin-bottom: 7px;}
.ys-model-wrap .left .inner ul li{font-size: 16px; font-family: "Dream Regular"; line-height: 28px; letter-spacing: -.025em; color: #333333;}
.ys-model-wrap .text-box{margin-bottom: 20px;}
.ys-model-wrap .text-box{position: relative; display:flex; justify-content: space-between;}
.ys-model-wrap .left{width: 50%;  background: #EAF5FF; border-radius: 20px; padding: 34px 185px 33px 100px;}
.ys-model-wrap .left .inner{display: inline-block; text-align: center;}
.ys-model-wrap .right{width: 50%;  background: #EAF5FF; border-radius: 20px; padding: 35px 120px 35px 185px ; text-align: right;}
.ys-model-wrap .right .inner{display: inline-block; text-align: center;}
.ys-model-wrap .diagram-wrap{width: 340px; height: 340px; border: 6px solid #01499A; border-radius: 50%; background: #FFF; margin: auto; position: absolute; z-index: 1; transform: translate(-50%); left: 50%;}
.ys-model-wrap .diagram-wrap .title{position: relative;display: inline-block;position: top;position: absolute;top: 50%;margin-top: -57px;left: 50%;margin-left: -101px;}
.ys-model-wrap .diagram-wrap .title::after{content: '';border: 19px solid #D2D2D2;border-radius: 50%;width: 176px;height: 176px;position: absolute;top: 50%;margin-top: -88px;left: 50%;margin-left: -88px;/* z-index: 1; */}
.ys-model-wrap .diagram-wrap .title > p{font-size: 24px;font-family: "Dream Medium";line-height: 36px;letter-spacing: -.05em;text-align:center;position: relative;z-index: 1;} 
.ys-model-wrap .diagram-title span{font-size: 14px; font-family: "Dream Regular"; line-height: 22px; letter-spacing: -.05em; color: #666666;}
.ys-model-wrap .diagram-inner .diagram-title{width: 70px; height: 70px; border-radius: 50%; background: #D2D2D2; display: flex; align-items: center; justify-content: center;}
.ys-model-wrap .diagram-inner{position: absolute;}
.ys-model-wrap .diagram-inner.type1{top: 13%; left: 11%;}
.ys-model-wrap .diagram-inner.type2{top: 13%; right: 11%;}
.ys-model-wrap .diagram-inner.type3{bottom: 12%; left: 12.5%;}
.ys-model-wrap .diagram-inner.type4{bottom: 12%; right: 12.5%;}
.bt-model-warp .sentence-box .tit-box span{font-size: 55px; line-height: 30px; font-family: "Dream ExtraBold"; color: #22b2e9; display:inline-block;}
.bt-model-warp .sentence-box .tit-box p{font-size: 14px; font-family: "Dream Regular"; line-height: 18px; color:#333333; display: inline-block;}
.bt-model-warp .sentence-box{display: flex; padding-top: 90px;}
.bt-model-warp .sentence-box .left-area{width: 50%;}
.bt-model-warp .sentence-box .left-area > ul{display: flex; margin: 0 -15px;}
.bt-model-warp .sentence-box .left-area > ul > li{width: 44.9%; padding: 0 15px;}
.bt-model-warp .sentence-box .right-area > ul{display: flex; margin: 0 -15px; justify-content: right;}
.bt-model-warp .sentence-box .right-area > ul > li{width: 44.9%; padding: 0 15px;}
.bt-model-warp .sentence-box .right-area{width: 50%;}
.bt-model-warp .sentence-box .inner-txt{background: #22B2E9; border-radius: 0 15px 15px 15px; min-height: 130px; display: table; width: 100%;}
.bt-model-warp .sentence-box .inner-txt > p{font-size: 18px; font-family: "Dream Medium"; color: #fff; line-height: 30px; letter-spacing: -.05em; text-align: center;display: table-cell; height: 100%; vertical-align: middle;}
.bt-model-warp .under-box{padding-top: 30px;}
.bt-model-warp .under-box > p{font-size: 17px; background: #064D9C; color: #fff; text-align: center; padding: 15px 0;}
.bt-model-warp .left-area .under-box > p{border-radius: 0 0 0 15px ;}
.bt-model-warp .right-area .under-box > p{border-radius: 0 15px 15px 0 ;}
.bt-model-warp .bt-model-inner{position: relative;}
.bt-model-warp .alpha-box{display: inline-block; position: absolute; top: -82px; left: 50%; margin-left: -50px; z-index: 1;}
.bt-model-warp .alpha-box::after{content: ''; width: 3px; height: 100%; background:#BCBCBC; position: absolute; top: 0; left: 50%; margin-left: -1.5px; z-index: -1;}
.bt-model-warp .cir-box > p {text-align: center; font-size: 24px; font-family: "Dream Medium"; line-height: 30px; letter-spacing: -.05em; color: #222222; display: table-cell; vertical-align: middle; }
.bt-model-warp .cir-box{border-radius: 50%; width: 100px; height: 100px; display: table; margin-top: 10px; background: #fff;}
.bt-model-warp .cir-box{border: 6px solid #4B585F; margin-top: 0;}
.bt-model-warp .round-box .cir-box:nth-child(1){border: 6px solid #007BE2; margin-top: 30px; position: relative;}
.bt-model-warp .round-box .cir-box:nth-child(1)::after{content: ''; width: 39px; height: 23px; background: url(../../images/sub/linc-arrow.png) no-repeat top center; position: absolute; top: -37px; left: 50%; margin-left: -19.5px;}
.bt-model-warp .round-box .cir-box:nth-child(2){border: 6px solid #E6378D; margin-top: 10px;}
.bt-model-warp .round-box .cir-box:last-child{border: 6px solid #22B2E9; margin-top: 10px; }

@media all and (max-width:1340px){
.bt-model-warp .sentence-box .tit-box span{font-size: 50px;}
.bt-model-warp .sentence-box .tit-box p{font-size: 13px;}
}

@media all and (max-width:1250px){
.bt-model-warp .sentence-box .left-area > ul {margin: 0 -5px;}
.bt-model-warp .sentence-box .left-area > ul > li{padding: 0 5px;}
.bt-model-warp .sentence-box .right-area > ul {margin: 0 -5px;}
.bt-model-warp .sentence-box .right-area > ul > li{padding: 0 5px;}
}

@media all and (max-width:1200px){
.ys-model-wrap .inner .txt-tit{font-family: "Dream Bold"; font-size: 22px; color:#222; margin-bottom:10px;}
.ys-model-wrap h3{display: block;}
.ys-model-wrap .inner .txt-tit{display: block;}
.ys-model-wrap .model-inner{margin-top: 30px;}
.ys-model-wrap .diagram-wrap{display: none;}
.ys-model-wrap .left{padding: 20px; text-align: center; width: 48%;}
.ys-model-wrap .right{padding: 20px; text-align: center; width: 48%;}
.bt-model-warp .alpha-box {top: -77%;}
.bt-model-warp .sentence-box{padding-top: 30px;}
.bt-model-warp .sentence-box .tit-box p{display: block;}
.bt-model-warp .round-box .cir-box:nth-child(1){margin-top: 140px;}
.bt-model-warp .round-box .cir-box:nth-child(1)::after{top: -90px;}
.bt-model-warp .round-box .cir-box:nth-child(2){margin-top: 30px;}
.bt-model-warp .round-box .cir-box:last-child{margin-top: 20px;}
}

@media all and (max-width:1100px){
  .bt-model-warp .cir-box{width: 80px; height: 80px;}
  .bt-model-warp .cir-box{border: 4px solid #4B585F; }
  .bt-model-warp .round-box .cir-box:nth-child(1){border: 4px solid #007BE2; margin-top: 178px;}
  .bt-model-warp .round-box .cir-box:nth-child(2){border: 4px solid #E6378D; margin-top: 40px;}
  .bt-model-warp .round-box .cir-box:last-child{border: 4px solid #22B2E9; margin-top: 45px;}
  .bt-model-warp .cir-box > p{font-size: 19px; line-height: 26px;}
  .bt-model-warp .alpha-box{margin-left: -40px;}
  .bt-model-warp .sentence-box .inner-txt > p{font-size: 16px;}
  .bt-model-warp .right-area .under-box > p{font-size: 15px;}
}

@media all and (max-width:900px){
  .bt-model-warp .sentence-box .tit-box p{font-size: 12px;}
  .bt-model-warp .under-box > p{font-size: 14px;}
  .bt-model-warp .right-area .under-box > p{font-size: 14px;}

}


/* @media all and (max-width:1024px){
.bt-model-warp .alpha-box {top: unset; position: static; left: unset; margin-left: 0; display: block; position: relative;}
.bt-model-warp .alpha-box .round-box{display: flex; justify-content: space-between; margin-top: 35px;}
.bt-model-warp .cir-box{margin: 0 auto; border-radius: 30px; width: 32%; height: 90px;}
.bt-model-warp .round-box .cir-box:nth-child(1){margin-top: 0;}
.bt-model-warp .cir-box{border: 3px solid #4B585F;}
.bt-model-warp .round-box .cir-box:nth-child(1){border: 3px solid #007BE2;}
.bt-model-warp .round-box .cir-box:nth-child(2){border: 3px solid #E6378D; position: relative; margin-top: 0;}
.bt-model-warp .round-box .cir-box:nth-child(2)::after{content: ""; width: 39px; height: 23px; background: url(/sites/ko/images/sub/linc-arrow.png) no-repeat top center; position: absolute; top: -39px; left: 50%; margin-left: -19.5px;}
.bt-model-warp .round-box .cir-box:last-child{border: 3px solid #22B2E9; margin-top: 0;}
.bt-model-warp .round-box .cir-box:nth-child(1)::after{background: none;}
.bt-model-warp .cir-box > p{font-size: 20px;}
.bt-model-warp .sentence-box .left-area > ul > li{width: 50%;}
.bt-model-warp .sentence-box .right-area > ul > li{width: 50%;}
.bt-model-warp .sentence-box{margin: 0 -10px;}
.bt-model-warp .sentence-box .left-area{padding: 0 10px;}
.bt-model-warp .sentence-box .inner-txt{min-height: 110px;}
.bt-model-warp .sentence-box .inner-txt > p{font-size: 16px; line-height: 24px;}
.bt-model-warp .under-box > p{font-size: 16px;}

} */

/* @media all and (max-width:850px){
.ys-model-wrap .inner .txt-tit{margin-bottom: 0; font-size: 20px; }
.ys-model-wrap .inner > p{font-size: 16px;}
.ys-model-wrap .left .inner ul li{font-size: 15px; line-height: 23px;}
.bt-model-warp .cir-box > p{font-size: 18px; line-height: 25px;}
.bt-model-warp .cir-box{height: 80px;}
.bt-model-warp .left-area .under-box > p{border-radius: 15px 15px 15px 15px;}
.bt-model-warp .right-area .under-box > p{border-radius: 15px 15px 15px 15px;}
.bt-model-warp .sentence-box{display: block; margin: 0 0; padding-top: 40px;}
.bt-model-warp .sentence-box .left-area{width: 100%; padding: 0 0; margin-bottom: 40px;}
.bt-model-warp .sentence-box .right-area{width: 100%; padding: 0 0;}
.bt-model-warp .sentence-box .tit-box span{font-size: 45px;}
.bt-model-warp .sentence-box .tit-box p{display: inline-block;}
.bt-model-warp .under-box{padding-top: 20px;}
} */

@media all and (max-width:850px){
  /* 모바일 */
  .ys-model-wrap .pc{display: none;}
  .ys-model-wrap .moblie{display: block;}
  .bt-model-warp.moblie .content01{margin-bottom: 50px;}
  .bt-model-warp.moblie .con::after{content: ''; display: block; clear: both;}
  .bt-model-warp.moblie .left-item{float: left; width: 20%;}
  .bt-model-warp.moblie .right-item{float: right; width: 71%;}
  .bt-model-warp.moblie .right-item .text-box{display: block;}
  .bt-model-warp.moblie .cir-box{border: 6px solid #4B585F; width: 100px; height: 100px;}
  .bt-model-warp.moblie .content01 .cir-box{border: 6px solid #4B585F; width: 100px; height: 100px; position: relative;}
  .bt-model-warp.moblie .content01 .cir-box::after{content: ''; content: ''; width: 39px; height: 23px; background: url(../../images/sub/linc-arrow.png) no-repeat top center; position: absolute;bottom: -28px; left: 50%; margin-left: -19.5px;}
  .bt-model-warp .round-box .cir-box:nth-child(1){margin-top: 0;border: 6px solid #007BE2; }
  .bt-model-warp.moblie .cir-box > p{font-size: 24px; line-height: 30px;}
  .bt-model-warp.moblie .alpha-box::after{left: 50px; top: 78px; height: calc(100% - 125px);}
  .bt-model-warp.moblie .alpha-box{position: static; margin-left: 0;}
  .ys-model-wrap .moblie .left{width: 100%; margin-bottom: 20px;}
  .ys-model-wrap .moblie .left:last-child{margin-bottom: 0px;}
  .bt-model-warp .round-box .cir-box:nth-child(1)::after{background: none;}
  /* 모바일 content02*/
  .bt-model-warp.moblie .content02{margin-bottom: 35px;}
  .bt-model-warp .sentence-box{display: block; padding-top: 0;}
  .bt-model-warp .sentence-box .inner-txt > p{font-size: 18px;}
  .bt-model-warp .sentence-box .left-area > ul{margin: 0 0; display: block;}
  .bt-model-warp .sentence-box .left-area{width: 100%;}
  .bt-model-warp .sentence-box .left-area > ul > li{width: 100%; padding: 0 0; margin-bottom: 20px;}
  .bt-model-warp .sentence-box .left-area > ul > li:last-child{margin-bottom: 0;}
  .bt-model-warp .sentence-box .tit-box p{display: inline-block;}
  .bt-model-warp .content02 .round-box .cir-box:nth-child(1){margin-top: 0; border: 6px solid #007BE2;}
  .bt-model-warp .content02 .round-box .cir-box:last-child{margin-top: 0; border: 6px solid #E6378D;}
  /* 모바일 content03*/
  .bt-model-warp .content03 .round-box .cir-box:nth-child(1){margin-top: 0; border: 6px solid #22B2E9;}
  .bt-model-warp .content03 .under-box{margin-bottom: 10px; padding-top: 0;}
  .bt-model-warp .content03 .under-box p{border-radius: 0 15px 15px 15px; font-size: 17px;}
}

  @media all and (max-width:650px){
    .bt-model-warp.moblie .cir-box > p{font-size: 22px;}
    .ys-model-wrap .inner .txt-tit{font-size: 20px; margin-bottom: 0;}
    .ys-model-wrap .inner > p{font-size: 16px; margin-bottom: 0;}
    .ys-model-wrap .left .inner ul li{font-size: 15px; line-height: 25px;}
    .bt-model-warp .sentence-box .inner-txt > p{font-size: 16px;}
    .ys-model-wrap .moblie .left{margin-bottom: 5px;}
    .ys-model-wrap .text-box{margin-bottom: 0;}
    .bt-model-warp .content03 .under-box p{border-radius: 0 15px 15px 15px; font-size: 14px;}
    .bt-model-warp .sentence-box .left-area > ul > li{margin-bottom: 15px;}
  }
/* @media all and (max-width:600px){
.bt-model-warp .sentence-box .left-area > ul{display: block; margin: 0 0;}
.bt-model-warp .sentence-box .left-area > ul > li{width: 100%; padding: 0 0; margin-bottom: 15px;}
.bt-model-warp .sentence-box .right-area > ul{display: block; margin: 0 0;}
.bt-model-warp .sentence-box .right-area > ul > li{width: 100%; padding: 0 0; margin-bottom: 15px;}
.bt-model-warp .sentence-box .inner-txt{min-height: auto; padding: 20px;}
.bt-model-warp .under-box{padding-top: 0;}
} */

/* p-tech */
.p-tech-box {position: relative; padding-top: 50px; margin-bottom: 70px;}
.p-tech-box {position: relative;}
.p-tech-box::after {content:''; display: block; clear:both;}
.p-tech-box .btn-bx{padding-top: 60px;}
.p-tech-box .text-box {width:40%; float:left; position: relative;}
.p-tech-box .text-box h2 {font-family:'Dream Medium'; font-size: 28px; letter-spacing: -.05em; line-height: 38px; color:#222; -webkit-line-clamp: 2; overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; max-height:105px; height:auto; margin:20px 0; position: relative; padding-top:30px; }
.p-tech-box .text-box h2::before {content:''; width:60px; height:3px; background:#E6378D; position: absolute; top:0px; left:0;}
.p-tech-box .text-box p {font-size: 16px; font-family: 'Dream Regular'; color:#666; line-height: 32px; letter-spacing: -.05em; -webkit-line-clamp: 7; overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; height:180px;}
.p-tech-box .thumb-box {width:60%; float:right; position: relative; max-width:800px;}
.p-tech-box .thumb-box::before {content:''; width:100%; height: 100%; border: 15px solid #f3f3f3; position: absolute; top:-50px; left:-50px;}
.p-tech-box .thumb-box::after {content: 'YEONSUNG VIDEO'; position: absolute; left: -48px; top: -49px; white-space: nowrap; font-family: 'Sebang Bold'; font-size:50px; line-height: 1; color: #f3f3f3; transform: rotate(90deg); transform-origin: left top; letter-spacing: .02em;}
.p-tech-box .thumbnail {position: relative; padding-bottom:52.25%; padding-top:30px; height:0; overflow:hidden; border:1px solid #C5C5C5;}
.p-tech-box .thumbnail .movie-thumbnail {width:100%; height:100%; position: absolute; top:0; left:0;}
.p-tech-box .thumbnail .movie-thumbnail img{height: 100%;}
.p-tech-box .thumbnail .movie-thumbnail::after {content:''; width:92px; height:103px; background:url('../../images/sub/top-video-play.png') no-repeat center / cover; position: absolute; top:50%; left:50%; margin: -51.5px 0 0 -46px}

@media all and (max-width:1380px) {   
.p-tech-box .thumb-box::after {font-size: 3.62vw;}
/* .p-tech-box .text-box {padding-right:30px;} */
}
@media all and (max-width:1024px) {
.p-tech-box .thumb-box {float:none; margin:0 auto;}
.p-tech-box .text-box {float:none; width:100%;}
.p-tech-box .text-box p {max-height:180px; height:auto;}
.p-tech-box .btn-bx{padding-top: 20px;}
}
@media all and (max-width:768px) {
.p-tech-box .thumbnail .movie-thumbnail::after {width:56px; height:63px; margin:-31.5px 0 0 -28px;}

}
@media all and (max-width:650px) {
.p-tech-box .thumb-box {width:70%;}
.p-tech-box .thumb-box::before {top:-30px; left:-30px;}
.p-tech-box .thumb-box::after {top:-30px; left:-30px;}
.p-tech-box .text-box h2 {font-size: 22px;}
}

/* 연성 sns */

/* Table */
.yeonseong-sns-table .con-table tbody td { padding: 14px 15px; } 
/* SNS 아이콘박스 */
.yeonseong-sns-table .con-table .dept-sns { display: inline-block; position: relative; margin: 0; margin-top: 6px; } 
.yeonseong-sns-table .con-table .dept-sns::after { content: ""; display: block; clear: both; } 
.yeonseong-sns-table .con-table .dept-sns li { float: left; width: 32px; height: 32px; text-indent: -9999px; display: inline-block; margin-right: 15px; } 
.yeonseong-sns-table .con-table .dept-sns li a { display: block; width: 100%; height: 100%; } 
.yeonseong-sns-table .con-table .dept-sns li:last-child { margin-right: 0; } 
/* SNS 아이콘 이미지 경로 수정해야함 */
.yeonseong-sns-table .con-table .dept-sns li.fb { background: url("../../images/guide/ic-facebook.png") no-repeat center; } 
.yeonseong-sns-table .con-table .dept-sns li.insta { background: url("../../images/guide/ic-instagram.png") no-repeat center; } 
.yeonseong-sns-table .con-table .dept-sns li.yt { background: url("../../images/guide/ic-youtube.png") no-repeat center; } 
.yeonseong-sns-table .con-table .dept-sns li.blog { background: url("../../images/guide/ic-blog.png") no-repeat center; }


@media all and (max-width:1155px){
.yeonseong-sns-table .con-table colgroup col:nth-child(3) { width: 205px !important; } 
.yeonseong-sns-table .con-table colgroup col:nth-child(4) { width: 234px !important; } 
}


/* 학사/석사과정 */
.master-course .bg-color{background: #EEEEEF;}
.master-course {position: relative;}
.master-course ul {display: flex;justify-content: center;}
.master-course li { width: 33.3333%; display: flex; flex: 1; border-radius: 100px; justify-content: center; align-items: center;padding: 24px 0; position: relative;}
.master-course li p { text-align: center; color: #fff; font-size: 20px; font-family: "Dream Medium"; display: flex; align-items: center;}
.master-course li span{ color: #fff; font-size: 20px; font-family: "Dream Medium";}
.master-course li .ml-sp{margin-left: -6px;}
.master-course li .p1 { font-size: 48px; letter-spacing: -0.05em;  font-family: "Dream Medium"; padding-left: 25px;}
.master-course li:first-child { background: rgba(89, 181, 245, 1);}
.master-course li:nth-child(2) {  background: rgba(78, 193, 237, 0.8);  margin: 0 -40px;}


@media all and (max-width: 1200px) {
.master-course li:nth-child(2) {margin: 0 -30px;}


}

@media all and (max-width: 1024px) {
.master-course ul {flex-wrap: wrap;}
.master-course li { width: 100%; flex: unset;padding: 30px 0;}
.master-course li .p1{font-size: 40px; padding-left: 15px;}
.master-course li:nth-child(2) { margin: -20px 0;}

}

/* 복수전공 / 부전공 */
.second-major .inner{max-width: 1176px; width: 100%; margin: auto;}
.second-major .inner .con-box{display: flex; flex-wrap: wrap;}
.second-major .con-box .left{width: 50%; height: 336px; position: relative;}
.second-major .tit > p{font-size: 20px; font-family: "Dream Medium"; color: #fff; position:absolute;}
.second-major .left .tit > p{ bottom:8px; left: 230px;}
.second-major .left-shape .left-inner{padding-top: 90px; padding-right: 115px;}
.second-major .ic-area > ul{display: flex; align-items: center; justify-content: center;}
.second-major .txt-box{margin-top: 35px;}
.second-major .left .ic-area .ic{background: url(/sites/ko/images/sub/major-left-com-ic.png) no-repeat center center / cover; width: 71px; height: 71px;}
.second-major .left .ic-area .plus{background: url(/sites/ko/images/sub/major-left-plus-ic.png) no-repeat center center / cover; width: 12px; height: 12px; margin: 0 20px;}
.second-major .con-box .left-shape{ background: url(/sites/ko/images/sub/major-left-shape.png) no-repeat top left; background-size: 585px 336px; height: 100%; }

.second-major .con-box .right{width: 50%; height: 336px;position: relative;}
.second-major .con-box .right-shape{ background: url(/sites/ko/images/sub/major-right-shape.png) no-repeat top right; background-size: 585px 336px; height: 100%; }
.second-major .right .ic-area .ic{background: url(/sites/ko/images/sub/major-right-com-ic.png) no-repeat center center / cover; width: 71px; height: 71px;}
.second-major .right .ic-area .plus{background: url(/sites/ko/images/sub/major-right-plus-ic.png) no-repeat center center / cover; width: 12px; height: 12px; margin: 0 20px;}
.second-major .right .ic-area .ic-02{background: url(/sites/ko/images/sub/major-right-book-ic.png) no-repeat center center / cover; width: 66px; height: 45px;}

.second-major .right-shape .right-inner{padding-top: 90px; padding-left: 115px;}
.second-major .right .tit > p{ top:11px; right: 212px; margin-left: 16px;}

.second-major .ti-box > p{font-size: 18px; font-family: "Dream Medium"; line-height: 30px; letter-spacing: -.05em; color: #0070cf; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}
.second-major .txt-box > p{font-size: 16px; font-family: "Dream Medium"; line-height: 25px; letter-spacing: -.05em; color: #222222; text-align: center;}

.second-major .ti-box{ background: url(/sites/ko/images/sub/major-center-shape.png) no-repeat center center; ; height: 100%; width: 310px; height: 310px; display: table; position:absolute; top:50%; margin-top:-155px; left:50%; margin-left: -155px; background-color: #fff; z-index: 1; border-radius: 50%; }

@media all and (max-width:1100px){
.second-major .ti-box{position: static; margin-top: 0; margin-left: 0; margin: auto; width: 280px; height: 280px;}
.second-major .inner .con-box{margin: 0 -10px;}
.second-major .con-box .left , .second-major .con-box .right  {text-align: center; height:auto; padding: 0 10px;}
.second-major .con-box .left-shape{background: none; border: 4px solid #22B2E9; border-radius: 100px; min-height: 250px; height: auto;}
.second-major .con-box .right-shape{background: none; border: 4px solid #007BE2; border-radius: 100px; min-height: 250px; height: auto;}
.second-major .left-shape .left-inner{padding-top: 50px; padding-right: 0;}
.second-major .right-shape .right-inner{padding-top: 50px; padding-left: 0;}
.second-major .tit{display: inline-block;}
.second-major .tit > p{ padding: 10px 60px; border-radius: 10px;}
.second-major .left .tit > p{background: #22B2E9; top: 0; left: 50%; margin-left: -93.5px; bottom: unset;}
.second-major .right .tit > p{background: #007BE2; top: 0; left: 50%; margin-left: -93.5px; right: unset;}

} 

@media all and (max-width:768px){
.second-major .ti-box{margin-bottom: 25px;}
.second-major .inner .con-box{display: block;}
.second-major .con-box .left, .second-major .con-box .right{width: 100%; margin-bottom: 15px;}
.second-major .con-box .left-shape , .second-major .con-box .right-shape{border-radius: 80px;}
}

/* 학생성공경력개발 */
.career-wrap .inner > ul > li { display: flex; justify-content: space-between; margin-bottom: 29px;}

.career-wrap .inner > ul > li:last-child {margin-bottom: 0;}

.career-wrap ul li.vision .info-box p, .career-wrap ul li.goal .info-box p { position: relative;font-family: 'Dream Medium'; font-size: 18px; letter-spacing: -.05em; color: #222;}

.career-wrap ul li.vision .info-box p::before { content: ""; position: absolute; left: -61px; top: -5px; width: 32px; height: 28px; background-image: url("../../images/sub/dot_left.png"); background-size: 100%; background-position: center; background-repeat: no-repeat;}

.career-wrap ul li.vision .info-box p::after { content: ""; position: absolute; right: -63px;  top: 5px; width: 32px; height: 28px; background-image: url("../../images/sub/dot_right.png"); background-size: 100%; background-position: center; background-repeat: no-repeat;}

.career-wrap ul li .color-box { position: relative; display: flex; justify-content: center; align-items: center; width: 250px; margin-right: 50px; border-radius: 0 15px 15px 15px; flex-shrink: 0;}
.career-wrap ul li.goal .color-box {background-color: #22b2e9;}

.career-wrap ul li .color-box::after { content: ""; position: absolute; right: -38px;top: 50%; margin-top: -2.5px; width: 25px; height: 5px; background-image: url("../../images/sub/dots.png"); background-position: center;background-repeat: no-repeat; background-size: 100%;}
.career-wrap ul li .color-box span { font-size: 20px; line-height: 1.5; color: #fff; font-family: "Dream Medium";}
.career-wrap ul li .info-box { display: flex; align-items: center; position: relative;
width: 1200px;  padding: 17px 20px 17px 40px; border: 1px solid #bcbcbc; border-radius: 0 15px 15px 15px;}
.career-wrap .con-list1{width: 100%;}
.career-wrap .con-list1 > ul{display: flex; flex-wrap: wrap; width: 100%; }
.career-wrap .con-list1 > ul > li{ margin-bottom: 0; width: 20%; line-height: 38px;} 
.career-wrap .con-list1 > ul > li.title:before{top: 15px;}


@media (max-width: 1200px){
.career-wrap .con-list1 > ul > li{width: 25%;}
}

@media (max-width: 1100px){
.career-wrap .con-list1 > ul > li{width: 33.33%;}
}

@media (max-width: 900px) {
.career-wrap .inner > ul > li { justify-content: flex-start; align-items: center;  flex-direction: column; margin-bottom: 50px;}
.career-wrap ul li .color-box { height: 70px; margin-bottom: 50px;  margin-right: 0; border-radius: 0 15px 15px 15px;}
.career-wrap ul li .color-box::after {  right: 50%;  top: 95px; margin-right: -12.5px;
transform: rotate(90deg);}
.career-wrap ul li .info-box { width: 100%; height: auto; padding: 15px 20px;}
.career-wrap ul li.vision .info-box p::before { left: -30px; width: 25px; height: 25px; background-size: contain;
z-index: -1;}
.career-wrap ul li.vision .info-box p::after { right: -30px; width: 25px; height: 25px; background-size: contain; z-index: -1;}
.career-wrap ul li .strategy-list-wrap {  display: flex;  flex-wrap: wrap; margin: 0 -10px;}
.career-wrap ul li .strategy-list { width: 50%; margin: 0; padding: 0 10px;  margin-bottom: 30px;}
.career-wrap ul li .strategy-list-wrap > div:nth-last-child(-n + 2) { margin-bottom: 0;}
}

@media (max-width: 768px) {
.career-wrap .con-list1 > ul > li{width: 50%;}
.career-wrap ul li .color-box{height: 60px;}
.career-wrap ul li .color-box span{font-size: 18px;}
.career-wrap ul li .color-box::after{top: 85px;}
}

/* Gem경력개발시스템 */
.info-box1.type02 .left{padding-bottom: 30px;}
.info-box1.type02 .title p{font-family: "Dream Medium";}
.info-box1.type02 .con-list1 > ul > li{color:#444;}
.info-box1.type02 .txt-box{margin-bottom: 0;}

/*Gem 경력개발 구성 */ 
.confi-wrap{max-width: 1115px; padding: 30px 0; margin: 0 auto;}
.confi-wrap.title {margin-bottom: 48px;}
.confi-wrap ul { display: flex;justify-content: space-between;}
.confi-wrap ul li {display: flex;  width: calc((100% / 3) - 33.33px); flex-direction: column; align-items: center;}
.confi-wrap ul li .circle { position: relative; width: 200px; height: 200px; padding-top: 30px; border-radius: 50%;}
.confi-wrap ul li.sincerity .circle {  background-color: #e6378d;}
.confi-wrap ul li.creative .circle {  background-color: #22b2e9;}
.confi-wrap ul li.industrious .circle { background-color: #c6d800;}
.confi-wrap ul li .circle:before {  content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 215px;height: 215px; border-radius: 50%; border: 1px dashed #ddd;}
.confi-wrap ul li .circle .text-wrap { text-align: center;}
.confi-wrap ul li .circle .text-wrap span { position: relative; padding: 7px 0; font-size: 14px;line-height: 1.5; letter-spacing: -0.05em; color: #fff; font-family: "Dream Regular";}
.confi-wrap ul li .circle .text-wrap span:before {content: ""; position: absolute; left: 50%; top: 0;transform: translateX(-50%); width: calc(100% + 5px);height: 1px; background-color: #fff;}

.confi-wrap ul li .circle .text-wrap span:after {content: "";  position: absolute; left: 50%;  bottom: 0;
transform: translateX(-50%); width: calc(100% + 5px); height: 1px; background-color: #fff;}

.confi-wrap ul li .circle .text-wrap strong {display: block;margin-top: 23px;font-size: 22px; letter-spacing: -0.05em; line-height: 30px; color: #fff; font-family: "Dream Medium";}
.confi-wrap ul li:first-child .circle .text-wrap strong{margin-top: 17px;}
.confi-wrap ul li.arrow{background:url('../../images/guide/list-content-plus.png') no-repeat center center;}




/* .confi-wrap ul li .text-box:after {
content: "";
position: absolute;
left: 50%;
top: -44px;
transform: translate(-50%);
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #e6378d;
} */



/* .confi-wrap ul li.sincerity .text-box:after {
background-color: #e6378d;
}

.confi-wrap ul li.creative .text-box:after {
background-color: #22b2e9;
}

.confi-wrap ul li.industrious .text-box:after {
background-color: #c6d800;
} */

.confi-wrap ul li .text-box p {
font-size: 15px;
letter-spacing: -0.025em;
line-height: 22px;
color: #777;
font-family: "Dream Regular";
}

@media all and (max-width:800px){
.confi-wrap ul{display: block;}
.confi-wrap ul li{width: 100%;}
.confi-wrap ul li.arrow{padding: 40px 0;}
.confi-wrap ul li .circle .text-wrap strong{font-size: 20px;}

}

/* Gem마일리지 프로그램 */
.info-box1.type03 .txt-box p{min-height: 175px;}

@media all and (max-width:1024px){
.info-box1.type03 .txt-box p{min-height: auto;}

}
.gem-program-wrap{max-width:1380px; width:100%; margin:25px auto 0;}
.gem-program-wrap ul {position: relative; display: flex; justify-content: space-between; gap: 0 23px; align-items: center; padding-bottom: 40px; }
.gem-program-wrap li:not(.arrow) {position: relative; display: flex; justify-content: center; align-items: center; width: 130px; height: 130px; background: #fff; border: 2px solid #22B2E9; border-radius: 100%; font-family: 'Dream Regular'; font-size: 18px;}
.gem-program-wrap li.arrow{background:url('../../images/guide/list-content-plus.png') no-repeat center center; width: 29px; height: 29px;}
.gem-program-wrap li.plus{background:url('../../images/guide/list-content-arrow.png') no-repeat center center; width: 29px; height: 38px;}

.gem-program-wrap li.color {background: #22B2E9; border: 2px solid #22B2E9;}
.gem-program-wrap li.color .ico .on {display: none;}
.gem-program-wrap li.color .ico .on {display: inline-block;}
.gem-program-wrap li.color .ico .off {display: none;}
.gem-program-wrap li.color .num {color: #fff;}
.gem-program-wrap .box {text-align: center;}
.gem-program-wrap .num {display: block; margin-bottom: 10px; font-family: 'Play Bold'; font-size: 18px; color: #0070CF;}
.gem-program-wrap .title {position: absolute; left: 50%; top: 100%; width: auto; padding-top: 20px; font-family: 'Dream Regular'; font-size: 16px; text-align: center; color: #222; transform: translate(-50%, 0); white-space: nowrap;}
.gem-program-wrap-list img {display: inline-block; margin-right: 18px; vertical-align: middle;}

@media all and (max-width: 1500px) {
.gem-program-wrap-list {display: none;} 
}

/* @media all and (max-width: 1024px) {
.gem-program-wrap ul {flex-wrap: wrap; gap: 5px; justify-content: space-between; padding-bottom: 0;}
.gem-program-wrap li{margin-bottom: 50px;}
.gem-program-wrap li:not(.arrow)  {width: 22%; border-radius: 0px;}
.gem-program-wrap .title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
} */

@media all and (max-width: 1024px) {
.gem-program-wrap ul {flex-wrap: wrap; gap: 5px; justify-content: space-between; padding-bottom: 0;}
.gem-program-wrap li{margin-bottom: 45px;}
.gem-program-wrap li:not(.arrow)  {width: 100%; border-radius: 0px;}
.gem-program-wrap li.arrow{padding-bottom: 60px; margin-bottom: 0;}
.gem-program-wrap li.plus{transform: rotate(90deg);}
.gem-program-wrap ul{justify-content: center;}

}

@media all and (max-width: 500px) {
.gem-program-wrap .title {font-size: 14px;}
}

/* 프로그램 안내 */
.program-noti-wrap .inner > ul > li { display: flex; justify-content: space-between; margin-bottom: 29px;}
.program-noti-wrap .inner > ul > li:last-child {margin-bottom: 0;}
.program-noti-wrap ul li.goal .info-box p { position: relative;font-family: 'Dream Regular'; font-size: 16px; letter-spacing: -.05em; color: #444;}
.program-noti-wrap ul li.vision .info-box p::before { content: ""; position: absolute; left: -61px; top: -5px; width: 32px; height: 28px; background-image: url("../../images/sub/dot_left.png"); background-size: 100%; background-position: center; background-repeat: no-repeat;}
.program-noti-wrap ul li.vision .info-box p::after { content: ""; position: absolute; right: -63px;  top: 5px; width: 32px; height: 28px; background-image: url("../../images/sub/dot_right.png"); background-size: 100%; background-position: center; background-repeat: no-repeat;}
.program-noti-wrap ul li .color-box { position: relative; display: flex; justify-content: center; align-items: center; width: 250px; margin-right: 50px; border-radius: 0 15px 15px 15px; flex-shrink: 0;}
.program-noti-wrap ul li.goal .color-box {background-color: #22b2e9;}
.program-noti-wrap ul li .color-box::after { content: ""; position: absolute; right: -38px;top: 50%; margin-top: -2.5px; width: 25px; height: 5px; background-image: url("../../images/sub/dots.png"); background-position: center;background-repeat: no-repeat; background-size: 100%;}
.program-noti-wrap ul li .color-box span { font-size: 20px; line-height: 1.5; color: #fff; font-family: "Dream Medium";}
.program-noti-wrap ul li .info-box {position: relative; width: 1200px;  padding: 25px 20px 28px 40px; border: 1px solid #bcbcbc; border-radius: 0 15px 15px 15px;}
.program-noti-wrap .con-list1{width: 100%;}
.program-noti-wrap .con-list1 > ul{display: flex; flex-wrap: wrap; width: 100%; }
.program-noti-wrap .con-list1 > ul > li{ margin-bottom: 0; width: 20%; line-height: 38px;} 
.program-noti-wrap .con-list1 > ul > li.title:before{top: 15px;}


@media (max-width: 1200px){
.program-noti-wrap .con-list1 > ul > li{width: 25%;}
}

@media (max-width: 1100px){
.program-noti-wrap .con-list1 > ul > li{width: 33.33%;}
}

@media (max-width: 900px) {
.program-noti-wrap .inner > ul > li { justify-content: flex-start; align-items: center;  flex-direction: column; margin-bottom: 50px;}
.program-noti-wrap ul li .color-box { height: 70px; margin-bottom: 50px;  margin-right: 0; border-radius: 0 15px 15px 15px;}
.program-noti-wrap ul li .color-box::after {  right: 50%;  top: 95px; margin-right: -12.5px;
transform: rotate(90deg);}
.program-noti-wrap ul li .info-box { width: 100%; height: auto; padding: 20px;}
.program-noti-wrap ul li.vision .info-box p::before { left: -30px; width: 25px; height: 25px; background-size: contain;
z-index: -1;}
.program-noti-wrap ul li.vision .info-box p::after { right: -30px; width: 25px; height: 25px; background-size: contain; z-index: -1;}
.program-noti-wrap ul li .strategy-list-wrap {  display: flex;  flex-wrap: wrap; margin: 0 -10px;}
.program-noti-wrap ul li .strategy-list { width: 50%; margin: 0; padding: 0 10px;  margin-bottom: 30px;}
.program-noti-wrap ul li .strategy-list-wrap > div:nth-last-child(-n + 2) { margin-bottom: 0;}
}

@media (max-width: 768px) {
.program-noti-wrap .con-list1 > ul > li{width: 50%;}
.program-noti-wrap ul li .color-box{height: 60px;}
.program-noti-wrap ul li .color-box span{font-size: 18px;}
.program-noti-wrap ul li .color-box::after{top: 85px;}
.program-noti-wrap ul li.goal .info-box p{font-size: 15px;}
}

/* 인증기준 */
.certify-wrap .list-box{display: flex; justify-content: space-between;}
.certify-wrap .list-box .first-tit{width:250px;}
.certify-wrap .list-box .second-tit{width:290px;}
.certify-wrap .list-box .third-tit{width:340px;}
.certify-wrap .list-box .fourth-tit{width:470px;}
.certify-wrap .list-box > div{background: #DEDEDE; border-radius: 0 15px 15px 15px; padding: 12px; margin-left: 50px;}
.certify-wrap .list-box > div:first-child{margin-left: 0; flex: none;}
.certify-wrap .list-box p{font-size: 16px; font-family: "Dream Regular"; line-height: 1.5; letter-spacing: -.05em; color: #222222; text-align: center;}
.certify-wrap .info-list-box{margin-top: 30px;}
.certify-wrap .info-list-box p{color: #333333; font-size: 16px; font-family: "Dream Regular"; line-height: 35px; letter-spacing: -.05em; text-align: center;}
.certify-wrap .top-box > ul{display: flex; justify-content: space-between; flex-wrap:nowrap;}
.certify-wrap .top-box > ul > li{ margin-left: 50px;display: flex; align-items: center; justify-content: center; position: relative;}
.certify-wrap .top-box > ul > li::after{content: ''; background: url("../../images/sub/correction-dots.png") no-repeat center center; position: absolute; width: 25px; height: 25px; top: 50%; margin-top: -12.5px; left: -38px;}
.certify-wrap .inner-box2{ border: 1px solid #BCBCBC; border-radius: 0 15px 15px 15px;width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding:20px 10px;}
.certify-wrap .top-box li:first-child{width: 250px; margin-left: 0; flex:none; border: 0; display: flex;}
.certify-wrap .top-box li:first-child::after{background: none;}
.certify-wrap .top-box li:nth-child(2){width: 290px;}
.certify-wrap .top-box li:nth-child(3){width: 340px;}
.certify-wrap .top-box li:nth-child(4){width: 470px; border:0;}
.certify-wrap .top-box li:nth-child(4)::after{background: none;}

.certify-wrap .top-box li:nth-child(4) > div{width: 100%;}


.certify-wrap .inner-box1{display: flex;  flex: 1; height: 100%; margin: 0 -5px;}
.certify-wrap .inner-box1 > div{flex: 1;  display: table; padding: 0 5px;}
.certify-wrap .inner-box1 > div > p{display: table-cell; vertical-align: middle; border: 1px solid #BCBCBC; border-radius: 0 15px 15px 15px;line-height: 22px; }
.certify-wrap .inner-box1 .color1 > p{background: #BCBCBC; color: #fff; padding: 20px;}
.certify-wrap .info-border{padding: 40px 10px;}
.certify-wrap .info-list-box.type02 .inner-box1 .color1 > p {background: #4B585F;color: #fff;}

.certify-wrap .info-border{border: 1px solid #BCBCBC; border-radius: 0 15px 15px 15px;text-align: center;}
.certify-wrap .top-info-box{position: relative;}
.certify-wrap .top-info-box::after{content:"";content: ''; background: url("../../images/sub/correction-dots.png") no-repeat center center; position: absolute; width: 25px; height: 25px; top: 50%; margin-top: -12.5px; left: -38px; } 
.certify-wrap .under-info-box{position: relative;}
.certify-wrap .under-info-box::after{content:"";content: ''; background: url("../../images/sub/correction-dots.png") no-repeat center center; position: absolute; width: 25px; height: 25px; top: 50%; margin-top: -12.5px; left: -38px; } 
.certify-wrap .top-info-box p{font-size: 22px; line-height: 40px; color: #000000;}
.certify-wrap .top-info-box span{font-size: 14px; margin-top: 13px; display:inline-block;}
.certify-wrap .under-info-box{margin-top: 10px;}
.certify-wrap .tit{display:none;}




@media all and (max-width:1200px){
  .certify-wrap .top-box > ul{}
  .certify-wrap .top-box > ul > li::after{background: none;}
  .certify-wrap .top-info-box::after{background: none;}
  .certify-wrap .under-info-box::after{background: none;}
  .certify-wrap .top-box > ul > li{margin-left: 20px;}
  .certify-wrap .list-box > div{margin-left: 20px;}

}
@media all and (max-width:1100px){
  .certify-wrap .list-box{display: none;}
  .certify-wrap .tit{display:block; background: #DEDEDE; border-radius: 0 15px 15px 15px; width: 100%; margin-bottom: 10px; }
  .certify-wrap .inner-box1{width: 100%;}
  .certify-wrap .tit > p{font-size: 16px; font-family: "Dream Regular"; line-height: 1.5; letter-spacing: -.05em; color: #222222; text-align: center; padding: 12px 0;}
  .certify-wrap .top-box > ul{flex-wrap: wrap; margin: 0 -10px;}
  .certify-wrap .top-box li:first-child{width: 50%; display: flex;}
  .certify-wrap .top-box li:nth-child(2){width: 50%;}
  .certify-wrap .top-box li:nth-child(3){width: 50%;}
  .certify-wrap .top-box li:nth-child(4){width: 50%;}
  .certify-wrap .top-box > ul > li{ margin-left: 0; padding: 0 10px; display: flex; flex-flow: column; margin-bottom: 20px;} 
  .certify-wrap .top-info-box p{font-size: 20px; line-height: 34px;}
}

@media all and (max-width:768px){
  .certify-wrap .top-box li:first-child{width: 100%;}
  .certify-wrap .top-box li:nth-child(2){width: 100%;}
  .certify-wrap .top-box li:nth-child(3){width: 100%;}
  .certify-wrap .top-box li:nth-child(4){width: 100%;}
  .certify-wrap .info-list-box p{line-height: 28px;}
  .certify-wrap .info-border{padding: 20px 10px;}
  .certify-wrap .top-info-box p{font-size: 18px; line-height: 30px;}
}

/* 경력로드맵 예시 */
.system-map-wrap{margin: 0 -15px; margin-top: 15px;}
.system-map-wrap::after{content: ''; display: block; clear: both;}
.system-map-wrap > div{padding: 0 15px;}
.system-map-wrap .left{float: left; width: 50%;}
.system-map-wrap .left img{border: 1px solid #E8E8E8;}
.system-map-wrap .right{float: right; width: 50%;}
.system-map-wrap .right img{border: 1px solid #E8E8E8;}
.system-map-wrap .txt-box{text-align: center; font-size: 16px; color: #555555; margin-top: 25px;}

@media all and (max-width:768px){
  .system-map-wrap .txt-box{font-size:14px;}
}

/* 디지털 배지 */
.edu-acti-border {position: relative;}
.edu-acti-border ul {display: flex; flex-wrap:wrap; margin:0 -15px;}
.edu-acti-border li {width:20%; padding:0 15px; margin-bottom: 10px; text-align: center; }
.edu-acti-border .img-box {position: relative; display: inline-block; border:1px solid #E8E8E8;width: 100%;}
.edu-acti-border .img-box::after {content:''; top:10px; left:10px; right:10px; bottom:10px; border:1px solid #E8E8E8; position: absolute;}
.edu-acti-border li p {font-size: 16px; line-height: 28px; letter-spacing: -.025em; font-family: 'Dream Regular'; color:#555; text-align: center; margin: 15px 0;}

@media all and (max-width:1023px) {
  .edu-acti-border li {width:33.333%;}
}
@media all and (max-width:650px) {
  .edu-acti-border li {width:50%;}
  .wrap-group .group-area {padding: 20px 0;}
}

/* 출석점수 table bg css */
/* .wrap-table2 .con-table tbody th{background: #EEEEEF;}  */

/* 보강일 */
.con-guide {position: relative; line-height: 1.6;}
.con-guide:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-guide table {position: relative;}
.con-guide table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; background: #000}
.con-guide table:before {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-guide thead th {padding: 13px 10px; background: #f5f7f8; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Medium'; font-size: 16px; font-weight: 400; color: #333;}
.con-guide tbody {display: table-header-group;}
.con-guide tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.con-guide tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Medium'; font-size: 16px; font-weight: 400; color: #333;}
.con-guide tbody td {padding: 12px 15px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Regular'; font-size: 16px; text-align: left; color: #666;}
.con-guide tbody td a {color: #333;}
.con-guide .list > li {position: relative; padding-left: 15px;}
.con-guide .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.con-guide .link {position: relative; color: #666;}
.con-guide .link:hover {color: #004a8f;}
.con-guide .link::before {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #004a8f; transition: width .5s;}
.con-guide .link:hover::before {width: 100%;}
.con-guide .link[target=_blank]::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}
.con-guide .align-l {text-align: left;}
.con-guide .align-c {text-align: center;}
.con-guide .align-r {text-align: right;}
.con-guide strong {font-family: 'Noto Regular'; color: #000;}

@media all and (max-width: 500px) {
  .con-guide thead th,
  .con-guide tbody th,
  .con-guide tbody td {font-size: 14px;}
}

/* Gem-Global Pre Internship */
@media all and (max-width:500px){
  .wrap-pre-internship1.wrap-build.type02 .build-inner{padding-top: 0;}
}

/* [S]실전취업 */
.job-wrap {position: relative;}
.job-wrap ul {display: flex; margin:0 -15px; flex-wrap:wrap;}
.job-wrap ul li {width:16.6666%; padding:0 15px; margin-bottom: 35px;}
.job-wrap li .img-box {height:100px; display: flex; align-items: center; justify-content: center; border:1px solid #bcbcbc;}
.job-wrap li {text-align: center; }
.job-wrap li p {font-size: 16px; line-height: 28px; letter-spacing: -.025em; color:#555; font-family: 'Dream Regular'; margin-top: 10px;}
@media (max-width:1400px) {
  .job-wrap ul li {width:20%;}
}
@media (max-width:1024px) {
  .job-wrap ul li {width:25%;}
}
@media (max-width:890px) {
  .job-wrap ul li {width:33.3333%;}
}
@media (max-width:650px) {
  .job-wrap ul li {width:50%;}
}
/* [E]실전취업 */