@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');

/*프라임계통사이트ONLY*/
.wrap-top .top-pop .gotoPrimeOnly a{width:auto;padding:0 15px;background:#11bede}
.wrap-top .top-pop li:last-child a{margin-right:0;}
@media all and (max-width:1280px) {
  .wrap-top .top-pop{display:block;margin-left:0;float:none;}
  .wrap-top .top-pop ul{display:block;}
  .wrap-top .top-util .top-zoom{display:none;}
  .wrap-top .top-util {margin-right:0;}
  .wrap-top .oldprime {margin-right:0;}  
}
@media all and (max-width:768px) {
  .wrap-top .top-pop li:nth-child(1),
  .wrap-top .top-pop li:nth-child(2){display:none;}
  .wrap-top .top-pop .gotoPrimeOnly{width:33.33%;}
  .wrap-top .top-pop .gotoPrimeOnly a{padding:0;text-align:center;font-size:14px;line-height:40px;}
}

/*학사흐름도*/
.haksaFlow{}
.haksaFlow > ul{display:flex;}
.haksaFlow > ul > li{width:28%;margin-left:-4%;position:relative;}
.haksaFlow > ul > li:nth-child(1){margin-left:0;}
.haksaFlow > ul > li:nth-child(1) div{background-color:rgba(101,177,248,0.8);}
.haksaFlow > ul > li:nth-child(2) div{background-color:rgba(57,126,227,0.8);}
.haksaFlow > ul > li:nth-child(3) div{background-color:rgba(56,98,201,0.8);}
.haksaFlow > ul > li:nth-child(4) div{background-color:rgba(52,66,102,0.8);}
.haksaFlow > ul > li div{text-align:center;color:#FFF;font-size:20px;font-family:'Noto Medium';padding:10px 5px;border-radius:30px;}
.haksaFlow > ul > li:after{content:"";display:block;width:20px;height:20px;background:url(/images/smart/sub/arrow_3_r_w.png) no-repeat center;position:absolute;top:17px;right:15px;z-index:1;}
.haksaFlow > ul > li:nth-child(4):after{display:none;}
.haksaFlow > ul > li > ul{margin:20px 55px;}
@media all and (max-width:1280px) {
  .haksaFlow > ul > li{width:28.75%;margin-left:-5%;}
}
@media all and (max-width:1024px) {
  .haksaFlow > ul{display:block;}
  .haksaFlow > ul > li{width:400px;margin:0 auto !important;}
  .haksaFlow > ul > li:after{background:url(/images/smart/sub/arrow_3_r_b.png) no-repeat center;margin:10px auto;position:relative;top:auto;right:auto;transform:rotate(90deg);}
  .haksaFlow > ul > li div{font-size:18px;padding:7px 5px;}
  .haksaFlow > ul > li > ul{margin:15px 10px;}
}
@media all and (max-width:480px) {
  .haksaFlow > ul > li{width:96%;}
}
.haksaFlow2{font-size:0;}
.haksaFlow2 div{box-sizing:border-box;width:47.5%;display:inline-block;color:#FFF;font-size:20px;font-family:'Noto Medium';border-radius:30px;background:#5dd6d2;padding:10px 40px;text-align:center;}
.haksaFlow2 div span{display:inline;font-family:'Noto Regular';}
.haksaFlow2 div:first-child{margin-right:5%;}
@media all and (max-width:768px) {
  .haksaFlow2 div{width:400px;display:block;margin:10px auto !important;}
}
@media all and (max-width:480px) {
  .haksaFlow2 div{width:96%;}
}

/*학부소개메인*/
.college_1{display:flex;position:relative;border-bottom:5px solid #e8f1f8;padding-bottom:30px;}
.college_1:before{content:"";display:inline-block;width:170px;height:5px;position:absolute;bottom:-5px;right:0;background:#1b60c6;}
.college_1 .pic{width:40%;padding-right:2.5%;box-sizing:border-box;}
.college_1 .con{width:60%;overflow:hidden;line-height:1.2;}
.college_1 .con h3{font-size:35px;color:#222;font-family:'Noto Bold';}
.college_1 .con h3 i{font-size:18px;display:block;font-family:'Noto DemiLight';color:#9f9f9f;padding-bottom:5px;}
.college_1 .con h3 span{color:#089be6;}
.college_1 .con p{font-size:20px;color:#222;line-height:1.5;padding:30px 0;}
.college_1 .con a{display:inline-block;background:#1b60c6;color:#FFF;padding:10px 20px;border-radius:30px;float:right;}
@media all and (max-width:1024px) {
  .college_1 .con h3{font-size:30px;}
  .college_1 .con p{font-size:18px;}
}
@media all and (max-width:768px) {
  .college_1{display:block;}
  .college_1 .pic{width:100%;padding-right:0;}
  .college_1 .con{width:100%;padding-top:20px;}
  .college_1 .con h3{font-size:25px;}
  .college_1 .con p{padding:15px 0;}
}
.college_2{display:flex;}
.college_2 li.li_1,
.college_2 li.li_2{width:48%;}
.college_2 li.li_3,
.college_2 li.li_4,
.college_2 li.li_5{width:31.33%;}
.college_2 li{border:1px solid #e2e5e9;background:#f5f8fb;margin:0 1%;}
.college_2 li a{display:block;padding:40px;padding-left:180px;position:relative;}
.college_2 li a:before{content:"";display:block;width:100px;height:100px;position:absolute;left:40px;top:40px;background-size:100% !important;}
.college_2 li dt{font-size:27px;font-family:'Noto Medium';color:#222;}
.college_2 li.li_1 a:before{background:url(/images/smart/sub/college_1_2.png);}
.college_2 li.li_2 a:before{background:url(/images/smart/sub/college_1_3.png);}
.college_2 li.li_3 a:before{background:url(/images/smart/sub/college_2_2.png);}
.college_2 li.li_4 a:before{background:url(/images/smart/sub/college_2_3.png);}
.college_2 li.li_5 a:before{background:url(/images/smart/sub/college_2_4.png);}
@media all and (max-width:1024px) {
  .college_2{display:block;}
  .college_2 li.li_1,
  .college_2 li.li_2,
  .college_2 li.li_3,
  .college_2 li.li_4,
  .college_2 li.li_5{width:100%;}
  .college_2 li{margin:1% 0;}
  .college_2 li a{padding:25px;padding-left:130px;}
  .college_2 li a:before{width:80px;height:80px;left:25px;top:25px;}
  .college_2 li dt{font-size:25px;}
}
@media all and (max-width:768px) {
  .college_2 li a{padding-left:100px;}
  .college_2 li a:before{width:60px;height:60px;}
  .college_2 li dt{font-size:22px;}
}
@media all and (max-width:320px) {
  .college_2 li a{padding:15px;}
  .college_2 li a:before{display:none;}
  .college_2 li dt{font-size:20px;}
}

/*학생병무*/
.miliService{}
.miliService ul{}
.miliService ul li{line-height:1.3;text-align:center;}
.miliService ul li:after{content:"";display:inline-block;width:35px;height:11px;background:url(/images/primecollege/sub/graph_arrow.png);margin:25px auto;transform:rotate(90deg);}
.miliService dl{display:table;width:100%;}
.miliService dt,
.miliService dd{display:table-cell;vertical-align:middle;padding:20px;}
.miliService dt{font-family:'Noto Medium';color:#FFF;}
.miliService dt{width:250px;}
.miliService dd{text-align:left;border:1px solid #EEE;border-left:0;}
.miliService ul li:nth-child(5) div{background:#1f48ab;padding:20px;color:#FFF;}
.miliService ul li:nth-child(2) dt{background:#10b1a7;}
.miliService ul li:nth-child(3) dt{background:#20c1f5;}
.miliService ul li:nth-child(4) dt{background:#1b60c6;}
.miliService ul li:nth-child(6) dt{background:#163684;}
.miliService ul li:nth-child(7) dt{background:#112147;}
.miliService ul li:nth-child(7):after{display:none;}
@media all and (max-width:768px) {
  .miliService dt,
  .miliService dd{display:block;}
  .miliService dt{width:100%;}
  .miliService dd{border:1px solid #EEE;border-top:0;}
}

/*학부소개*/
.introCollege{}
.introCollege dl{position:relative;background:#f6f8fa;padding:40px;padding-left:200px;border-bottom:1px solid #204b72;margin-bottom:1px;min-height:112px;}
.introCollege dl:before{content:"";display:block;width:112px;height:112px;position:absolute;top:40px;left:40px;}
.introCollege dl.dl_1:before{background:url(/images/primecollege/sub/graph_circle_1.png);}
.introCollege dl.dl_2:before{background:url(/images/primecollege/sub/graph_circle_2.png);}
.introCollege dl.dl_3:before{background:url(/images/primecollege/sub/graph_circle_3.png);}
.introCollege dl dt{font-size:22px;color:#222;font-family:'Noto Medium';padding-bottom:20px;}
.introCollege dl.dl_2{background:#FFF;}
@media all and (max-width:768px) {
  .introCollege dl{padding:25px;padding-left:130px;}
  .introCollege dl:before{width:80px;height:80px;top:25px;left:25px;background-size:100% !important;}
}
@media all and (max-width:480px) {
  .introCollege dl{padding-left:25px;}
  .introCollege dl:before{display:none;}
  .introCollege dl dt{padding-bottom:10px;}
}

/*입학지원절차*/
.applyFlow{}
.applyFlow dl{display:table;width:100%;padding:25px 0;border-bottom:1px solid #EEE;line-height:1.3;}
.applyFlow dl dt,
.applyFlow dl dd{display:table-cell;vertical-align:top;}
.applyFlow dl dt{width:260px;}
.applyFlow dl dt:after{content:"";display:inline-block;width:35px;height:11px;background:url(/images/smart/sub/graph_arrow.png);margin-left:10px;}
.applyFlow dl dt span{display:inline-block;width:140px;padding:13px 5px;background:#0971ce;color:#FFF;text-align:center;font-family:'Noto Medium';}
.applyFlow dl dd{display:table;width:100%;}
.applyFlow dl dd strong,
.applyFlow dl dd span,
.applyFlow dl dd div{display:table-cell;vertical-align:middle;}
.applyFlow dl dd strong{font-size:18px;font-family:'Noto Medium';}
.applyFlow dl dd div{text-align:right;}
.applyFlow dl dd div a{background:#626262;color:#FFF;padding:5px 25px;border-radius:30px;margin-left:5px;}
.applyFlow dl dd div a.bgB{background:#0075c0;}
@media all and (max-width:1024px) {
  .applyFlow dl dd strong,
  .applyFlow dl dd span,
  .applyFlow dl dd div{display:block;}
  .applyFlow dl dd strong{margin-bottom:10px;}
  .applyFlow dl dd div{margin-top:20px;}
  .applyFlow dl dd div a{padding:5px 15px;}
}
@media all and (max-width:768px) {
  .applyFlow dl dt,
  .applyFlow dl dd{display:block;}
  .applyFlow dl dt{width:100%;}
  .applyFlow dl dt:after{display:none;}
  .applyFlow dl dt span{width:auto;padding:8px 0;background:#FFF;color:#0971ce;text-align:left;font-family:'Noto Bold';border-radius:30px;margin-bottom:5px;}
}
@media all and (max-width:420px) {
  .applyFlow dl dd div a{background:#FFF;color:#000;padding:0;border-radius:0;border-bottom:2px solid #000;}
  .applyFlow dl dd div a.bgB{background:#FFF;color:#0075c0;border-color:#0075c0;}
}
@media all and (max-width:320px) {
  .applyFlow dl dd div a{display:block;padding:3px;}
}

/*국가장학*/
.nationalScholarship{text-align:center;}
.nationalScholarship > ul{display:table;width:100%;}
.nationalScholarship > ul > li{display:table-cell;vertical-align:top;width:14.2%;position:relative;}
.nationalScholarship > ul > li._last{width:24.4%;}
.nationalScholarship > ul > li:after{content:"";display:block;width:35px;height:11px;background:url(/images/primecollege/sub/graph_arrow.png);position:absolute;right:-18px;top:57px;}
.nationalScholarship > ul > li._last:after{display:none;}
.nationalScholarship dl{font-size:16px;margin:0 20px;line-height:1.3;}
.nationalScholarship dl dt{background:url(/images/primecollege/sub/graph_bg_1.png);color:#FFF;font-family:'Noto Medium';padding:20px 5px;}
.nationalScholarship dl dd{padding:20px 5px;border:2px solid #1d5ccf;height:76px;}
.nationalScholarship dl dd span{display:block;font-size:13px;}
.nationalScholarship > ul > li._last dt{background:#05225d;}
.nationalScholarship > ul > li._last dd{border-color:#05225d;padding:10px 5px;}
@media all and (max-width:1280px) {
  .nationalScholarship > ul > li{display:block;width:100%;}
  .nationalScholarship > ul > li._last{width:100%;}
  .nationalScholarship dl{margin:10px 0;display:table;width:100%;}
  .nationalScholarship dl dt{display:table-cell;width:35%;padding:13px;}
  .nationalScholarship dl dd{display:table-cell;height:auto;padding:13px;text-align:left;}
  .nationalScholarship > ul > li._last dd{padding:13px;}
  .nationalScholarship > ul > li:after{position:relative;right:auto;top:auto;margin:20px auto;transform:rotate(90deg);}
}
@media all and (max-width:420px) {
  .nationalScholarship dl{margin:5px 0;display:block;}
  .nationalScholarship dl dt,
  .nationalScholarship dl dd{display:block;width:100%;padding:10px;text-align:center;}
  .nationalScholarship > ul > li:after{display:none;}
}

/*프라임칼리지소개*/
.graph_1{border:1px solid #e6e6e6;padding:50px;}
.graph_1 ul{width:76%;margin: 0 auto 100px auto;display:flex;flex-wrap:wrap;}
.graph_1 ul li{width:50%;margin-bottom:10px;}
.graph_1 ul li span{width:90%;margin: 0 auto;display:block;background:#e0eaf3;color:#0c5b94;text-align:center;font-size:18px;border-radius:30px;padding:10px;}
@media all and (max-width:1024px) {
  .graph_1{padding:25px;}
  .graph_1 ul{width:100%;}
}
@media all and (max-width:768px) {
  .graph_1 ul{margin-bottom:50px;}
  .graph_1 ul li{width:100%;}
}
@media all and (max-width:480px) {
  .graph_1 ul li span{border-radius:0;}
}

/*프라임인사말*/
.primeCeo{overflow:hidden;}
.primeCeo img{max-width:100%;}
.primeCeo .pic{width:404px;float:right;}
.primeCeo .con,
/*.primeCeo .con_2{width:calc(100% - 464px);float:left;}*/
.primeCeo .con_2{width:calc(100% - 0px);float:left;}
.primeCeo p{font-size:20px;}
.primeCeo .p_1{font-size:35px;font-family:'Noto Regular';position:relative;color:#376cb5;line-height:1.3;padding-left:30px;}
.primeCeo .p_1 i{display:block;font-style:italic;}
.primeCeo .p_1 span{display:block;}
.primeCeo .p_1 span:before,
.primeCeo .p_1 span:after{content:'"';display:inline-block;font-family: 'Secular One', sans-serif;font-size:42px;color:#8ab6f6;line-height:1;}
.primeCeo .p_1 span:before{position:absolute;left:0;top:0;}
.primeCeo .p_1 span:after{vertical-align:-2px;margin-left:10px;}
.primeCeo .p_2{padding:70px 0 50px 0;}
.primeCeo .p_3{padding-left:20px;color:#08408f;position:relative;}
.primeCeo .p_3 span{display:block;font-style:italic;}
.primeCeo .p_3 strong{font-family:'Noto Medium';}
.primeCeo .p_3:before{content:"";display:block;width:3px;height:100%;position:absolute;top:0;left:0;background:#08408f;}
.primeCeo .p_4,
.primeCeo .p_5{padding-top:50px;}
@media only screen and (max-width:1400px){
  .primeCeo .p_1{font-size:30px;}
  .primeCeo .p_1 i,
  .primeCeo .p_1 span{display:inline;}
}
@media only screen and (max-width:1024px){
  .primeCeo .pic{width:40%;}
  .primeCeo .con,
  .primeCeo .con_2{width:55%;}
  .primeCeo .p_1{font-size:25px;}
}
@media only screen and (max-width:768px){
  .primeCeo .con_2{width:100%;}
  .primeCeo .pic,
  .primeCeo .con,
  .primeCeo .con_2{width:100%;float:none;}
  .primeCeo .pic{text-align:center;margin-bottom:50px;}
  .primeCeo p{font-size:16px;}
 .primeCeo .p_1{font-size:22px;padding:0;line-height:1.5;} 
  .primeCeo .p_1 span:before,
  .primeCeo .p_1 span:after{display:none;}
 .primeCeo .p_2{padding:50px 0;}
 /*추가20220429*/ 
  
    .objImg {float:none;}
     .objImg .img {display:block; margin:0 auto; width:auto;}
   .objTxt {float:left;}
 /*추가20220429*/ 
}

/*수강신청절차*/
.procedure{}
.procedure dl{display:table;width:100%;margin:15px 0;}
.procedure dl dt,
.procedure dl dd{display:table-cell;vertical-align:middle;min-height:140px;}
.procedure dl dt{width:200px;position:relative;}
.procedure dl dt div{display:table-cell;vertical-align:middle;width:140px;height:140px;text-align:center;border-radius:100%;color:#FFF;font-family:'Noto Regular';font-size:18px;}
.procedure dl dt span{display:block;}
.procedure dl dt:after{content:"";display:block;width:20px;height:5px;border-radius:5px;position:absolute;left:160px;top:calc(50% - 6px);}
.procedure dl.dl_1 dt div,
.procedure dl.dl_1 dt:after{background:#de4040;}
.procedure dl.dl_2 dt div,
.procedure dl.dl_2 dt:after{background:#f6b005;}
.procedure dl.dl_3 dt div,
.procedure dl.dl_3 dt:after{background:#acd539;}
.procedure dl.dl_4 dt div,
.procedure dl.dl_4 dt:after{background:#40b286;}
.procedure dl.dl_5 dt div,
.procedure dl.dl_5 dt:after{background:#21a1da;}
.procedure dl.dl_6 dt div,
.procedure dl.dl_6 dt:after{background:#474f60;}
.procedure dl dd{width:calc(100% - 200px);}
.procedure dl dd div{background:#f5f7f7;padding:40px;}
@media all and (max-width: 768px) {
  .procedure dl dt,
  .procedure dl dd{display:block;min-height:auto;width:100%;}
  .procedure dl dt div{display:block;width:auto;height:auto;text-align:left;border-radius:0;padding:10px 20px;}
  .procedure dl dt span{display:inline;padding-right:10px;}
  .procedure dl dd div{padding:25px;}
}

/*수강신청절차*/
.procedure_2{}
.procedure_2 dl{display:table;width:100%;margin:15px 0;}
.procedure_2 dl dt,
.procedure_2 dl dd{display:table-cell;vertical-align:middle;min-height:140px;}
.procedure_2 dl dt{width:200px;position:relative;}
.procedure_2 dl dt div{display:table-cell;vertical-align:middle;width:140px;height:140px;text-align:center;border-radius:100%;color:#FFF;font-family:'Noto Regular';font-size:18px;}
.procedure_2 dl dt span{display:block;}
.procedure_2 dl dt:after{content:"";display:block;width:20px;height:5px;border-radius:5px;position:absolute;left:160px;top:calc(50% - 6px);}
.procedure_2 dl.dl_1 dt div,
.procedure_2 dl.dl_1 dt:after{background:#5dd6d2;}
.procedure_2 dl.dl_2 dt div,
.procedure_2 dl.dl_2 dt:after{background:#20c1f5;}
.procedure_2 dl.dl_3 dt div,
.procedure_2 dl.dl_3 dt:after{background:#1b60c6;}
.procedure_2 dl.dl_4 dt div,
.procedure_2 dl.dl_4 dt:after{background:#1f48ab;}
.procedure_2 dl.dl_5 dt div,
.procedure_2 dl.dl_5 dt:after{background:#1e2e55;}
.procedure_2 dl dd{width:calc(100% - 200px);}
.procedure_2 dl dd div{background:#f5f7f7;padding:40px;}
@media all and (max-width: 768px) {
  .procedure_2 dl dt,
  .procedure_2 dl dd{display:block;min-height:auto;width:100%;}
  .procedure_2 dl dt div{display:block;width:auto;height:auto;text-align:left;border-radius:0;padding:10px 20px;}
  .procedure_2 dl dt span{display:inline;padding-right:10px;}
  .procedure_2 dl dd div{padding:25px;}
}