@charset "utf-8";


/* 교육목적/교훈/교육목표 */
.wrap-edu {}
.wrap-edu .title h1 {font-size: 36px; line-height: 50px; letter-spacing: -.02em; color:#013C8A; padding:20px 0; position: relative; margin-bottom: 30px; font-family: 'Gmarket Medium';}
.wrap-edu .title h1::after {content:''; width:32px; height:4px; background:#F7AB00; position: absolute; top:0; left:0;}
@media all and (max-width:768px) {
  .wrap-edu .title h1 {font-size: 28px; margin-bottom: 0;}
}

/* 교육목적 */
.wrap-edu .edu1 {border-bottom:1px solid #DBDBDB; padding:0 35px;}
.wrap-edu .edu1 .inner-box {display: table; width:100%; position: relative; padding:80px 0 100px 0;}
.wrap-edu .edu1 .inner-box::after {content:''; width:63px; height:134px; background:url('../../images/sub/edu-obj1.png') no-repeat center / cover; position: absolute; top:0; right:0; }
.wrap-edu .edu1 .inner-box::before {content:''; width:63px; height:134px; background:url('../../images/sub/edu-obj2.png') no-repeat center / cover; position: absolute; bottom:-47px; left:0; }
.wrap-edu .edu1 .inner-box > div {display: table-cell; vertical-align: middle;}
.wrap-edu .edu1 .title {width: 227px; padding-left:25px;}
.wrap-edu .edu1 .edu-content {padding-left:100px;}
.wrap-edu .edu1 .txt1 {font-family: 'Gmarket Medium'; font-size: 30px; line-height: 50px; letter-spacing: -.05em; color:#292C33; margin-bottom:30px; padding-right:180px;}
.wrap-edu .edu1 .txt2 {font-family: 'Gmarket Medium'; font-size: 22px; line-height: 40px; letter-spacing: -.05em; color:#707685;}

@media all and (max-width:1400px) {
  .wrap-edu .edu1 .edu-content {padding-left:0;}
  .wrap-edu .edu1 .txt1{padding-right: 0; padding-left: 10px;}
}
@media all and (max-width:1200px) {
  .wrap-edu .edu2 .title{padding-left: 0;}
  .wrap-edu .edu1 .txt1 {font-size: 24px; line-height: 40px;}
  .wrap-edu .edu1 .txt2 {font-size: 20px;}
}
@media all and (max-width:1024px) {
  .wrap-edu .edu1 .inner-box > div {display: block; padding-left:0;}
  .wrap-edu .edu1 .title {padding-left:0;}
  .wrap-edu .edu1 .inner-box::after {content:''; width:33px; height:70px; background:url('../../images/sub/edu-obj1.png') no-repeat center / cover; position: absolute; top:0; right:0; }
  .wrap-edu .edu1 .inner-box::before {content:''; width:33px; height:70px; background:url('../../images/sub/edu-obj2.png') no-repeat center / cover; position: absolute; bottom:-27px; left:0; }
}
@media all and (max-width:768px) {
  .wrap-edu .edu1 .inner-box {padding: 40px 0 50px 0;}
}
@media all and (max-width:550px) {
  .wrap-edu .edu1 .txt1 {font-size: 20px; line-height: 34px; padding-right:0; margin-bottom: 15px;}
  .wrap-edu .edu1 .txt2 {font-size: 17px; }
}

/* 교훈 */
.wrap-edu .edu-inner2 {padding:150px 0; }
.wrap-edu .edu2 {padding:0 35px;}
.wrap-edu .edu2 .inner-box {display: table; width:100%;}
.wrap-edu .edu2 .inner-box > div { display: table-cell; vertical-align: middle;}
.wrap-edu .edu2 .title {width: 227px; padding-left:25px;} 
.wrap-edu .edu2 ul {max-width:1045px; width:100%; margin:0 auto;} 
.wrap-edu .edu2 ul::after {content:''; display:block; clear:both;}
.wrap-edu .edu2 li {color:#fff; width:24.88%; height:267px; float:left; display: table;}
.wrap-edu .edu2 li > div {display: table-cell; vertical-align: middle; text-align: center;}
.wrap-edu .edu2 li.bul {width:12.44%; float:left; position: relative;}
.wrap-edu .edu2 li.bul::after {content:''; width:16px; height:16px; background:#DBDBDB; position: absolute; top:50%; left:50%; margin-top:-8px; margin-left:-8px;}
.wrap-edu .edu2 li.item1 {background:url('../../images/sub/edu-bg1.png') no-repeat center / contain;}
.wrap-edu .edu2 li.item2 {background:url('../../images/sub/edu-bg2.png') no-repeat center / contain;}
.wrap-edu .edu2 li.item3 {background:url('../../images/sub/edu-bg3.png') no-repeat center / contain;}
.wrap-edu .edu2 li strong {font-size: 30px; line-height: 60px; letter-spacing: 0; display: block; margin-bottom: 15px;}
.wrap-edu .edu2 li span {font-size: 16px; line-height: 60px; letter-spacing: -.02em; font-family: 'Gmarket Medium'; display: inline-block; position: relative;}
.wrap-edu .edu2 li span::after {content:''; width:100%; height:1px; background:#fff; position: absolute; top:0; left:0;}

@media all and (max-width:1200px) {
  .wrap-edu .edu2 li strong {font-size: 20px; margin-bottom: 7px;}
  .wrap-edu .edu2 li span {font-size: 14px; line-height: 45px;}
}
@media all and (max-width:1024px) {
  .wrap-edu .edu2 .inner-box > div {display: block;}
  .wrap-edu .edu2 .title {padding-left: 0;}
}
@media all and (max-width:768px) {
  .wrap-edu .edu-inner2 {padding:60px 0;}
  .wrap-edu .edu2 li {width:100%; padding:15px; height: 130px; margin-bottom: 20px;}
  .wrap-edu .edu2 li.item1 {background: rgba(0,79,162,0.4);}
  .wrap-edu .edu2 li.item1 > div {background:#004FA2;}
  .wrap-edu .edu2 li.item2 {background: rgba(70,148,209,0.4);}
  .wrap-edu .edu2 li.item2 > div {background:#4694D1;}
  .wrap-edu .edu2 li.item3 {background: rgba(0,172,151,0.4);}
  .wrap-edu .edu2 li.item3 > div {background:#00AC97;}
  .wrap-edu .edu2 li.bul {display: none;}
}

/* 교육목표 */
.wrap-edu .edu-inner3 {background:url('../../images/sub/edu-bg4.jpg') no-repeat center / cover; padding:120px 0 140px 0;}
.wrap-edu .edu3 {padding:0 35px;}
.wrap-edu .edu3 .inner-box {display: table; width:100%;}
.wrap-edu .edu3 .inner-box > div { display: table-cell; vertical-align: middle;} 
.wrap-edu .edu3 .title {width: 227px; padding-left:25px;}
.wrap-edu .edu3 .title h1 {color:#fff; margin-bottom:0;}
.wrap-edu .edu3 ul {max-width:1145px; width:100%; margin:0 auto; display: flex; justify-content: center;}
.wrap-edu .edu3 ul::after {content:''; display:block; clear:both;}
.wrap-edu .edu3 li {text-align: center;position: relative; float:left; margin-right:4.8%; flex:1;}
.wrap-edu .edu3 li:last-child {margin-right:0;}
.wrap-edu .edu3 li > div:not(.txt-box) {display: flex; justify-content: center; flex-wrap:wrap; align-items: center; margin:0 auto; width:240px; height:240px; border:1px solid #fff; font-family: 'Gmarket Medium'; font-size: 20px; line-height: 35px; letter-spacing: -.02em; color:#fff; border-radius:50%; position: relative; padding: 0 15px;}

.wrap-edu .edu3 li:first-child > div:not(.txt-box)::before {content:''; width:9px; height:9px; background:#fff; position: absolute; top:-4px; left:50%; margin-left:-4px; border-radius:50%; display:none;} 
.wrap-edu .edu3 li:nth-child(2) > div:not(.txt-box)::before {content:''; width:9px; height:9px; background:#fff; position: absolute; bottom:-4px; left:50%; margin-left:-4px; border-radius:50%; display:none;} 
.wrap-edu .edu3 li:nth-child(3) > div:not(.txt-box)::before {content:''; width:9px; height:9px; background:#fff; position: absolute; top:-4px; left:50%; margin-left:-4px; border-radius:50%; display:none;} 
.wrap-edu .edu3 li:last-child > div:not(.txt-box)::before {content:''; width:9px; height:9px; background:#fff; position: absolute; bottom:-4px; left:50%; margin-left:-4px; border-radius:50%; display:none;}  
/* .wrap-edu .edu3 .edu-content {padding-bottom:100px; background:url('../../images/sub/edu-obj3.png') no-repeat center bottom;} */

.wrap-edu .edu3 li .txt-box {font-size:18px; line-height:28px; letter-spacing:-.02em; font-family:'Gmarket Light'; color:#fff; position:relative; padding-top:25px;}
.wrap-edu .edu3 li .txt-box p {border-top:1px solid rgba(255,255,255,0.5); padding:20px 23px;}
.wrap-edu .edu3 li .txt-box::before {content:''; width:1px; height:25px; background:rgba(255,255,255,0.5); position:absolute; top:0; left:50%; margin-left:-1px;}

@media all and (max-width:1500px) {
  .wrap-edu .edu3 li > div:not(.txt-box) {width:200px; height:200px; font-size: 16px;}
  .wrap-edu .edu3 .inner-box > div {display: block;}
  .wrap-edu .edu3 .title {padding-left:0;}
  /*.wrap-edu .edu3 .edu-content {padding-bottom:100px; background:url('../../images/sub/edu-obj3.png') no-repeat center bottom / contain;} */
  .wrap-edu .edu3 li > div:not(.txt-box) {width:150px; height:150px; line-height: 30px; }
}
@media all and (max-width:1023px) {
    .wrap-edu .edu3 ul {flex-wrap:wrap;}
    .wrap-edu .edu-inner3 {padding: 50px 0 60px 0;}
    .wrap-edu .edu3 li {width:50%; margin-right:0;  margin-bottom: 20px;}
}
@media all and (max-width:900px) {
  .wrap-edu .edu3 li {flex:unset;}
}
@media all and (max-width:768px) {
}
@media all and (max-width:450px) {
  .wrap-edu .edu3 .edu-content {padding-bottom: 50px;}
  .wrap-edu .edu3 li {width:100%;}
  .wrap-edu .edu3 li > div:not(.txt-box) {border-radius:unset; width:100%; height:auto; padding:15px 0;}
  .wrap-edu .edu3 li:first-child > div:not(.txt-box)::before {display: none;} 
  .wrap-edu .edu3 li:nth-child(2) > div:not(.txt-box)::before{display: none;}
  .wrap-edu .edu3 li:nth-child(3) > div:not(.txt-box)::before{display: none;}
  .wrap-edu .edu3 li:last-child > div:not(.txt-box)::before{display: none;}
}

/* 총장인사말 */
.president-title {position: relative; padding-top: 240px; margin-bottom: 133px;}
.president-title .inner {padding: 65px 85px 54px 85px; background:url('../../images/sub/president-bg.jpg') no-repeat center / cover;}
.president-title .inner::after {content:''; display: block; clear:both;}
.president-title .president {float:right; width:730px;}
.president-title .president .president-img {position: absolute; right:-3px; bottom:0px; z-index: 1;}
.president-title .president .info {font-family: 'Gmarket Light'; font-size:22px; line-height: 44px; letter-spacing: -.05em; position: relative; color:#fff; padding-top:142px;}
.president-title .president .info::after {content:''; width:100%; height:1px; background:#fff; position: absolute; bottom:0; left:0;}
.president-title .president .info span {font-size: 32px; font-family: 'Gmarket Medium'; display: block;}
.president-title .slogan {float:left; width:calc(100% - 730px); position: relative;}
.president-title .slogan::before {content:''; width:110px; height:110px; background:url('../../images/sub/president-obj.png') no-repeat center / cover; transform-origin:center; position: absolute;right:23%; top:-20%; animation: spin 10s linear infinite;}
@keyframes spin {
  100% {transform: rotate(360deg);}
}
.president-title .slogan p {font-size: 35px; line-height: 50px; letter-spacing: -.05em; color:#fff; font-family: 'Gmarket Medium'; position: relative; z-index: 1;}
.president-title .slogan .slogan-color1 {color:#fff;}
.president-title .slogan .slogan-color2 {color:#F6AB00;}  
.president-title .slogan .slogan-color3 {color:#03C3E9;}

.president-txt {position: relative; padding-left:200px; background:url('../../images/sub/president-bg2.png') no-repeat left top;}
.president-txt .objHeading_h2 {margin-top:0;}
.president-txt .title {margin-bottom: 30px;}
.president-txt ul {margin-top:30px;}
.president-txt li {margin-bottom:30px; text-align: justify;}
.president-txt li p {font-size: 18px; line-height: 30px; letter-spacing: -.025em; font-family: 'Noto Regular'; color:#555;}
.president-txt .president-sign {text-align: right; margin-top:92px;}
.president-txt .president-sign span {font-family: 'Gmarket Light'; font-size: 22px; line-height: 60px; letter-spacing: -.05em; color:#191919;} 

@media all and (max-width:1500px) {
  .president-title .slogan::before {right:-12%; top:-13%; width:80px; height:80px;}
  .president-title .slogan p {font-size: 36px;}
  .president-title .president .info {position: absolute; width:100%;}
  .president-title .president .president-img{width: 400px}
  .president-title .slogan {position:absolute; width: calc(100% - 450px)}
  .president-title .slogan p {font-size: 28px; line-height: 46px;}
  .president-title .president .info {position:relative; padding-top:200px;}
}

@media all and (max-width:1024px) {
  .president-title {margin-bottom:60px; padding-top: 120px;}
  .president-title .president .president-img {width:350px;}
  .president-title .president {width:100%;}
  .president-txt {padding-left:0;}
  .president-txt .objHeading_h2 {padding-left:200px;}
  .president-txt li{text-align: left;}
  .president-txt li:first-child,
  .president-txt li:nth-child(2),
  .president-txt li:nth-child(3) {padding-left:200px;}
  .president-title .president .info p {position: relative; z-index: 3;}
  .president-title .president .president-img{width: 250px}
  .president-title .slogan{width: calc(100% - 250px);}
  .president-title .slogan p{font-size: 25px; line-height: 40px;}
}
@media all and (max-width:768px) { 
  .president-title .inner {padding:65px 85px 54px 35px;}
  .president-title .president .president-img {width:50%;}
}
@media all and (max-width:650px) {
  .president-txt {background:none;}
  .president-title {padding-top: 0;}
  .president-title .inner {padding:30px 30px 160px 30px;}
  .president-title .slogan {bottom:0; left:0; width:100%; padding:10px 10px 10px 30px; z-index: 3;}
  .president-title .slogan::before {display: none;}
  .president-title .slogan p {line-height: 30px; font-size: 20px; display: inline-block;}
  .president-title .president .president-img {width:100%; position: relative; text-align: center;}
  .president-title .president .info {padding-top: 0;}
  .president-title .president .info span {display: block;}
  .president-txt .objHeading_h2 {padding-left:0px;}
  .president-txt li:first-child,
  .president-txt li:nth-child(2),
  .president-txt li:nth-child(3) {padding-left:0px;}
  .president-txt li p {font-size: 16px;}
  .president-txt .president-sign {margin-top:30px;}
  /* .president-title .slogan p {display:inline-block; font-size: 18px;} */
}

/* 대학원안내 */
.grad-guide-wrap {position: relative; padding-bottom:3px;}
.grad-guide-wrap::after {content:''; width:100%; height:5px; background:url('../../images/sub/bg-pattern.png') repeat-x; position: absolute; bottom:0; left:0;}
.grad-guide-wrap .inner { background:url('../../images/sub/grad-bg.png') no-repeat center / cover; margin-bottom:28px;}
.grad-guide-wrap .inner::after {content:''; display:block; clear:both;}
.grad-guide-wrap .left {float:left; width:calc(100% - 52.4%);}
.grad-guide-wrap .left .title {font-family: 'Gmarket Medium';font-size: 30px; line-height: 40px; letter-spacing: -.02em; padding:35px 0; margin-bottom:5px;}
.grad-guide-wrap .left .title strong {display: block; color:#151515;}
.grad-guide-wrap .left .title span {color:#013C8A; display: inline-block;}
.grad-guide-wrap .left .txt-box p {font-size: 18px; line-height: 28px; letter-spacing: -.025em; font-family: 'Noto Regular'; color:#555; padding-right:70px;} 
/* .grad-guide-wrap .left .homepage-box {position: absolute; bottom:0; left:0;} */
.grad-guide-wrap .left .homepage-box {margin-top:112px;}
.grad-guide-wrap .left .homepage-box a {display: inline-block; border:1px solid #3F3F3F; padding:6px 15px; background:#fff; transition:all .3s;}
.grad-guide-wrap .left .homepage-box span {display: inline-block; font-size: 18px; color:#2B2A2B; line-height: 28px; font-family: 'Gmarket Light'; position: relative; padding-right:65px; background:url('../../images/sub/grad-home.png') no-repeat right top 1px; transition:all .3s;}
.grad-guide-wrap .left .homepage-box a:hover {background:#3f3f3f;}
.grad-guide-wrap .left .homepage-box a:hover span{color:#fff; background:url('../../images/sub/grad-home-on.png') no-repeat right top 1px;}
.grad-guide-wrap .right {float:right; width:52.4%;}
.grad-guide-wrap .right .img-box {position: relative; box-shadow:0 15px 15px rgba(0,0,0,0.1);}
.grad-guide-wrap .right .img-box::after {content:''; display: block;top:15px; left:15px; right:15px; bottom:15px; border:1px solid #fff; position: absolute;} 
@media all and (max-width: 1400px) {
  .grad-guide-wrap .left .homepage-box {margin-top:30px;} 
}
@media all and (max-width:1024px) {
  .grad-guide-wrap .left {float:unset; width:100%;}
  .grad-guide-wrap .right {float:unset; width:auto; display:inline-block;}
}

/* 총장프로필 */ 
.president-prof {position: relative;}
.president-prof .inner {}
.president-prof .inner::after {content:''; display:block; clear:both;}
/* .president-prof .left {width:31.4%; float:left; background:url('../../images/sub/profile-bg.jpg') no-repeat center / cover; padding:34px 33px 47px 33px; color:#fff;} */
.president-prof .left {width:471px; float:left; background:url('../../images/sub/profile-bg.jpg') no-repeat center / cover; padding:34px 33px 103px 33px; color:#fff;}
.president-prof .left .img-box {text-align: center;}
.president-prof .left .title-box {margin-bottom: 35px; margin-top: 24px; position: relative;}
.president-prof .left .title-box::after {content:''; width:calc(100% - 240px); height:6px; background:url('../../images/sub/profile-pattern.png') repeat; position: absolute; right:-33px; top:80%;}
.president-prof .left .title-box p {font-size: 22px; font-family: 'Gmarket Light'; line-height: 40px; letter-spacing: 0; margin-bottom: 5px;} 
.president-prof .left .title-box strong {font-size: 30px; font-family: 'Gmarket Medium'; line-height: 40px; display: inline-block;}
.president-prof .left .prof > p {font-size: 26px; line-height: 40px; font-family: 'Gmarket Light'; margin-bottom: 3px;}
.president-prof .left ul::after {content:''; display:block; clear:both;}
.president-prof .left li {font-size: 17px; font-family: 'Gmarket Light'; line-height: 40px;}
.president-prof .left li span {float:left; width:105px;}
.president-prof .left li p {width:calc(100% - 105px); float:left;} 
/* .president-prof .right {width:65.26%; float:right;}  */ 
.president-prof .right {width:calc(100% - 471px - 50px); float:right;} 
.president-prof .smain-career > .objHeading_h2 {margin-top: 0; margin-bottom: 30px;}

@media all and (max-width:1400px) {
  .president-prof .left {width:31.4%;}
  .president-prof .right {width:65.26%;}  
}
@media all and (max-width:1200px) {
  .president-prof .left {float:unset; width:100%; padding: 34px 33px 47px 33px}
  .president-prof .left .img-box {text-align: left; float:left; width:41.41%;}
  .president-prof .left .prof-inner::after {content:''; display:block; clear:both;}
  .president-prof .left .prof-content {float:left;padding-left:25px; width:calc(100% - 41.41%);}
  .president-prof .right {float:unset; width:100%;}
  .president-prof .smain-career > .objHeading_h2 {margin-top: 55px; margin-bottom: 30px;}

}
@media all and (max-width:768px) {
  .president-prof .left .img-box {float:unset; width:100%;}
  .president-prof .left .prof-content {float:unset; width:100%; padding-left:0;}
}
@media all and (max-width:500px) {
  .president-prof .left .title-box {margin-bottom: 15px;}
  .president-prof .left .title-box p {font-size: 18px;}
  .president-prof .left li span {width:95px;}
}

/* 대학소개 */
.univ-info-wrap {position: relative; overflow: hidden;}
.univ-info-wrap::before {content:''; width:403px; height:710px; background:#004FA2; position: absolute; top:0; left:0;}
.univ-info-wrap .img-box {margin-top:51px; text-align: right; position: relative; z-index: 1;}
.univ-info-wrap .img-box .img-inner { box-shadow:0 15px 15px rgba(0,0,0,0.1); display: inline-block;}
.univ-info-wrap .univ-info-content {margin-left:50px; padding:40px 0 56px 0; background:#F2F5F9;}
.univ-info-wrap .univ-info-content::after {content:''; display: block; clear:both;}
.univ-info-wrap .left-box {width:352px; float:left; position: relative;}
.univ-info-wrap .left-box .title {margin-bottom:50px;}
.univ-info-wrap .left-box .title h1{font-size: 34px; line-height: 50px; letter-spacing: -.02em; font-family: 'Gmarket Medium'; color:#fff;}
.univ-info-wrap .left-box .title h1::before {content:''; width:40px; height:40px; background:#E0EBFE; opacity: .2; position: absolute; top:-10px; left:-10px; border-radius:50%;}
.univ-info-wrap .left-box .info {letter-spacing: -.05em; color:#fff;}
.univ-info-wrap .left-box .info p {font-family: 'Noto Bold'; font-size: 18px; margin-bottom: 6px;}
.univ-info-wrap .left-box .info span {font-family: 'Noto Light'; font-size: 17px; margin-left: 5px; }
.univ-info-wrap .right-box {float:left;padding-right:35px; margin-left:50px;  width:calc(100% - 352px - 50px); }
.univ-info-wrap .right-box > div {border-bottom:1px solid #C1C1C1; margin-bottom:28px;padding-bottom:33px;}
/* .univ-info-wrap .right-box .txt1 {border-bottom:1px solid #C1C1C1; margin-bottom:28px;padding-bottom:33px;} */
.univ-info-wrap .right-box > div:last-child {border:none; margin:0; padding:0;}
.univ-info-wrap .right-box h2 {font-size: 22px; font-family: 'Gmarket Medium'; line-height: 50px; letter-spacing: -.02em; color:#151515;}
.univ-info-wrap .right-box p {font-size: 17px; font-family: 'Noto Light'; line-height: 26px; letter-spacing: -.05em; color:#111;}

@media all and (max-width:1024px) {
  .univ-info-wrap::before {display: none;}
  .univ-info-wrap .univ-info-content {margin-left:0; padding-top:0;}
  .univ-info-wrap .left-box {float:unset; width:100%; background:#004FA2; padding:20px; display: table;}
  .univ-info-wrap .left-box .title {margin-bottom:20px; display: table-cell; vertical-align: middle;}
  .univ-info-wrap .left-box .title h1 {font-size: 32px; line-height: 44px;}
  .univ-info-wrap .left-box .title h1::before {top:10px; left:10px;}
  .univ-info-wrap .left-box .info {display: table-cell; vertical-align: middle;}
  .univ-info-wrap .right-box {float:unset; width:100%; margin:0; padding:20px;}
}
@media all and (max-width:768px) {
  .univ-info-wrap .left-box {display: block;}
  .univ-info-wrap .left-box .title {display: block;} 
  .univ-info-wrap .left-box .info {display: block;}
  .univ-info-wrap .right-box h2 {font-size: 18px;}
  .univ-info-wrap .right-box p {font-size: 16px;}
  .univ-info-wrap .right-box .txt1 {margin-bottom: 10px; padding-bottom: 20px;}
}
.univ-dp-list {position: relative;}
.univ-dp-list .inner > ul > li {padding-bottom:13px; position: relative;}
.univ-dp-list li::before {content:''; width:100%; height:3px; background:url('../../images/sub/bg-pattern.png') repeat-x; position: absolute; bottom:0; left:0;}
.univ-dp-list li .list-inner {display:flex; align-items:center;padding:27px 37px 13px 45px;}
.univ-dp-list li .list-inner h1 {font-size: 24px;font-family: 'Gmarket Medium'; line-height: 40px; letter-spacing: -.025em; color:#2B2A2B; flex:1;}
.univ-dp-list li .info > p {display: inline-block; vertical-align: middle; margin-right:33px;}
.univ-dp-list li .info p {font-size: 18px; line-height: 50px; letter-spacing: -.05em; font-family: 'Noto Bold'; color:#000000;}
.univ-dp-list li .info p > span {font-size: 17px; letter-spacing: -.02em; font-family: 'Noto Light'; color:#111111; margin-left: 5px;} 
.univ-dp-list li .home-btn {display: inline-block;}
.univ-dp-list li a.homepage {display: inline-block; vertical-align: middle; border:1px solid #3F3F3F; color:#2B2A2B; font-size: 18px; font-family: 'Gmarket Light'; line-height: 40px; letter-spacing: 0; padding:6px 80px 0px 15px; background:url('../../images/sub/ic-homepage.png') no-repeat right 20px center;}
.univ-dp-list li a.homepage:hover {background:#03ABE9 url('../../images/sub/ic-homepage-on.png') no-repeat right 20px center; border:1px solid #03ABE9; color: #fff;}
.univ-dp-list li a.dp-btn {display: inline-block; vertical-align: middle; border:1px solid #013C8A; color:#fff; font-size: 18px; font-family: 'Gmarket Light'; line-height: 40px; letter-spacing: 0; padding:6px 80px 0px 15px; background:#013C8A url('../../images/sub/ic-dp-btn.png') no-repeat right 20px center;}

.sub-department {width:100%; background:#F3F3F3; padding:40px 40px 20px 40px;}
.sub-department ul {margin:0 -20px;}
.sub-department ul::after {content:''; display: block; clear:both;}
.sub-department li {float:left; width:33.3333%; padding:0 20px;display: flex; align-items: center; margin-bottom: 20px;}
.sub-department li p{position: relative; padding-left:30px; font-size: 20px; font-family: 'Gmarket Medium'; letter-spacing: -.025em; line-height: 40px; flex:1;}
.sub-department li p::after {content:''; width:7px; height:16px; transform:skew(40deg); background:#013C8A; position: absolute; left:7px; top: 10px;} 
.sub-department li p > span {font-size: 17px;}
@media all and (max-width:1500px) {
  .univ-dp-list li .home-btn {float:right;}
  .sub-department li {width:50%;}
  .sub-department li p {font-size: 18px; padding-right: 15px;} 
}
@media all and (max-width:1024px) {
  .univ-dp-list li .list-inner {display:block;}
  .sub-department li {width:100%;}
  /* .univ-dp-list li a {float:right;} */
}
@media all and (max-width:1000px) {
  .univ-dp-list li .home-btn {float:unset; display: block;}

} 
@media all and (max-width:768px) {
  .univ-dp-list li .list-inner h1 {font-size: 22px;}
  .univ-dp-list li .info p {font-size: 16px;}
  .univ-dp-list li .info span {font-size: 15px;}
  .univ-dp-list li a.homepage {font-size: 15px;}
}
@media all and (max-width:650px) {
  .univ-dp-list li .list-inner {padding:27px 15px 13px 15px;}
  .univ-dp-list li .info p {margin-right: 15px;}
  .univ-dp-list li .info a{float:unset;}
  .sub-department {padding:20px;}
  .sub-department li {display:block;}
  .sub-department li::after {content:''; display: block; clear:both;}
  .sub-department li a {float:none; margin-top: 10px;} 
  .univ-dp-list li .home-btn {display: block;}
}
@media all and (max-width:500px) {
  .univ-dp-list li .info p {display: block; line-height: 35px;}
}

/* 학부소개 - 레이어 팝업 */
.univ-dp-list .detail {position: fixed; width:100%; height:100%; background:rgba(0,0,0,.5); top:0; left:0; z-index: 3000; opacity: 0; visibility: hidden;}
.univ-dp-list .detail.on {visibility: visible; opacity: 1;} 
.univ-dp-list .dis-table {display:flex; width:80%; height:100%; margin:0 auto; align-items: center;}
.univ-dp-list .dis-cell {width:100%;}
.univ-dp-list .detail-box {max-width:900px; width:100%; margin: 0 auto; position: relative;}
.univ-dp-list .detail .title {background:url('../../images/sub/detail-popup-bg.jpg') no-repeat center / cover; color:#fff; padding:26px 35px;}
.univ-dp-list .detail .title h1 {font-family: 'Gmarket Medium'; font-size: 32px; line-height: 32px; letter-spacing: -.025em;}
.univ-dp-list .detail .content {background:#fff; padding:22px 40px; overflow-y: auto; max-height:510px;}
.univ-dp-list .detail .list {padding:20px 0 22px 0; position: relative;}
.univ-dp-list .detail .list::before {content:''; width:100%; height:3px; background:url('../../images/sub/bg-pattern.png') repeat center; position: absolute; bottom:0; left:0;}

.univ-dp-list .detail .list ul {display: flex; justify-content: center; align-items: center;}
.univ-dp-list .detail .list li {font-size: 24px; line-height: 28px; letter-spacing: -.025em; font-family: 'Gmarket Medium'; color:#010101; display: inline-block;margin-right: 27px;}
.univ-dp-list .detail .list li:last-child {margin-right: 0;}
.univ-dp-list .detail .list li > a {display: inline-block; padding-right:30px; background:url('../../images/sub/ic-homepage.png') no-repeat right top 1px;}
.univ-dp-list .detail-close {position: absolute; top:0; right:0; color:#fff; font-family: 'Gmarket Light'; font-size: 17px; line-height: 80px; padding-right: 40px;}
.univ-dp-list .detail-close span {padding-left:25px; background:url('../../images/sub/detail-popup-close.png') no-repeat left center; padding-top: 3px;}

.detail .table-popup {position: fixed; width:40%; height:auto; z-index: 300; top:50%; left:50%; transform:translate(-50%,-50%); display: none; box-shadow:5px 5px 0px rgba(0,0,0,0.2)}
.detail .table-popup.on {display: block;}
.detail .table-popup .table-popup-con {background:#fff; padding:10px; font-size: 15px; font-family: 'Gmarket Light';} 
.detail .table-popup .table-popup-con span {color:#010101; font-size: 17px; font-family: 'Gmarket Medium';}
.detail .table-popup .table-popup-con .txt4 {background:#F3F3F3; padding:15px; margin-top: 15px;} 
.detail .table-popup .table-popup-close {position: absolute; top:0; right:0;}
.detail .table-popup .table-popup-close button {display: inline-block; text-indent: -9999px; line-height: 80px; padding:0 40px; background:url('../../images/sub/detail-popup-close.png') no-repeat center center;}

@media all and (max-width: 1023px) {
  .univ-dp-list .detail .title{padding: 26px 135px 26px 35px}
  .univ-dp-list .detail .title h1{font-size: 25px; line-height: 40px;}
  .univ-dp-list .detail .list li{font-size: 20px; line-height: 24px;}
}

@media all and (max-width: 768px) {
  .univ-dp-list .detail .list ul{flex-wrap: wrap;}
  .univ-dp-list .detail .list li{display: block; width: 100%; margin-bottom: 10px; margin-right: 0;}
  .univ-dp-list .detail .list li:last-child{margin-bottom: 0;}
  .univ-dp-list .detail .list li > a{display: block;}
}