@charset "utf-8";

/* 페이지 공통 */
.container{ min-height: 100vh; position: relative; width: 100%; margin: 0 auto; }
.wrap{ width: 1280px; margin: 0 auto; }

/* layout */
.inner{position:relative;max-width:1280px;margin:0 auto;}

@media (max-width: 1300px) {
    .container{ min-height: 100vh;}
    .wrap, .contents, .container{width:100%;}
    .wrap{padding: 0 10px;}
	.headerTop .wrap{padding: 0 0 0 10px;}
}
@media (max-width: 1000px) {
    .wrap{padding: 0 1rem; }
}

@media (max-width: 768px) {
    .wrap{padding: 0 0.5rem; }
}
@media (max-width: 375px) {
    .wrap{padding: 0 10px; }
}

/* header */
#header{position:absolute;top:0;left:0;z-index:100;width:100%;box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}
#header .inner{max-width:1280px; margin: 0 auto;}
#header .headerWrap{position:relative;background:#fff;transition:ease all .3s}
#header .headerWrap .inner{padding-left:0}
#header .logo{float:left;padding-top:22px; margin-right:50px;}
#header .logo > a{display:block;width:206px;height:50px;background:url("../images/common/logo.png") no-repeat 0 0}

/* Header 상단 */
#header .headerTop{height: 48px; background-color: #182130;}
#header .headerTop .wrap{ position: relative; }


