@charset "utf-8";

/*대학소개 - 교육이념비전 - 교육이념선언*/
.ideo_1{word-break:keep-all;}
.ideo_1 .p_1{line-height:1.3;background:#0075d2 url(../../images/sub/ideo_1.png) no-repeat 95% bottom;padding:150px 100px;color:#FFF;font-size:50px;font-family:'Noto Light';}
.ideo_1 .p_1 span{display:block;}
.ideo_1 .p_1 strong{font-family:'Noto Medium';}
.ideo_2{display:flex;word-break:keep-all;}
.ideo_2 > div{width:150px;}
.ideo_2 h2{font-family:'Noto Regular';font-size:30px;width:150px;}
.ideo_2 h2::before{content:"";display:block;width:10px;height:10px;background:#0075d2;}
.ideo_2 .con{width:calc(100% - 150px);margin-top:15px;}
.ideo_2 p{margin-bottom:20px;font-size:20px;}
.ideo_2 .sty_1{display:flex;align-items:center;justify-content:space-between;}
.ideo_2 .sty_1 dd{font-size:20px;width:calc(100% - 130px);}
.ideo_2 .sty_1 dt{display:flex;align-items:center;justify-content:center;font-family:'Noto Medium';font-size:20px;color:#0075d2;border-radius:100%;background:#ebf2f7;border:3px solid #0075d2;width:100px;height:100px;position:relative;}
.ideo_2 .sty_1 dt::before{content:"";display:block;width:14px;height:14px;background:#FFF;border:3px solid #0075d2;border-radius:100%;position:absolute;bottom:-9px;left:calc(50% - 7px);z-index:1;}
.ideo_2 .sty_1._last dt::before{display:none;}

.ideo_2 .wrap_1{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.ideo_2 .sty_2{width:48%;margin:1%;padding:50px 20px;text-align:center;font-size:20px;color:#FFF;position:relative;background:url(../../images/sub/ideo_2.png) no-repeat center;border-radius:50px;background-size:cover;}
.ideo_2 .sty_2 span{display:block;}
.ideo_2 .sty_2 strong{font-family:'Noto Medium';}

.ideo_2 .sty_3{font-size:20px;margin-bottom:30px;}
.ideo_2 .sty_3._last{margin-bottom:0;}
.ideo_2 .sty_3 dt{font-family:'Noto Medium';padding-bottom:5px;}

.ideo_3{overflow:hidden;}
.ideo_3 span{display:block;position:relative;left:50%;margin-left:-600px;width:100%;height:350px;background:url(../../images/sub/ideo_3.jpg) no-repeat center;background-size:cover;}

@media all and (max-width:1500px) {
  .ideo_3 span{left:0;margin-left:180px;width:calc(100% - 180px);}
}
@media all and (max-width:1280px) {
  .ideo_1 .p_1{padding:50px;font-size:30px;background-size:220px;}
}
@media all and (max-width:768px) {
  .ideo_1 .p_1{background-size:120px;}
  .ideo_2 .wrap_1{max-width:320px;margin: 0 auto;}
}

@media all and (max-width:768px) {
  .ideo_1 .p_1{padding:30px;}
  .ideo_1 .p_1 strong{display:block;}
  .ideo_2{display:block;}
  .ideo_2 > div,
  .ideo_2 h2{width:100%;font-size:22px;}
  .ideo_2 .con{width:100%;}
  .ideo_3 span{margin-left:0;width:100%;}
  .ideo_2 .sty_2{width:100%;margin:1% 0;padding:20px;font-size:18px;}
  .ideo_2 .sty_1 dt::before{display:none;}
  .ideo_2 .sty_1{margin:10px 0;}
}

/*대학소식 - 사업 - 대학혁신지원사업*/
.effect_1{display:flex;flex-wrap:wrap;flex-direction:column-reverse;align-items:center;}
.effect_1 div{padding:30px;}
.effect_1 ul,
.effect_2 ul{padding:30px;background:#ebf2f7;border-radius:30px;}
.effect_1 li,
.effect_2 li{position:relative;padding:3px 10px;}
.effect_1 li::before,
.effect_2 li::before{content:"";display:block;width:5px;height:5px;background:#0075d2;border-radius:100%;position:absolute;top:15px;left:0;}
.effect_2{display:flex;flex-wrap:wrap;justify-content:space-between;}
.effect_2 ul{width:45%;}
@media all and (max-width:768px) {
  .effect_1{flex-direction:column;}
  .effect_1 div{padding-top:0;}
  .effect_1 ul{width:100%;}
  .effect_2 ul{width:100%;margin-top:30px;}
}

/*대학소식 - 사업 - 대학혁신지원사업*/
.purpose{display:flex;flex-wrap:wrap;}
.purpose .item{width:34.3%;border-left:1px solid transparent;}
.purpose .item dt{color:#FFF;font-size:22px;font-family:'Noto Medium';padding:20px;}
.purpose .item dd{padding:25px;}
.purpose .item li{position:relative;padding:10px 0 0 20px;font-family:'Noto Regular';}
.purpose .item li::before{content:"";display:block;width:30px;height:1px;position:absolute;top:24px;left:-25px;}
.purpose .item li::after{content:"";display:block;width:9px;height:9px;position:absolute;top:20px;left:0;}

.purpose .item_2{margin-top:2%;margin-left:-2%;}
.purpose .item_3{margin-top:4%;margin-left:-2%;border-right:1px solid transparent;}

.purpose .item_1{border-color:#03235e;}
.purpose .item_2{border-color:#0075d2;}
.purpose .item_3{border-color:#3a56c1;}
.purpose .item_1 dt{background:#03235e;}
.purpose .item_2 dt{background:#0075d2;}
.purpose .item_3 dt{background:#3a56c1;}
.purpose .item_1 li::before{background:#03235e;}
.purpose .item_2 li::before{background:#0075d2;}
.purpose .item_3 li::before{background:#3a56c1;}
.purpose .item_1 li::after{background:#03235e;}
.purpose .item_2 li::after{background:#0075d2;}
.purpose .item_3 li::after{background:#3a56c1;}
@media all and (max-width:768px) {
  .purpose .item{width:100%;border-left:0;}
  .purpose .item_2{margin-top:2%;margin-left:0;}
  .purpose .item_3{margin-top:2%;margin-left:0;border-right:0;}
  .purpose .item dt{padding:10px 20px;}
  .purpose .item dd{padding:10px 20px;}
  .purpose .item li::before{display:none;}
}


/*대학소식 - 사업 - 대학혁신지원사업 - 추진체계*/
.college_orga{max-width:1325px;margin:0 auto;position:relative;background:#ebf2f7;padding:60px 30px;word-break:keep-all;line-height:1.3;}

.college_orga .wrap_a,
.college_orga .wrap_b,
.college_orga .wrap_c{width:30%;}
.college_orga .wrap_a{margin: 0 auto;}
.college_orga .wrap_b,
.college_orga .wrap_c{position:absolute;}
.college_orga .wrap_b{left:30px;top:120px;}
.college_orga .wrap_c{right:30px;top:60px;}

.college_orga dl{position:relative;}
.college_orga .typ_1{display:flex;align-items:center;justify-content:center;background:#0075d2;color:#FFF;font-size:22px;font-family:'Noto Medium';width:200px;height:200px;margin:0 auto;border-radius:100%;position:relative;line-height:1.1;text-align:center;margin-bottom:80px;}
.college_orga .typ_2{margin-bottom:40px;}
.college_orga .typ_2 dt{display:flex;align-items:center;justify-content:center;background:#0075d2;color:#FFF;font-size:20px;padding:20px 10px;width:100%;text-align:center;}
.college_orga .typ_2 dd{background:#FFF;padding:20px;border:1px solid #0075d2;border-top:0;}

.college_orga li{position:relative;padding:10px 0 0 10px;font-family:'Noto Regular';}
.college_orga li::before{content:"";display:block;width:4px;height:2px;position:absolute;top:20px;left:0;background:#222;}

.college_orga .diagram{margin-top:60px;}

.college_orga::before{content:"";display:block;width:1px;height:65%;position:absolute;top:60px;left:50%;background:#0075d2;}

@media all and (max-width:768px) {
  .college_orga .wrap_a,
  .college_orga .wrap_b,
  .college_orga .wrap_c{width:100%;}
  .college_orga .wrap_b,
  .college_orga .wrap_c{position:relative;}
  .college_orga .wrap_b{left:auto;top:auto;}
  .college_orga .wrap_c{right:auto;top:auto;}
  .college_orga .typ_1{margin-bottom:30px;}
  .college_orga .typ_2{margin-bottom:20px;}
}

/*대학소식 - 사업 - 대학혁신지원사업 - 주요내용*/
.college_content{display:flex;justify-content:space-between;flex-wrap:wrap;word-break:keep-all;line-height:1.3;}
.college_content .type_1{width:120px;display:flex;align-items:center;justify-content:center;background:#ebf2f7;border:1px solid #0075d2;color:#0075d2;font-size:22px;font-family:'Noto Medium';text-align:center;}
.college_content .wrap_1{width:calc(100% - 140px);}
.college_content .type_1 span{}
.college_content .wrap_1 dl{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;min-height:100px;}
.college_content .wrap_1 dl:last-child{margin-bottom:auto;}
.college_content .wrap_1 dt{width:calc(100% - 1156px);display:flex;align-items:center;justify-content:center;background:#FFF;border:1px solid #0075d2;}
.college_content .wrap_1 dd{width:1136px;}

.college_content .wrap_1 dd span{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#ebf2f7;font-size:16px;height:100%;text-align:center;padding:0 10px;font-family:'Noto Medium';}
.college_content .wrap_1 dd span i{font-size:15px;color:#888;font-family:'Noto Regular';padding-top:10px;}

.college_content .wrap_1 dd.type_2 span{background:#0075d2;border:0;color:#FFF;font-size:22px;font-family:'Noto Medium';}
.college_content .wrap_1 dd.type_3 span{background:#3956c1;border:0;color:#FFF;font-size:22px;font-family:'Noto Medium';}

.college_content .wrap_1 .erc_1{min-height:140px;padding-top:60px;position:relative;}
.college_content .wrap_1 .erc_1::before{content:"";display:block;width:1136px;height:60px;position:absolute;top:0;right:0;background:url(../../images/sub/vision_bg.png) no-repeat center top;}

.college_content .wrap_1 .type_4,
.college_content .wrap_1 .type_5,
.college_content .wrap_1 .type_6{display:flex;justify-content:space-between;flex-wrap:wrap;}
.college_content .wrap_1 .type_4 div,
.college_content .wrap_1 .type_5 div{width:24.5%;}
.college_content .wrap_1 .type_6 span{width:19.5%;}
.college_content .wrap_1 .type_4 div.fst,
.college_content .wrap_1 .type_5 div.fst{width:50%;}
.college_content .wrap_1 .type_5 div.fst{display:flex;justify-content:space-between;flex-wrap:wrap;}
.college_content .wrap_1 .type_5 div.fst span{width:24.5%;}

.college_diagram{width:100%;height:251px;}
.college_diagram div{height:100%;background:url(../../images/sub/college_orga_2.png) no-repeat right top;}

@media all and (max-width:1500px) {
  .college_content{margin-bottom:50px;}
  .college_content:last-child{margin-bottom:0;}
  .college_content .wrap_1 dt{width:150px;}
  .college_content .wrap_1 dd{width:calc(100% - 170px);}
  .college_content .wrap_1 .erc_1::before{width:calc(100% - 170px);}
  .college_diagram{display:none;}
}
@media all and (max-width:1024px) {
  .college_content .type_1{font-size:20px;}
  .college_content .wrap_1 dt,
  .college_content .wrap_1 dd{width:100%;}
  .college_content .wrap_1 dt{padding:20px;border-bottom:0;}
  .college_content .wrap_1 dd{border:1px solid #0075d2;border-top:0;}
  .college_content .wrap_1 dd span{padding:20px;}
  .college_content .wrap_1 .erc_1::before{display:none;}
  .college_content .wrap_1 .erc_1{min-height:100px;padding-top:0;}
}
@media all and (max-width:768px) {
  .college_content .type_1{width:100px;}
  .college_content .wrap_1{width:calc(100% - 110px);}
  .college_content .wrap_1 .type_4 div,
  .college_content .wrap_1 .type_5 div{width:100%;}
  .college_content .wrap_1 .type_4 div.fst,
  .college_content .wrap_1 .type_5 div.fst,
  .college_content .wrap_1 .type_5 div.fst span,
  .college_content .wrap_1 .type_6 span{width:100%;}
  .college_content .wrap_1 dd span{height:auto;margin-top:0.5%;}
}
@media all and (max-width:768px) {
  .college_content .type_1{width:80px;}
  .college_content .wrap_1{width:calc(100% - 90px);}
}


/*대학대학원 - 대학 - 열림교양대학*/
.oneshot{}
.oneshot dl{display:flex;flex-wrap:wrap;width:100%;position:relative;}
.oneshot dt{width:25%;margin-right:5%;position:relative;}
.oneshot dt span{display:flex;align-items:center;justify-content:center;color:#FFF;font-size:22px;font-family:'Noto Medium';width:100%;height:110px;border-radius:50px;position:relative;}
.oneshot dd{width:70%;position:relative;}
.oneshot dd div{display:flex;align-items:center;flex-wrap:wrap;}
.oneshot dd span{display:flex;align-items:center;justify-content:center;color:#FFF;font-size:30px;font-family:'Noto Medium';width:20%;height:110px;border-radius:50px;position:relative;border:3px solid #000;}

.oneshot ul{margin-top:30px;}
.oneshot li{position:relative;padding:10px 0 0 15px;font-family:'Noto Regular';}
.oneshot li::before{content:"";display:block;width:4px;height:4px;position:absolute;top:22px;left:0;background:#0075d2;}

.oneshot dl::before{content:"";display:block;width:50%;height:4px;position:absolute;top:53px;left:0;}
.oneshot_1 dl::before{background:#0075d2;}
.oneshot_2 dl::before{background:#3a56c1;}

.oneshot dt span::before,
.oneshot dd span::before{content:"";display:block;width:14px;height:14px;position:absolute;top:calc(50% - 7px);background:#FFF;border:3px solid #000;border-radius:100%;}
.oneshot dt span::before{right:-4px;}
.oneshot dd span::before{left:-9px;}

.oneshot_2{margin-top:50px;}
.oneshot_1 dt span{background:#0075d2;}
.oneshot_2 dt span{background:#3a56c1;}
.oneshot_1 dd span{background:#ebf2f8;border-color:#0075d2;color:#0075d2;}
.oneshot_2 dd span{background:#ebedf9;border-color:#3a56c1;color:#3a56c1;}
.oneshot_1 dt span::before,
.oneshot_1 dd span::before{border-color:#0075d2;}
.oneshot_2 dt span::before,
.oneshot_2 dd span::before{border-color:#3a56c1;}

@media all and (max-width:1024px) {
  .oneshot dt{width:100%;margin-right:0;margin-bottom:10px;}
  .oneshot dd{width:100%;}
  .oneshot dt span{font-size:20px;height:60px;}
  .oneshot dd span{font-size:20px;width:20%;height:60px;}
  .oneshot dl::before,
  .oneshot dt span::before,
  .oneshot dd span:first-child::before{display:none;}
}
@media all and (max-width:768px) {
  .oneshot dd span{width:auto;height:auto;border-radius:0;border:0;margin:5px;padding:5px 20px;}
  .oneshot dd span::before{display:none;}
}


/*산학연구 - 산학협력단*/
.sanhak_orga{max-width:1000px;margin:0 auto;position:relative;}
.sanhak_orga .typ_1{display:flex;align-items:center;justify-content:center;background:#0075d2;color:#FFF;font-size:22px;font-family:'Noto Medium';width:160px;height:160px;margin:0 auto;border-radius:100%;position:relative;}
.sanhak_orga .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;padding:50px 0 0 0;}
.sanhak_orga .item{width:30%;position:relative;}
.sanhak_orga .typ_2{display:flex;align-items:center;justify-content:center;background:#0075d2;color:#FFF;font-size:20px;padding:20px 10px;width:100%;}
.sanhak_orga .typ_3 li{display:flex;align-items:center;justify-content:center;background:#FFF;padding:20px 10px;width:100%;border:1px solid #0075d2;margin-top:-1px;}
.sanhak_orga .typ_4 li{display:flex;align-items:center;justify-content:center;background:#ebf2f8;padding:20px 10px;width:100%;border:1px solid #0075d2;margin-top:-1px;color:#0075d2;}

.sanhak_orga::before{content:"";display:block;width:100%;height:1px;position:absolute;top:245px;left:0;background:#0075d2;}
.sanhak_orga .wrap::before{content:"";display:block;width:1px;height:50%;position:absolute;top:0;left:50%;background:#0075d2;}

@media all and (max-width:768px) {
  .sanhak_orga{max-width:280px;}
  .sanhak_orga .item{width:100%;margin-bottom:20px;}
  .sanhak_orga::before{display:none;}
}


/*대학소식 - 사업 - 사학혁신지원사업*/
.sahak_orga{max-width:1000px;margin:0 auto;position:relative;}
.sahak_orga dl{position:relative;}
.sahak_orga .typ_1{display:flex;align-items:center;justify-content:center;background:#0075d2;color:#FFF;font-size:22px;font-family:'Noto Medium';width:200px;height:200px;margin:0 auto;border-radius:100%;position:relative;line-height:1.1;text-align:center;}
.sahak_orga .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;padding:50px 0 0 0;}
.sahak_orga .item{width:30%;position:relative;text-align:center;}
.sahak_orga .typ_2 dt{display:flex;align-items:center;justify-content:center;background:#0075d2;color:#FFF;font-size:20px;padding:20px 10px;width:100%;}
.sahak_orga .typ_2 dd{display:flex;align-items:center;justify-content:center;background:#FFF;padding:20px;border:1px solid #0075d2;border-top:0;}
.sahak_orga .item:nth-child(2){margin-top:200px;}
.sahak_orga .wrap_2{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;margin-top:50px;}

.sahak_orga .side{width:40%;position:relative;text-align:center;}
.sahak_orga .side dt{display:flex;align-items:center;justify-content:center;background:#0075d2;color:#FFF;font-size:20px;padding:20px 10px;width:100%;}
.sahak_orga .side dd{display:flex;align-items:center;justify-content:center;background:#FFF;padding:20px;border:1px solid #0075d2;border-top:0;}

.sahak_orga::before{content:"";display:block;width:100%;height:1px;position:absolute;top:285px;left:0;background:#0075d2;}
.sahak_orga .wrap::before{content:"";display:block;width:1px;height:113%;position:absolute;top:0;left:50%;background:#0075d2;}
.sahak_orga .wrap_2::before{content:"";display:block;width:60%;height:1px;position:absolute;top:0;left:20%;background:#0075d2;}
.sahak_orga .side::before{content:"";display:block;width:1px;height:50px;background:#0075d2;margin:0 auto;}

@media all and (max-width:768px) {
  .sahak_orga{max-width:300px;}
  .sahak_orga .item{width:100%;margin-bottom:20px;}
  .sahak_orga .item:nth-child(2){margin-top:0;}
  .sahak_orga .wrap_2{margin-top:20px;}
  .sahak_orga .side{width:100%;margin-bottom:20px;}
  .sahak_orga::before,
  .sahak_orga .wrap_2::before,
  .sahak_orga .side::before{display:none;}
  .sahak_orga .wrap::before{height:150%;}
}

/*대학소개 - 교육이념비전 - 교육이념선언*/
.ideo{background:url(../../images/sub/ideo_bg.png) repeat-y;width:1138px;margin: 0 auto;padding:100px;position:relative;}
.ideo::before,
.ideo::after{content:"";display:block;width:100%;height:30px;position:absolute;}
.ideo::before{background:url(../../images/sub/ideo_bg_top.png) no-repeat center top;top:0;left:0;}
.ideo::after{background:url(../../images/sub/ideo_bg_bottom.png) no-repeat center top;bottom:0;left:0;}
.ideo .p_1{color:#0075d2;font-size:50px;padding:40px 0;line-height:1.3;}
.ideo .p_1 strong{font-family:'Noto Medium';}
.ideo .p_1 span{display:block;}
.ideo .pic{text-align:center;position:relative;}
.ideo .pic::before,
.ideo .pic::after{content:"";display:block;width:calc(50% - 80px);height:2px;position:absolute;top:50px;background:#000;}
.ideo .pic::before{left:0;}
.ideo .pic::after{right:0;}
.ideo dl{margin-bottom:50px;}
.ideo dt{font-family:'Noto Medium';font-size:30px;padding-bottom:10px;}
.ideo dd{font-family:'Noto Regular';font-size:20px;}
.ideo dl:last-child{margin-bottom:0;}
@media all and (max-width:1280px) {
  .ideo{background:none;width:100%;padding:0;}
  .ideo::before,
  .ideo::after{display:none;}
  .ideo .p_1{font-size:35px;padding:0;}
  .ideo dt{font-size:22px;}
  .ideo dd{font-size:18px;}
}
@media all and (max-width:768px) {
  .ideo .p_1{font-size:30px;}
}


/*대학소개 - 교육이념비전 - 비전*/
.vision_2{}
.vision_2 dl{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:60px;line-height:1.3;word-break:keep-all;}
.vision_2 dt{width:210px;min-height:110px;}
.vision_2 .sty_0{display:flex;justify-content:center;align-items:center;height:100%;background:#0075d2;font-family:'Noto Regular';font-size:22px;color:#FFF;text-align:center;border-radius:60px;position:relative;}
.vision_2 dd{width:calc(100% - 300px);position:relative;}

.vision_2 .sty_1,
.vision_2 .sty_2{display:flex;justify-content:center;align-items:center;height:100%;background:#FFF;font-family:'Noto Regular';color:#0075d2;text-align:center;border:3px solid #0075d2;padding:0 20px;border-radius:60px;position:relative;}
.vision_2 .sty_1{font-size:18px;}
.vision_2 .sty_2{font-size:16px;}

.vision_2 .type_1{display:flex;justify-content:space-between;flex-wrap:wrap;}
.vision_2 .type_1 > div:nth-child(1){width:58%;}
.vision_2 .type_1 > div:nth-child(2){width:20%;}
.vision_2 .type_1 > div:nth-child(3){width:20%;}
.vision_2 .type_2{display:flex;justify-content:space-between;flex-wrap:wrap;}
.vision_2 .type_2 .sty_2{width:24%;}

.vision_2 .item_2{margin-top:65px;}
.vision_2 .item_2 dd::before{content:"";display:block;height:60px;width:100%;background:url(../../images/sub/vision_bg_2.png) no-repeat center top;position:absolute;top:-60px;left:0;}

.vision_2 .item_1 .sty_1{font-size:30px;font-family:'Noto Medium';background:#ebf2f8;}
.vision_2 .item_2 .sty_1{color:#FFF;font-size:24px;background:url(../../images/sub/vision_bg_3.png) no-repeat center top;border:0;}
.vision_2 .item_3 .sty_1,
.vision_2 .item_4 .sty_1{font-size:22px;}

.vision_2 .sty_0::after,
.vision_2 .sty_1::before,
.vision_2 .sty_2::before{content:"";display:block;width:14px;height:14px;position:absolute;top:calc(50% - 7px);background:#FFF;border:3px solid #0075d2;border-radius:100%;}
.vision_2 .sty_0::after{right:-7px;}
.vision_2 .sty_1::before,
.vision_2 .sty_2::before{left:-7px;}
.vision_2 .ex_1::before{display:none;}

.vision_2 .sty_0::before{content:"";display:block;width:50%;height:4px;position:absolute;top:calc(50% - 2px);right:-100px;background:#0075d2;}
.vision_2 .sty_2::after{content:"";display:block;width:0;height:65px;position:absolute;top:-65px;right:calc(50% - 2px);border-left:4px dotted #0075d2;}

@media all and (max-width:1280px) {
  .vision_2 dt{width:160px;}
  .vision_2 dd{width:calc(100% - 180px);}
  .vision_2 .sty_0::before{right:-70px;}
}
@media all and (max-width:1024px) {
  .vision_2 dt{width:100%;min-height:auto;margin-bottom:0;}
  .vision_2 dd{width:100%;}

  .vision_2 .item_2{margin-top:0;}

  .vision_2 .sty_0{padding:15px 20px;border-radius:0;}
  .vision_2 .sty_1,
  .vision_2 .sty_2{padding:15px 20px;border-radius:0;border-top:0;height:auto;}
  .vision_2 .type_2 .sty_2{width:25%;border-left:0;}
  .vision_2 .type_2 .sty_2:first-child{border-left:3px solid #0075d2;}

  .vision_2 .type_1 > div:nth-child(1),
  .vision_2 .type_1 > div:nth-child(2),
  .vision_2 .type_1 > div:nth-child(3){width:100%;}

  .vision_2 .item_2 dd::before,
  .vision_2 .sty_0::after,
  .vision_2 .sty_1::before,
  .vision_2 .sty_2::before,
  .vision_2 .sty_0::before,
  .vision_2 .sty_2::after{display:none;}
}
@media all and (max-width:768px) {
  .vision_2 .type_2 .sty_2{width:50%;}
  .vision_2 .type_2 .sty_2:nth-child(3){border-left:3px solid #0075d2;}
}


.vision{}
.vision dl{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;line-height:1.3;word-break:keep-all;}
.vision dl dt{width:29%;min-height:80px;}
.vision dl dt div{display:flex;justify-content:center;align-items:center;height:100%;border:1px solid #0075d2;font-family:'Noto Regular';font-size:24px;text-align:center;padding:0 20px;}
.vision dl dd{width:70%;position:relative;}
.vision dl dd div{display:flex;justify-content:center;align-items:center;height:100%;background:#ebf2f7;font-family:'Noto Regular';font-size:20px;text-align:center;padding:0 20px;}
.vision dl dd.type_1{display:flex;justify-content:space-between;flex-wrap:wrap;}
.vision dl dd.type_1 div:nth-child(1){width:48%;}
.vision dl dd.type_1 div:nth-child(2){width:25%;}
.vision dl dd.type_1 div:nth-child(3){width:25%;}
.vision dl dd div.type_2{justify-content:space-between;}
.vision dl dd div.type_2 span{width:23%;height:100%;display:flex;justify-content:center;align-items:center;padding:20px 0;}
.vision .item_1 dd div{background:#0075d2;color:#FFF;font-size:24px;}
.vision .item_2{margin-top:65px;}
.vision .item_2 dd div{background:#3956c1;color:#FFF;font-size:24px;}
.vision .item_2 dd::before{content:"";display:block;height:60px;width:100%;background:url(../../images/sub/vision_bg.png) no-repeat center top;position:absolute;top:-55px;left:0;}
.vision .vL{position:relative;}
.vision .vL::after{content:"";display:block;height:20px;width:1px;background:#3956c1;position:absolute;bottom:-20px;left:50%;}
@media all and (max-width:1280px) {
  .vision dl dt{width:19%;}
  .vision dl dd{width:80%;}
}
@media all and (max-width:1024px) {
  .vision dl{margin-bottom:40px;border:1px solid #0075d2;}
  .vision dl dt{width:100%;min-height:auto;}
  .vision dl dd{width:100%;}
  .vision dl dt div{padding:15px;font-size:20px;border:0;}
  .vision dl dd div{padding:15px;font-size:18px;}
  .vision .item_2{margin-top:0;border:0;}
  .vision .vL::after{display:none;}
}


/*대학소개 - 교육이념비전 - UI*/
.ui_1 .box .pic{max-width:300px;}
.ui_1 .box .con{max-width:calc(100% - 400px);}
.ui_1 .box .con p{font-family:'Noto Regular';font-size:40px;color:#000;margin-bottom:50px;line-height:1.2;}
.ui_1 .box .con p strong{display:block;padding-bottom:20px;}
.ui_1 .box .con ul{}
.ui_1 .box .con ul li{margin:20px 0;display:flex;flex-wrap:wrap;align-items:center;}
.ui_1 .box .con ul li img{max-width:80px;}
.ui_1 .box .con ul li span{font-family:'Noto Regular';font-size:20px;color:#000;max-width:calc(100% - 120px);margin-left:40px;}

.ui_2 ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.ui_2 li{width:45%;}

.ui_1 h3,
.ui_2 h3{font-family:'Noto Regular';font-size:20px;color:#000;margin-bottom:15px;}
.ui_1 .box,
.ui_2 .box{border:1px solid #CCC;padding:60px;display:flex;align-items:center;}
.ui_1 .box{flex-wrap:wrap;justify-content:space-between;}
.ui_2 .box{justify-content:center;min-height:215px;}

.ui_1 .btns,
.ui_2 .btns{margin-top:50px;display:flex;align-items:center;justify-content:center;}
.ui_1 .btns a,
.ui_2 .btns a{display:flex;align-items:center;justify-content:space-between;border:1px solid #222;border-radius:30px;padding:7px 25px;font-size:20px;margin-right:20px;}
.ui_1 .btns a::after,
.ui_2 .btns a::after{content:"";display:inline-block;width:13px;height:14px;background:url(../../images/sub/icon_down.png) no-repeat center;margin-left:10px;}

.ui_1 .btns a:hover,
.ui_2 .btns a:hover{}

@media all and (max-width:1024px) {
  .ui_1 .box .pic,
  .ui_1 .box .con{max-width:100%;width:100%;}
  .ui_1 .box .pic{text-align:center;margin-bottom:30px;}
  .ui_1 .box .con p{font-size:30px;margin-bottom:50px;}
  .ui_2 li{width:49%;}
  .ui_1 .box,
  .ui_2 .box{padding:30px;}
  .ui_1 .btns,
  .ui_2 .btns{margin-top:25px;}
  .ui_1 .btns a,
  .ui_2 .btns a{font-size:16px;}
}
@media all and (max-width:768px) {
  .ui_2 li{width:100%;margin-bottom:50px;}
}
@media all and (max-width:480px) {
  .ui_1 .box .con ul li img{max-width:100%;}
  .ui_1 .box .con ul li span{display:block;max-width:100%;margin:10px 0 0 0;width:100%;}
  .ui_1 .btns,
  .ui_2 .btns{flex-direction:column;}
  .ui_1 .btns a,
  .ui_2 .btns a{margin:0 0 10px 0;width:100%;}
}


/*대학소개 - 교육이념비전 - 교가*/
.song{display:flex;flex-wrap:wrap;justify-content:space-between;}
.song .pic{border:1px solid #CCC;padding:60px;width:60%;}
.song .txt{font-family:'Noto Regular';font-size:40px;color:#000;width:35%;}
.song .txt strong{font-size:60px;display:block;line-height:1.1;}
.song .txt span{font-size:20px;display:block;margin-top:20px;}
.song .btns{margin-top:50px;display:flex;align-items:center;}
.song .btns a{display:flex;align-items:center;justify-content:space-between;border:1px solid #222;border-radius:30px;padding:7px 25px;font-size:20px;}
.song .btns a::after{content:"";display:inline-block;width:13px;height:14px;background:url(../../images/sub/icon_down.png) no-repeat center;margin-left:10px;}
@media all and (max-width:1024px) {
  .song .pic{width:100%;padding:30px;margin-top:30px;}
  .song .txt{font-size:30px;width:100%;text-align:center;}
  .song .txt strong{font-size:40px;}
  .song .txt span{font-size:18px;}
  .song .btns{margin-top:30px;justify-content:center;}
}


/*대학소개 - 교육이념비전 - 인사말프로필*/
.ceo_1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.ceo_1 .pic{width:39%;}
.ceo_1 .pic span{display:block;padding:80px 0 0 80px;position:relative;}
.ceo_1 .pic span::before{content:"";display:block;width:calc(100% - 80px);height:calc(100% - 80px);background:#0075d2;position:absolute;left:0;top:0;}
.ceo_1 .pic img{position:relative;}
.ceo_1 .btns{margin-top:50px;display:flex;align-items:center;justify-content:center;}
.ceo_1 .btns a{display:flex;align-items:center;justify-content:space-between;border:1px solid #222;border-radius:30px;padding:7px 25px;font-size:20px;}
.ceo_1 .txt{width:55%;word-break:keep-all;}
.ceo_1 .p_1{font-size:35px;color:#0075d2;line-height:1.5;font-family:'Noto Medium';}
.ceo_1 .p_2{font-size:20px;line-height:1.8;font-family:'Noto Regular';margin-top:50px;}
.ceo_1 .p_3{font-size:18px;font-family:'Noto Regular';margin-top:50px;text-align:right;}
.ceo_1 .p_3 span{font-size:22px;}
@media all and (max-width:1280px) {
  .ceo_1 .pic span{padding:30px 0 0 30px;}
  .ceo_1 .pic span::before{width:calc(100% - 30px);height:calc(100% - 30px);}
  .ceo_1 .p_1{font-size:30px;}
  .ceo_1 .p_2{line-height:1.5;}
}
@media all and (max-width:586px) {
  .ceo_1 .pic{width:100%;}
  .ceo_1 .pic span{padding:10px 0 0 10px;}
  .ceo_1 .pic span::before{width:calc(100% - 10px);height:calc(100% - 10px);}
  .ceo_1 .txt{width:100%;margin-top:50px;}
}

.ceo_profile{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:3;filter:alpha(opacity=0);opacity:0;}
.ceo_profile.active{display:flex;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);filter:alpha(opacity=100);opacity:1;}
.ceo_profile::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.9);position:absolute;left:0;top:0;}
.ceo_profile .container{position:relative;max-width:1400px;height:768px;overflow-y:auto;overflow-x:hidden;background:#FFF;}
.ceo_profile .inner{display:flex;justify-content:space-between;flex-wrap:wrap;padding:30px 0;}
.ceo_profile .item{width:50%;position:relative;padding:50px;}
.ceo_profile .item_1{text-align:right;}
.ceo_profile .item_1 span{text-align:left;font-size:40px;color:#0075d2;font-family:'Noto Medium';line-height:1.2;position:absolute;left:60px;top:100px;}
.ceo_profile .item_3,
.ceo_profile .item_4{background:#f4f4f4;}
.ceo_profile .item_5{width:100%;}
.ceo_profile dt{color:#000;font-size:24px;font-family:'Noto Medium';margin-bottom:20px;}
.ceo_profile dt::before{content:"";display:block;width:8px;height:8px;background:#0075d2;}
.ceo_profile dd{font-family:'Noto Regular';word-break:keep-all;}
.ceo_profile ul{margin-bottom:50px;}
.ceo_profile li{padding:5px 0;}
.ceo_profile p{color:#000;font-size:20px;font-family:'Noto Medium';}
.ceo_profile .close{display:block;width:60px;height:60px;background:#0075d2 url(../../images/common/x_1.png) no-repeat center;text-indent:-9999px;position:absolute;right:0;top:0;}
@media all and (max-width:1400px) {
  .ceo_profile .container{max-width:96%;}
}
@media all and (max-width:1280px) {
  .ceo_profile .item_1 span{font-size:30px;left:0;top:0;display:block;position:relative;margin-bottom:20px;}
}
@media all and (max-width:1024px) {
  .ceo_profile .item{padding:15px;}
  .ceo_profile .container{height:96%;}
}
@media all and (max-width:768px) {
  .ceo_profile .item{width:100%;}
  .ceo_profile .item_1{text-align:center;}
  .ceo_profile .item_1 span{font-size:25px;}
  .ceo_profile dt{font-size:20px;}
  .ceo_profile p{font-size:18px;}
}
@media all and (max-height:768px) {
  .ceo_profile .container{height:96%;}
}


/*대학소개 - 캠퍼스 안내 - 오시는 길*/
#menu4511_obj4045{padding-bottom:0;}
.location_info{display:flex;justify-content:space-between;align-items:center;background:#ebf2f7;border:1px solid #DDD;padding:30px;}
.location_info div{padding:5px 5px 5px 40px;font-family:'Noto Regular';}
.location_info .add{background:url(../../images/sub/location_add.png) no-repeat left center;}
.location_info .tel{background:url(../../images/sub/location_tel.png) no-repeat left center;}
.location_info .fax{background:url(../../images/sub/location_fax.png) no-repeat left center;}
.location_way{margin-top:50px;}
.location_way dl{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #DDD;display:flex;justify-content:space-between;flex-wrap:wrap;}
.location_way dt{color:#000;font-size:24px;font-family:'Noto Medium';margin-bottom:20px;width:15%;}
.location_way dt::before{content:"";display:block;width:8px;height:8px;background:#0075d2;}
.location_way dd{width:85%;}
.location_way li{padding:5px 0;}
.location_way p{padding-bottom:30px;}
.location_way p strong{display:block;color:#000;font-size:20px;font-family:'Noto Regular';padding-bottom:10px;}
@media all and (max-width:1024px) {
  .location_info{flex-direction:column;align-items:flex-start;}
  .location_info div{margin:5px 0;}
}
@media all and (max-width:768px) {
  .location_way dt{font-size:22px;width:100%;}
  .location_way dd{width:100%;}
  .location_way p strong{font-size:18px;}
}


/*대학소개 - 캠퍼스 안내 - 캠퍼스 맵*/
.campusmap .pic{margin-bottom:50px;}
.campusmap .txt{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #DDD;}
.campusmap .txt dl{width:30%;word-break:keep-all;}
.campusmap .txt dt{display:flex;align-items:center;color:#000;font-size:22px;font-family:'Noto Medium';line-height:1.3;}
.campusmap .txt dt img{padding-right:10px;}
.campusmap .txt dd{padding-left:50px;padding-top:10px;}
.campusmap .txt li{padding:3px 0;}
.campusmap .txt table td{vertical-align:top;}
@media all and (max-width:1024px) {
  .campusmap .txt dl{width:33%;}
}
@media all and (max-width:768px) {
  .campusmap .pic{margin-bottom:25px;}
  .campusmap .txt{margin-bottom:0;padding-bottom:0;border-bottom:0;}
  .campusmap .txt dl{width:100%;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #DDD;}
}


/*대학소개 - 대학현황 - 조직도*/
.orga_1{position:relative;padding-bottom:40px;}
.orga_2{position:relative;}
.orga_3{position:relative;}
.orga_4{position:relative;}

.orga .obj{display:flex;justify-content:center;align-items:center;position:relative;line-height:1;text-align:center;word-break:keep-all;}
.orga_1 .wrap{display:flex;justify-content:space-between;align-items:center;max-width:700px;margin:0 auto;position:relative;}
.orga_2 ul{display:flex;justify-content:space-between;}
.orga_2 ul li{width:12%;}
.orga_3 .wrap{display:flex;justify-content:space-between;position:relative;}
.orga_4 .wrap{display:flex;position:relative;}
.orga_3 .wrap .item_a,
.orga_4 .wrap .item_a{width:230px;position:relative;}
.orga_3 .wrap .item_b{width:calc(100% - 230px);display:flex;justify-content:space-between;flex-wrap:wrap;}
.orga_4 .wrap .item_b{width:calc(100% - 230px);display:flex;align-items:center;flex-wrap:wrap;}
.orga_3 .wrap .item_b_1 dl{width:24.7%;}
.orga_3 .wrap .item_b_2 dl,
.orga_3 .wrap .item_b_3 dl{width:14%;}

.orga .t_1{background:#FFF;border:3px solid #0075d2;border-radius:50px;width:200px;height:200px;margin: 0 auto 10px auto;flex-direction:column;}
.orga .t_1 span{font-size:22px;color:#000;font-family:'Noto Medium';padding-top:10px;}
.orga .t_2{background:#0075d2;border-radius:50px;width:200px;height:110px;}
.orga .t_2 span{color:#FFF;font-size:20px;font-family:'Noto Medium';}
.orga .t_3{background:#3a56c1;border-radius:50px;width:200px;height:110px;margin: 10px auto 0 auto;}
.orga .t_3 span{color:#FFF;font-size:20px;font-family:'Noto Medium';}
.orga .t_4{border:3px solid #0075d2;background:#ebf2f8;border-radius:50px;height:110px;}
.orga .t_4 span{color:#0075d2;font-size:20px;font-family:'Noto Medium';}
.orga .t_5{border:3px solid #0075d2;background:#ebf2f8;border-radius:50px;height:110px;width:180px;}
.orga .t_5 span{color:#0075d2;font-size:20px;font-family:'Noto Medium';}
.orga .t_6{border:1px solid #0075d2;line-height:1.2;}
.orga .t_6 dt{border-bottom:1px solid #0075d2;text-align:center;padding:20px 5px;}
.orga .t_6 dd{padding:15px;}
.orga .t_6 dt span{color:#0075d2;font-size:18px;font-family:'Noto Medium';}
.orga .t_6 dd li{position:relative;padding:5px 0 5px 10px;}
.orga .t_6 dd li::before{content:"";display:block;width:5px;height:1px;background:#222;position:absolute;top:16px;left:0;}
.orga .t_6 dd span{font-size:15px;}
.orga .t_7{border:1px solid #0076d4;background:#FFF;margin:0 5px 5px 0;height:60px;padding:0 20px;}
.orga .t_7 span{color:#0076d4;font-family:'Noto Regular';}

.orga .t_2::before,
.orga .t_3::before,
.orga .t_4::before,
.orga .t_5::before{content:"";display:block;width:14px;height:14px;background:#FFF;border:3px solid #000;border-radius:100%;position:absolute;}
.orga .t_2::before{border-color:#0075d2;}
.orga .t_2_1::before{right:-8px;}
.orga .t_2_2::before{left:-8px;}
.orga .t_3::before{top:-8px;border-color:#3a56c1;}
.orga .t_4::before{top:-8px;border-color:#0075d2;}
.orga .t_5::before{right:-8px;border-color:#0075d2;}

.orga_1::before{content:"";display:block;width:3px;height:100%;background:url(../../images/sub/orga_bg.png) repeat;position:absolute;top:0;left:calc(50% - 2px);}
.orga_1 .wrap::before{content:"";display:block;width:100%;height:3px;background:url(../../images/sub/orga_bg.png) repeat;position:absolute;top:calc(50% - 2px);}
.orga_2 ul::before{content:"";display:block;width:88%;height:3px;background:url(../../images/sub/orga_bg.png) repeat;position:absolute;top:0;left:6%;}
.orga_2 ul li::before{content:"";display:block;width:3px;height:40px;background:url(../../images/sub/orga_bg.png) repeat;margin:0 auto;}
.orga_3 .wrap .item_a::before,
.orga_4 .wrap .item_a::before{content:"";display:block;width:100%;height:3px;background:url(../../images/sub/orga_bg.png) repeat;position:absolute;top:53px;left:0;}

@media all and (max-width:1380px) {
  .orga_3 .wrap .item_b{justify-content:flex-start;}
  .orga_3 .wrap .item_b_1 dl,
  .orga_3 .wrap .item_b_2 dl,
  .orga_3 .wrap .item_b_3 dl{width:24%;margin:0 1% 1% 0;}
}
@media all and (max-width:1280px) {
  .orga_3 .wrap .item_b_1 dl{width:49%;}
  .orga_3 .wrap .item_b_2 dl,
  .orga_3 .wrap .item_b_3 dl{width:32.3%;}
}
@media all and (max-width:1024px) {
  .orga_2{display:none;}
  .orga_3 .wrap .item_b_1 dl,
  .orga_3 .wrap .item_b_2 dl,
  .orga_3 .wrap .item_b_3 dl{width:100%;margin:0 0 1% 0;}

  .orga .t_6 dd ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
  .orga .t_6 dd li{width:31.3%;}
}
@media all and (max-width:768px) {
  .orga .t_1{border-radius:30px;width:150px;height:150px;}
  .orga .t_1 img{max-width:70px;}
  .orga .t_2{border-radius:30px;width:130px;height:60px;}
  .orga .t_2 span{font-size:18px;}
  .orga .t_3{border-radius:30px;width:130px;height:60px;}
  .orga .t_3 span{font-size:18px;}

  .orga .t_5{border-radius:30px;height:60px;width:130px;}
  .orga .t_5 span{font-size:18px;}

  .orga_3 .wrap .item_a,
  .orga_4 .wrap .item_a{width:160px;}
  .orga_3 .wrap .item_b,
  .orga_4 .wrap .item_b{width:calc(100% - 160px);}

  .orga_1::before{height:80%;}
  .orga_3 .wrap .item_a::before,
  .orga_4 .wrap .item_a::before{top:28px;}

  .orga .t_6 dd li{width:48%;}

  .orga .t_7{margin:0 5px 5px 0;height:auto;padding:10px;}
}
@media all and (max-width:460px) {
  .orga_3 .wrap,
  .orga_4 .wrap{display:block;}
  .orga_3 .wrap .item_a,
  .orga_4 .wrap .item_a{width:100%;}
  .orga_3 .wrap .item_b,
  .orga_4 .wrap .item_b{width:100%;}

  .orga .t_5::before,
  .orga_3 .wrap .item_a::before,
  .orga_4 .wrap .item_a::before{display:none;}
  .orga_3 .wrap .item_a,
  .orga_4 .wrap .item_a{margin-bottom:3px;}
  .orga .t_5{border-radius:0;width:100%;}
}


/*대학소개 - 대학현황 - 일반현황*/
.status_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;border:1px solid #0075d2;}
.status_wrap .item_a{width:30%;padding:40px;background:#ebf2f7;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.status_wrap .item_b{width:70%;padding:40px;border-left:1px solid #0075d2;position:relative;}
.status_wrap .item_a p{color:#0075d2;font-size:30px;font-family:'Noto Medium';text-align:center;margin-top:20px;}
.status_wrap .item_a p span{display:block;font-size:18px;font-family:'Noto Regular';}

.status_wrap .item_b dl{display:flex;align-items:center;flex-wrap:wrap;height:100%;padding:30px 0;line-height:1.3;}
.status_wrap .item_b dt{width:30%;color:#222;font-size:24px;font-family:'Noto Medium';}
.status_wrap .item_b dt span{display:block;font-size:18px;font-family:'Noto Regular';}
.status_wrap .item_b dd{width:70%;font-size:20px;font-family:'Noto Regular';display:flex;}
.status_wrap .item_b div{margin-right:20px;display:flex;align-items:center;}
.status_wrap .item_b .title{padding-right:20px;}
.status_wrap .item_b .txt{color:#0075d2;}
.status_wrap .item_b strong{display:inline-block;font-size:30px;font-family:'Noto Medium';line-height:1;}

.status_1 dl{height:50% !important;}
.status_1 dl.con_1{border-bottom:1px solid #0075d2}
.status_3 dl{height:25% !important;border-bottom:1px solid #0075d2;}
.status_3 .con_4{border-bottom:0;}
.status_4 dl{height:50% !important;}
.status_4 dl.con_1{border-bottom:1px solid #0075d2}
.status_4 .item_b img{margin-left:5px;}

@media all and (max-width:1280px) {
  .status_wrap .item_a{width:20%;padding:20px;}
  .status_wrap .item_b{width:80%;padding:20px;}
}
@media all and (max-width:1024px) {
  .status_wrap .item_a,
  .status_wrap .item_b{width:100%;}
  .status_wrap .item_b{border-left:0;}
  .status_wrap .item_a img{max-width:40px;}
  .status_wrap .item_a p{font-size:25px;}
  .status_wrap .item_b dt{font-size:22px;}
  .status_wrap .item_b dt{width:20%;}
  .status_wrap .item_b dd{width:80%;}
}
@media all and (max-width:768px) {
  .status_wrap .item_b{padding:0 20px;}
  .status_wrap .item_b dt{width:100%;padding-bottom:10px;}
  .status_wrap .item_b dd{width:100%;display:block;}
  .status_wrap .item_b div{margin:5px 0;}
  .status_wrap .item_b strong{font-size:20px;}

  .status_1 dl,
  .status_3 dl,
  .status_4 dl{height:auto !important;}
}


/*대학소식 - 사람들 - SKHU Heritage*/
.heri_bg_1,
.heri_bg_2{background:#ebf2f7;position:absolute;top:0;height:100%;}
.heri_bg_1{right:0;width:80%;}
.heri_bg_2{left:0;width:95%;}
.heri{display:flex;justify-content:space-between;position:relative;}
.heri strong{display:block;font-size:40px;font-family:'Noto Medium';}
.heri span{display:block;padding:30px 0;font-size:22px;font-family:'Noto Regular';text-decoration:underline;}
.heri span i{display:block;}
.heri_1{padding-top:50px;}
.heri_1 div{width:25%;}
.heri_1 p{width:70%;}
.heri_2{flex-direction:row-reverse;}
.heri_2 div{width:48%;}
.heri_2 p{width:47%;}
.heri_3{padding-top:50px;}
.heri_3 div{width:35%;}
.heri_3 p{width:60%;}
.heri_4{flex-direction:row-reverse; padding-top:50px;}
.heri_4 div{width:45%;}
.heri_4 p{width:50%;}

.heri .btns{margin-top:50px;display:flex;align-items:center;justify-content:center;width:100%;}
.heri .btns a{display:flex;align-items:center;justify-content:space-between;border:1px solid #222;border-radius:30px;padding:7px 25px;font-size:20px;margin-right:20px;}
.heri .btns a::after{content:"";display:inline-block;width:13px;height:14px;background:url(../../images/sub/icon_down.png) no-repeat center;margin-left:10px;}

@media all and (max-width:768px) {
  .heri_bg_1,
  .heri_bg_2{width:100%;}
  .heri strong{font-size:30px;}
  .heri span{padding:15px 0;font-size:20px;}
  .heri span i{display:inline;}
  .heri{flex-direction:column;}
  .heri div,
  .heri p{width:100% !important;}
  .heri div{text-align:center;margin-bottom:30px;}
}
@media all and (max-width:1024px) {
  .heri .btns{margin-top:25px;}
  .heri .btns a{font-size:16px;}
}
@media all and (max-width:480px) {
  .heri .btns{flex-direction:column;}
  .heri .btns a{margin:0 0 10px 0;width:100%;}
}


/** 조직도 팝업 **/
.orga_pop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:5;display:none;}
.orga_pop .inner{display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
.orga_pop .container{width:700px;background:#FFF;position:relative;}
.orga_pop h3{background:url(/sites/style_guide/images/common/pattern_7.png) center;padding:40px;color:#FFF;font-size:0px;font-weight:400;}
.orga_pop .wrap{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;}
.orga_pop .wrap h4{font-size:25px;font-weight:400;}
.orga_pop .wrap a{border-radius:3px;padding:8px 15px 8px 40px;font-size:16px;color:#FFF;background:#0896d7 url(/sites/style_guide/images/common/icon_home_w.png) no-repeat 10px center;}
.orga_pop .sum{padding:20px 0;border-top:1px dashed #DDD;border-bottom:1px dashed #DDD;}
.orga_pop .info{margin:20px 0;}
.orga_pop .info li{position:relative;padding:3px 0 3px 15px;display:flex;}
.orga_pop .info li:before{content:"";display:block;width:10px;height:10px;background:url(/sites/style_guide/images/common/arrow_14_b.png) no-repeat center;position:absolute;top:9px;left:0;}
.orga_pop .info li span{width:100px;font-weight:400;}
.orga_pop .item{padding:30px;overflow-x:hidden;overflow-y:auto;max-height:400px;font-size:16px;}
.orga_pop .item:focus {outline:2px solid #333}
.orga_pop table{font-size:14px;}
.orga_pop .close{display:block;text-indent:-9999px;width:40px;height:40px;background:url(/sites/style_guide/images/common/x_6_w.png) no-repeat center;position:absolute;top:20px;right:20px;}
.orga_pop .wrap a:after,
.orga_pop .close:after{display:none;}
@media only screen and (max-width:1024px){
  .wrap_orga .gup_1 > li{width:calc(25% - 10px);}
  .wrap_orga .gup_2 > li{width:calc(25% - 10px);}
  .wrap_orga .gup_3 > li{width:calc(25% - 10px);}
  .wrap_orga .gup_4 > li{width:calc(25% - 10px);}
  .wrap_orga .gup_5 > li{width:calc(20% - 10px);}
  .wrap_orga .gup_1 > li:nth-child(n+5):before{display:none;}
  .wrap_orga .gup_2 > li:nth-child(n+5):before{display:none;}
  .wrap_orga .gup_1:before{width:75.4%;left:12.3%;}
  .wrap_orga .gup_2:before{width:75.2%;left:12.4%;}
  .wrap_orga .gup_3:before{width:75.2%;left:12.4%;}
}
@media only screen and (max-width:768px){
  .wrap_orga a:after{vertical-align:0;}
  .wrap_orga .gup_1 > li,
  .wrap_orga .gup_2 > li,
  .wrap_orga .gup_3 > li,
  .wrap_orga .gup_4 > li,
  .wrap_orga .gup_5 > li{width:calc(50% - 10px);}
  .wrap_orga .gup_6 > li{width:calc(25% - 10px);}
  /*.wrap_orga .gup_6 > li:nth-child(3){display:none;}*/
  .wrap_orga .gup_1 > li:nth-child(n+3):before,
  .wrap_orga .gup_2 > li:nth-child(n+3):before,
  .wrap_orga .gup_3 > li:nth-child(n+3):before,
  .wrap_orga .gup_4 > li:nth-child(n+3):before{display:none;}
  .wrap_orga .gup_1:before,
  .wrap_orga .gup_2:before,
  .wrap_orga .gup_3:before,
  .wrap_orga .gup_4:before{width:50.2%;left:24.9%;}
  .wrap_orga .orga_1:after{top:109px; height:96px}
  .wrap_orga .orga_1 span{font-size:20px;width:110px;height:110px;background-size:100%;}
  .wrap_orga .orga_2 span,
  .wrap_orga .orga_3 span{font-size:16px;height:45px;}
  .wrap_orga .orga_2 span{width:calc(100% - 10px);}
  .wrap_orga .orga_5 span,
  .wrap_orga .orga_7 span{font-size:14px;height:40px;}
  .wrap_orga .orga_6{padding:10px;}
  .wrap_orga .orga_6 > li{padding:5px;font-size:15px;}
  .wrap_orga .orga_6 > li:before{display:none;}
  .wrap_orga .etc_1{margin-top:50px;}
  .orga_pop .container{width:92%;}
  .orga_pop h3{padding:30px;font-size:0px;}
  .orga_pop .wrap{margin:20px;}
  .orga_pop .wrap h4{font-size:20px;}
  .orga_pop .wrap a{padding:7px 10px;font-size:14px;background-image:none;}
  .orga_pop .sum{margin:0 20px;padding:15px 0;}
  .orga_pop .info{margin:15px;}
  .orga_pop .info li{padding:4px 0 4px 15px;font-size:16px;}
  .orga_pop .info li span{width:80px;}
  .orga_pop .info li:before{top:10px;}
  .orga_pop .close{top:10px;right:10px;}
}

@media only screen and (max-width:320px){
  .wrap_orga .gup_1 > li,
  .wrap_orga .gup_2 > li,
  .wrap_orga .gup_3 > li,
  .wrap_orga .gup_4 > li,
  .wrap_orga .gup_5 > li{width:calc(100% - 10px);margin-bottom:0;}
  .wrap_orga .gup_1:before,
  .wrap_orga .gup_2:before,
  .wrap_orga .gup_3:before,
  .wrap_orga .gup_4:before,
  .wrap_orga .gup_1 > li:before,
  .wrap_orga .gup_2 > li:before,
  .wrap_orga .gup_3 > li:before,
  .wrap_orga .gup_4 > li:before{display:none;}
  .wrap_orga .etc_1{margin-top:0;}
  .page1757 ._objHtml{padding-bottom:10px;}
}


/*대학설립정신*/
.rowArrBox.noArr > li::after{display:none;}

/*대학로고설명*/
.logoColor .logoBg1 {color:#FFF;font-weight:600;background:#009b64;padding:40px;margin-bottom:30px;}
.logoColor .logoBg2 {color:#FFF;font-weight:600;background:#EE0031;padding:40px;margin-bottom:30px;}
.logoColor .logoBg3 {color:#000;font-weight:600;background:#CDCDCD;padding:40px;margin-bottom:30px;}


/* 총장인사말 */
.introSlogan { padding:70px; background-color:#f5f5f5; color:#0a3ea1; font-size:28px; font-family:'Noto-sans medium'; position:relative; }
.introSlogan::before { content:""; position:absolute; width:314px; height:314px; background:url("/sites/www/images/sub/intro_logo.png") center center; right:80px; bottom:-130px; }
.introCont { padding-top:150px; } 
.introSign2 { font-size:24px; } 
@media all and (max-width:500px) { 
  .introSlogan { padding:30px; font-size:22px; }
  .introSlogan::before { display:none; }
  .introCont { padding-top:50px; } 
}


/*대학소개 - 역사 - 2015-현재*/
.hist_top{background:#0075d2;padding:60px 20px 60px 60px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;width:100%;}
.hist_top .item_1{width:35%;}
.hist_top .p_1{font-size:30px;color:#FFF;font-family:'Noto Regular';line-height:1.2;}
.hist_top .p_2{font-size:16px;color:#FFF;padding-top:10px;}
.hist_top .item_2{width:60%;position:relative;display:flex;justify-content:center;align-items:center;}
.hist_top .item_2 img{display:inline-block;position:relative;width:32.3%;margin:0.5%;}
.hist_top .item_2::before{content:"";display:block;width:calc(100% - 20px);height:100%;background:#03235f;position:absolute;right:-20px;top:-20px;}
@media all and (max-width:1024px) {
  .hist_top{padding:40px;}
  .hist_top .item_1{width:100%;}
  .hist_top .item_2{width:100%;margin-top:50px;}
}
@media all and (max-width:768px) {
  .hist_top{padding:30px 20px;}
  .hist_top .p_1{font-size:20px;}
  .hist_top .item_2{margin-top:10px;}
  .hist_top .item_2::before{display:none;}
}
@media all and (max-width:380px) {
  .hist_top .item_2{flex-direction:column;}
  .hist_top .item_2 img{width:100%;margin:1% 0;}
}


/* 대학소식 - 홍보 - SNS */
.snsCollectionWrap .wrapper{display:flex; flex-wrap:wrap;}
.snsCollectionWrap .wrapper a{width:30%; text-align:center; margin-bottom:40px;}
.snsCollectionWrap .wrapper a span{display:block;font-size:16px;font-family:'Noto Medium';color:#222;padding:10px;}
@media all and (min-width:1281px){
  .snsCollectionWrap .wrapper a:hover img{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media all and (max-width:768px){
  .snsCollectionWrap .wrapper a{width:25%;}
  .snsCollectionWrap .wrapper a img{max-width:70px;}
}
@media all and (max-width:380px){
  .snsCollectionWrap .wrapper a{width:33.33333%;}
  .snsCollectionWrap .wrapper a img{max-width:50px;}
}

/* 대학생활 - 학생지원 - 심리상담 - 위기사항대처/교내외 기관안내 */
.rBox.custom1016 li div a img { max-height:60px; }


/*대학대학원 - 대학 - 대학안내*/
.intro_college_1{}
.intro_college_1 h3{font-size:40px;display:flex;align-items:center;font-family:'Noto Light';margin-bottom:20px;position:relative;}
.intro_college_1 h3 a{display:inline-block;border-radius:30px;border:1px solid #222;margin-left:20px;padding:5px 45px 5px 20px;font-size:14px;background:url(../../images/common/icon_new.png) no-repeat 90% center;}
.intro_college_1 .con{border:1px solid #0075d2;padding:50px;}
.intro_college_1 .con .telNo{margin-top:20px;}

.intro_college_2{}
.intro_college_2 h3{font-size:40px;display:flex;align-items:center;font-family:'Noto Light';margin-bottom:20px;}
.intro_college_2 .con{border:1px solid #0075d2;padding:50px;}
.intro_college_2 .con h4{color:#0075d2;font-size:30px;display:flex;align-items:center;font-family:'Noto Light';margin-bottom:20px;position:relative;}
.intro_college_2 .con h4 a{display:inline-block;border-radius:30px;border:1px solid #222;margin-left:20px;padding:5px 45px 5px 20px;font-size:14px;background:url(../../images/common/icon_new.png) no-repeat 90% center;}
.intro_college_2 .con p{font-family:'Noto Regular';margin-bottom:20px;}
.intro_college_2 .depart_list{display:flex;flex-wrap:wrap;}
.intro_college_2 .depart_list .wrap{display:flex;align-items:center;justify-content:center;width:19%;margin:0 1% 1% 0;}
.intro_college_2 .depart_list .wrap a{display:flex;flex-direction:column;width:100%;height:100%;padding:30px;position:relative;background:#ebf2f7;}
.intro_college_2 .depart_list .wrap a::before{content:"";display:block;width:13px;height:13px;background:url(../../images/common/icon_new.png) no-repeat center;position:absolute;top:20px;right:20px;}
.intro_college_2 .depart_list .wrap strong{font-family:'Noto DemiLight';font-size:20px;margin-bottom:5px;}
.intro_college_2 .depart_list .wrap span{}

.intro_college_3{display:flex;justify-content:space-between;flex-wrap:wrap;}
.intro_college_3 .con{border:1px solid #0075d2;padding:50px;width:49%;margin-bottom:2%;}
.intro_college_3 .con h4{color:#0075d2;font-size:30px;display:flex;align-items:center;font-family:'Noto Light';margin-bottom:20px;position:relative;}
.intro_college_3 .con h4 a{display:inline-block;border-radius:30px;border:1px solid #222;margin-left:20px;padding:5px 45px 5px 20px;font-size:14px;background:url(../../images/common/icon_new.png) no-repeat 90% center;}
.intro_college_3 .con p{font-family:'Noto Regular';margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #DDD;}
.intro_college_3 .depart_list{margin-bottom:15px;}
.intro_college_3 .contact{}

.intro_college_1 h3 a:hover,
.intro_college_2 .con h4 a:hover,
.intro_college_3 .con h4 a:hover{background:#222 url(../../images/common/icon_new_w.png) no-repeat 90% center;color:#FFF;}
.intro_college_2 .depart_list .wrap a:hover{background:#cbdbe6;}

@media all and (max-width:1024px){
  .intro_college_1 h3,
  .intro_college_2 h3{font-size:30px;}
  .intro_college_2 .con{padding:20px;}
  .intro_college_2 .depart_list .wrap{width:100%;margin:0 0 1% 0;}
  .intro_college_2 .depart_list .wrap a{padding:15px;}
  .intro_college_3 .con{width:100%;padding:20px;}
  .intro_college_2 .con h4,
  .intro_college_3 .con h4{font-size:25px;}
}
@media all and (max-width:768px){
  .intro_college_1 h3,
  .intro_college_2 .con h4,
  .intro_college_3 .con h4{padding-right:60px;}
  .intro_college_1 h3 a,
  .intro_college_2 .con h4 a,
  .intro_college_3 .con h4 a{border-radius:0;border:0;margin-left:0;padding:0;position:absolute;right:0;top:0;font-size:0;width:40px;height:40px;background:url(../../images/common/new_1_6.png) no-repeat center;}
}


/* 대학생활 - 학생증 */
.stdInfo924_1 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretchh; }
.stdInfo924_1 > span { margin-right:20px; display:flex; align-items:center; }

/* 대학생활 - 학생지원 - 교내외장학 - 교외/국가장학금 */
.sub1018_chart { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretchh; }
.sub1018_chart > li { flex: 0 0 16.66666%; height:250px; font-weight:bold; display:flex; justify-content:center; }
.sub1018_chart > li.down { align-items:flex-end; }
.sub1018_chart > li.up { align-items:flex-start; }
.sub1018_chart > li:nth-child(1) { background:url("/sites/skhu/images/sub/sub1018_img_01.png") no-repeat top center; }
.sub1018_chart > li:nth-child(2) { background:url("/sites/skhu/images/sub/sub1018_img_03.png") no-repeat bottom center; }
.sub1018_chart > li:nth-child(3) { background:url("/sites/skhu/images/sub/sub1018_img_01.png") no-repeat top center; }
.sub1018_chart > li:nth-child(4) { background:url("/sites/skhu/images/sub/sub1018_img_04.png") no-repeat bottom center; }
.sub1018_chart > li:nth-child(5) { background:url("/sites/skhu/images/sub/sub1018_img_02.png") no-repeat top center; }
.sub1018_chart > li:nth-child(6) { background:url("/sites/skhu/images/sub/sub1018_img_05.png") no-repeat bottom center; }
@media all and (max-width:1200px){
  .sub1018_chart > li { flex-basis:33.33333%; margin-bottom:20px; }
}
@media all and (max-width:768px){
  .sub1018_chart > li { flex-basis:50%; }
}

/* 대학생활 - 학생지원 - 취창업지원 - 조직구성 및 기능 */
.wrap928-1 { position:relative;}
.wrap928-1 .tit { position:absolute; width:260px; height:260px; top:0; left:50%; transform: translate(-50%, 0); border:1px solid #0075d2; color:#0075d2; font-weight:bold; font-size:20px; border-radius:130px; display:flex; justify-content:center; align-items:center; }

.wrap928-1 .itemWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.wrap928-1 .itemWrap .itemL { flex:0 0 47%; }
.wrap928-1 .itemWrap .itemR { flex:0 0 47%; }

.wrap928-1 .itemWrap .itemL { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; }
.wrap928-1 .itemWrap .itemL .cont1 { flex:0 0 30%; }
.wrap928-1 .itemWrap .itemL .cont1 dl.box1 { border:1px solid #0075d2; }
.wrap928-1 .itemWrap .itemL .cont1 dl.box1 dt { padding:10px 20px; background-color:#0075d2; color:#fff; text-align:center; font-weight:bold; }
.wrap928-1 .itemWrap .itemL .cont1 dl.box1 dd { padding:10px 20px; }

.wrap928-1 .itemWrap .itemL .cont2 { flex:0 0 70%; position:relative; }
.wrap928-1 .itemWrap .itemL .cont2::before { content:""; width:50%; height:1px; background-color:#0075d2; position:absolute; top:50%; left:0; }
.wrap928-1 .itemWrap .itemL .cont2 .box1 span { width:160px; height:160px; background-color:#0075d2; color:#fff; font-weight:bold; margin:0 auto; border-radius:80px; display:flex; justify-content:center; align-items:center; font-size:20px; }
.wrap928-1 .itemWrap .itemL .cont2 .box1::after { content:""; width:1px; height:250px; background-color:#0075d2; display:block; margin:0 auto; }
.wrap928-1 .itemWrap .itemL .cont2 .box2::before { content:""; width:50%; height:50px; border:1px solid #0075d2; border-bottom:0; display:block; margin:0 auto; }
.wrap928-1 .itemWrap .itemL .cont2 .box2 ul { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; }
.wrap928-1 .itemWrap .itemL .cont2 .box2 ul li { flex:0 0 48%; background-color:#0075d2; color:#fff; text-align:center; padding:20px 0; font-weight:bold; }

.wrap928-1 .itemWrap .itemR { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; }
.wrap928-1 .itemWrap .itemR .cont1 { flex:0 0 70%; position:relative; }

.wrap928-1 .itemWrap .itemR .cont1::before { content:""; width:50%; height:1px; background-color:#3956c1; position:absolute; top:35%; right:0; }
.wrap928-1 .itemWrap .itemR .cont1::after { content:""; width:50%; height:1px; background-color:#3956c1; position:absolute; top:69%; right:0; }

.wrap928-1 .itemWrap .itemR .cont1 .box1 span { width:160px; height:160px; background-color:#3956c1; color:#fff; font-weight:bold; margin:0 auto; border-radius:80px; display:flex; justify-content:center; align-items:center; font-size:20px; }
.wrap928-1 .itemWrap .itemR .cont1 .box1::after { content:""; width:1px; height:250px; background-color:#3956c1; display:block; margin:0 auto; }
.wrap928-1 .itemWrap .itemR .cont1 .box2::before { content:""; width:50%; height:50px; border:1px solid #3956c1; border-bottom:0; display:block; margin:0 auto; }
.wrap928-1 .itemWrap .itemR .cont1 .box2 ul { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; }
.wrap928-1 .itemWrap .itemR .cont1 .box2 ul li { flex:0 0 48%; background-color:#3956c1; color:#fff; text-align:center; padding:20px 0; font-weight:bold; }

.wrap928-1 .itemWrap .itemR .cont2 { flex:0 0 30%; } 
.wrap928-1 .itemWrap .itemR .cont2 dl.box1 { border:1px solid #3956c1; }
.wrap928-1 .itemWrap .itemR .cont2 dl.box1 dt { padding:10px 20px; background-color:#3956c1; color:#fff; text-align:center; font-weight:bold; }
.wrap928-1 .itemWrap .itemR .cont2 dl.box1 dd { padding:10px 20px; }
.wrap928-1 .itemWrap .itemR .cont2 dl.box2 { border:1px solid #3956c1; margin-top:15px; }
.wrap928-1 .itemWrap .itemR .cont2 dl.box2 dt { padding:10px 20px; background-color:#3956c1; color:#fff; text-align:center; font-weight:bold; }
.wrap928-1 .itemWrap .itemR .cont2 dl.box2 dd { padding:10px 20px; }

@media all and (max-width:1024px) {
  .wrap928-1 { position:relative; padding-top:0; }
  .wrap928-1 .tit { position:relative; width:100%; height:0; padding:30px 0; border-radius:10px; margin-bottom:30px;  }
  .wrap928-1 .itemWrap .itemL { flex-basis:100%; margin-bottom:100px; }
  .wrap928-1 .itemWrap .itemL .cont2 .box1 span { width:100%; height:0; padding:30px; border-radius:10px; }
  .wrap928-1 .itemWrap .itemL .cont2 .box1 span br { display:none; }

  .wrap928-1 .itemWrap .itemR { flex-basis:100%; }
  .wrap928-1 .itemWrap .itemR .cont1 .box1 span { width:100%; height:0; padding:30px; border-radius:10px; }
  .wrap928-1 .itemWrap .itemR .cont1 .box1::after { height:350px; }
}

/* 대학생활 - 학생지원 - 취창업지원 - 프로그램 */
.wrap928-2 { font-family:'Noto Regular'; }
.wrap928-2 > .item { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.wrap928-2 > .item > .tit { flex: 0 0 30%; display:flex; align-items:center; }
.wrap928-2 > .item > .tit > span { display:flex; justify-content:center; align-items:center; background-color:#ebf2f7; border:1px solid #0075d2; border-radius:95px; width:190px; height:190px; color:#0075d2; font-weight:bold; }
.wrap928-2 > .item > .cont { flex: 0 0 70%; }
.wrap928-2 > .item > .cont > ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.wrap928-2 > .item > .cont > ul > li:nth-child(1) { flex:0 0 38%; }
.wrap928-2 > .item > .cont > ul > li:nth-child(2) { flex:0 0 18%; }
.wrap928-2 > .item > .cont > ul > li:nth-child(3) { flex:0 0 38%; }
.wrap928-2 > .item > .cont > ul > li > dl > dt { background-color:#0075d2; color:#fff; font-weight:bold; padding:25px; text-align:center; font-size:20px; margin-bottom:10px; }
.wrap928-2 > .item > .cont > ul > li > dl > dd { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; }
.wrap928-2 > .item > .cont > ul > li > dl > dd > .cont { flex: 0 0 50%; border:1px solid #0075d2; display:flex; flex-flow:column wrap; }
.wrap928-2 > .item > .cont > ul > li > dl > dd > .cont:nth-child(2) { border-left:0; }
.wrap928-2 > .item > .cont > ul > li:nth-child(2) > dl > dd > .cont { flex: 0 0 100%; }
.wrap928-2 > .item > .cont > ul > li > dl > dd > .cont > span { padding:12px 10px; text-align:center; }
.wrap928-2 > .item > .cont > ul > li > dl > dd > .cont > span.tit { background-color:#ebf2f7; color:#0075d2; font-weight:bold; font-size:20px;border-bottom:1px solid #0075d2; }
@media all and (max-width:1253px) {
  .wrap928-2 > .item > .tit { flex-basis:100%; margin-bottom:20px; }
  .wrap928-2 > .item > .tit > span { width:100%; height:unset; padding:20px; border-radius:10px; }	
  .wrap928-2 > .item > .cont { flex-basis:100%; }
}
@media all and (max-width:500px) {
  .wrap928-2 > .item > .cont > ul > li { flex-basis:100% !important; margin-bottom:20px; }
  .wrap928-2 > .item > .cont > ul > li > dl > dt { padding:10px; }
  .wrap928-2 > .item > .cont > ul > li > dl > dd > .cont > span { padding:10px; }
}

.wrap928-3 { font-family:'Noto Regular';}
.wrap928-3 > .item { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.wrap928-3 > .item > .tit { flex: 0 0 16%; display:flex; align-items:center; position:relative; }
.wrap928-3 > .item > .tit::before, .wrap928-3 > .item > .tit::after { position:absolute; content:""; width:10px; height:50px; background:url("/sites/skhu/images/sub/sub_928_01.png") no-repeat center center; left:40%; }
.wrap928-3 > .item > .tit::before { top:0; }
.wrap928-3 > .item > .tit::after { bottom:0; }
.wrap928-3 > .item > .tit > span { display:flex; justify-content:center; align-items:center; background-color:#ebf2f7; border:1px solid #0075d2; border-radius:95px; width:190px; height:190px; color:#0075d2; font-weight:bold; }
.wrap928-3 > .item > .cont { flex: 0 0 84%; }
.wrap928-3 > .item > .cont > ul { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.wrap928-3 > .item > .cont > ul > li.subTit { flex:0 0 16.7%; display:flex; align-items:center; position:relative; }
.wrap928-3 > .item > .cont > ul > li.subTit::after { position:absolute; content:""; width:29%; height:1px; background-color:#0075d2; top:50%; right:0; }
.wrap928-3 > .item > .cont > ul > li.subTit > span { width:150px; height:150px; border:1px solid #0075d2; color:#0075d2; font-weight:bold; border-radius:75px; display:flex; justify-content:center; align-items:center; }
.wrap928-3 > .item > .cont > ul > li.conts { flex:0 0 15.8%; padding:25px 20px; border:1px solid #0075d2; text-align:center; }
.wrap928-3 > .item > .cont > ul > li.cont2, .wrap928-3 > .item > .cont > ul > li.cont5{ border-left:none; }
.wrap928-3 > .item > .cont > ul > li.cont3 { flex-basis:15%; margin:0 2.5%; }
.wrap928-3 > .item > .cont > ul.box2 > li.subTit { border:none; }
.wrap928-3 > .item > .cont > ul.box2 > li.subTit::after { display:none; }
.wrap928-3 > .item > .cont > ul.box2 > li.conts { background-color:#ebf2f7; border-top:0; border-bottom:0; color:#0075d2; font-weight:bold; }
@media all and (max-width:1500px) {
  .wrap928-3 > .item > .cont > ul > li.subTit::after { display:none; }
}
@media all and (max-width:1253px) {
  .wrap928-3 > .item > .tit { flex-basis:100%; margin-bottom:20px; }
  .wrap928-3 > .item > .tit::before, .wrap928-3 > .item > .tit::after { display:none; }
  .wrap928-3 > .item > .tit > span { width:100%; height:unset; padding:20px; border-radius:10px; }
  .wrap928-3 > .item > .tit > span > br { display:none; }
  .wrap928-3 > .item > .cont { flex-basis:100%; }
}
@media all and (max-width:1000px) {	
  .wrap928-3 > .item > .cont > ul { margin-bottom:20px; justify-content:space-between; }
  .wrap928-3 > .item > .cont > ul.box2 > li.subTit { display:none; }
  .wrap928-3 > .item > .cont > ul.box2 > li.conts { border:1px solid #0075d2; }
  .wrap928-3 > .item > .cont > ul > li.subTit { flex-basis:100%; margin-bottom:20px; }
  .wrap928-3 > .item > .cont > ul > li.subTit > span { width:100%; height:unset; padding:10px; border-radius:10px; }
  .wrap928-3 > .item > .cont > ul > li.cont3 { margin:0; }
  .wrap928-3 > .item > .cont > ul > li.conts { flex-basis:18%; border:1px solid #0075d2;  }
}
@media all and (max-width:500px) {
  .wrap928-3 > .item > .cont > ul > li.conts { flex-basis:100% !important; padding:10px; margin-bottom:10px; }
}

.wrap928-4 { font-family:'Noto Regular';}
.wrap928-4 > .item { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.wrap928-4 > .item > .tit { flex: 0 0 30%; display:flex; align-items:center; }
.wrap928-4 > .item > .tit > span { display:flex; justify-content:center; align-items:center; background-color:#ebf2f7; border:1px solid #0075d2; border-radius:95px; width:190px; height:190px; color:#0075d2; font-weight:bold; }
.wrap928-4 > .item > .cont { flex: 0 0 70%; display:flex; align-items:center; }
.wrap928-4 > .item > .cont > .box1 { border:1px solid #0075d2; text-align:center; padding:32px 20px; flex:1 0 100%; }
@media all and (max-width:1253px) {
  .wrap928-4 > .item > .tit { flex-basis:100%; margin-bottom:20px; }
  .wrap928-4 > .item > .tit > span { width:100%; height:unset; padding:20px; border-radius:10px; }
  .wrap928-4 > .item > .cont { flex-basis:100%; }
}

/* 대학생활 - 학생활동 - 학생자치기구 - 조직도 */
.wrap938-1 { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:stretch; margin-bottom:50px; }
.wrap938-1 > .item1::after { content:""; display:block; width:1px; height:50px; background-color:#0075d2; margin:0 auto; }
.wrap938-1 > .item1 > span { margin:0 auto; display:flex; justify-content:center; align-items:center; background-color:#0075d2; border-radius:80px; width:160px; height:160px; color:#fff; font-weight:bold; font-size:24px; }
.wrap938-1 > .item2::before { content:""; display:block; background-color:#0075d2; width:80.1%; height:1px; margin:0 auto; }
.wrap938-1 > .item2 > ul.box { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.wrap938-1 > .item2 > ul.box > li { flex:0 0 20%; }
.wrap938-1 > .item2 > ul.box > li::before { content:""; display:block; width:1px; height:50px; background-color:#0075d2; margin:0 auto; } 
.wrap938-1 > .item2 > ul.box > li > dl { border:1px solid #0075d2; min-height: 330px;}
.wrap938-1 > .item2 > ul.box > li > dl > dt { background-color:#0075d2; color:#fff; font-weight:bold; font-size:20px; padding:35px 20px; text-align:center; }
.wrap938-1 > .item2 > ul.box > li > dl > dd { padding:30px; }
.wrap938-1 > .item2 > ul.box > li > dl > dd > ul > li { padding-bottom:8px; font-family:'Noto Medium'; }
@media all and (max-width:768px) {
  .wrap938-1 > .item2::before, .wrap938-1 > .item2 > ul.box > li::before { display:none; }
  .wrap938-1 > .item2 > ul.box > li { flex-basis:100%; margin-bottom:20px; }
}

/* 대학생활 - 학생활동 - 학생자치기구 - 미디어센터 */
.wrap938-2 { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:stretch; margin-bottom:50px; }
.wrap938-2 > .item1::after { content:""; display:block; width:1px; height:50px; background-color:#0075d2; margin:0 auto; }
.wrap938-2 > .item1 > span { margin:0 auto; display:flex; justify-content:center; align-items:center; background-color:#0075d2; border-radius:80px; width:160px; height:160px; color:#fff; font-weight:bold; font-size:24px; }
.wrap938-2 > .item2 { width:80%; margin:0 auto; }
.wrap938-2 > .item2::before { content:""; display:block; background-color:#0075d2; width:60%; height:1px; margin:0 auto; }
.wrap938-2 > .item2 > ul.box { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.wrap938-2 > .item2 > ul.box > li { flex:0 0 40%; }
.wrap938-2 > .item2 > ul.box > li::before { content:""; display:block; width:1px; height:50px; background-color:#0075d2; margin:0 auto; } 
.wrap938-2 > .item2 > ul.box > li > dl { border:1px solid #0075d2; min-height: 267px;}
.wrap938-2 > .item2 > ul.box > li > dl > dt { background-color:#0075d2; color:#fff; font-weight:bold; font-size:20px; padding:35px 20px; text-align:center; }
.wrap938-2 > .item2 > ul.box > li > dl > dd { padding:30px; }
.wrap938-2 > .item2 > ul.box > li > dl > dd > ul > li { padding-bottom:8px; font-family:'Noto Medium'; }
@media all and (max-width:768px) {
  .wrap938-2 > .item2::before, .wrap938-2 > .item2 > ul.box > li::before { display:none; }
  .wrap938-2 > .item2 { width:100%; }
  .wrap938-2 > .item2 > ul.box > li { flex-basis:100%; margin-bottom:30px; }
}

/* 대학생활 - 학생지원 - 교내외장학 - 중복지원 - 학자금 중복지원 예시 */
.wrap1020-1 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.wrap1020-1 > .item { flex: 0 0 48%; position:relative; }
.wrap1020-1 > .item > .box { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; height:100%; }
.wrap1020-1 > .item > .box > li { flex:0 0 46%; padding:60px 60px 100px 60px; background:url("/sites/skhu/images/sub/sub1020_img_01.png") no-repeat 65px 65px; }
.wrap1020-1 > .item > .box > li:nth-child(1) { background-color:#ebf2f7; }
.wrap1020-1 > .item > .box > li:nth-child(2) { background-color:#f1f1f1; }
.wrap1020-1 > .item > .box > li > p { margin-bottom:0; }
.wrap1020-1 > .item > .box > li > .tit1 { display:block; width:100%; text-align:right; color:#0075d2; font-size:30px; font-family:'Noto Medium'; }
.wrap1020-1 > .item > .box > li > .tit1 > span { display:block; font-family:'Noto Bold'; }
.wrap1020-1 > .item > .box > li > .tit2 { padding-top:50px; text-align:center; font-size:20px; font-family:'Noto Bold'; color:#222; }
.wrap1020-1 > .item > .box > li > .tit2::after { display:block; content:"더하기"; width:25px; height:25px; background:url("/sites/skhu/images/sub/sub1020_img_02.png") no-repeat center center; margin:0 auto; font-size:0; padding:20px 0; }
.wrap1020-1 > .item > .box > li > .tit3 { text-align:center; font-size:20px; font-family:'Noto Bold'; color:#222; }
.wrap1020-1 > .item > .box > li > .tit4 { text-align:center; font-size:20px; font-family:'Noto Bold'; color:#ff6c00; }
.wrap1020-1 > .item > .arrowBox { font-size:30px; font-family:'Noto Bold'; text-align:center; position:absolute; bottom:30px; left:50%; transform:translateX(-50%); width:90%; margin:0 auto; background-repeat:no-repeat; background-size:contain; padding-top:20px; }
.wrap1020-1 > .item1 > .arrowBox { color:#0075d2; background-image:url("/sites/skhu/images/sub/sub1020_img_03.png"); }
.wrap1020-1 > .item2 > .arrowBox { color:#ff6c00; background-image:url("/sites/skhu/images/sub/sub1020_img_04.png"); }
@media all and (max-width:1450px) {
  .wrap1020-1 > .item { flex-basis:100%; margin-bottom:30px; }
  .wrap1020-1 > .item > .arrowBox { padding-top:40px; }
  .wrap1020-1 > .item > .box > li { padding-bottom:200px; }
}
@media all and (max-width:768px) {
  .wrap1020-1 > .item > .box > li { background:none; }
  .wrap1020-1 > .item > .box > li > .tit1 { text-align:center; }
  .wrap1020-1 > .item > .box > li > .tit2 { padding-top:20px; }
}	
@media all and (max-width:500px) {
  .wrap1020-1 > .item > .box > li { padding:20px 20px 150px 20px; }
  .wrap1020-1 > .item > .box > li > .tit1 { font-size:20px; }
  .wrap1020-1 > .item > .box > li > .tit2 { font-size:18px; }
  .wrap1020-1 > .item > .box > li > .tit3 { font-size:16px; }
  .wrap1020-1 > .item > .box > li > .tit4 { font-size:16px; }
  .wrap1020-1 > .item > .arrowBox { font-size:20px; padding-top:15px; }
}

/* 대학생활 - 학생지원 - 교내외장학 - 교내장학금 */
.sub1017_chart { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretchh; }
.sub1017_chart > li { flex: 0 0 16.66666%; height:250px; font-weight:bold; display:flex; justify-content:center; }
.sub1017_chart > li.down { align-items:flex-end; }
.sub1017_chart > li.up { align-items:flex-start; }
.sub1017_chart > li:nth-child(1) { background:url("/sites/skhu/images/sub/sub1017_img_01.png") no-repeat top center; }
.sub1017_chart > li:nth-child(2) { background:url("/sites/skhu/images/sub/sub1017_img_02.png") no-repeat bottom center; }
.sub1017_chart > li:nth-child(3) { background:url("/sites/skhu/images/sub/sub1017_img_03.png") no-repeat top center; }
.sub1017_chart > li:nth-child(4) { background:url("/sites/skhu/images/sub/sub1017_img_04.png") no-repeat bottom center; }
.sub1017_chart > li:nth-child(5) { background:url("/sites/skhu/images/sub/sub1017_img_05.png") no-repeat top center; }
.sub1017_chart > li:nth-child(6) { background:url("/sites/skhu/images/sub/sub1017_img_06.png") no-repeat bottom center; }
@media all and (max-width:1200px){
  .sub1017_chart > li { flex-basis:33.33333%; margin-bottom:20px; }
}
@media all and (max-width:768px){
  .sub1017_chart > li { flex-basis:50%; }
}

/* 대학소개 - 대학현황 - 법령상위원회 - 등록금심의위원회 */
.hiddenpop { display:none; }

/*대학생활 - 증명서/학생증 - 학생증*/
.stu_id{display:flex;justify-content:space-between;align-items:center;margin-top:50px;}
.stu_id li{text-align:center;}
.stu_id li.arrow{padding:0 10px;}
.stu_id li img{}
.stu_id li span{display:block;margin-top:15px;}
@media all and (max-width:768px){
  .stu_id{display:block;}
  .stu_id li.arrow{display:block;padding:30px 0;}
  .stu_id li.arrow img{transform:rotate(90deg);}
}

/*대학생활 - 시설 및 서비스 - IT서비스*/
.wifi_list{padding:0 30px;margin-top:30px;line-height:1;}
.wifi_list ul{display:flex;align-items:center;flex-wrap:wrap;}
.wifi_list li{display:flex;align-items:center;margin:0 20px 20px 0;}
.wifi_list span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:100%;background:#0174cf;color:#FFF;margin-right:5px;font-size:14px;}
.wifi_list_2{display:flex;align-items:center;justify-content:flex-start;margin-top:0;}
.wifi_list_2 p{font-family:'Noto Medium';margin-bottom:20px;margin-right:20px;}
.wifi_list_2 span{background:#03235e;}
@media all and (max-width:1280px){
  .wifi_list{padding:0;}
}