@charset "UTF-8";

/* layout */
body.gnb-open:before{content:'';position:fixed;top:0;left:0;z-index:40;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
body.srch-open:before{content:'';position:fixed;top:0;left:0;z-index:30;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
header{position:relative;z-index:40;background-color:#0d3f7a;}
.gnb-open header{background-color:#fff;}
footer{position:relative;z-index:30;background-color:#16253d;}

.main .inner-box{margin:0 auto;max-width:1400px;}

.footer-wrap.on{z-index:40;}

.path-wrap{position:relative;margin:-48px 0 0;border-bottom:1px solid #f2f2f2;}
.path-wrap:before{content:'';display:block;position:absolute;top:0;right:0;width:50%;height:100%;/* background:#fff; */}

/* 메인페이지 */
.main-mini-wrap{position:relative;margin:0 auto;max-width:1400px;}

.main-title{padding:0 0 10px 0;font-weight:600;font-size:2.375rem;line-height:2.875rem;color:#000;text-align:center;}
.main-title span{font-size:2.625rem;line-height:3.125rem;font-weight:500;}
.main-title.white{color:#fff;}
.main-title02{padding:0 0 7px 0;font-size:2.25rem;color:#000;line-height:2.75rem;font-weight:500;}
.main-title02 span{font-size:2.5rem;line-height:3rem;font-weight:400;}
.main-title03{font-weight:600;font-size:2.25rem;color:#6089ba;line-height:2.75rem;}
.main-title03 span{font-size:2.5rem;line-height:3rem;font-weight:500;}
.main-title-desc{padding:0 0 35px 0;font-weight:200;font-size:1.063rem;color:#444;line-height:1.563rem;text-align:center;}
.main-title-desc.white{color:#fff;}
.main-title-desc02{position:relative;padding:0 0 0 10px;font-weight:200;font-size:1rem;color:#666;line-height:1.375rem;}
.main-title-desc02:before{content:'';position:absolute;top:4px;left:0;width:1px;height:15px;background-color:#0d3f7a;}

.main-mini-more{position:absolute;top:0;right:30px;padding:9px;border:1px solid #fff;text-align:center;box-sizing:border-box;}
.main-mini-more span{display:block;width:32px;height:32px;background:url(../img/main/bg-mini-more.png) no-repeat 50% 50%/100%;box-sizing:border-box;text-indent:-9999px;overflow:hidden;transition:all 0.7s;}
.main-mini-more:hover span, .main-mini-more:focus span{transform:rotate(180deg);-ms-transform:rotate(180deg);}

.btn-m-con-more{display:none;}

/* 메인 비주얼 영상 컨트롤 버튼 */
.video-control-wrap{position:absolute;bottom:50px;left:40px;z-index:30;}
.video-control-wrap a,
.video-control-wrap button{display:inline-block;margin:0 5px 0 0;width:44px;height:44px;background-repeat:no-repeat;background-position:center center;background-size:100%;}
.video-control-wrap a:last-of-type{margin:0;}
.video-control-wrap .btn-main-vi-play{background-image:url(../img/main/ico-main-vi-pause.png);}
.video-control-wrap .btn-main-vi-play.play{background-image:url(../img/main/ico-main-vi-pause.png);}
.video-control-wrap .btn-main-vi-play.pause{background-image:url(../img/main/ico-main-vi-play.png);}
.video-control-wrap .btn-main-vi-vol.off{background-image:url(../img/main/ico-main-vi-on.png);}
.video-control-wrap .btn-main-vi-vol.on{background-image:url(../img/main/ico-main-vi-off.png);}

/* 메인 애니메이션 */
/*.js-obj{transform:translateY(100px);transition:0.1s ease;opacity:0;}
.js-obj.scroll-show{transform:translateX(0);opacity:1;}*/

/* 서브 페이지 */
.sub-container{margin:-90px 0 0 0;}
#cms-content.content{min-height:400px;}

/* 에디터상 */
.jini-editor .title-btn-wrap .h4-tit01{float:none;}
.jini-editor .title-btn-wrap .h5-tit01{float:none;}
.jini-editor .title-btn-wrap .btn-wrap{float:none;}

.jini-editor .admin-department-layer-pop-up{display:block;}

/* 레이어팝업 공통*/
.layer-popup-wrap{display:block;position:fixed;top:0;left:0;z-index:100;width:100%;height:100vh;background:rgba(0,0,0,0.6);}
.layer-popup-wrap .b-popup-box{position:fixed;top:50%;left:50%;margin:0 auto;width:100%;max-width:970px;background:#fff;box-sizing:border-box;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.layer-popup-wrap .b-popup-box .b-popup-header-box{padding:25px 80px 25px 40px;background:#0d3f7a;}
.layer-popup-wrap .b-popup-box .b-popup-header-box p{font-size:2rem;line-height:2.5rem;font-weight:400;color:#fff;}
.layer-popup-wrap .b-popup-box .b-popup-content-box{padding:45px;height:60vh;overflow:auto;box-sizing:border-box;}
.layer-popup-wrap .b-popup-box.no-scroll .b-popup-content-box{overflow:hidden;}
.layer-popup-wrap .b-btn-popup-close{display:block;position:absolute;top:30px;right:40px;width:26px;height:26px;background: url(/_res/yu/_share/img/common/ico-popup-close.png) no-repeat center center;}
.layer-popup-wrap .b-btn-wrap{padding:40px 0 0;}
.layer-popup-wrap .b-btn-wrap a,
.layer-popup-wrap .b-btn-wrap button{padding:13px;min-width:150px;min-height:50px;font-size:1.062rem;line-height:1.562rem;}

.layer-popup-wrap.type02 .b-popup-box{max-width:760px;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.layer-popup-wrap.type02 .b-popup-box .b-popup-header-box{background:url(/_res/yu/_share/img/common/bg-popup-header.gif) no-repeat center center;}
.layer-popup-wrap.type02 .b-popup-box .b-popup-content-box{padding:45px 40px 60px;}

/* 윈도우 팝업 공통 */
.window-popup .wrapper,
.window-popup .b-wrapper{padding:0;}
.window-popup .popup-container{padding:45px 40px;}

/* 대학소개 > 개인정보처리방침 - 상단 슬로건 */
.privacy-slo{position:relative;padding:0 0 30px 40px;font-size:1.625rem;line-height:2.125rem;}
.privacy-slo:before{content:'';display:block;position:absolute;top:3px;left:0;width:28px;height:27px;background:url(/_res/yu/main/img/intro/ico-privacy.png) no-repeat center center/100%;}

/* 대학소개 > 개인정보처리방침 기구표 */
.organ-box02{margin:0 auto;padding:20px 0 55px;max-width:1000px;}
.organ-box02 .organ-top-box{position:relative;padding:0 0 40px;text-align:center;}
.organ-box02 .organ-top-box:after{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:635px;background:#d7e0eb;}
.organ-box02 .organ-name{display:inline-block;position:relative;z-index:10;padding:17px 0 15px;width:100%;max-width:280px;border:1px solid #0d3f7a;background:#f1f4f7;color:#0d3f7a;font-size:1.125rem;line-height:1.625rem;text-align:center;box-sizing:border-box;}
.organ-box02 .sub-txt.right{text-align:right;}
.organ-box02 .sub-txt.left{text-align:left;}
.organ-box02 .sub-txt span{display:inline-block;position:relative;padding:0 0 0 10px;line-height:1.5rem;color:#0d3f7a;font-weight:200;text-align:left;}
.organ-box02 .sub-txt span:before{content:'*';display:block;position:absolute;top:3px;left:0;}
.organ-box02 .type-navy{background:url(/_res/yu/main/img/intro/bg-organ-cube.gif) no-repeat center center/cover;color:#fff !important;}
.organ-box02 .center{text-align:center;}
.organ-box02 > div.right{text-align:right;}

.organ-box02 .organ-middle-box > div:nth-of-type(1){width:50%;}
.organ-box02 .organ-middle-box .organ-name{position:relative;width:55%;}
.organ-box02 .organ-middle-box .organ-name.left:after{content:'';display:block;position:absolute;top:50%;left:calc(100% + 1px);transform:translateY(-50%);width:82%;height:1px;background:#d7e0eb;}
.organ-box02 .organ-middle-box .organ-name.right:after{content:'';display:block;position:absolute;top:50%;right:calc(100% + 1px);transform:translateY(-50%);width:82%;height:1px;background:#d7e0eb;}
.organ-box02 .organ-middle-box > div:nth-of-type(3):after{content:'';display:block;clear:both;}
.organ-box02 .organ-middle-box > div:nth-of-type(2){margin:-25px 0 0;}
.organ-box02 .organ-middle-box > div:last-of-type{padding:0 0 30px;}
.organ-box02 .organ-middle-box > div .organ-middle-left{float:left;width:50%;}
.organ-box02 .organ-middle-box > div .organ-middle-left .organ-name{margin:125px 0 0;}
.organ-box02 .organ-middle-box > div .organ-middle-right{float:right;width:50%;text-align:right;}
.organ-box02 .organ-middle-box > div .organ-middle-right > .organ-name{margin:0 0 30px;}
.organ-box02 .organ-middle-box > div .organ-middle-right > .organ-name:before{content:'';display:block;position:absolute;z-index:-10;top:calc(100% + 1px);left:50%;transform:translateX(-50%);width:1px;height:160%;background:#d7e0eb;}
.organ-box02 .organ-middle-box > div .organ-middle-right .sub-txt{text-align:right;}

.organ-box02 .organ-bottom-box > div{padding:0 0 90px;text-align:right;}
.organ-box02 .organ-bottom-box > div:last-of-type{margin:-53px 0 0;padding:0;}
.organ-box02 .organ-bottom-box > div .organ-bottom-name{position:relative;z-index:10;margin:0 0 35px;padding:17px 0;font-size:1.125rem;line-height:1.625rem;color:#fff !important;text-align:center;}
.organ-box02 .organ-bottom-box > div:nth-of-type(1) .organ-bottom-name{background:#125da7;}
.organ-box02 .organ-bottom-box > div:nth-of-type(2) .organ-bottom-name{background:#1976d2;}
.organ-box02 .organ-bottom-box > div > ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.organ-box02 .organ-bottom-box > div > ul > li{position:relative;width:calc(25% - 40px);}
.organ-box02 .organ-bottom-box > div > ul > li:after{content:'';display:block;position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:1px;height:200%;background:#d7e0eb;}
.organ-box02 .organ-bottom-box > div > ul > li > ul{position:relative;z-index:10;}
.organ-box02 .organ-bottom-box > div > ul > li > ul > li{margin:0 0 20px;padding:17px 0 15px;border:1px solid #0d3f7a;background:#f1f4f7;font-size:1.125rem;line-height:1.625rem;color:#0d3f7a;text-align:center;}
.organ-box02 .organ-bottom-box > div > ul > li > ul > li:last-of-type{margin:0;}
.organ-box02 .organ-bottom-box > div > ul > li > ul > li.type-white{background:#fff;}
.organ-box02 .organ-bottom-box .sub-txt-box{display:inline-block;max-width:280px;}
.organ-box02 .organ-bottom-box > div:last-of-type > ul > li:after{height:150%;}

/* 대학소개 > 개인정보처리방침 - 열람 청구 절차 */
.process-box{display:table;width:100%;table-layout:fixed;}
.process-box > div{display:table-cell;padding:0 10px 0 0;vertical-align:middle;text-align:center;}
.process-box > div:last-of-type{padding:0;}
.process-box > div > div{display:table;width:100%;border-bottom:1px solid #eaeaea;background:#f1f4f7;table-layout:fixed;}
.process-box > div .pro-th{border-top:1px solid #333;}
.process-box > div:nth-of-type(1){width:19%;}
.process-box > div:nth-of-type(2){width:55%;}
.process-box > div:nth-of-type(3){width:26%;}
.process-box > div > div > p{display:table-cell;padding:18px 10px;border-right:1px solid #eaeaea;font-size:1.125rem;line-height:1.5rem;font-weight:200;vertical-align:middle;}
.process-box > div > div > p:last-of-type{border:none;}
.process-box > div:nth-of-type(1) .pro-th > p{padding:37px 10px;}
.process-box > div:nth-of-type(1) .pro-td{background:#fff;}
.process-box .pro-tf{border-top:1px solid #333;background:#1976d2;}
.process-box .pro-tf > div{border:none;background:#1976d2;}
.process-box .pro-tf > div > p{color:#fff !important;}

/* 대학소개 > 개인정보처리방침 - 권익침해 구제방법 연락처 영역 */
.info-list span{padding:0 10px 0 0;}

/* 대학/대학원 > 대학 > 학과 목록 */
.dept-img-con-box{display:table;width:100%;table-layout:fixed;}
.dept-img-con-box > div{display:table-cell;vertical-align:top;}
.dept-img-con-box .dept-img-box{padding:0 30px 0 0;width:25%;}
.dept-img-con-box .dept-img-box.hor{width:50%;}
.dept-img-con-box .dept-list-box{width:100%;}
.dept-list > li > a:hover{text-decoration:underline;}

@media screen and (max-width:1024.98px) {
	/* layout */
	.sub .top-footer-box .left-box{min-height:251px;} /* 임시 푸터 콘텐츠 안으로 옮겨야 함 */

	.path-wrap{margin:0;}
	.path-wrap:before{display:none;}

	/* 학과소개 타이틀 */
	.department .title{position:relative;z-index:20;}

	/* 학과소개 브레드크럼 */
	.department .path-wrap{margin:0;}
	.department .path-wrap:before{display:none;}

	/* 메인페이지 */
	.main-mini-more{right:30px;}
	.main-mini-more span{width:30px;height:30px;}

	/* 서브 페이지 */
	.sub-container{margin:-108px 0 0 0;}
	#cms-content.content{min-height:auto;}

	/* 레이어팝업 공통*/
	.layer-popup-wrap .b-popup-box{width:calc(100% - 40px);}
	.layer-popup-wrap .b-popup-box .b-popup-header-box{padding:20px 50px 20px 20px;}
	.layer-popup-wrap .b-popup-box .b-popup-header-box p{font-size:1.285rem;line-height:1.785rem;}
	.layer-popup-wrap .b-popup-box .b-popup-content-box{padding:20px;}
	.layer-popup-wrap .b-btn-wrap{padding:20px 0 0;}
	.layer-popup-wrap .b-btn-wrap a,
	.layer-popup-wrap .b-btn-wrap button{padding:8px;min-width:auto;min-height:auto;}
	.layer-popup-wrap .b-btn-popup-close{top:27px;right:20px;width:20px;height:20px;}	

	.layer-popup-wrap.type02 .b-popup-box .b-popup-header-box{padding:16px 50px 16px 20px;}
	.layer-popup-wrap.type02 .b-btn-popup-close{top:17px;}
	.layer-popup-wrap.type02 .b-popup-box .b-popup-content-box{padding:20px;}

	/* 대학소개 > 개인정보처리방침 기구표 */
	.organ-box02 .organ-middle-box .organ-name{width:83%;max-width:405px;}
	.organ-box02 .organ-middle-box > div:nth-of-type(1){padding:0 0 20px;}
	.organ-box02 .organ-middle-box > div:nth-of-type(2){margin:0;padding:0 0 20px;}
	.organ-box02 .organ-top-box:after{height:665px;}
	.organ-box02 .organ-middle-box .organ-name.left:after{width:20%;}
	.organ-box02 .organ-middle-box .organ-name.right:after{width:20%;}	
	.organ-box02 .organ-bottom-box > div > ul > li{width:calc(25% - 10px);}

	/* 대학소개 > 개인정보처리방침 - 열람 청구 절차 */
	.process-box > div{display:block;padding:0 0 15px;table-layout:unset;}
	.process-box > div > div > p{padding:10px;}
	.process-box .pro-tf > div{min-height:auto;}
	.process-box > div:nth-of-type(1){width:auto;}
	.process-box > div:nth-of-type(2){width:auto;}
	.process-box > div:nth-of-type(3){width:auto;}
	.process-box > div:nth-of-type(1) .pro-th > p{padding:10px;}

	/* 대학/대학원 > 대학 > 학과 목록 */
	.dept-img-con-box .dept-img-box{width:35%;}
}

@media screen and (max-width:640px) {
	/* 메인페이지 */
	.main-title{padding:0 0 7px 0;}
	.main-title-desc{padding:0 0 20px 0;}
	.main-title02{padding:0 0 40px 0;text-align:center;}

	.main-mini-more{top:5px;right:18px;padding:0;border:none;background-color:transparent;}
	.main-mini-more span{width:40px;height:40px;}
	.main-mini-more:not(.white) span{background-image:url(../img/main/bg-mini-more-m.png);}

	.btn-m-con-more{display:block;margin:20px 0 0;padding:15px 10px;border:1px solid rgba(255, 255, 255, 0.7);text-align:center;}
	.btn-m-con-more span{display:inline-block;width:43px;height:23px;background:url(../img/main/bg-main-m-con-more.png) no-repeat 0 0/100%;text-indent:-99999px;}
	.on .btn-m-con-more span{background-image:url(../img/main/bg-main-m-con-more-close.png);}
	.show-all .btn-m-con-more span{transform:rotate(180deg);-ms-transform:rotate(180deg);}

	/* 메인 비주얼 영상 컨트롤 버튼 */
	.video-control-wrap{bottom:15px;left:15px;}
	.video-control-wrap a{width:34px;height:34px;}

	/* 서브 페이지 */
	.sub-container{margin:-89px 0 0 0;}

	/* 윈도우 팝업 공통 */
	.window-popup .popup-container{padding:25px 20px;}

	/* 레이어 팝업 공통 */
	.layer-popup-wrap .b-btn-popup-close{top:20px;}	

	/* 대학소개 > 개인정보처리방침 - 상단 슬로건 */
	.privacy-slo{padding:0 0 15px 30px;}
	.privacy-slo:before{width:23px;height:23px;}

	/* 대학소개 > 개인정보처리방침 기구표 */
	.organ-box02{padding:20px 0;}
	.organ-box02 .organ-name{padding:10px;max-width:100%;}
	.organ-box02 .sub-txt.right{text-align:left;}
	.organ-box02 .organ-top-box:after{height:550px;}
	.organ-box02 .organ-top-box{padding:0 0 20px;}

	.organ-box02 .organ-middle-box .organ-name{width:100%;max-width:100%;}
	.organ-box02 .organ-middle-box .organ-name.left:after{display:none;}
	.organ-box02 .organ-middle-box > div:nth-of-type(1){width:100%;}
	.organ-box02 .organ-middle-box > div:last-of-type{padding:0 0 20px;}

	/* 대학소개 > 개인정보처리방침 - 열람 청구 절차 */
	.organ-box02 .organ-middle-box > div .organ-middle-right{float:none;width:100%;}
	.organ-box02 .organ-middle-box > div .organ-middle-right > .organ-name{margin:0 0 20px;}
	.organ-box02 .organ-middle-box > div .organ-middle-right > .organ-name:before{display:none;}
	.organ-box02 .organ-middle-box > div .organ-middle-left{float:none;width:100%;}
	.organ-box02 .organ-middle-box > div .organ-middle-left .organ-name{margin:20px 0 0;}
	.organ-box02 .organ-middle-box > div .organ-middle-right .sub-txt{text-align:left;}
	.organ-box02 .organ-bottom-box > div{padding:0 0 67px;}
	.organ-box02 .organ-bottom-box > div .organ-bottom-name{margin:0 0 20px;padding:10px;}
	.organ-box02 .organ-bottom-box > div > ul{display:block;flex-wrap:unset;justify-content:unset;}
	.organ-box02 .organ-bottom-box > div > ul > li{margin:0 0 20px;width:100%;}
	.organ-box02 .organ-bottom-box > div > ul > li:last-of-type{margin:0;}
	.organ-box02 .organ-bottom-box > div > ul > li > ul > li{margin:0 0 10px;padding:7px;}
	.organ-box02 .organ-bottom-box .sub-txt-box{display:block;max-width:100%;}

	/* 대학소개 > 개인정보처리방침 - 권익침해 구제방법 연락처 영역 */
	.info-list span{padding:0 5px 0 0;}
}

@media screen and (max-width:480px) {
	/* 대학/대학원 > 대학 > 학과 목록 */
	.dept-img-con-box{display:block;}
	.dept-img-con-box > div{display:block;}
	.dept-img-con-box .dept-img-box{margin:0 auto;padding:0 0 20px;width:130px;}
	.dept-img-con-box .dept-img-box.hor{width:250px;}
	.dept-img-con-box .dept-list-box{width:auto;}
}

@media screen and (max-width:420px) {
	/* 메인페이지 */
	.main-title{font-size:1.857rem;line-height:2.429rem;}
	.main-title span{font-size:2.143rem;line-height:2.714rem;}
	.main-title-desc{font-size:1rem;line-height:1.714rem;}
	.main-title02{padding:0 0 20px 0;font-size:1.714rem;line-height:2.286rem;font-weight:600;}
	.main-title02 span{font-size:1.857rem;line-height:2.429rem;font-weight:500;}

	.main-mini-more span{width:24px;height:24px;}

	.btn-m-con-more{padding:9px 10px;}
	.btn-m-con-more span{width:22px;height:11px;}
}