@charset "utf-8";
@import url(content.css);

/* ==============================
 * 본대 공통
================================= */
.tbl-type01 tr .emp {border-left:2px solid #142e5d;border-right:2px solid #142e5d;}
.tbl-type01 thead th.emp {border-top:2px solid #142e5d;}
.tbl-type01 tbody tr:last-child td.emp {border-bottom:2px solid #142e5d;}


/* ==============================
 * 학교소개
================================= */
/** -- 대학소개 */
/** --- 총장메시지 */
.messageSec1 {width:100%;display:flex;justify-content:space-between;}
.messageSec1 .txtBox {width:56.429%;padding-bottom:40px;}
.messageSec1 .txtBox .txt01 {color:#006ee9;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:0;line-height:1.2em;padding-top:42px;}
.messageSec1 .txtBox .txt02 {color:#000000;font-weight:700;font-family:"Gmarket Sans", sans-serif;font-size:2.222em;line-height:1.2em;letter-spacing:-0.02em;padding-top:29px;}
.messageSec1 .txtBox .txt03 {padding-top:50px;color:#333333;}
.messageSec1 .imgBox {width:37.858%;position:relative;box-sizing:border-box;padding:0 45px;text-align:center;}
.messageSec1 .imgBox img {max-width:100%;}
.messageSec1 .imgBox:before {display:block;content:'';position:absolute;bottom:0;left:36.415%;width:597px;height:69.2%;background:#0091dc;border-radius:200px 0 0 200px;z-index:-1;}
.messageSec1 .imgBox:after {display:block;content:'';position:absolute;top:12.11%;left:0;width:100%;height:62.3%;box-sizing:border-box;border:20px solid #ebebeb;z-index:-1;}

.messageSec2 {position:relative;width:100%;padding:75px 0 66px 0;}
.messageSec2:before {display:block;content:'';position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;height: calc(100% + 170px);background:#f9f9f9;border-radius:200px 0 200px 0;z-index:-1;}
.messageSec2 .list > li {width:100%;display:flex;justify-content:space-between;margin-bottom:37px;}
.messageSec2 .list > li:last-child {margin-bottom:0;}
.messageSec2 .list .ltit {width:31.57%;box-sizing:border-box;padding-right:50px;color:#004591;font-size:1.111em;line-height:1.4em;}
.messageSec2 .list .ltit .num {font-weight:700;display:block;}
.messageSec2 .list .ltxt {width:68.43%;line-height:1.778em;color:#333333;}
.messageSec2 .txtBox {position:relative;padding-right:310px;margin-top:62px;}
.messageSec2 .txtBox:before {display:block;content:'';position:absolute;top:22px;right:43px;width:143px;height:119px;background:url(/resources/homepage/kor/_Img/Contents/message_spr.png) no-repeat 0 0;}
.messageSec2 .txtBox .tit {font-size:1.667em;color:#004591;font-weight:700;line-height:1.4em;}
.messageSec2 .txtBox .txt {color:#333333;line-height:1.778em;padding-top:13px;}

.messageSec3 {position:relative;width:100%;padding:55px 70px 0 0;box-sizing:border-box;}
.messageSec3:before {display:block;content:'';position:absolute;top:0;right:0;width:1660px;height:100%;background:#fff;border-radius:0 100px 0 0;z-index:-1;}
.messageSec3 .tit {color:#000000;font-size:30px;font-weight:700;}
.messageSec3 .txtBox {width:100%;display:flex;justify-content:space-between;padding-top:28px;}
.messageSec3 .txtBox .img {width:45.865%;}
.messageSec3 .txtBox .img img {max-width:100%;}
.messageSec3 .txtBox .txt {width:48.873%;line-height:1.778em;}

.messageSec4 {position:relative;width:100%;border-top:1px solid #bababa;margin-top:70px;padding-top:24px;text-align:right;letter-spacing:-0.05em;}
.messageSec4 .txt01 {display:inline-block;font-size:0.944em;color:#333333;font-weight:700;}
.messageSec4 .txt02 {display:inline-block;font-size:0.944em;padding-left:8px;}
.messageSec4 .name {display:inline-block;font-size:2em;padding-left:17px;}
  
@media all and (max-width:1399px) {
	.messageSec1 {align-items:flex-end;}
	.messageSec2 .list .ltit br {display:none;}
}
@media all and (max-width:1199px) {
	.messageSec1 .txtBox .txt02 br {display:none;}
}
@media all and (max-width:899px) {
	.messageSec1 {display:block;}
	.messageSec1 .txtBox {width:100%;}
	.messageSec1 .imgBox {width:100%;}

	.messageSec2 {padding:40px 0 40px 0;}
	.messageSec2 .list > li {display:block;}
	.messageSec2 .list .ltit {width:100%;padding-right:0;}
	.messageSec2 .list .ltxt {width:100%;padding-top:20px;}

	.messageSec2 .txtBox {padding-right:160px;}
	.messageSec2 .txtBox:before {right:0;}

	.messageSec3 {padding:40px 40px 0 0;}
}
@media all and (max-width:699px) {
	.messageSec3 {padding:40px 0 0 0;}
	.messageSec3:before {right:-20px;border-radius:0 60px 0 0;}
	.messageSec3 .txtBox {display:block;}
	.messageSec3 .txtBox .img {width:100%;text-align:center;}
	.messageSec3 .txtBox .txt {width:100%;padding-top:30px;}
}
@media all and (max-width:599px) {
	.messageSec2 .txtBox {padding-right:100px;margin-top:40px;}
	.messageSec2 .txtBox:before {transform:scale(0.6);top:0;right:-30px;}
}
@media all and (max-width:429px) {
	.messageSec2 .txtBox {padding-top:120px;padding-right:0;}
	.messageSec2 .txtBox:before {top:0;right:auto;left:-30px;}
}

/** ---  교육목표 및 인재상 */
.objectiveSec1 .dlist {width:100%;margin-top:25px;display:flex;justify-content:space-between;}
.objectiveSec1 .dlist .ldt {width:220px;height:120px;font-size:1.222em;font-weight:500;color:#fff;font-family:"Gmarket Sans", sans-serif;border-radius:10px 10px 30px 10px;background:#004591;display:flex;align-items:flex-end;padding:0 0 15px 25px;margin-top:5px;box-sizing:border-box;}
.objectiveSec1 .dlist .ldd {width: calc(100% - 286px);box-sizing:border-box;color:#222222;}
.objectiveSec1 .dlist .ldd .title {font-size:1.111em;color:#142e5d;font-weight:700;}
.objectiveSec1 .dlist .ldd .listTy1 {display:flex;width:100%;padding-top:13px;}
.objectiveSec1 .dlist .ldd .listTy1 > li {position:relative;width:32%;margin-left:2%;padding-left:22px;padding-top:22px;padding-bottom:3px;box-sizing:border-box;line-height:1.222em;}
.objectiveSec1 .dlist .ldd .listTy1 > li:first-child {margin-left:0;}
.objectiveSec1 .dlist .ldd .listTy1 > li:before {display:block;content:'';position:absolute;top:0;left:2px;width:2px;height:100%;background:#d3d3d3;}
.objectiveSec1 .dlist .ldd .listTy1 > li:after {display:block;content:'';position:absolute;top:0;left:-6px;width:20px;height:20px;background:#fff;border:7px solid #7492b3;box-sizing:border-box;border-radius:50%;}
.objectiveSec1 .dlist2 .ldd .listTy1 {padding-top:45px;}
.objectiveSec1 .dlist2 .ldd .listTy1 > li:after {border-color:#65b6df;}
.objectiveSec1 .dlist3 .ldd .listTy2 {display:flex;flex-wrap:wrap;width:100%;counter-reset:nums;padding-top:5px;}
.objectiveSec1 .dlist3 .ldd .listTy2 > li {position:relative;width:48%;margin-left:4%;counter-increment:nums;padding-left:37px;box-sizing:border-box;margin-top:18px;}
.objectiveSec1 .dlist3 .ldd .listTy2 > li:nth-child(odd) {margin-left:0;}
.objectiveSec1 .dlist3 .ldd .listTy2 > li:nth-child(1) {margin-top:0;}
.objectiveSec1 .dlist3 .ldd .listTy2 > li:nth-child(2) {margin-top:0;}
.objectiveSec1 .dlist3 .ldd .listTy2 > li:before {display:block;content:counter(nums, decimal-leading-zero);position:absolute;top:-2px;left:0;font-size:1.111em;color:#d3d3d3;font-weight:500;font-family:"Gmarket Sans", sans-serif;}
.objectiveSec1 .dlist1 {margin-top:0;}
.objectiveSec1 .dlist2 .ldt {background:#0091dc;}
.objectiveSec1 .dlist3 .ldt {background:#006ee9;}

.objectiveSec2 {padding-left:30px;padding-top:30px;}
.objectiveSec2 .title {position:relative;width:100%;border-radius:100px 10px 10px 10px;background:#142e5d;text-align:center;color:#fff;padding:38px 30px 33px 30px;box-sizing:border-box;}
.objectiveSec2 .title:before {display:block;content:'';position:absolute;top:-30px;left:-30px;width:36.42%;;height: calc(100% - 10px) ;border-radius:0 100px 0 0;background:#ffd44d;z-index:-1;}
.objectiveSec2 .title .t1 {display:block;font-size:1.222em;font-weight:500;font-family:"Gmarket Sans", sans-serif;line-height:1.1em;}
.objectiveSec2 .title .t2 {display:block;font-size:1.778em;line-height:1.1em;padding-top:9px;}
.objectiveSec2 .list {position:relative;width:100%;border-radius:0 0  10px 10px;background:#f5f6f7;text-align:center;padding:18px 33px;box-sizing:border-box;}
.objectiveSec2 .list > li {position:relative;display:inline-block;width:145px;height:145px;border-radius:50%;background:#fff;box-shadow:7px 7px 21px 0 rgba(144, 156, 187, .4);box-sizing:border-box;margin:15px 45px;}
.objectiveSec2 .list > li:before {display:block;content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid #61768c;width:120px;height:120px;opacity:0.3;margin:auto;border-radius:50%;box-sizing:border-box;}
.objectiveSec2 .list > li:after {display:block;content:"";position:absolute;left:50%;top:8px;margin-left:-5px;background:#ffd44d;border-radius:50%;width:11px;height:11px;opacity:0.6;}
.objectiveSec2 .list .txt {display:block;position:relative;padding-top:88px;font-size:1.111em;color:#142e5d;font-weight:500;font-family:"Gmarket Sans", sans-serif;}
.objectiveSec2 .list .txt:before {display:block;content:"";position:absolute;left:0;right:0;top:39px;width:40px;height:41px;margin:auto;background:url(/resources/homepage/kor/_Img/Contents/objective_spr.png) no-repeat 0 0;}
.objectiveSec2 .list > li:nth-child(2) .txt:before {background-position:-50px 0;}
.objectiveSec2 .list > li:nth-child(3) .txt:before {background-position:-100px 0;}
.objectiveSec2 .list > li:nth-child(4) .txt:before {background-position:-150px 0;}
.objectiveSec2 .list > li:nth-child(2):after {background:#755fff;}
.objectiveSec2 .list > li:nth-child(3):after {background:#fb3b4c;}
.objectiveSec2 .list > li:nth-child(4):after {background:#ff7f4d;}

/*.objectiveSec3 {border:1px solid #dddddd;padding:29px 40px 29px 39px;}*/

.objectiveSec3 {border:1px solid #dddddd;padding:30px 40px;overflow:hidden;}
.objectiveSec3 .dlist {position:relative;width:100%;box-sizing:border-box;padding:25px 0 35px 100px;}
.objectiveSec3 .dlist .ldt {position:absolute;top:0;left:0;width:130px;height:150px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:500;color:#fff;font-size:1.222em;font-family:"Gmarket Sans", sans-serif;background:url(/resources/homepage/kor/_Img/Contents/objective_bg1.png) no-repeat 0 0;background-size:100%;box-sizing:border-box;z-index:2;} 
.objectiveSec3 .dlist .ldd {display:flex;justify-content:center;align-items:center;border-radius:50px;background:#eef0f4;min-height:100px;box-sizing:border-box;padding:10px 40px;}

.objectiveSec3 .dlist2 .ldt,
.objectiveSec3 .dlist4 .ldt {background-image:url(/resources/homepage/kor/_Img/Contents/objective_bg2.png);}

.objectiveSec3 .dlist1 .ldd {font-size:1.222em;line-height:1.1em;color:#333333;}
.objectiveSec3 .dlist1 .ldd .t1 {display:inline-block;font-weight:500;font-family:"Gmarket Sans", sans-serif;padding-right:25px;}
.objectiveSec3 .dlist1 .ldd .t2 {display:inline-block;}

.objectiveSec3 .dlist2 .ldd .list {display:flex;flex-wrap:wrap;justify-content:center;}
.objectiveSec3 .dlist2 .ldd .list > li {position:relative;display:inline-block;font-weight:500;color:#3f4c64;background:#fff;margin:5px 28px;padding:11px 40px;border-radius:25px;min-width:260px;box-sizing:border-box;text-align:center;}
.objectiveSec3 .dlist2 .ldd .list > li:before {display:block;content:"";position:absolute;left:-42px;top:50%;margin-top:-15px;width:30px;height:30px;border-radius:50%;box-shadow:0 13px 28px rgba(144,156,187,0.4);background:url(/resources/homepage/kor/_Img/Contents/objective_spr.png) no-repeat -290px -51px;}
.objectiveSec3 .dlist2 .ldd .list > li:first-child:before {display:none;}

.objectiveSec3 .dlist3 .ldd .list {display:flex;flex-wrap:wrap;}
.objectiveSec3 .dlist3 .ldd .list > li {position:relative;display:flex;justify-content:center;align-items:center;margin:0 16px;font-family:"Gmarket Sans", sans-serif;}
.objectiveSec3 .dlist3 .ldd .list .t1 {position:relative;display:flex;justify-content:center;align-items:center;color:#ffffff;font-weight:700;background:#26bca5;width:80px;height:80px;border-radius:50%;margin-right:10px;}
.objectiveSec3 .dlist3 .ldd .list .t1:before {display:block;content:'';position:absolute;bottom:-10px;left:50%;width:0;height:0;margin-left:-8px;border:10px solid transparent;border-top:12px solid #26bca5;border-bottom:0;}
.objectiveSec3 .dlist3 .ldd .list > li:nth-child(2) .t1 {background:#349ed5;}
.objectiveSec3 .dlist3 .ldd .list > li:nth-child(2) .t1:before {border-top:12px solid #349ed5;}
.objectiveSec3 .dlist3 .ldd .list > li:nth-child(3) .t1 {background:#7769cf;}
.objectiveSec3 .dlist3 .ldd .list > li:nth-child(3) .t1:before {border-top:12px solid #7769cf;}
.objectiveSec3 .dlist3 .ldd .list .t2 {color:#333333;font-weight:500;}

.objectiveSec3 .dlist4 .ldd {border:1px solid #ddd;background:#fff;}
.objectiveSec3 .dlist4 .ldd .list {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;}
.objectiveSec3 .dlist4 .ldd .list > li {position:relative;display:flex;justify-content:center;align-items:center;font-size:1.111em;border-radius:20px;color:#3f4c64;font-weight:500;line-height:1.1em;width:14%;height:60px;padding:0;background:#D6ECF7;text-align:center;margin:0 0.87%;}
.objectiveSec3 .dlist4 .ldd .list > li:nth-child(3),
.objectiveSec3 .dlist4 .ldd .list > li:nth-child(4) {background:#E4E1F5;}
.objectiveSec3 .dlist4 .ldd .list > li:nth-child(5),
.objectiveSec3 .dlist4 .ldd .list > li:nth-child(6) {background:#D4F2ED;}

.objectiveSec3 .dlist4 .ldd .list > li span:after {display:block;content:'';position:absolute;top:-8px;left:50%;margin-left:-8px;width:16px;height:16px;border:5px solid #349ed5;box-sizing:border-box;background:#fff;border-radius:50%;}
.objectiveSec3 .dlist4 .ldd .list > li:nth-child(3) span:after,
.objectiveSec3 .dlist4 .ldd .list > li:nth-child(4) span:after {border-color:#7769cf;}
.objectiveSec3 .dlist4 .ldd .list > li:nth-child(5) span:after,
.objectiveSec3 .dlist4 .ldd .list > li:nth-child(6) span:after {border-color:#26bca5;}

@media all and (min-width:1099px) {
	.objectiveSec3 .dlist3 .ldd .list > li:before {display:block;content:'';position:absolute;top:0;left:41px;width:0;height:108px;border-left:2px dotted #26bca5;}
	.objectiveSec3 .dlist3 .ldd .list > li:nth-child(2):before {border-color:#349ed5;height:123px;}
	.objectiveSec3 .dlist3 .ldd .list > li:nth-child(3):before {border-color:#7769cf;height:138px;}
	.objectiveSec3 .dlist4 .ldd .list > li:after {display:block;content:'';position:absolute;height:0;}
	.objectiveSec3 .dlist3 .ldd .list > li:after {display:block;content:'';position:absolute;height:20px;background:#fff;z-index:1;}
	.objectiveSec3 .dlist3 .ldd .list > li:nth-child(1):after {top: calc(100% + 10px);right:82px;width:300px;}
	.objectiveSec3 .dlist3 .ldd .list > li:nth-child(2):after {top: calc(100% + 30px);left:43px;width:100px;}
	.objectiveSec3 .dlist3 .ldd .list > li:nth-child(3):after {top: calc(100% + 40px);left:43px;width:30px;}
	.objectiveSec3 .dlist4 .ldd .list > li:nth-child(1):after {border-top:2px dotted #349ed5;top:-49px;left:50%;width:270%;}
	.objectiveSec3 .dlist4 .ldd .list > li:nth-child(3):after {border-top:2px dotted #7769cf;top:-34px;left:50%;width:225px;}
	.objectiveSec3 .dlist4 .ldd .list > li:nth-child(6):after {border-top:2px dotted #26bca5;top:-64px;right:50%;width:620px;}
	.objectiveSec3 .dlist4 .ldd .list > li span:before {display:block;content:'';position:absolute;top:-49px;left:50%;width:0;height:49px;border-left:2px dotted #349ed5;}
	.objectiveSec3 .dlist4 .ldd .list > li:nth-child(3) span:before,
	.objectiveSec3 .dlist4 .ldd .list > li:nth-child(4) span:before {border-color:#7769cf;top:-34px;height:34px;}
	.objectiveSec3 .dlist4 .ldd .list > li:nth-child(5) span:before,
	.objectiveSec3 .dlist4 .ldd .list > li:nth-child(6) span:before {border-color:#26bca5;top:-64px;height:64px;}
}
@media all and (max-width:1199px) {
	.objectiveSec2 .list > li {margin-left:15px;margin-right:15px;}
}
@media all and (max-width:999px) {
	.objectiveSec1 .dlist .ldd {width: calc(100% - 260px);}
	.objectiveSec1 .dlist .ldd .listTy1 {flex-wrap:wrap;}
	.objectiveSec1 .dlist .ldd .listTy1 > li {width:48%;margin-left:0%;margin-bottom:20px;}
	.objectiveSec1 .dlist .ldd .listTy1 > li:nth-child(even) {margin-left:4%;}
	.objectiveSec1 .dlist2 .ldd .listTy1 {padding-top:15px;}

	.objectiveSec2 .list {padding-left:10px;padding-right:10px;}
}
@media all and (max-width:799px) {
	.objectiveSec3 {padding:20px;}
	.objectiveSec3 .dlist {padding:15px 0 15px 80px;}
	.objectiveSec3 .dlist .ldt {width:100px;height:115px;} 
	.objectiveSec3 .dlist .ldd {border-radius:30px;min-height:90px;padding:10px 30px;}
	.objectiveSec3 .dlist3 .ldd .list > li {margin:0 8px;}
	.objectiveSec3 .dlist3 .ldd .list .t1 {width:60px;height:60px;margin-right:6px;}
}
@media all and (max-width:699px) {
	.objectiveSec1 .dlist .ldt {width:150px;}
	.objectiveSec1 .dlist .ldd {width: calc(100% - 180px);}
}
@media all and (max-width:599px) {
	.objectiveSec1 .dlist {display:block;}
	.objectiveSec1 .dlist .ldt {width:100%;height:auto;padding:20px 25px 15px 25px;margin-bottom:20px;}
	.objectiveSec1 .dlist .ldd {width:100%;padding-left:10px;}
	.objectiveSec1 .dlist2 .ldd .listTy1 {padding-top:0;}
	.objectiveSec1 .dlist3 .ldd .listTy2 {display:block;}
	.objectiveSec1 .dlist3 .ldd .listTy2 > li {width:100%;margin-left:0;margin-top:10px;}
	.objectiveSec1 .dlist3 .ldd .listTy2 > li:nth-child(2) {margin-top:10px;}

	.objectiveSec3 .dlist {padding:105px 0 20px 0;}
	.objectiveSec3 .dlist .ldt {position:absolute;top:0;left:50%;margin-left:-50px;} 
	.objectiveSec3 .dlist .ldd {border-radius:20px;padding:10px 20px;}
	.objectiveSec3 .dlist1 .ldd {flex-direction: column;}
	.objectiveSec3 .dlist1 .ldd .t1 {padding-right:0;padding-bottom:10px;}
	.objectiveSec3 .dlist2 .ldd .list > li {margin:5px 8px 5px 48px;padding:11px 15px;min-width:190px;}
	.objectiveSec3 .dlist3 .ldd .list > li {margin-bottom:10px;}
	.objectiveSec3 .dlist3 .ldd .list .t1 {width:50px;height:50px;margin-right:4px;}
	.objectiveSec3 .dlist3 .ldd .list .t1:before {bottom:-6px;}
	.objectiveSec3 .dlist4 .ldd .list > li {border-radius:10px;width:48%;height:45px;margin:3px 1%;}
	.objectiveSec3 .dlist4 .ldd .list > li span:after {display:none;}
}
@media all and (max-width:499px) {
	.objectiveSec2 .list > li {width:115px;height:115px;margin:10px 10px;}
	.objectiveSec2 .list > li:before {width:100px;height:100px;}
	.objectiveSec2 .list > li:after {top:4px;}

	.objectiveSec2 .list .txt {padding-top:70px;}
	.objectiveSec2 .list .txt:before {top:23px;transform:scale(0.7);}
}
@media all and (max-width:399px) {
	.objectiveSec3 .dlist .ldd {padding-top:20px;}
	.objectiveSec3 .dlist3 .ldd .list > li {flex-direction:column;}
	.objectiveSec3 .dlist3 .ldd .list .t1 {}
	.objectiveSec3 .dlist3 .ldd .list .t2 {display:block;padding-top:10px;}
}

/** --- 요람 */
.bookletList {width:100%;display:flex;flex-wrap:wrap;}
.bookletList > li {width:30%;margin:0 1.66% 40px 1.66%;text-align:center;}
.bookletList .inBox {display:inline-block;max-width:320px;width:100%;margin:0 auto;}
.bookletList .img {border:1px solid #ddd;}
.bookletList .img img {width:100%;}
.bookletList .txt {font-weight:500;line-height:1.1em;padding:32px 0 28px 0;}
.bookletList .year {display:block;font-size:1.667em;color:#000000;padding-bottom:10px;}
.bookletList .btnBox {display:flex;justify-content:center;}
.bookletList .btnBox a.btn {position:relative;display:inline-block;width:49%;font-weight:500;color:#3e536b;border:1px solid #ddd;box-sizing:border-box;border-radius:20px;padding:10px 16px 10px 18px;overflow:hidden;transition:all .3s ease;}
.bookletList .btnBox a.btn:before {content:"";display:block;position:absolute;top:0;right:-30px;border-radius:30px;width:0;height:100%;transition:all .45s cubic-bezier(0.65, 0, 0.076, 1)}
.bookletList .btnBox a.btn span {display:block;position:relative;text-align:left;padding:0 36px 0 0;transition:all .3s ease;}
.bookletList .btnBox a.btn span:after {content:"";display:block;position:absolute;top:50%;right:0;background:url(/resources/_Img/Common/style_spr.png) no-repeat -175px -124px;width:24px;height:24px;margin-top:-13px;}
.bookletList .btnBox a.btn span.down:after {background-position:-140px -124px;}
.bookletList .btnBox a.btn:focus span,
.bookletList .btnBox a.btn:hover span {color:#fff;}
.bookletList .btnBox a.btn:focus:before,
.bookletList .btnBox a.btn:hover:before {left:-30px;right:auto;width: calc(100% + 60px);background:#142e5d;border-color:#142e5d;}
.bookletList .btnBox a.btn:focus span:after,
.bookletList .btnBox a.btn:hover span:after {background-position:-175px -159px;}
.bookletList .btnBox a.btn:focus span.down:after,
.bookletList .btnBox a.btn:hover span.down:after {background-position:-140px -159px;}
.bookletList .btnBox > a:last-child {margin-left:2%;}
.bookletList .btnBox > a:first-child {margin-left:0;}

@media all and (max-width:999px) {
	.bookletList .btnBox {display:block;}
	.bookletList .btnBox a.btn {display:block;width:100%;margin-left:0 !important;}
	.bookletList .btnBox > a:first-child {margin-bottom:10px;}
}
@media all and (max-width:499px) {
	.bookletList > li {width:46%;margin:0 2% 40px 2%;}
}

/** --- 동아인 윤리강령 */
.ethicsBox .contlist-type1 .tit {font-size:1em;font-weight:500;}

.ethicsList > .tit {margin-bottom:20px;color:#0091dc;font-size:1.444em;font-weight:500;line-height:1.238;}
.ethicsList .list {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.ethicsList .list > li {position:relative;padding-left:95px;width:48.572%;box-sizing:border-box;margin-top:45px;}
.ethicsList .list > li:nth-child(1),
.ethicsList .list > li:nth-child(2) {margin-top:0;}
.ethicsList .list > li .num {display:block;position:absolute;left:0;top:0;color:#e8e8e8;font-size:2.5em;font-weight:500;font-family:"Gmarket Sans", sans-serif;letter-spacing:0;line-height:1;}
.ethicsList .list > li .tit {color:#000;font-weight:500;line-height:1.25}
.ethicsList .list > li .txt-sec {color:#333;font-size:.944em;line-height:1.647}
.ethicsList .list > li .tit + .txt-sec {margin-top:9px}

@media all and (max-width:999px) {
	.ethicsList .list {display:block;}
	.ethicsList .list > li {width:100%;}
	.ethicsList .list > li:nth-child(2) {margin-top:45px;}
}
@media all and (max-width:399px) {
	.ethicsList .list > li {padding-left:55px;margin-top:30px;}
	.ethicsList .list > li:nth-child(2) {margin-top:30px;}
	.ethicsList .list > li .num {font-size:2em;}
}

/** -- 학교상징물 */
/** --- UI */
.ULBox .c-tit01 .engtit {display:inline-block;font-size:0.471em;color:#777777;font-weight:500;letter-spacing:-0.02em;padding-left:12px;}
.ULBox .c-tit02 .kortit {display:inline-block;font-size:0.714em;color:#222222;}
.ULBox img {max-width:100%;}
.ULBox .sbTxt .txt1 {display:block;font-size:1.111em;color:#000000;font-weight:500;letter-spacing:0;line-height:1.2em;}
.ULBox .sbTxt .txt2 {display:block;font-size:0.889em;color:#777777;font-weight:500;letter-spacing:0;line-height:1.2em;padding-top:2px;}
.symbolSbox {width:100%;border:1px solid #dddddd;border-radius:20px;padding:60px;text-align:center;box-sizing:border-box;}

.symbolSec01 {display:flex;align-items:center;position:relative;}
.symbolSec01:before {display:block;content:'';position:absolute;top:60px;left:50%;width:1px;height: calc(100% - 120px);background:#ddd;}
.symbolSec01 .imgBox {width:50%;padding-right:54px;box-sizing:border-box;}
.symbolSec01 .txtBox {width:50%;text-align:left;padding-left:54px;box-sizing:border-box;}

.symbolSec02 ul {display:flex;}
.symbolSec02 li {width:50%;box-sizing:border-box;padding-right:30px;}
.symbolSec02 li:last-child {border-left:1px solid #ddd;padding-right:0;padding-left:30px;}
.symbolSec02 .txt {padding-top:20px;}

.symbolSec03 > ul {display:flex;width:100%;}
.symbolSec03 > ul > li {padding-top:65px;position:relative;}
.symbolSec03 > ul > li:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:50px;background:#003265;}
.symbolSec03 > ul > li:nth-child(1) {width:50%;}
.symbolSec03 > ul > li:nth-child(2) {width:25%;}
.symbolSec03 > ul > li:nth-child(3) {width:25%;}
.symbolSec03 > ul > li:nth-child(2):before {background:#231816;}
.symbolSec03 > ul > li:nth-child(3):before {background:#bfc3c6;}

.symbolSec04 > ul {display:flex;width:100%;}
.symbolSec04 > ul > li {width:32.29%;margin-left:1.56%;}
.symbolSec04 > ul > li:first-child {margin-left:0;}
.symbolSec04 .sbTxt {padding-top:15px;text-align:left;}

.symbolSec01 .listC {width:100%;padding-top:50px;}
.symbolSec01 .listC > li {position:relative;display:inline-flex;align-items:center;color:#222222;letter-spacing:0;padding-left:44px;min-height:30px;padding-right:26px;margin-bottom:5px;}
.symbolSec01 .listC > li:before {display:block;content:'';position:absolute;top:0;left:0;width:30px;height:30px;background:#398440;border-radius:50%;}
.symbolSec01 .listC > li:nth-child(2):before {background:#F8B900;}
.symbolSec01 .listC > li:nth-child(3):before {background:#E94D2E;}

.symbolSec05 {position:relative;width:100%;border:1px solid #bfc9e2;border-radius:20px;padding:24px 230px 24px 30px;text-align:center;box-sizing:border-box;background:#e8ecf7;text-align:left;}
.symbolSec05 .txt {font-size:0.944em;color:#142e5d;font-weight:500;}
.symbolSec05 .dlist dt {display:inline-block;font-size:0.944em;color:#000000;font-weight:500;padding-right:18px;}
.symbolSec05 .dlist dd {display:inline-block;padding-top:4px;}
.symbolSec05 .dlist li {display:inline-block;padding-right:53px;}
.symbolSec05 .cp-btn {position:absolute;top:27px;right:38px;}

.symbolSec06 ul {display:flex;align-items:center;}
.symbolSec06 li {width:32%;margin-left:2%;border-left:1px solid #ddd;box-sizing:border-box;padding-right:30px;padding-left:30px;}
.symbolSec06 li:first-child {border-color:#fff;padding-left:0;}
.symbolSec06 li:nth-child(2) {padding:0 10px;}
.symbolSec06 li:last-child {padding-right:0;}

.characterBox {display:flex;width:100%;justify-content:space-between;}
.characterBox .characterLeft {width:48.572%;}
.characterBox .characterRight {width:48.572%;}
.characterBox .gap {display:none;}

.symbolSec07 {height: calc(100% - 59px);display:flex;align-items:center;justify-content:center;}
.symbolSec07 > ul {display:flex;}
.symbolSec07 > ul > li {width:50%;box-sizing:border-box;padding:0 30px;}
.symbolSec07 > ul > li:first-child {padding-left:0;}
.symbolSec07 > ul > li:nth-child(2) {padding:0 15px;}
.symbolSec07 > ul > li:last-child {padding-right:0;}
.symbolSec07 .txt {padding-top:20px;}

@media all and (max-width:999px) {
	.symbolSbox {padding:40px;}

	.symbolSec01 {display:block;}
	.symbolSec01:before {display:none;}
	.symbolSec01 .imgBox {width:100%;padding-right:0;}
	.symbolSec01 .txtBox {width:100%;padding-left:0;margin-top:30px;border-top:1px solid #ddd;padding-top:30px;}

	.characterBox {display:block;}
	.characterBox .gap {display:block;}
	.characterBox .characterLeft {width:100%;}
	.characterBox .characterRight {width:100%;}
}
@media all and (max-width:699px) {
	.symbolSec05 {padding:25px;}
	.symbolSec05 .dlist dt {display:block;padding-right:0;padding-top:15px;padding-bottom:10px;}
	.symbolSec05 .dlist li {display:block;padding-right:0;}
	.symbolSec05 .cp-btn {position:relative;top:auto;right:auto;margin-top:10px;width:100%;box-sizing:border-box;}
}
@media all and (max-width:599px) {
	.symbolSbox {padding:20px;}

	.symbolSec02 ul {display:block;}
	.symbolSec02 li {width:100%;padding-right:0;}
	.symbolSec02 li:last-child {border-left:0;border-top:1px solid #ddd;padding-left:0;padding-top:30px;margin-top:30px;}

	.symbolSec04 > ul {display:block;}
	.symbolSec04 > ul > li {width:100%;margin-left:0;padding-top:30px;margin-top:30px;border-top:1px solid #ddd;}
	.symbolSec04 > ul > li:first-child {padding-top:0;margin-top:0;border-top:0;}
}


/** --- 교가 */
.songBox {display:flex;width:100%;justify-content:space-between;}
.songBox .txtBox {width:55.7145%;border-bottom:1px solid #dddddd;padding-bottom:38px;}
.songBox .txtBox .movie {position:relative;width:100%;height:0;padding-top:56.3%;}
.songBox .txtBox .movie video {position:absolute;top:0;left:0;width:100%;height:100%;}
.songBox .txtBox .txwr {position:relative;width:100%;margin-top:28px;}
.songBox .txtBox .txwr .subject {color:#333333;font-weight:700;}
.songBox .txtBox .txwr .txt {color:#666;font-weight:500;padding-top:18px;}
.songBox .txtBox .txwr a {position:absolute;top:5px;right:0;}
.songBox .imgBox {width:41.429%;border:1px solid #ddd;box-sizing:border-box;text-align:center;padding:56px 20px 20px 20px;}
.songBox .imgBox .tit {font-size:1.444em;color:#333333;font-weight:500;padding-bottom:24px;}
.songBox .imgBox img {max-width:100%;}

@media all and (max-width:1199px) {
	.songBox .txtBox .txwr a {position:relative;top:auto;right:auto;margin-top:30px;}
}
@media all and (max-width:699px) {
	.songBox {display:block;}
	.songBox .txtBox {width:100%;border-bottom:0;padding-bottom:38px;}
	.songBox .imgBox {width:100%;border:1px solid #ddd;box-sizing:border-box;text-align:center;padding:56px 20px 20px 20px;}
}




/** -- 캠퍼스소개 */
/** --- 홍보동영상 */
.movie-wr {}
.movie-wr .movie-slide {position:relative;max-width:1137px;margin:0 auto;padding:0 50px;box-sizing:border-box}
.movie-wr .movie-swiper {width:100%;max-width:937px;margin:0 auto;box-sizing:border-box}
.movie-swiper .movie-box {}
.movie-swiper .movie-box video {width:100%}
.movie-swiper .txt-box {margin-top:9px;text-align:center}
.movie-swiper .txt-box .tit {color:#111;font-size:2.222em}
.movie-swiper .txt-box .lang {display:inline-block;background-color:#f3f3f3;border-radius:30px;min-width:170px;margin-top:3px;padding:8px 15px 7px;color:#777;font-size:.889em;font-weight:500;box-sizing:border-box}
.movie-swiper .txt-box .lang > span {display:inline-block;margin-left:10px;color:#111}
.movie-wr .data-ctrl button {position:absolute;top:50%;background:none;border:0;width:60px;height:60px;margin-top:-100px}
.movie-wr .data-ctrl button:before,
.movie-wr .data-ctrl button:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.movie-wr .data-ctrl > button:before,
.movie-wr .data-ctrl > button:after {background:#777;border:0;width:2px;height:40px;transition:all .3s ease-out}
.movie-wr .data-ctrl .btn-prev {left:-15px}
.movie-wr .data-ctrl .btn-next {right:-15px}
.movie-wr .data-ctrl .btn-prev:before {transform:translateY(-35%) rotate(45deg)}
.movie-wr .data-ctrl .btn-prev:after {transform:translateY(35%) rotate(-45deg)}
.movie-wr .data-ctrl .btn-next:before {transform:translateY(35%) rotate(45deg)}
.movie-wr .data-ctrl .btn-next:after {transform:translateY(-35%) rotate(-45deg)}
.movie-btn-box {padding-top:15px}
.movie-btn-box .movie-btn-list {display:flex;flex-flow:row wrap;align-items:center}
.movie-btn-box .movie-btn-list .movie-btn {display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;border:1px solid #ddd;border-radius:18px;width:31.42%;margin:20px 2.87% 0 0;padding:26px 32px;box-sizing:border-box;transition:all .3s ease-out}
.movie-btn-box .movie-btn-list .movie-btn:nth-child(3n) {margin-right:0}
.movie-btn-box .movie-btn-list .txt-box {}
.movie-btn-box .movie-btn-list .txt-box .tit {color:#111;font-size:1.222em;font-weight:700}
.movie-btn-box .movie-btn-list .txt-box .lang {margin-top:-3px;color:#777;font-size:.889em;font-weight:500}
.movie-btn-box .movie-btn-list .txt-box .lang > span {display:inline-block;margin-left:10px;color:#111}
.movie-btn-box .movie-btn-list .btn-box {font-size:0}
.movie-btn-box .movie-btn-list .btn-box > * {display:inline-block;position:relative;background-color:#e6eaef;border:0;border-radius:50%;width:48px;height:48px;margin-right:7px;vertical-align:middle;transition:all .3s ease-out}
.movie-btn-box .movie-btn-list .btn-box > *:last-child {margin-right:0}
.movie-btn-box .movie-btn-list .btn-box > *:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(/resources/homepage/kor/_Img/Contents/movie_spr.png) no-repeat -81px 0;width:17px;height:19px;margin:auto}
.movie-btn-box .movie-btn-list .btn-box .btn-play-movie:before {background-position:-54px 0}
.movie-btn-box .movie-btn-list .movie-btn.on,
.movie-btn-box .movie-btn-list .movie-btn:hover {background-color:#0091dc;border-color:#0091dc}
.movie-btn-box .movie-btn-list .movie-btn.on .txt-box .tit,
.movie-btn-box .movie-btn-list .movie-btn:hover .txt-box .tit,
.movie-btn-box .movie-btn-list .movie-btn.on .txt-box .lang,
.movie-btn-box .movie-btn-list .movie-btn:hover .txt-box .lang,
.movie-btn-box .movie-btn-list .movie-btn.on .txt-box .lang > span {color:#fff !important}
.movie-btn-box .movie-btn-list .movie-btn:hover .txt-box .lang > span {color:#fff !important}
.movie-btn-box .movie-btn-list .movie-btn.on .btn-box > * ,
.movie-btn-box .movie-btn-list .movie-btn:hover .btn-box > * {background-color:#004591;}
.movie-btn-box .movie-btn-list .movie-btn.on .btn-box .btn-play-movie,
.movie-btn-box .movie-btn-list .movie-btn:hover .btn-box .btn-play-movie {background-color:#fb3b4c;}
.movie-btn-box .movie-btn-list .movie-btn.on .btn-box > *:before,
.movie-btn-box .movie-btn-list .movie-btn:hover .btn-box > *:before {background-position:-27px 0;}
.movie-btn-box .movie-btn-list .movie-btn.on .btn-box .btn-play-movie:before,
.movie-btn-box .movie-btn-list .movie-btn:hover .btn-box .btn-play-movie:before {background-position:0 0}

@media all and (max-width:1199px) {
	.movie-btn-box .movie-btn-list .movie-btn {width:49%;margin-right:2%}
	.movie-btn-box .movie-btn-list .movie-btn:nth-child(3n) {margin-right:2%}
	.movie-btn-box .movie-btn-list .movie-btn:nth-child(2n) {margin-right:0}
}
@media all and (max-width:999px) {
	.movie-btn-box .movie-btn-list .movie-btn {padding:17px 20px;}
	.movie-wr .data-ctrl > button:before,
	.movie-wr .data-ctrl > button:after {height:20px}
}
@media all and (max-width:768px) {
	.movie-swiper .txt-box .tit {font-size:1.5em}
	.movie-swiper .txt-box .lang {min-width:150px}
}
@media all and (max-width:649px) {
	.movie-btn-box .movie-btn-list {display:block}
	.movie-btn-box .movie-btn-list .movie-btn {width:auto;margin:10px 0 0 !important}
	.movie-btn-box .movie-btn-list .btn-box > * {width:40px;height:40px}
}
@media all and (max-width:499px) {
	.movie-wr .movie-slide {padding:0}
	.movie-wr .data-ctrl {display:none}
}
@media all and (max-width:399px) {
	.movie-btn-box .movie-btn-list .movie-btn {padding:15px 12px}
}

/** -- 자매결연학교 및 협력체결기관 */
/** --- 국외자매결연학교 */
.sister a.btn-home span{width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0}
.sister a.btn-home {position:relative;height:30px; width:30px; display:inline-block}
.sister a.btn-home:before {display:block;content:'';position:absolute;width:30px;height:30px;background:#142e5d;border-radius:50%;transition:all .3s ease;}
.sister a.btn-home:after {content:"";display:block;position:absolute;width:30px;height:30px;background:url(/resources/homepage/english/_Img/ico_home.png) no-repeat center center;transition:all .3s ease;}
.sister a.btn-home:focus:before,
.sister a.btn-home:hover:before {background:#006ee9;}



/* ==============================
 * 입학안내
================================= */
/** -- 대학원 입학 */
.graduipList {width:100%;display:flex;flex-wrap:wrap;}
.graduipList .list {width:22.858%;margin-left:2.856%;margin-bottom:30px;border:1px solid #c0c6d2;border-radius:0 0 30px 0;box-sizing:border-box;padding:30px 28px;}
.graduipList > .list:nth-child(4n+1) {margin-left:0;}
.graduipList .list .ldt {position:relative;display:inline-block;padding-right:48px;}
.graduipList .list .tit {font-size:1.333em;color:#142e5d;font-weight:500;font-family:"Gmarket Sans", sans-serif;word-break:break-all;}
.graduipList .list .btnGosite {position:absolute;top:0;right:0;width:35px;height:35px;background:#e6eaef;border-radius:50%;transition:all .3s ease;}
.graduipList .list .btnGosite:before {display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:17px;height:16px;background:url(/resources/homepage/kor/_Img/Contents/graduip_spr.png) no-repeat 0 0;}
.graduipList .list .btnGosite:focus,
.graduipList .list .btnGosite:hover {background:#006ee9;}
.graduipList .list .btnGosite:focus:before,
.graduipList .list .btnGosite:hover:before {background-position:-27px 0;}
.graduipList .list .ldd {display:block;padding-top:15px;}
.graduipList .list .txt {position:relative;display:flex;flex-wrap:wrap;padding-left:35px;font-size:0.944em;}
.graduipList .list .txt:before {content:"";display:block;position:absolute;top:2px;left:2px;background:#004591 url(/resources/_Img/Contents/clistico_spr.png) no-repeat -34px 0;border-radius:10px;width:24px;height:24px}
.graduipList .list .txt .num {display:inline-block;color:#333333;font-weight:500;padding-right:12px;}
.graduipList .list .txt .number {display:inline-block;}

@media all and (max-width:1499px) {
	.graduipList .list {width:32%;margin-left:2%;}
	.graduipList > .list:nth-child(4n+1) {margin-left:2%;}
	.graduipList > .list:nth-child(3n+1) {margin-left:0;}
}
@media all and (max-width:999px) {
	.graduipList .list {width:49%;margin-bottom:20px;padding:20px;}
	.graduipList > .list:nth-child(3n+1) {margin-left:2%;}
	.graduipList > .list:nth-child(2n+1) {margin-left:0;}
}
@media all and (max-width:499px) {
	.graduipList .list {width:100%;margin-left:0 !important;margin-bottom:10px;}
}

/** -- 학·석사 연계과정 */
.masteripList {width:100%;background:#faf9fe;border-radius:20px;box-sizing:border-box;text-align:center;padding:42px 40px;}
.masteripList > li {position:relative;display:flex;flex-direction:column;align-items:center;max-width:793px;width:100%;box-sizing:border-box;margin:0 auto;font-size:0.889em;line-height:1.188em;padding-bottom:36px;}
.masteripList > li:before {display:block;content:'';position:absolute;bottom:13px;left:0;right:0;margin:0 auto;width:0;height:0;border:45px solid transparent;border-bottom:0 solid transparent;border-top:13px solid #C5CEE2;}
.masteripList .txt1 {width:100%;color:#333333;font-weight:500;background:#fff;padding:23px;border-radius:10px;box-sizing:border-box;box-shadow:0 10px 21px rgba(144,156,187,0.4);}
.masteripList .txt2 {color:#fff;background:#0091dc;padding:10px 23px;border-radius:20px;box-sizing:border-box;margin-top:10px;}
.masteripList > li:last-child {padding-bottom:0;}
.masteripList > li:last-child:before {display:none;}

@media all and (max-width:499px) {
	.masteripList {padding:20px;}
}

/* ==============================
 * 대학
================================= */
.MnDeptIntro #svisual-wrap,
.MnDeptIntro #contents .cont-top {display:none;}
.MnDeptIntro #container {padding-left:0;}
.MnDeptIntro #contents {margin-top:0;}

.mDeptBox {position:relative;width:100%;}

.mDeptSld-wr {position:relative;width:100%;padding-top:49px;padding-bottom:24px;}
.mDeptSld-wr:before {display:block;content:'';position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;height:100%;background:#faf9fe;border-radius:0 0 0 200px;z-index:-1;}
.mDeptSld-wr .svis-deco {position:absolute;left:-260px;top:0;width:100%;height:100%;overflow:hidden}
.mDeptSld-wr .deco {display:block;position:absolute;left:-143px;top:18px;border:1px solid rgba(63, 81, 181, .2);border-radius:50%;width:1263px;height:1263px;transform:rotate(0deg);animation:rotate 15s infinite linear;box-sizing:border-box}
.mDeptSld-wr .deco:before,
.mDeptSld-wr .deco:after,
.mDeptSld-wr .deco span {content:"";display:block;position:absolute;top:50%;left:50%;background-color:#d9dbf1;border-radius:50%;width:15px;height:15px;margin-left:7px}
.mDeptSld-wr .deco:before {transform:translate(616px)}
.mDeptSld-wr .deco:after {transform:rotate(221deg) translate(647px) rotate(-221deg)}
.mDeptSld-wr .deco span:before {transform:rotate(140deg) translate(647px) rotate(-140deg)}

.mDeptSld-wr .role-head {display:flex;justify-content:space-between;align-items:flex-end;font-family:"Gmarket Sans", sans-serif;letter-spacing:0;padding-bottom:30px;}
.mDeptSld-wr .role-head .sldTit .t1 {display:block;font-size:1.667em;color:#004591;font-weight:500;line-height:1.2em;}
.mDeptSld-wr .role-head .sldTit .t2 {display:block;font-size:2.667em;color:transparent;font-weight:700;line-height:1em;padding-top:16px;background: -webkit-linear-gradient(90deg, rgba(255,143,6,1) 0%, rgba(243,83,52,1) 27%, rgba(155,87,144,1) 56%, rgba(3,110,202,1) 100%);background: linear-gradient(90deg, rgba(255,143,6,1) 0%, rgba(243,83,52,1) 27%, rgba(155,87,144,1) 56%, rgba(3,110,202,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip:text;}
.mDeptSld-wr .role-head .sldbTN {display:flex;align-items:center;flex-wrap:wrap;padding-bottom:13px;}
.mDeptSld-wr .role-head .sldbTN .t1 {position:relative;display:inline-block;font-size:1.111em;color:#d6171d;font-weight:700;font-family:"Gmarket Sans", sans-serif;padding-left:40px;padding-right:13px;margin-top:5px;}
.mDeptSld-wr .role-head .sldbTN .t1:before {display:block;content:'';position:absolute;top:0;left:0;width:26px;height:26px;background:url(/resources/homepage/kor/_Img/Contents/department_spr.png) no-repeat 0 -47px;}
.mDeptSld-wr .role-head .sldbTN .btnYoutube {position:relative;display:inline-block;width:160px;padding:15px 40px 9px 20px;font-size:0.778em;color:#fff;font-weight:500;font-family:"Gmarket Sans", sans-serif;background:#d6171d;box-sizing:border-box;border-radius:23px;}
.mDeptSld-wr .role-head .sldbTN .btnYoutube:before {display:block;content:'';position:absolute;top:50%;right:20px;margin-top:-1px;width:16px;height:2px;background:#fff;}
.mDeptSld-wr .role-head .sldbTN .btnYoutube:after {display:block;content:'';position:absolute;top:50%;right:20px;margin-top:-3px;width:4px;height:4px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(-45deg);}

.mDeptSld-wr .role-body {box-sizing:border-box;position:relative;padding:0 0 0 581px;}
.mDeptSld-wr .role-body .selcectedViewPort {position:absolute;width:560px;left:0;top:0;background:#fff;padding:20px;border-radius:20px;box-shadow:0 13px 28px rgba(144,156,187,0.4);box-sizing:border-box;}
.mDeptSld-wr .role-body .selcectedViewPort .vdoBox {display:block;position:relative;height:0;padding:0 0 56.25%;background:rgba(0, 0, 0, .2) url(/resources/_Img/Common/flogo.png) no-repeat center center}
.mDeptSld-wr .role-body .selcectedViewPort .vdoBox iframe {display:block;position:absolute;width:100%;height:100%;left:0;top:0;border:0}
.mDeptSld-wr .role-body .selcectedViewPort .txtBox {color:#333333;margin:32px 0 0;text-align:center;}
.mDeptSld-wr .role-body .selcectedViewPort .txtBox .viewPortTit {display:block;width:auto;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;font-size:1.444em;font-weight:700;color:#333333;line-height:1.2}
.mDeptSld-wr .role-body .selcectedViewPort .txtBox .viewPortTxt {line-height:1.333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:44px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;}
.mDeptSld-wr .role-body .datalist .item ul {display:block;text-align:left;font-size:0;padding-left:20px;}
.mDeptSld-wr .role-body .datalist .item ul li {display:inline-block;vertical-align:top;font-size:18px;width:31.29%;margin:0 3.065% 27px 0;box-sizing:border-box;}
.mDeptSld-wr .role-body .datalist .item ul li:nth-child(3n) {margin-right:0}
.mDeptSld-wr .role-body .datalist .item a {display:block;color:#fff;background:#fff;border-radius:0 0 0 30px;}
.mDeptSld-wr .role-body .datalist .item a .imgBox {position:relative}
.mDeptSld-wr .role-body .datalist .item a .imgBox:after {content:"";display:block;position:absolute;width:37px;height:37px;right:10px;bottom:-16px;opacity:0;background:url(/resources/homepage/kor/_Img/Contents/department_spr.png) no-repeat;transition:all 0.3s ease;z-index:1}
.mDeptSld-wr .role-body .datalist .item a .imgBox span {display:block;position:relative;box-sizing:border-box;height:0;padding:0 0 56.25%;z-index:0}
.mDeptSld-wr .role-body .datalist .item a .imgBox span:before {content:"";display:block;position:absolute;width:100%;height:100%;box-sizing:border-box;border:5px solid #d6171d;opacity:0;z-index:1;transition:all .3s ease}
.mDeptSld-wr .role-body .datalist .item a .imgBox span img {display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:0}
.mDeptSld-wr .role-body .datalist .item a .txtBox {padding:20px 20px 14px 20px}
.mDeptSld-wr .role-body .datalist .item a .txtBox .itemTit {display:block;font-size:0.944em;color:#444444;line-height:1.2;font-weight:700;width:auto;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal}
.mDeptSld-wr .role-body .datalist .item a .txtBox .itemTxt {font-size:0.889em;line-height:1.188em;color:#777777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:40px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;transition:all .3s ease}
.mDeptSld-wr .role-body .datalist .item a.over {box-shadow:0 13px 28px rgba(144,156,187,0.4);}
.mDeptSld-wr .role-body .datalist .item a.over .imgBox:after,
.mDeptSld-wr .role-body .datalist .item a:focus .imgBox:after,
.mDeptSld-wr .role-body .datalist .item a:hover .imgBox:after {right:20px;opacity:1}
.mDeptSld-wr .role-body .datalist .item a.over .imgBox span:before,
.mDeptSld-wr .role-body .datalist .item a:focus .imgBox span:before,
.mDeptSld-wr .role-body .datalist .item a:hover .imgBox span:before {opacity:1}
.mDeptSld-wr .role-body .datalist .item a.over .txtBox .itemTxt,
.mDeptSld-wr .role-body .datalist .item a:focus .txtBox .itemTxt,
.mDeptSld-wr .role-body .datalist .item a:hover .txtBox .itemTxt {opacity:1}

.mDeptSld-wr .role-body .datactrl {position:relative;text-align:right;display:flex;justify-content:flex-end;align-items:center;margin-top:-10px;}
.mDeptSld-wr .role-body .datactrl > div {display:inline-block;vertical-align:middle}
.mDeptSld-wr .role-body .datactrl .dataNum {width:60px;height:30px;color:#8d8ea3;font-size:0.889em;font-weight:500;font-family:"Gmarket Sans", sans-serif;background:#d6d8e1;border-radius:15px;text-align:center;line-height:30px;}
.mDeptSld-wr .role-body .datactrl .dataNum .pres {color:#141845;}
.mDeptSld-wr .role-body .datactrl .dataNav {font-size:0;margin:0 0 0 16px;}
.mDeptSld-wr .role-body .datactrl .dataNav button {display:inline-block;position:relative;width:40px;height:40px;border:1px solid #0a1646;border-radius:50%;background:#fff;vertical-align:top;font-size:0 !important;transition:all .3s ease;}
.mDeptSld-wr .role-body .datactrl .dataNav button:before {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease;width:10px;height:10px;border-bottom:3px solid #0a1646;border-right:3px solid #0a1646;z-index:1}
.mDeptSld-wr .role-body .datactrl .dataNav button:focus:before,
.mDeptSld-wr .role-body .datactrl .dataNav button:hover:before {border-color:#fff;}
.mDeptSld-wr .role-body .datactrl .dataNav button:focus,
.mDeptSld-wr .role-body .datactrl .dataNav button:hover {background:#0a1646;}
.mDeptSld-wr .role-body .datactrl .dataNav .owl-prev {}
.mDeptSld-wr .role-body .datactrl .dataNav .owl-prev:before {transform:rotate(135deg);}
.mDeptSld-wr .role-body .datactrl .dataNav .owl-next {margin-left:5px;}
.mDeptSld-wr .role-body .datactrl .dataNav .owl-next:before {transform:rotate(-45deg);}

.mDeptItem-wr {padding-top:40px;}
.mDeptItem-tab ul {position:relative;display:flex;flex-wrap:wrap;border-radius:20px;background:#e8ecf7;overflow:hidden;}
.mDeptItem-tab ul:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #bfc9e2;border-radius:20px;}
.mDeptItem-tab ul > li {position:relative;width:20%;}
.mDeptItem-tab a {position:relative;display:flex;align-items:center;justify-content:center;text-align:center;height:70px;font-size:0.889em;font-weight:700;color:#142e5d;font-family:"Gmarket Sans", sans-serif;line-height:1em;}
.mDeptItem-tab a:before {display:block;content:'';position:absolute;top:1px;left:1px;width:100%;height:100%;box-sizing:border-box;border-bottom:1px solid #bfc9e2;border-right:1px solid #bfc9e2;}
.mDeptItem-tab a:after {display:block;content:'';position:absolute;top:-1px;left:-1px;width: calc(100% + 1px);height: calc(100% + 1px);box-sizing:border-box;background:#142e5d;box-shadow:0 13px 28px rgba(144,156,187,0.4);opacity:0;transition:all .3s ease;}
.mDeptItem-tab a > span {position:relative;z-index:1;}
.mDeptItem-tab .over a > span {color:#fff;}
.mDeptItem-tab .over a > span:before {display:inline-block;content:''; width:8px; height:8px; background:#ffd325; margin-right:10px; border-radius:50%;}
.mDeptItem-tab .over a:after {opacity:1;}

.mDeptItemUnit {padding-top:62px;}
.deptSeries-wr .deptTextPkg {position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding-bottom:28px;}
.deptSeries-wr .deptTextPkg .c-deco1 {display:block;width:100%;padding-top:7px;color:#e6e6e6;font-size:2em;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:0;line-height:1;z-index:-1;}
.deptSeries-wr .deptTextPkg .c-deco2 {display:block;position:absolute;bottom:-4px;left:0;background:#fff;padding-right:29px;color:#dadada;font-size:.889em;font-weight:500;font-family:"Gmarket Sans", sans-serif;letter-spacing:0;line-height:1}
.deptSeries-wr .deptTextPkg:before {content:"";display:block;position:absolute;right:0;bottom:0;border-bottom:2px solid #ddd;width:100%;height:2px;box-sizing:border-box;}
.deptSeries-wr .deptTextPkg .deptLeft {position:relative;/*width: calc(100% - 600px);*/width:100%;display:flex;align-items:center;flex-wrap:wrap;padding-bottom:20px;padding-top:10px;}
.deptSeries-wr .deptTextPkg .deptLeft .t1 {font-size:1.778em;color:#222222;font-weight:700;font-family:"Gmarket Sans", sans-serif;margin-right:14px;}
.deptSeries-wr .deptTextPkg .deptLeft .btnDeptB {display:inline-flex;align-items:center;position:relative;height:45px;height:45px;}
.deptSeries-wr .deptTextPkg .deptLeft .btnDeptB:before {display:block;content:'';position:absolute;top:0;left:0;width:45px;height:45px;background:#e6eaef;border-radius:50%;transition:all .3s ease;}
.deptSeries-wr .deptTextPkg .deptLeft .btnDeptB:after {content:"";display:block;position:absolute;top:13px;left:12px;width:21px;height:19px;background:url(/resources/homepage/kor/_Img/Contents/department_spr.png) no-repeat -47px 0;transition:all .3s ease;}
.deptSeries-wr .deptTextPkg .deptLeft .btnDeptB:focus:before,
.deptSeries-wr .deptTextPkg .deptLeft .btnDeptB:hover:before {background:#142e5d;}
.deptSeries-wr .deptTextPkg .deptLeft .btnDeptB:focus:after,
.deptSeries-wr .deptTextPkg .deptLeft .btnDeptB:hover:after {background-position:-47px -29px;}
.deptSeries-wr .deptTextPkg .deptRight {display:none;width:552px;border:1px solid #dddddd;border-radius:20px;font-size:0.944em;padding:22px 37px 24px 37px;box-sizing:border-box;}
.deptSeries-wr .deptTextPkg .deptRight .tit {font-weight:500;color:#333333;}
.deptSeries-wr .deptTextPkg .deptRight .c-list-ico li .ico {top:2px;}

.deptSeries-wr .deptSummPkg {display:flex;flex-wrap:wrap;justify-content:space-between;}
.deptSeries-wr .deptSummPkg .deptSummUnit {width:48.57%;padding-top:40px;}
.deptSeries-wr .deptSummPkg .role-head {position:relative;display:inline-block;padding-bottom:10px;padding-right:45px;}
.deptSeries-wr .deptSummPkg .role-head .t1 {font-size:1.333em;color:#142e5d;font-weight:500;font-family:"Gmarket Sans", sans-serif;}
.deptSeries-wr .deptSummPkg .role-head a.btnSite {display:block;position:absolute;top:0;right:0;width:35px;height:35px;background:#e6eaef;border-radius:50%;transition:all .3s ease;}
.deptSeries-wr .deptSummPkg .role-head a.btnSite:after {content:"";display:block;position:absolute;top:9px;left:9px;width:17px;height:16px;background:url(/resources/homepage/kor/_Img/Contents/department_spr.png) no-repeat -78px 0;transition:all .3s ease;}
.deptSeries-wr .deptSummPkg .role-head a.btnSite:focus,
.deptSeries-wr .deptSummPkg .role-head a.btnSite:hover {background:#0091dc;box-shadow:0 13px 28px rgba(144,156,187,0.4);}
.deptSeries-wr .deptSummPkg .role-head a.btnSite:focus:after,
.deptSeries-wr .deptSummPkg .role-head a.btnSite:hover:after {background-position:-105px 0;}
.deptSeries-wr .deptSummPkg .role-body {position:relative;border:1px solid #dddddd;background:#f8f8f8;padding:20px 150px 13px 0;width:100%;box-sizing:border-box;}
.deptSeries-wr .deptSummPkg .role-body .c-list-ico li {display:inline-block;margin-left:30px;font-size:0.944em;margin-bottom:10px;margin-top:0;padding-left:77px;box-sizing:border-box;}
.deptSeries-wr .deptSummPkg .role-body .c-list-ico li .ico {top:1px;}
.deptSeries-wr .deptSummPkg .role-body .c-list-ico .tit {position:absolute;top:-1px;left:35px;color:#333333;font-weight:500;}
.deptSeries-wr .deptSummPkg .role-body .c-list-ico .txt {display:inline-block;}
.deptSeries-wr .deptSummPkg .role-body .btnDept {display:flex;align-items:center;position:absolute;top:-1px;right:-1px;width:140px;height: calc(100% + 2px);font-size:0.889em;color:#3e536b;border-left:1px solid #ddd;box-sizing:border-box;padding-left:26px;transition:all .3s ease;}
.deptSeries-wr .deptSummPkg .role-body .btnDept:before {content:"";display:block;position:absolute;top:0;right:0;width:0;height:100%;background:#0091dc;transition:all .3s ease;}
.deptSeries-wr .deptSummPkg .role-body .btnDept > span {position:relative;z-index:1;display:inline-block;padding-left:30px;}
.deptSeries-wr .deptSummPkg .role-body .btnDept > span:after {content:"";display:block;position:absolute;top:50%;left:0;margin-top:-11px;width:23px;height:22px;background:url(/resources/homepage/kor/_Img/Contents/department_spr.png) no-repeat -132px 0;transition:all .3s ease;}
.deptSeries-wr .deptSummPkg .role-body .btnDept:focus,
.deptSeries-wr .deptSummPkg .role-body .btnDept:hover {color:#fff;box-shadow:0 13px 28px rgba(144,156,187,0.4);}
.deptSeries-wr .deptSummPkg .role-body .btnDept:focus:before,
.deptSeries-wr .deptSummPkg .role-body .btnDept:hover:before {width:100%;left:0;right:auto;}
.deptSeries-wr .deptSummPkg .role-body .btnDept:focus > span:after,
.deptSeries-wr .deptSummPkg .role-body .btnDept:hover > span:after {background-position:-165px 0;}

@media all and (max-width:1099px) {
	.mDeptSld-wr .role-body {padding:0 0 0 420px;}
	.mDeptSld-wr .role-body .selcectedViewPort {width:400px;}
}  
@media all and (max-width:999px) {
	.mDeptItem-tab ul > li {width:25%;}

	.deptSeries-wr .deptTextPkg {display:block;}
	.deptSeries-wr .deptTextPkg .deptLeft {width:100%;padding-bottom:20px;}
	.deptSeries-wr .deptTextPkg .deptRight {width:100%;}

	.deptSeries-wr .deptSummPkg {display:block;}
	.deptSeries-wr .deptSummPkg .deptSummUnit {width:100%;}
}  
@media all and (max-width:899px) {
	.mDeptSld-wr .role-body {padding:0;}
	.mDeptSld-wr .role-body .selcectedViewPort {position:relative;width:100%;left:auto;top:auto;margin-bottom:20px;}
	.mDeptSld-wr .role-body .selcectedViewPort .txtBox {margin:15px 0 0;}
	.mDeptSld-wr .role-body .selcectedViewPort .txtBox .viewPortTxt {height:auto;}
	.mDeptSld-wr .role-body .datalist .item ul {padding-left:0;}
}  
@media all and (max-width:768px) {
	.c-list-ico li .ico {margin-bottom:0;}
	.mDeptSld-wr .role-body .datalist .item a .txtBox {padding:15px}
}
@media all and (max-width:729px) {
	.mDeptSld-wr .role-head {/*display:block;*/padding-bottom:20px;}
	.mDeptSld-wr .role-head .sldbTN {padding-bottom:0;padding-top:20px;margin-left:10px;display:flex;flex-wrap:wrap;justify-content:flex-end}
	.mDeptSld-wr .role-head .sldbTN .t1 {padding-left:30px;padding-right:10px;line-height:1.2}
	.mDeptSld-wr .role-head .sldbTN .t1:before {top:-3px;}
	.mDeptSld-wr .role-head .sldbTN .btnYoutube {display:block;width:120px;padding:15px 20px 9px 10px;margin-top:10px}
	.mDeptSld-wr .role-head .sldbTN .btnYoutube:before {right:10px;}
	.mDeptSld-wr .role-head .sldbTN .btnYoutube:after {right:10px;}
}
@media all and (max-width:699px) {
	.deptSeries-wr .deptTextPkg .c-deco1 {display:none;}
	.deptSeries-wr .deptTextPkg {padding-bottom:0}
	.mDeptSld-wr .role-head {display:block}
	.mDeptSld-wr .role-head .sldbTN {width:100%;justify-content:flex-start;margin-left:0}
}
@media all and (max-width:599px) {
	.mDeptSld-wr .role-body .datalist .item ul li {font-size:16px;width:49%;margin:0 2% 15px 0;}
	.mDeptSld-wr .role-body .datalist .item ul li:nth-child(3n) {margin-right:2%}
	.mDeptSld-wr .role-body .datalist .item ul li:nth-child(2n) {margin-right:0}
	.mDeptSld-wr .role-body .datalist .item a .txtBox .itemTxt {height:33px}
	.mDeptSld-wr .role-body .datactrl {margin-top:0;}

	.mDeptItem-tab ul > li {width:50%;}
	.mDeptItem-tab a {height:45px;}

	.mDeptItemUnit {padding-top:40px;}
	.deptSeries-wr .deptSummPkg .role-head a.btnSite {top:-5px;}
}
@media all and (max-width:499px) {
	.deptSeries-wr .deptSummPkg .role-body {padding:20px 0 0 0;width:100%;box-sizing:border-box;}
	.deptSeries-wr .deptSummPkg .role-body .c-list-ico li {margin-right:10px;}
	.deptSeries-wr .deptSummPkg .role-body .c-list-ico li:last-child {margin-bottom:20px;}
	.deptSeries-wr .deptSummPkg .role-body .btnDept {position:relative;top:auto;right:auto;justify-content:center;width:100%;height:50px;border-left:0;border-top:1px solid #ddd;text-align:center;padding-left:0;}
}
@media all and (max-width:399px) {
	.mDeptSld-wr .role-body .datalist .item a .txtBox {padding:15px 10px 10px 10px}
	.mDeptSld-wr .role-head .sldbTN .t1 {font-size:1em}
}




/* ==============================
 * 대학원
================================= */
/** -- 대학원 입학  */
.graduateBox {position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding-bottom:28px;padding-top:10px;}
.graduateBox .c-deco1 {display:block;/*position:absolute;top:49px;left:0;*/width:100%;padding-top:7px;color:#e6e6e6;font-size:2em;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:0;line-height:1;z-index:-1;}
.graduateBox .c-deco2 {display:block;position:absolute;bottom:-4px;left:0;background:#fff;padding-right:29px;color:#dadada;font-size:.889em;font-weight:500;font-family:"Gmarket Sans", sans-serif;letter-spacing:0;line-height:1}
.graduateBox:before {content:"";display:block;position:absolute;right:0;bottom:0;border-bottom:2px solid #ddd;width:100%;height:2px;box-sizing:border-box;}
.graduateBox .gradLeft {position:relative;width: calc(100% - 600px);display:flex;align-items:center;flex-wrap:wrap;padding-bottom:20px;padding-top:10px;}
.graduateBox .gradLeft .tit {font-size:1.778em;color:#222222;font-weight:700;font-family:"Gmarket Sans", sans-serif;margin-right:14px;}
.graduateBox .gradLeft a {display:inline-flex;align-items:center;position:relative;height:45px;color:#59616a;font-weight:500;font-family:"Gmarket Sans", sans-serif;padding-left:57px;margin-right:24px;}
.graduateBox .gradLeft a:before {display:block;content:'';position:absolute;top:0;left:0;width:45px;height:45px;background:#e6eaef;border-radius:50%;transition:all .3s ease;}
.graduateBox .gradLeft a:after {content:"";display:block;position:absolute;top:9px;left:11px;width:24px;height:24px;background:url(/resources/_Img/Common/style_spr.png) no-repeat -70px -124px;transition:all .3s ease;}
.graduateBox .gradLeft a:focus:before,
.graduateBox .gradLeft a:hover:before {background:#142e5d;}
.graduateBox .gradLeft a:focus:after,
.graduateBox .gradLeft a:hover:after {background-position:-70px -159px;}
.graduateBox .gradRight {width:552px;border:1px solid #dddddd;border-radius:20px;font-size:0.944em;padding:22px 37px 24px 37px;box-sizing:border-box;}
.graduateBox .gradRight .tit {font-weight:500;color:#333333;}
.graduateBox .gradRight .c-list-ico li .ico {top:2px;}
.graduateBox .txtBox {width:100%;padding-top:37px;}

@media all and (max-width:999px) {
	.graduateBox {display:block;}
	.graduateBox .gradLeft {width:100%;padding-bottom:20px;}
	.graduateBox .gradRight {width:100%;}
}
@media all and (max-width:699px) {
	.graduateBox .c-deco1 {display:none;}
	.graduateBox .gradLeft a {padding-left:52px;margin-right:14px;}
}



/* ==============================
 * 학사안내
================================= */
/** -- 학사안내 공통 */
.underline {display:inline-block;text-decoration:underline;}

.academin {position:relative; border:1px solid #ddd; border-radius:20px; background:#f7f7f7; padding:20px 30px; margin-bottom:30px}
.academin .btns {position:absolute; right:30px; top:20px;  }
.academin .btns a {vertical-align:middle; margin-left:20px; display:inline-block}
.academin .btns a span{color:#3e536b; font-weight:500; }
.academin .btns a:after {content:""; display:inline-block; background:#dfe3e8 url(/resources/homepage/kor/_Img/Contents/ico_arr01.png) no-repeat center center; width:25px; height:25px;border-radius:50%; vertical-align:middle; margin-left:10px}
.academin .btns a:hover:after, .academin .btns a:focus:after {background-color:#b5d1f5;}
@media all and (max-width:1099px) {
	.academin .btns {position:relative;right:auto; top:auto;display:block; margin-top:10px }
	.academin .btns a {margin-left:12px}
}

/** -- 교과과정 */
/** --- 마이크로모듈제 안내 */
.micro {width:700px; margin:0 auto;}
@media all and (max-width:700px) {
	.micro {width:auto;}
}

/** -- 다전공안내 */
/** --- 융합전공 */
.fusion-major.contmajor-list > .item {grid-template-rows:220px auto 150px;}


/* ==============================
 * 동아광장
================================= */
/** -- 생활정보 */
/** --- 학생차량 운행시간표  */
.timetableBox .photoViewBigBox {display:inline-flex;flex-wrap:wrap;align-items:center;justify-content: center;}
.timetableBox .photoViewBox {display:inline-flex;flex-wrap:wrap;align-items:center;margin-bottom:2px;}
.timetableBox .btn-view {display:inline-block;position:relative;width:30px;height:30px;overflow:hidden;border:0;border-radius:5px;background:#006ee9;margin-right:10px;}
.timetableBox .btn-view:before {display:block;content:'';position:absolute;top:1px;left:0;width:30px;height:30px;background:url(/resources/homepage/kor/_Img/Contents/timetable_spr.png) no-repeat 0 0;}
.timetableBox .btn-view.dark {background:#142e5d;}
.timetableBox .btn-view.bright {background:#e3f5ff;}
.timetableBox .btn-view.bright:before {background-position:0 -40px;}
.timetableBox-layer {background:rgba(0, 0, 0, .5);display:flex;align-items:center;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:10000;}
.timetableBox-layer-cont {background:#fff;box-sizing:border-box;width:700px;padding:30px 50px 50px 50px;position:relative;margin:auto}
.timetableBox-layer-cont .title {color:#000000;font-size:30px;font-weight:700;margin:0 0 30px}
.timetableBox-layer-cont img {max-width:100%}
.timetableBox-layer-cont .layer-btn-close {background:none;box-sizing:border-box;width:32px;height:32px;position:absolute;top:0;right:0;margin:28px 47px;background:none;border:0;}
.timetableBox-layer-cont .layer-btn-close:before,
.timetableBox-layer-cont .layer-btn-close:after {content:'';display:block;width:32px;height:3px;background:#000000;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.timetableBox-layer-cont .layer-btn-close:before {transform:rotate(45deg)}
.timetableBox-layer-cont .layer-btn-close:after {transform:rotate(-45deg)}

@media all and (max-width:699px) {
	.timetableBox-layer-cont {padding:20px 20px 20px 20px;}
	.timetableBox-layer-cont .title {font-size:20px;margin:0 0 20px}
	.timetableBox-layer-cont .layer-btn-close {margin:10px 20px;}
}

/** --- 주차시설 안내 */
.paringBox {display:flex;justify-content:space-between;}
.paringBox > div {width:48.572%;}
.paringBox .tit {display:block;font-size:1.333em;color:#fff;font-weight:500;font-family:"Gmarket Sans", sans-serif;background:#142e5d;border-radius:20px 20px 0 0;padding:19px 30px 14px 30px;}
.paringBox .img {display:block;border:1px solid #dddddd;border-top:0;}
.paringBox .list {display:flex;flex-wrap:wrap;border:1px solid #dddddd;border-top:0;border-radius:0 0 20px 20px;padding:10px 0 27px 30px;}
.paringBox .list > li {position:relative;padding-left:40px;padding-right:60px;margin-top:15px;}
.paringBox .list .alp {position:absolute;top:0;left:0;width:30px;height:30px;background:#da35ad;border-radius:50%;text-align:center;line-height:30px;color:#fff;font-size:1.111em;font-weight:700;}
.paringBox .list .txt {color:#222222;font-size:1.111em;font-weight:500;}
.paringBox .list > li:nth-child(2) .alp {background:#0091dc;}
.paringBox .list > li:nth-child(3) .alp {background:#fb3b4c;}

@media all and (max-width:599px) {
	.paringBox {display:block;}
	.paringBox > div {width:100%;}
	.paringBox .paringRight {margin-top:30px;}
}


/** --- 유용한 정보 */
@media all and (max-width:499px) {
	.useful.btnbox a {width:100%;margin-top:5px;}
	.useful.btnbox a:first-child {margin-top:0;}
}

/** -- 학생자치활동 */
/** --- 동아광장 */
.academicBox {width:100%;display:flex;flex-wrap:wrap; margin-top:-30px}
.academicBox .list {width:22.858%;margin-left:2.856%;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:0 0 30px 0;margin-top:30px;padding:24px 28px 33px 28px;}
.academicBox > .list:nth-child(4n+1) {margin-left:0;}
.academicBox .tit {font-size:1.333em;color:#000000;font-weight:700;}
.academicBox .txt-sec {padding-top:15px;}
.academicBox .txt-sec .info {display:flex;flex-wrap:wrap;}

.academicBox .sbtn {position:relative;display:inline-block;width:28px;height:28px;background:#004591;margin-right:5px;border-radius:50%;overflow:hidden;transition:all .3s ease; vertical-align:middle}
.academicBox .sbtn:before {display:block;content:'';position:absolute;top:0;left:0;width:28px;height:28px;background:url(/resources/homepage/kor/_Img/Contents/academic_spr.png) no-repeat 0 0;}
.academicBox .sbtn:focus,
.academicBox .sbtn:hover {background:#27447A;}
.academicBox .sbtn.face:before {background:#0d3eb3 url(/resources/homepage/kor/_Img/Contents/academic_spr.png) no-repeat -66px 0;}
.academicBox .sbtn.insta:before {background:#fff url(/resources/homepage/kor/_Img/Contents/academic_spr.png) no-repeat -99px 0;}

.academicBox .txt-sec .info .number {position:relative;display:inline-block;padding-left:36px;font-size:0.889em;line-height:28px;transition:all .3s ease;}
.academicBox .txt-sec .info .number:before {display:block;content:'';position:absolute;top:0;left:0;width:28px;height:28px;border-radius: 10px;background:#3e536b url(/resources/homepage/kor/_Img/Contents/academic_spr.png) no-repeat -33px 0;}
.academicBox .txt-sec .info .number .txt1 {display:inline-block;color:#3e536b;font-weight:500;padding-right:10px;}
.academicBox .txt-sec .info .number .txt2 {display:inline-block;color:#777777;}
.academicBox .txt-sec .txt {padding-top:15px;}

/** --- 학사안내>다전공안내>다전공 개요>융합전공 */
.contmajor-list > .item .mid-2 > ul > li {flex:none}
.contmajor-list > .item .mid-2 > ul > li:first-child {width:66.66%}
.contmajor-list > .item .mid-2 > ul > li:last-child {width:33.33%}

@media all and (max-width:1119px) {
	.academicBox {margin-top:-20px}
	.academicBox .list {width:32%;margin-left:2%;margin-top:20px;}
	.academicBox > .list:nth-child(4n+1) {margin-left:2%;}
	.academicBox > .list:nth-child(3n+1) {margin-left:0;}
}
@media all and (max-width:699px) {
	.academicBox .list {width:48%;}
	.academicBox > .list:nth-child(3n+1) {margin-left:2%;}
	.academicBox > .list:nth-child(2n+1) {margin-left:0;}
	.academicBox .tit {font-size:1.222em;}
}
@media all and (max-width:499px) {
	.academicBox {margin-top:-10px}
	.academicBox .list {width:100%;margin-left:0 !important;padding:20px;margin-top:10px;}
	.academicBox .txt-sec {padding-top:5px;}
	.academicBox .txt-sec .txt {padding-top:5px;}
	.academicBox .tit {font-size:1.111em;}
}