/* 대학교/입학정보/취업정보 */
.kind{position: relative; height: 48px; line-height: 48px; float:left;}
.kind ul li{ display: inline-block; font-size: 14px; text-align: center; line-height: 29px; height: 29px; letter-spacing: -0.05em; border: 1px solid rgba(255,255,255,0.15); border-radius: 14.5px; vertical-align: middle; margin-right: 5px; margin-top:9px; width: 95px; float:left;}
.kind ul li a{ color: #fff; display:block;}

/* 언어/웹메일/웹디스크 */
.webUtility{position: relative; height: 48px; line-height: 48px; float:right; background-color: #182130;}
.webUtility ul > li {position:relative; padding:0 15px; min-width:120px; float:left; font-size: 15px; line-height: 48px; text-align:center;}
.webUtility ul > li a{ color: #fff; display: block; } 
.webUtility ul > li a i.xi-angle-down-min{position:absolute; top:12px; right:5px; font-size:1.5em; width:25px; height:25px; line-height:25px;  transform:rotate(0deg);  transition: all ease 0.5s;}
.webUtility ul > li.active a i{transform:rotate(180deg); transition: all ease 0.5s;}

.web02{background: #284f92;}
.web03{background: #17376a;}
.webUtility ul > li.langBox {background:#00326e; text-align:left; padding-right:40px;}
.webUtility ul > li.popup {background:#194982; text-align:left; padding-right:40px;}
.webUtility ul > li.langBox .langList{position:absolute;top:48px;right:0; width:100%; height:0; overflow:hidden; padding:15px 0 30px 0; background: rgba(0, 50, 110, 0.9);visibility:hidden;opacity:0;transition:ease all .3s;z-index:99;}
.webUtility ul > li.langBox.active .langList{top:48px;visibility:visible;opacity:1; height:110px;}
.webUtility ul > li.langBox .langList > li{text-align:left; min-width:100%; line-height:35px; padding:0;}
.webUtility ul > li.langBox .langList > li a{display:block; padding:0px 15px; color:#fff; font-size:0.9em; font-weight:400;}
.webUtility ul > li.langBox .langList > li a:hover{color:#e0ab30;}


/* 상단팝업 */
.topPopup{position: relative; width:100%; height:140px; display:block; padding:20px 0 45px; background:#194982;}
.topPopup div.swiper-slide {position:relative; min-height:70px; text-align:left; color:#fff; overflow: visible; padding-left:80px; word-break:keep-all; font-size:1.2rem;}
.topPopup div.swiper-slide a{position:relative;color:white;display:inline-block;margin-top: 10px;padding-bottom: 30px;}
.topPopup div.swiper-slide::before{content:'';display:block;position:absolute;top:0;right:-15px;width:1px;height:140px;margin-top:-4px; background:rgba(255, 255, 255, 0.2)}
.topPopup div.swiper-slide:after {position:absolute; width:50px; height:50px; line-height:50px; text-align:Center; font-size:1.6rem; top:50%; left:10px; margin-top:-25px;  background-color:#fff; color:#194982; border-radius:50%;    content: "\f044"; display:block;  font-family: 'FontAwesome';}
.topPopup div.swiper-slide a span {position:absolute;bottom:0;left:0;border: 1px solid #5e7a9a;padding: 2px 10px;color: #e7e9ea;font-size: 12px;font-weight: 300;}
.topPopup .closeCheck {position:absolute;bottom: -11px;right:0;text-align:right;}
.topPopup .closeCheck label {margin-right:5px; font-size:14px; display:inline-block; color:#fff; margin-right:30px;}
.topPopup .closeCheck .btnClose{position:absolute; right:0; bottom:0; width:24px; height:24px; vertical-align:super; color:#000; line-height:25px; font-size:1em}


/* header > gnb */
#header .menuWrap{height:100px;}
#header .gnbWrap{max-width:1100px;margin:0 auto;}
#header .gnbWrap .close-btn{display:none}
#header .gnb{height:100px;}
#header .gnb li{text-align:center;z-index:10}
#header .gnb.depth1 {display:flex}
#header .gnb.depth1 > li{flex:1;}
#header .gnb.depth1 > li > a{display:block;position:relative;padding:35px 0;font-weight:500;font-size:18px;color:#222}
#header .gnb.depth1 > li:hover > a{color:#284f92}
#header .gnb.depth1 > li > a::after {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:10px;margin-top:-4px;background:#E6E6E6}
#header .gnb.depth1 > li > a > span{position:relative;display:inline-block;}
#header .gnb.depth1 > li > a > span::after{content:'';display:block;overflow:hidden;position:absolute;bottom:-9px;left:50%;z-index:10;width:0%;height:4px;background-color:#284f92;transform:translateX(-50%);}

#header .gnb.depth1 > li:last-child a{padding-right:0}
#header .gnb.depth1 > li:last-child > a::after{display:none}
#header .gnb.depth1 > li:last-child .depth2{border-right:0}

#header .gnb .depth2 {position:absolute;z-index:10;  line-height:1.2; margin-top:0px; width:100%; top:100px; left:0px; text-align:left;}
#header .gnb .depth2 > li {position:relative;  text-align:left; display:inline-block; width:49%; vertical-align:top; margin-top:15px; margin-bottom:10px; }
#header .gnb .depth2 > li:before {position:absolute; border-left:1px solid rgba(172,179,187,0.2); content:""; height:100%; display:block;}
#header .gnb .depth2 > li > a  {font-size:22px;color:#fff;letter-spacing: -0.05em;  display:block; padding-left:25px; padding-top:10px;} 
#header .gnb .depth2 > li > a:hover{color:#e0ab30}
#header .gnb .depth2 > li > a span {display:inline-block; background:url("/home/imgs/sub/subMenu_window.gif") no-repeat 4px 4px; width:18px; height:14px;}

#header .gnb .depth2 > li > ul {margin-top:10px; margin-left:25px;}
#header .gnb .depth2 > li > ul >  li  {text-align:left; display:inline-block; width:32.3%; vertical-align:top;}
#header .gnb .depth2 > li > ul >  li > a {font-size:15px;color:#acb3bb;letter-spacing: -0.05em; padding-right:10px; line-height:1.6em; display:block;} 
#header .gnb .depth2 > li > ul >  li > a:hover{color:#e0ab30}
#header .gnb .depth2 > li > ul >  li > a span {display:inline-block; background:url("/home/imgs/sub/subMenu_window.gif") no-repeat 4px 4px; width:18px; height:14px;}
#header .gnb .depth2 > li > ul >  li > ul {display:none;}

#header .gnb::after, #header  .depth2{visibility:hidden;opacity:0;height:720px;}
#header .gnb::after {content:'';display:block;position:absolute;top:100px;left:50%;width:100vw;margin-left:-50vw;background: rgba(24, 33, 48, 0.95);background-size:auto 100%; z-index:9}

#header.gnbOver .headerWrap {overflow:visible;}
#header.gnbOver .headerWrap .gnb.depth1 > li > a > span::after{}
#header.gnbOver .headerWrap .gnb.depth1 > li:hover > a > span::after{width:100%}
#header.gnbOver .gnb::after,
#header.gnbOver .gnb .depth2 {visibility:visible;opacity:1; }


#header .gnb.depth1 li >  .depth2   {visibility:hidden;}
#header .gnb.depth1 li:hover >  .depth2   {visibility:visible;}


/*
#header .gnb .depth2 {position:re#header .gnb .depth2 > li > a  ative;z-index:10;padding-top:20px;border-right:1px solid #314259;line-height:1.2; margin-top:4px;}
#header .gnb .depth2 > li{padding:5px}
#header .gnb .depth2 > li > a{font-size:15px;color:#acb3bb;letter-spacing: -0.05em;} 
#header .gnb .depth2 > li > a:hover{color:#e0ab30}
#header .gnb .depth2 > li > a span {display:inline-block; background:url("/home/imgs/sub/subMenu_window.gif") no-repeat 4px 4px; width:18px; height:14px;}
#header .gnb::after,
#header  .depth2{visibility:hidden;opacity:0;height:350px;}
#header .gnb::after{content:'';display:block;position:absolute;top:100px;left:50%;width:100vw;margin-left:-50vw;background: rgba(24, 33, 48, 0.95);background-size:auto 100%; z-index:9}

#header.gnbOver .headerWrap{overflow:visible;}
#header.gnbOver .headerWrap .gnb.depth1 > li > a > span::after{transition:ease width 0.2s}
#header.gnbOver .headerWrap .gnb.depth1 > li:hover > a > span::after{width:100%}
#header.gnbOver .gnb::after,
#header.gnbOver .gnb .depth2{visibility:visible;opacity:1;transition:ease all .3s}*/

/* header > 검색 */
#header .searchWrap .searchBox{position:absolute;top:100px;right:0;width:400px; padding:15px 30px 30px 30px; background: rgba(24, 33, 48, 0.8);visibility:hidden;opacity:0;transition:ease all .3s; z-index:10;}
#header .searchWrap .searchBox h3{color:#fff; font-size:1.25em; margin-bottom:10px;}
#header .searchWrap .searchBtn{display:block;position:absolute;top:0;right:0;width:50px;height:100px; line-height:95px; z-index:12; text-align:center; color:#eb6d5c; font-size:1.725em;}
#header .searchWrap .searchBtn::after{content: "\e97a"; font-family: 'xeicon'; display:block;top:0;right:0;width:40px;height:40px;}
#header .searchWrap .searchBox .searchForm{position:relative; max-width:340px;height:40px;margin:0 auto;}
#header .searchWrap .searchBox .searchForm input{border-radius: 0; display:block;width:calc(100% - 40px);height:40px;border:0;background:#fff; padding:0 10px;}
#header .searchWrap .searchBox .searchForm button{display:block;position:absolute;top:0;right:0;width:40px;height:40px; border:0; background-color:#eee;}
#header .searchWrap .searchBox .searchForm button i{font-size:1.525em; color:#000}
#header .searchWrap.active .searchBox{top:100px;visibility:visible;opacity:1;}
#header .searchWrap.active .searchBtn::after{content: "\e921"; font-family: 'xeicon'; display:block;top:0;right:0;width:40px;height:40px;}

/* header > 전체메뉴 */
#header .mobileNav{display:none}
#header .allm {position:absolute; right:50px; top:24px; margin-right:0; z-index:99;}
#header .allm > a{position:relative; display:block; width: 50px; height:50px; text-indent:-10000px; padding:0 0;}
#header .allm > a:hover{background-color:#fff;}
#header .allm > a span{position:absolute; top:23px; left:10px; display:block; width:30%; height:2px; background:#555;}
#header .allm > a span:first-child{top:15px; width:50%;}
#header .allm > a span:last-child{top:31px; width:50%;}
#header .allm > a:hover span{width:60% !important;}
#header .allm > a, #header .allm > a span{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

#header .allmenuList {display:none; position:fixed; left:50% !important; top:160px; width:800px; height:62%; margin-left:-400px; border:2px solid #182130; background:#fff; z-index:999;}
#header .allmenuList button.close {display:block; position:absolute; right:-70px; top:-2px; width:70px; height:70px; padding:0; background:#284f92; border:0;}
#header .allmenuList button.close:after{content: "\e921"; font-family: 'xeicon'; display:block;top:0;right:0;width:70px;height:70px; line-height:70px; font-size:25px; color:#fff;}
#header .allmenuList > .allmD1 {position:absolute; top:30px; bottom:0; left:0; right:0; margin:30px 0; padding:0 30px; width:auto !important; overflow-x:hidden; overflow-y:auto;}
#header .allmenuList > .allmD1 > ul > li {float:left; display:inline-block; width:29%; border-top:2px solid #000;  margin:0 2% 4% 2%; text-align:center;}
#header .allmenuList > .allmD1 > ul > li:nth-child(3n+1) {clear:both;}
#header .allmenuList > .allmD1 > ul > li > a {display:inline-block; padding-top:10px;  font-size:20px; font-weight:bold; color:#222;}
#header .allmenuList .allmD2 {overflow:hidden; margin-top:10px;}
#header .allmenuList .allmD2 > ul > li {width:100%; margin-bottom:10px;}
#header .allmenuList .allmD2 > ul > li > a {display:block; width:100%; height:35px; line-height:35px; color:#fff; text-align:center; font-size:15px; background:#284f92;}


#header .allmenuList .m_kind {display:none;}
#header .allmenuList .m_web {display:none;}

@media only screen and (max-width: 1500px){
	#header .gnb-banner {
		display: none;
	}
}

@media only screen and (max-width:1280px){
	#header .gnb .depth2 {position:absolute;z-index:10;  line-height:1.2; margin-top:0px; width:96%; top:140px; left:2%; }

	#header .logo{float:none; padding-top:20px; margin-right:0;}
	#header .logo > a{margin:0 auto;}
	#header .util .inner{padding:0}
	#header .menu-wrap{float:none;width:100%;margin-top:0}
	#header .headerWrap{height:146px}
	#header .headerWrap .inner{padding:0 20px}

	#header .gnb{height:75px;}
	#header .gnb::after{top:146px}
	#header .gnb.depth1 > li > a{padding:25px 0}
	#header .gnb.depth1 > li > a > span::after{bottom:-25px}
	#header .searchWrap::before,
	#header .searchWrap .search-box{top:-146px;height:146px}
	
	#header .top-banner .swiper-slide,
	#header .top-banner .today-chk{padding:0 20px}
	#header .top-banner .banner-tit{margin-top:0}
	#header .top-banner .today-chk{right:20px;margin-top:0;padding:0}
	#header .top-banner .swiper-nav{left:20px}
	
	#contents.main{position:relative; /* padding-top:194px */}

	
	#footer .inner{padding:0 15px}
	
	#contents .page-tab ul li a{font-size:15px}
	.page-wrap .inner{padding:0 15px}
	#contents .page-func{padding:0 15px}
	
	.inner{padding:0 15px}
	
	.col-wrap .col-box{width:calc(50% - 15px)}
	.col-wrap .col-box + .col-box{margin-left:30px}
	
	.main .wide-banner .swiper-nav{padding:0 15px}
	.main .entrance-cont .schd-box .tit-wrap{width:240px;}
	.main .entrance-cont .schd-box .info-wrap{width:calc(100% - 240px)}
	.main .common-wrap .current-box{padding-left:0}
	.main .common-wrap .current-box li span{background-position-x:100%;background-size:28px}
	.main .common-wrap .service-banner .tit-wrap{width:120px}
	.main .common-wrap .service-banner ul{width:calc(100% - 120px)}
	
	.main .text-banner .inner{max-width:100%;padding:0;}
	.main .text-banner .swiper-nav .swiper-button-prev{left:0}
	.main .text-banner .swiper-nav .swiper-button-next{right:0}
	
	.kakao-info::after{background-position-y:95%}
	.kakao-info .text-wrap,
	.kakao-info .friend-step{float:none;}
	.kakao-info .text-wrap{margin:0 auto}
	.kakao-info .friend-step{width:100%;margin:0;margin-top:40px}
	.kakao-info .friend-step ul li{text-align:center}
	
	.calc-link .text-wrap{padding:0 25px}
	.calc-link .text-wrap .title{width:100px;height:100px}
	.calc-link .text-wrap .btn-wrap{max-width:calc(100% - 105px);padding-left:15px}
	
	.admidesc .label-txt + .label-txt{padding-left:30px}
	
	#searchSchool .sch-search{max-width:100%}
	#searchSchool .warn-desc{margin-left:0;margin-top:15px}
	
	.admidesc-info .img-wrap,
	.admidesc-info .text-wrap{width:50%}
	.admidesc-info .text-wrap .dot-list{margin-top:25px}
	.board-wrap .board-cont.cre .admidesc_write .warn-desc{display:block;padding-left:0;}
	.board-wrap .board-cont.cre .admidesc_write .time-box + .warn-desc{padding-top:10px}
	
	.admidesc-info .appli-info{padding-top:0}
	.admidesc-info .appli-info .appli-chk-list,
	.admidesc-info .appli-info .appli-term{float:none;width:100%;margin-top:20px}
	.exam-info .exam-list li{width:30%;padding:5px 0;}
	.exam-info .exam-list li + li{padding-left:0}
	.exam-info .exam-refund-info li{width:30%}
	.exam-info .exam-refund-info input{width:calc(100% - 80px)}
}

@media only screen and (max-width:1024px){
	/* 언어/웹메일/웹디스크 */
	.webUtility{position: relative; height: 48px; line-height: 48px; float:right; background-color: #182130;}
	.webUtility ul > li {position:relative; padding:0 15px; min-width:100px; float:left; font-size: 0.8em; line-height: 48px; text-align:center;}
	.webUtility ul > li a{ color: #fff; display: block; } 
	.webUtility ul > li a i.xi-angle-down-min{position:absolute; top:12px; right:5px; font-size:1.5em; width:25px; height:25px; line-height:25px;  transform:rotate(0deg);  transition: all ease 0.5s;}
	.webUtility ul > li.active a i{transform:rotate(180deg); transition: all ease 0.5s;}

	.web02{background: #284f92;}
	.web03{background: #17376a;}
	.webUtility ul > li.langBox {background:#00326e; text-align:left; padding-right:30px;}
	.webUtility ul > li.popup {background:#194982; text-align:left; padding-right:40px;}
	.webUtility ul > li.langBox .langList{position:absolute;top:48px;right:0; width:100%; height:0; overflow:hidden; padding:15px 0 30px 0; background: rgba(0, 50, 110, 0.9);visibility:hidden;opacity:0;transition:ease all .3s;z-index:99;}
	.webUtility ul > li.langBox.active .langList{top:48px;visibility:visible;opacity:1; height:110px;}
	.webUtility ul > li.langBox .langList > li{text-align:left; min-width:100%; line-height:35px; padding:0;}
	.webUtility ul > li.langBox .langList > li a{display:block; padding:0px 15px; color:#fff; font-size:1.125em; font-weight:400;}
	.webUtility ul > li.langBox .langList > li a:hover{color:#e0ab30;}
	
	
	#header .gnb::after, #header  .depth2{visibility:hidden;opacity:0;height:430px;}

	#header .gnb.depth1 > li > a{}
	#header .gnb.depth1 > li > a{padding:28px 0 25px}
	#header .gnb.depth1 > li > a > span::after{bottom:-25px}
	#header .gnb .depth2{padding-top:15px}

	/* header > 전체메뉴 */
	#header .allmenuList {width:600px; margin-left:-300px;}
	#header .allmenuList button.close {right:-2px; top:-2px; width:50px; height:50px;}
	#header .allmenuList button.close:after{width:50px;height:50px; line-height:50px; font-size:20px;}
}



@media only screen and (max-width:768px){
	body{font-size:15px;}
	.mobile{display:block;}
	.mobile_hidden{display:none}
	
	#header {height:60px; background-color:#fff;}
	#header .logo{padding:0; padding-top:14px;}
	#header .logo > a{display:block; height:30px; width:110px; margin:0 auto; background:url("../images/common/logo.png") no-repeat 0 0; background-size:100% 100%;}
	#header .inner{padding:0}
	#header .headerTop {height: 40px; }
	#header .headerTop .wrap {padding: 0 0 0 0;}
	#header .headerWrap{height:100%;border-bottom:0;box-shadow:0 10px 10px -10px rgba(0,0,0,0.2)}
	#header .menuWrap{display:none; height:0;}
	
	/* header > 검색 */
	#header .searchWrap .searchBox{top:60px;right:0;width:100%; padding:15px 30px 15px 30px;}
	#header .searchWrap .searchBox h3{display:none; font-size:0}
	#header .searchWrap .searchBox .searchForm{max-width:300px; height:auto;}
	#header .searchWrap .searchBtn{top:0;right:0;width:50px;height:60px; line-height:55px; z-index:1;}
	#header .searchWrap.active .searchBox{top:60px;}

	/* 대학교/입학정보/취업정보 */
	.kind{display:none}

	/* 언어/웹메일/웹디스크 */
	.webUtility {float: none; width:100%; height:40px; line-height:40px;}
	.webUtility ul > li { min-width:25%; width:25%; float:left; line-height: 40px; text-align:center;}
	.webUtility ul > li a i.xi-angle-down-min{position:absolute; top:8px;}

	.webUtility ul > li.langBox .langList{position:absolute;top:40px}
	.webUtility ul > li.langBox.active .langList{top:40px;}


	/* 모바일 메뉴 */
	#header .mobileNav{display:block; z-index: 999;}
	#header .mobileNav > a{position:absolute; left:10px; top:5px;  display:block; width: 50px; height:50px; text-indent:-10000px; padding:0 0;  z-index: 999 !important;}
	#header .mobileNav > a span{background-color:#555;display:block;height:2px;right:calc(50% - 11.5px);opacity:1;position:absolute;transform:rotate(0deg);transition:0.25s ease-in-out;width:23px; border-radius: 1.5px; z-index: 999;}
	#header .mobileNav > a span:nth-child(1){top:calc(50% - 11px);width:31px;}
	#header .mobileNav > a span:nth-child(2){top:calc(50% - 2px);width:18px;}
	#header .mobileNav > a span:nth-child(3){top:calc(50% - -7px);width:23px;}
	.open #header .mobileNav > a span{left:calc(50% - 14px);width:28px !important; }
	.open #header .mobileNav > a span:nth-child(1){top:26px;transform:rotate(135deg)}
	.open #header .mobileNav > a span:nth-child(2){right :-60px;opacity:0}
	.open #header .mobileNav > a span:nth-child(3){top:26px;transform:rotate(-135deg)}
	#header .mobileNav > a:hover span{ width:28px!important; }

	#header .mobileNav .mnList button.close{display:block; }
	#header .mobileNav .mnList {position: absolute; width: 100%;  background: #fff;  top:60px; left: -100%; display: block; overflow-y: auto; min-height:100vh; }
	#header .mobileNav .mnList:after {content:""; /*background-color:rgba(23,54,106,0.9);*/ background-color:#fff; position:absolute;  width:100%; height:100%; display:block; z-index:1; } 
	#header .mobileNav .mnList .allmD1 {position: relative; top:0; margin:0; padding:0; width:100%; background-color: #fff;overflow-y:hidden; z-index: 999; }
	#header .mobileNav .mnList .allmD1 ul.mNav > li{display: block; width:100%; float:none;}
	#header .mobileNav .mnList .allmD1 ul.mNav > li > a{font-weight:400; color:#222; font-size:1.125em; display:block; padding-left:20px; text-align:left; background: url('../images/common/orgArr.png') no-repeat calc(100% - 1rem) center; background-size: 0.53rem auto;  border:0; margin:0;  border-bottom: 1px solid #ddd;cursor: pointer;color:#333337;line-height: 2.4rem;}
	#header .mobileNav .mnList .allmD1 ul.mNav > li.active > a{ background: url('../images/common/orgArrOn.png')no-repeat calc(100% - 1rem) center;  background-size: 0.53rem auto; }
	#header .mobileNav .mnList .allmD1 ul.mNav > li .allmD2{ display: none; padding:0; background-color: rgba(21,68,174,0.4); }
	#header .mobileNav .mnList .allmD1 ul.mNav > li .allmD2 li{ }
	#header .mobileNav .mnList .allmD1 ul.mNav > li .allmD2 li > a { color: #fff !important; display:block; line-height: 1.5rem; font-size: 1rem; background-color:#616f8e; padding:9px 20px; }
	#header .mobileNav .mnList .allmD1 ul.mNav > li .allmD2 li:hover > a{ color: #f; }
	#header .mobileNav .mnList .allmD1 ul.mNav > li .allmD2 li > ul > li > a {background-color:#a1b4df;  padding:4px 10px 4px 25px; border-bottom:1px solid rgba(0,0,0,0.1); }
	#header .mobileNav .mnList .allmD1 ul.mNav > li .allmD2 li > ul > li > a:before {content:"-"; margin-right:4px; }
	#header .mobileNav .mnList .allmD1 ul.mNav > li .allmD2 li > ul > li > ul > li > a {background-color:#8599c6;  padding:2px 10px 2px 35px; border-bottom:1px solid rgba(0,0,0,0.1); }
	#header .mobileNav .mnList .allmD1 ul.mNav > li .allmD2 li > ul > li > ul > li > a:before {content:"·"; margin-right:4px; }
	#header .mobileNav .mnList button.close {display:none;}

	/*모바일 메뉴 상단 */
	#header .mnList .m_kind {position: relative; display:block; clear:both; z-index: 999; }
	#header .mnList .m_web {position: relative; display:block; clear:both; z-index: 999; }
	#header .mobileNav .mnList .m_kind > ul li{ display: inline-block; float:left; width: 33.333%; background-color: #182130; text-align: center; line-height: 2rem; border-right: 1px solid rgba(255,255,255,0.6); z-index: 999; }
	#header .mobileNav .mnList .m_kind ul li:last-child{ border-right: 0; }
	#header .mobileNav .mnList .m_kind ul li a{display:block; color: #fff; } 
	#header .mobileNav .mnList .m_web{ border-top: 1px solid rgba(255,255,255,0.6); }
	#header .mobileNav .mnList .m_web ul li{ display: inline-block;float:left;width: 50%; line-height: 2rem; text-align: center;border-right: 1px solid rgba(255,255,255,0.6); }
	#header .mobileNav .mnList .m_web ul li:last-child{ border-right: 0; }
	#header .mobileNav .mnList .m_web ul li.m_web01{ background-color: #284f91; }
	#header .mobileNav .mnList .m_web ul li.m_web02{ background-color: #17366a; }
	#header .mobileNav .mnList .m_web ul li a{display:block; color: #fff; }

	.sub #header {position:relative;}
	.btn_top{display:none !important;}

}


/*Header nav-모바일뷰 메뉴*/
.all_menu{ position: fixed; width: 100%; height: calc(100vh - 3rem); background: #fff; z-index: 999; top: 3rem; right: -100%; display: block; overflow-y: scroll; }
.all_menu_wrap{ position: relative;  }


/*모바일 상단 */
.m_kind ul li{ display: inline-block;width: 33.333%; background-color: #182130; text-align: center; line-height: 2rem; border-right: 1px solid rgba(255,255,255,0.6);} 
.m_kind ul li:last-child{ border-right: 0; }
.m_kind ul li a{ color: #fff; } 
.m_web{ border-top: 1px solid rgba(255,255,255,0.6); }
.m_web ul li{ display: inline-block;width: 50%; line-height: 2rem; text-align: center;border-right: 1px solid rgba(255,255,255,0.6); }
.m_web ul li:last-child{ border-right: 0; }
.m_web ul li.m_web01{ background-color: #284f91; }
.m_web ul li.m_web02{ background-color: #17366a; }
.m_web ul li a{ color: #fff; } 


/*모바일 메뉴 */
.all_menu .m_gnb { background-color: #fff; border-top: 5px solid #f1efeb; }
.all_menu .m_gnb > li span{display: block;border-bottom: 1px solid #ddd;padding-left: 20px; background: url('../images/common/orgArr.png')no-repeat calc(100% - 1rem) center; background-size: 0.53rem auto; font-weight: 700;}
.all_menu .m_gnb > li.active span{ background: url('../images/common/orgArrOn.png')no-repeat calc(100% - 1rem) center;  background-size: 0.53rem auto; }
.all_menu .m_gnb li{display: block;cursor: pointer;color:#333337;}
.all_menu .m_gnb li.direct span a{ display: block; }
.all_menu .m_gnb li.direct:hover span a {color: #e0ab30; }
.all_menu .m_gnb li.direct span a:active {color: #fff;  }

.m_gnb > li{line-height: 2.4rem;font-size: 0.8rem;}
.m_gnb > li a{color:#333337;}
.m_gnb > li:hover{color:#1544ae;}
.m_gnb > li.active span{ border: none; }

.submenu{ display: none; padding:0.5rem 0 0.5rem 1.5rem; background-color: rgba(21,68,174,0.4); }
.submenu > li{ line-height: 1.5rem; font-size: 0.8rem; }
.submenu > li a{ color: #fff; }
.submenu li:hover a{ color: #1544ae; }

@media (max-width: 768px) {
    #header .mobileNav{display: block;}
    .gnb{display: none;}    
}
   

/* footer */
.footer{  }
.f_top ul{ display: block; }
.f_top ul li{ display: inline-block; font-size: 16px; position: relative; line-height: 16px; letter-spacing: -0.05em; padding: 0 0.5rem; }
.f_top ul li:first-child{ padding-left: 0; }
.f_top ul li:last-child{ padding-right: 0; }
.f_top .orgTitle{ display: none; }



/* 관련사이트 */
.floor01{ padding: 1.25rem 0; background-color: #384ea3; }
.floor01 .wrap{ position: relative; }

.pc768 {display:block  !important;}
.mobile768 {display:none !important;}

.floor01 ul{*zoom:1;}
#banner  {position:relative;  width: calc(100% - 160px);  padding:0px; }
#banner ul {position:relative; width:100%; margin:0px;} 
.floor01 ul li {float:left; display:block;}
.floor01 ul li:after{ content: ''; display: block; width: 1px; height: 12px; background-color: #fff; position: absolute; top: 50%; right: -0.5px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.floor01 ul li:last-child:after{ display: none; }
.floor01 ul li a{ display: block; color: #fff; padding:0 15px; line-height:40px;}

/* btn */
.flow_ctrl_box {opacity:0.9; }
.flow_ctrl_box a{position:absolute; top:50%; margin-top:-17px;  width:30px; height:35px; text-align:Center; line-height:35px; border:1px solid rgba(256,256,256,0.7); display:block; background-color:#1b2e77;}
.flow_ctrl_box a.back{right:87px; background-size:auto 14px; background-position:center center; background-repeat:no-repeat; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.flow_ctrl_box a.next{right:0; background-size:auto 14px;  background-position:center center; background-repeat:no-repeat; 
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.flow_ctrl_box a.play{ right:29px;background:none; color:#fff; font-size:12px; background-color:#1b2e77;}
.flow_ctrl_box a.stop{ right:58px;background:none;  color:#fff; font-size:12px; background-color:#1b2e77;}



/* 안내 */
.floor02{ padding: 1.05rem 0; background-color: #eeeeee; }
.floor02 ul li{ padding: 0 1rem; }

/* 개인정보처리방침 */
.privacy{ display: inline-block; padding: 0 20px; line-height: 33px; font-size: 16px; position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border: 1px solid #fff; background-color: #2f4189; }
.privacy a{ display: block; color: #fff; }

@media (max-width: 1280px) {
    .floor02 ul li{ padding: 0 0.5rem; }    
    .privacy{ right: 10px; } 
}
/*@media (max-width: 1200px) {
    .f_top ul li{ width: 19%; line-height: 1.5rem; padding: 5px 0; text-align: center; }
    .floor01 ul li:after{ display: none; }
}
@media (max-width: 950px) {
    .f_top ul li{ width: 33.333%; }
}*/
@media (max-width: 768px) {
     /*.f_top .orgTitle{ display: block; }
    .f_top .wrap{ padding: 0; }
   .f_top ul { display: none; border-bottom: 2px solid #384ea3; width: 100%; }
    .f_top > div{ padding: 0; background-color: #fff; }

    .f_top ul li{ text-align: left; width: 100%; line-height: 1.5rem; padding-left: 0.4rem !important; font-size: 16px; }
    .f_top ul li a{ display: block;  border-left: 0.2rem solid transparent !important; display: block; padding-left: 0.3rem; line-height: 1.5rem; margin: 0 0 6px; transition: 0.5s border;color: #000; }*/
    .floor01 .wrap{ position: inherit; }
    .footer{ position: relative; }
    .privacy{ top: calc(100% - 3rem);right: 50%; transform: translateX(50%); line-height: 25px; font-size: 13px; }
}

/* 주소/ copyright */
.f_bottom .wrap{ padding: 2rem 0 2.7rem; }
.f_bottom .f_right{ width: 39%; font-size: 0; }
.f_bottom .f_left{ width: 61%; font-size: 0; }
.f_bottom p{ font-size: 0.925rem; line-height: 1.5rem; color: rgba(47,47,47,0.7); }
.f_bottom p a {display:inline-block; border:1px solid #ededed; background-color:#f7f7f7; padding:4px 0px; width:140px; text-align:Center; color:#666;}
.f_bottom p a:hover {opacity:0.7;}
.f_bottom .f_logo{ width: 2rem; display: inline-block; vertical-align: middle; }
.f_bottom .address{ width: calc(100% - 2rem);display: inline-block; vertical-align: middle; padding: 0 1.8rem; }
.f_bottom .sns{ display: none; }

.sns li{ display: inline-block; width: 45px; height: 45px; margin: 0 0.325rem; }
.sns li a{ display: block; text-indent: -5555px; height: 45px; }
.sns li:first-child a{ background: url('../images/common/sns01.png')no-repeat; background-size: 100% auto; }
.sns li:nth-child(2) a{ background: url('../images/common/sns02.png')no-repeat; background-size: 100% auto; }
.sns li:nth-child(3) a{ background: url('../images/common/sns03.png')no-repeat; background-size: 100% auto; }
.sns li:nth-child(4) a{ background: url('../images/common/sns04.png')no-repeat; background-size: 100% auto; }
.sns li:nth-child(5) a{ background: url('../images/common/sns05.png')no-repeat; background-size: 100% auto; }

.sns li:last-child a{ background: url('../images/common/sns06.png')no-repeat; background-size: 100% auto; }

@media (max-width: 1280px) {
    .f_bottom .wrap{ padding: 2rem 10px 2.7rem; }  
    .f_bottom .f_right{ float: none; width: 61%; margin: 0 auto 1rem; }
    .f_bottom .f_left{ float: none; width: 61%; margin: 0 auto; }    
}
@media (max-width: 1200px) {
    .f_bottom .f_right{ width: 75%; }
    .f_bottom .f_left{ width: 75%; }    
}
@media (max-width: 768px) {
    .f_bottom .f_right{ width: 100%; }
    .f_bottom .f_left{ width: 100%; padding-bottom: 4rem; text-align: center; }
    .f_bottom p{ font-size: 12px; line-height: 20px;  }
    .f_bottom .f_logo{ width: 40px; }
    .f_bottom .address{ width: 100%; text-align: center; margin-top: 0.5rem; }
    .f_bottom .sns{ display: block; margin-top: 0.3rem; }
    .f_bottom .sns li{ line-height: 45px; }
}
@media (max-width: 530px) {
    .f_bottom .address span{ display: block; }
}
@media (max-width: 360px) {
    .sns li{ width: 38px; height: 38px; }
}

/* 교육혁신지원단/부속기관/대학/대학원 */
.f_bottom .orgBox{ display: inline-block; margin-left: 0.45rem; position: relative; width: calc((100% - 1rem) / 2); }
.orgBox:first-child{ margin-left: 0; }
.orgTitle{ font-size: 16px; letter-spacing: -0.05em; line-height: 3rem; width: 100%;  height: 3rem; border: 1px solid #d6d6d6; padding-left: 0.83rem; background: url('../images/common/orgArr.png')no-repeat 91.5% center; background-size: 0.67rem auto;  }
.orgTitle.active{ color: #fff; background: url('../images/common/w_orgArrOn.png')#384ea3 no-repeat 91.5% center; background-size: 0.67rem auto; }
.orgTitle:hover{ background: url('../images/common/w_orgArr.png')#384ea3 no-repeat 91.5% center; color: #fff; background-size: 0.67rem auto;}
.orgTitle.active:hover{  background: url('../images/common/w_orgArrOn.png')#384ea3 no-repeat 91.5% center; background-size: 0.67rem auto;}
.f_bottom .orgBox ul{ position: absolute; bottom: 3rem; left: 0; background-color: #fff; width: 100%; border: 1px solid #d6d6d6; border-bottom: none; display: none; max-height: 190px; overflow-y: scroll; z-index:999;}
.f_bottom .orgBox ul li{ line-height: 2rem; padding-left: 0.4rem; font-size: 16px; }
.f_bottom .orgBox ul li a{ display: block; padding-left: 0.3rem; border-left: 0.2rem solid transparent; line-height: 1.8rem; margin: 0.5rem 0; transition: 0.5s border; }
.f_bottom .orgBox ul li:hover a{ border-left: 0.2rem solid #063894; }


@media (max-width: 768px) {
	.mobile768 {display:block  !important;}
	.pc768 {display:none  !important;}


    .orgTitle{ border: block; border-bottom: 1px solid #d6d6d6; line-height: 64px; height: 64px; font-size: 18px; }

	.floor01 { border-bottom:1px solid rgba(256,256,256,0.2);}
	#banner  {position:Relative; width:100%;}
	#banner > div {width:100%;}
	.orgBox  #banner  ul {padding:0px !important; background-color:#384ea3 !important;}
	.orgBox  #banner  ul  li:hover a{ border-left: 0 solid #063894 !important; }
	
	/* btn */
	.flow_ctrl_box {display:none;}

    .orgBox ul { padding: 15px 0; background-color: #eeeeee !important; }
    .orgBox ul li:hover a{ border-left: 0.2rem solid #063894 !important; }
    .orgBox ul li:last-child a{ margin: 0; }  
    
    .f_bottom .wrap{ padding: 0; }
    .f_bottom .orgBox{ width: 100%; margin-left: 0!important; }
    .f_bottom .orgBox ul{ position: relative; bottom: 0rem; border: none; border-bottom: 2px solid #384ea3;  }
    .f_bottom .orgBox ul li{ line-height: 1.5rem; }
    .f_bottom .orgBox ul li a{ margin: 0 0 6px; line-height: 1.5rem;}
}
@media (max-width: 375px) {    
    .orgTitle{ line-height: 55px; height: 55px; font-size: 16px; }
}




/*퀵메뉴*/
.quick{position:fixed;top:50%;right:0;z-index:50;transform:translateY(-50%);}
.quick button {background:none;position:relative;display:block;position:relative;text-align:left;width: 150px;margin-left:auto; margin:10px 0;border:0 !important;color:#252525;height: 50px;font-size:16px;line-height:18px;transition-property:width, background-color, color;transition-duration:0.25s;transition-timing-function:cubic-bezier(1, 0, 0, 1);}
.quick button:focus{border: none; outline:none;}
.quick button.mo_btn {display:none;}
.quick button:after {content:'';position:absolute;right: 24px;top: 14px;width:20px;height:20px;}
.quick button.con_main:after{background:url('../images/main/quick_icon01.png')no-repeat;}
.quick button.con_news:after{background:url('../images/main/quick_icon02.png')no-repeat;}
.quick button.con_sns:after{background:url('../images/main/quick_icon03.png')no-repeat;}
.quick button:before {content:'';position:absolute;right: 9px;top: 0;width:49px;height:49px;background:#808080;border-radius:50px;}
.quick button.active {color:#4476d2; font-weight:500;}
.quick button.active:before{background-color:#4476d2;}

.quick button.mo_btn {display:none;}
.quick button span:hover {cursor:help; position:relative}
.quick button span {display:none; padding:0px; margin:0px; }
.quick button.active span {position:Absolute;left: 0;width:80px;display:block;text-align:right;background-color:#4476d2;height:39px;line-height:39px;color:#fff;text-align:Center;font-size:0.9em;padding:0 10px;top: 16px;transform:translateY(-25%);border-radius:5px;}
.quick button.active span:before {position:Absolute; content:""; right:-3px; width:10px; height:10px; transform: rotate( 45deg ); background-color:#4476d2;  top:50%; margin-top:-5px;   }


		@media (max-width: 1000px) { 
			.quick button.mo_btn {display:block;}
			.quick button.pc_btn{display:none;}
		}