@charset "utf-8";
/***********************************************
* 한양대 리뉴얼 2016 Css Mobile
***********************************************/
@media all and (max-width: 768px) {

	#header .site-navigation .navbar {width: 100%;}
	.eng #utilGlobal li a {padding: 0 5px !important;	letter-spacing: -0.05em;}
	#gnb .nav-toggle {overflow: hidden;	position: absolute;	top: 36px;	left: 0;	z-index: 10;	width: 40px;	height: 50px;	background: url(../../images/custom/common/gnb_m_opener.png) no-repeat 50% 50%;	background-size: auto 100%;}
	.common #gnb .nav-toggle {top: 5px;	background-image: url(../../images/custom/common/gnb_common_m_opener.png);}
	.professor #gnb .nav-toggle {top: 45px;}
	#gnb .nav-toggle span {overflow: hidden;position: absolute;top: 0;left: 0;z-index: 10;width: 40px;height: 50px;background: url(../../images/custom/common/gnb_m_opener.png) no-repeat 50% 50%;background-size: auto 100%;}

	#gnb #navigation-mobile {position: absolute;	left: 0; top: 0;	width: 100%; height: 100%;	display: none;}
	/* #gnb .invisible-desktop .search-wrap{display:none;} */
	.common #gnb #navigation-mobile {top: -36px;}
	.common ul.dropdown li ul{float:none;position:absolute;top:0;}
/*	.common ul.dropdown li:nth-child(2) ul {top: -55px;}
	.common ul.dropdown li:nth-child(3) ul {top: -110px;}
	.common ul.dropdown li:nth-child(4) ul {top: -165px;}
	.common ul.dropdown li:nth-child(5) ul {top: -220px;}
	.common ul.dropdown li:nth-child(6) ul {top: -275px;}
	.common ul.dropdown li:nth-child(7) ul {top: -330px;}
	.common ul.dropdown li:nth-child(8) ul {top: -385px;}
	.common ul.dropdown li:nth-child(9) ul {top: -440px;}
	.common ul.dropdown li:nth-child(10) ul {top: -495px;}
	.common ul.dropdown li:nth-child(11) ul {top: -550px;}
	.common ul.dropdown li:nth-child(12) ul {top: -605px;}*/

	#gnb .cover {position: fixed;left: 0; top: 0;width: 100%; height: 100%;z-index: 52;background: #000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}

	#header .search-wrap {overflow: hidden;position: absolute;right: 0; top: 0;z-index: 51;width: 56px;height: 56px;}
	#header .search-form-wrap {top: 56px;padding: 20px 15px}
	#header .search-form-wrap input.search-top {width: 250px;}
	.close_search-form {top: 0;width: 56px;height: 56px;}

	#navigation-mobile .navbar {position: relative;z-index: 30;background: #fff;}
	.navbar h2 {position: relative;z-index: 40;height: 48px;padding-left: 15px;box-sizing: border-box;background: #084985;border-bottom: solid 2px #083a6d;font-size: 18px; font-weight: bold; color: #fff;}
	.navbar h2 .closer {cursor: pointer;width: 48px;height: 48px;background:#073f72 url(../../images/custom/common/gnb_m_closer.png) no-repeat 50% 50%;background-size: auto 100%;}
	.navbar .dropdown {position: relative;z-index: 30;}
	.m_global{position: absolute;left:0;bottom:0;z-index:53;box-sizing: border-box;width:68px;padding: 10px}
	.m_global > a{display: block;width: 68px;box-sizing: border-box;padding: 4px 2px;text-align: center;border: 1px solid #aaa}
	.m_global > a:last-child{margin-top: 4px}
	#header .site-navigation .navbar .m-service-link .dir a {color:#025baf;}

	.invisible-desktop ul.dropdown ul li a {line-height:45px;padding: 0 0 0 25px;font-size:13px;font-weight:normal;color:#333;letter-spacing:-0.07em;}
	.common .invisible-desktop ul.dropdown ul li a {line-height: 38px;}
	#navigation-mobile .navbar, #navigation-mobile .navbar li {height: auto;z-index: 30;}
	#navigation-mobile .navbar .dropdown>li{min-height:inherit;}
	.panel-menu-list-wrap:last-child .panel-menu-btn {border-top: solid 1px #797e87;}
	#footer .panel-menu-wrap .panel-menu-list .span3 {width: 50%; display: inline-block; float: left;}
	#footer .panel-menu-list.university,
	#footer .panel-menu-list.graduate {margin-left: 0 !important;}
	.panel-menu-list.graduate:before {border-left: solid 1px #5d626a;border-right: solid 1px #5d626a;}
	#footer .footer-wrap .footer-util-menu-wrap {padding: 10px 0;}
	#footer .footer-wrap .footer-copyright-wrap {padding: 10px 0 ;}
	.footer-util-menu-wrap .footer-util-menu {padding-bottom: 0;}
	.footer-util-menu ul {display: inline-block;width: 85%;margin: 0 9% !important;}
	.footer-util-menu ul.line2 {width: 77%;margin: 0 13% !important;}
	.eng .footer-util-menu ul {width: 61%;margin: 0 21% !important;}
	.footer-util-menu li a {padding: 0 6px;}
	#footer .footer-wrap .copyright-wrap {padding: 0 20px 10px;box-sizing: border-box;}
	#footer .footer-wrap .output-linker-wrap {width: 100%;padding: 10px;box-sizing: border-box;}
	.output-linker-wrap .util-menu-mobile {width: 100%;text-align: center;padding-bottom: 10px;}
	.util-menu-mobile a {color: #c7c7c7!important;}
	.output-linker-wrap .sns-linker {/*width: 30%;*/}
	.output-linker-wrap .sns-linker li {padding: 0 5px 0 0;}
	.sns-linker li a {width: 30px;height: auto;}
	.sns-linker li a img {width: 100%;height: auto;}
	.output-linker-wrap .global li {padding: 0 5px 0 0;}
	.output-linker-wrap .global li a {width: 30px;height: auto;}
	.output-linker-wrap .global li a img {width: 100%;height: auto;}

	.output-linker-wrap .site-linker {padding-bottom: 0;}
	.output-linker-wrap .site-linker select, .output-linker-wrap .site-linker button.site-button {height: 30px;line-height: 30px;font-size: 11px;}
	.output-linker-wrap .site-linker select {width: 130px;}
	.output-linker-wrap .site-linker button.site-button {width: 35px;}
	
	.output-linker-wrap .site-linker2 {padding-bottom: 0;}
	.output-linker-wrap .site-linker2 select, .output-linker-wrap .site-linker2 button.site-button2 {height: 30px;line-height: 30px;font-size: 11px;}
	.output-linker-wrap .site-linker2 select {width: 130px;}
	.output-linker-wrap .site-linker2 button.site-button2 {width: 35px;}
	
	.content-box .row {margin-bottom: 0;}
	.content-box .row .box-bodo,
	.content-box .row .span6:first-child {padding-right: 0;}

	/**
	* main
	*/
	.common .main-visual-wrap,
	.common .main-wrap {height: 261px;}
	.common .main-visual .visual01,
	.common .main-visual .visual02 {background-size: auto 100%;}
	.main .visual-more,
	.main-visual .visual-txt .visual-more {width: 78px !important; height: 25px !important;border-radius: 10px !important;background-size: auto 100%;background-position: 64px 0 !important;}
	.main .visual-more a,
	.main-visual .visual-txt .visual-more a {padding-left: 10px !important;font-size: 10px !important;line-height: 20px !important;}
	.main-wrap .visual-pager-wrap {margin-top: -217px !important;}
	.common .main-visual .visual-img img {height: 261px;}
	.visual-pager-wrap a {height: 82px !important;}
	.visual-pager-wrap a .thumb {width: 100% !important;padding: 0 0 !important;text-align: center!important;}
	.visual-pager-wrap a .thumb img {width: 41px !important; height: 41px !important;}
	.visual-pager-wrap a .slogan {width: 100% !important;padding: 5px 0 0 10px !important;font-size: 10px !important;letter-spacing: -0.04em!important; line-height: 13px !important;}
	.main-visual .visual-img {margin-right: -36px !important;;}
	.visual-pager-wrap a .thumb-wrap {padding: 0 !important;;}
	.visual-pager-wrap a.active .thumb-active .slogan {font-size: 12px !important;letter-spacing: -0.04em!important; line-height: 18px !important;}
	.visual-pager-wrap a:first-child .thumb-active .slogan {padding: 22px 0 0 10px !important;}
	.visual-pager-wrap a:nth-child(2) .thumb-active .slogan {padding: 22px 0 0 15px !important;}
	.eng .visual-pager-wrap a:first-child .thumb-active .slogan {padding: 12px 0 0 19px !important;}
	.eng .visual-pager-wrap a:nth-child(2) .thumb-active .slogan {padding: 22px 0 0 26px !important;}

	.main-visual .visual-txt {top: 10px !important;left: 23px !important;}
	.eng .main-visual .visual-txt {top: -5px !important;}
	.main-visual .visual-txt h2,
	.main-visual .visual-txt h3 {letter-spacing: -0.03em!important;}
	.main-visual .visual-txt h3 {font-size: 11px !important;}
	.main-visual .visual-txt h2 {padding: 0 0 10px !important;font-size: 22px !important; line-height: 29px !important;}

	.main h2.stripe {margin: 20px 0 19px !important;}
	.main h2.stripe01 {background-image: url(../../images/custom/main/h2_bg_01_m.gif)!important;}
	/* .main h2.stripe02 {background-image: url(../../images/custom/main/h2_bg_02_m.gif)!important;} */
	.main h2.stripe02 {background: url(../../images/custom/main/h2_bg_02.png) no-repeat center center !important;background-size:100% 95%;}
	.main h2 span {width: 94px !important;font-size: 16px !important;line-height: 40px !important;color: #222!important;}
	.eng.main h2 span {line-height:20px !important;}
	.main .row .span8 {padding-right: 0 !important;width: 100% !important;}
	.box-main .box li span {margin-right: 5px !important;}
	.box-main-notice .box li a {width: 39% !important;height: 23px;overflow: hidden;} /* width: 48% !important; */
	.eng .box-main-notice .box li a {width: 51% !important;} /* width: 45% !important; */
	.box-main-notice .box li span, .box-main-notice .box li a {line-height: 28px !important;}
	.box-main-schedule .box li .event-icon {margin-right: 5px !important;}
	.box-main-notice .box li span.date {padding-right: 24px !important;}
	.eng .box-main-notice .box li span.date {padding-right: 4px !important;}
	.box-main-schedule .box li .float-left:nth-child(2) {width: 76%;height: 41px;overflow: hidden;}
	.box-main-schedule .box li .d-day-sticker {width: 34px !important; height: 17px !important;font-size: 12px !important;line-height: 17px !important;}

	.main h2.stripe.stripe02 {margin-bottom: 0 !important;}
	.main h2.stripe02 span {width: 130px !important;color: #fff!important;}
	/*
	.month-people-wrap {height: 282px !important;overflow: hidden;background-image: url(../../images/custom/main/wide_bn_bg_m.jpg)!important;}
	.month-people-wrap .txt-box-wrap {margin-top: 0 !important;}
	.month-people-wrap .float-left {width: 100%;text-align: center;}
	.month-people-wrap .float-left img {width: 60%;}
	.month-people-wrap .float-right {width: 100%;position: relative;padding-bottom: 10px !important;}
	.eng.main .month-people-wrap h2 span {width: 237px !important;}
	.month-people-wrap .txt-box-wrap h2,
	.month-people-wrap .txt-box-wrap h3 {text-align: center!important;}
	.month-people-wrap .txt-box-wrap h2 {font-size: 20px !important;line-height: 26px !important;margin-bottom: 5px !important;}
	.month-people-wrap .txt-box-wrap h3 {font-size: 10px !important;line-height: 14px !important;margin-bottom: 0 !important;}
	.main .month-people-wrap .visual-more {display: none;} /* position: absolute;left: 50%; top: 176px;margin-left: -71px;
*/
	.main .main-banners-wrap .span4 {margin: 0 0 10px 0 !important;padding-left: 0 !important;width: 100% !important;}

	/* 메뉴수정 */
	./* common #content, #content {padding-top:48px !important;} */
	#header {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;/*border-bottom:1px solid #d9d9d9*/}
	#header .search-button {background:url(../../images/custom/common/btn_sch_open.png) no-repeat 14px center;background-size:20px auto}
	#gnb .nav-toggle {width:56px;height:56px}
	#gnb .nav-toggle span {background:none}
	.common .sub-head h3 {font-size: 20px;line-height:inherit;}
	.common #gnb .nav-toggle {background:url(../../images/custom/common/gnb_m_open.png) no-repeat 14px center;background-size:23px auto;top:0}
	.common #gnb .nav-toggle {background:url(../../images/custom/common/gnb_m_open.png) no-repeat 14px center;background-size:23px auto;top:0}
	.common #gnb .nav-toggle span {overflow:hidden;position:absolute;top:0;left:0;z-index:10;width:inherit;height:inherit;background:none}
	.title-top .page-arrow-prev a,
	.title-top .page-arrow-prev a:hover,
	.title-top .page-arrow-prev a:focus,
	.title-top .page-arrow-prev a.on {width:50px;padding:0;background:url(../../images/custom/common/arws_mobile_page_prev.png) no-repeat 14px center;background-size:26px auto}
	.title-top .page-arrow-next a,
	.title-top .page-arrow-next a:hover,
	.title-top .page-arrow-next a:focus,
	.title-top .page-arrow-next a.on {width:50px;padding:0;background:url(../../images/custom/common/arws_mobile_page_next.png) no-repeat 14px center;background-size:26px auto}
	.contents-title-arrow.title-top {border-bottom:none;margin-left:-14px;margin-right:-14px; height:142px; padding-top: 40px;}
	.title-top.contents-title-arrow span {display:none;}
	.title-top .page-arrows{top:48px;}
	.visual.sub{height:142px;background-color:transparent;-webkit-background-size:auto 100% !important;background-size:auto 100% !important;text-align:center;}
	.visual.sub img {height:100%;}
	.contents-title-arrow.title-top.sub {height:142px;padding-top:40px;}
	.contents-title-arrow.title-top.sub .sub-head{padding-top:20px;background:none;}

	.common .sub-head{position:relative;padding: 20px 14px 0;box-sizing:border-box}
	.common .sub-head h3 {font-size:24px;line-height:1.2em;color:#fff;}
	/* .common .sub-head .sub-text + .nav-tree{display:block;background:#fff;} */
	.common .sub-head .sub-text{font-size:14px; display: none;}
	.common .sub-head .nav-tree{position:absolute;top:-45px;left:0;margin-top:0;width:100%;height:40px;background:#fff;border-top:1px solid #d9d9d9;}
	.common .sub-head .nav-tree dl {}
	.common .sub-head .nav-tree dt {}
	/*
	.common .sub-head .nav-tree .swiper-container {width:100%;border-bottom:1px solid #d9d9d9;}
	.common .sub-head .nav-tree dl {position:relative;padding-left:0;display:block;width:100%;box-sizing:border-box;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	     display: flex; 
	    -webkit-transition-property: -webkit-transform;
	    -moz-transition-property: -moz-transform;
	    -o-transition-property: -o-transform;
	    -ms-transition-property: -ms-transform;
	    transition-property: transform;
	    -webkit-box-sizing: content-box;
	    -moz-box-sizing: content-box;
	    box-sizing: content-box;
  }



	.common .sub-head .nav-tree dl:after {content:"";display:block;clear:both;}
	.common .sub-head .nav-tree dt {padding:0;position:absolute;left:0;top:0;display:none;}
	*/
	.common .sub-head .nav-tree dt a {}
	.common .sub-head .nav-tree dd {}
	/*
	.common .sub-head .nav-tree dd {background:none;border-left:1px solid #d9d9d9;padding:11px 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
            -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing:border-box;
      }
	  */

	.common .contents-box.container .nav-tree {display:block;height:45px;margin:0 -14px;}
	.common .contents-box.container .nav-tree:before {height:45px;}
	.common .contents-box.container .nav-tree dt.home {display:none;}
	.common .contents-box.container .nav-tree dt + dd.no-depth + dd,
	.common .contents-box.container .nav-tree dd:nth-last-child(3),
	.common .contents-box.container .nav-tree dd:nth-last-child(4){display:none;}
	.common .contents-box.container .nav-tree dd {width:50%;margin-left:0px;box-sizing:border-box;}
	.common .contents-box.container .nav-tree dd:last-child {border-left: 1px solid #e0e0e0;}
	.common .contents-box.container .nav-tree dd a {width:100%;height:43px;padding:9px 40px 10px 20px;font-size:12px;}
	.common .contents-box.container .nav-tree dd > a:after {width:6px;height:6px;}
	.common .contents-box.container .nav-tree dd .bs-ul {top:45px;}
	.common .contents-box.container .nav-tree dd .bs-ul li a {height:33px;padding:3px 20px;font-size:12px;line-height:24px;}
	.common .tit-areas {margin:35px 0;}
	.common .tit-areas strong {font-size:19px;}

	.aui .common .sub-head .nav-tree dd {margin-left: 0;}
	.aui .common .sub-head .nav-tree dd.no-depth {display:none !important;}
	.common .sub-head .nav-tree.menu2 dd {width:50%;}
	/* .common .sub-head .nav-tree dt+dd {border-left:none;} */
	.common .sub-head .nav-tree dd:first-child {width:33.4%}
	.common .sub-head .nav-tree dd > a {background:url(../../images/custom/common/comm_location_m_arw.png) no-repeat right center;background-size:9px auto;color:#222222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:16px;text-align:left;font-size:12px}
	.common .sub-head .nav-tree dd > a:hover {background:url(../../images/custom/common/comm_location_m_arw_ov.png) no-repeat right center;background-size:9px auto}
	.common .sub-head .nav-tree ul {left:-1px;top:40px}
	#content {padding:0 14px;box-sizing:border-box}
	.common #content {padding-top:48px !important;}
	#content #content {padding:0}

	/* 지난 스프래쉬 보기*/ 
	.visual-pager-wrap .non-pager{position:relative}
	.visual-pager-wrap .non-pager a.splash{overflow:hidden;float:none;position:absolute;top:-130px !important;right:0 !important;width:100px !important;height:30px !important;}
	.visual-pager-wrap .non-pager a.splash .thumb{width:28px !important;margin-top:0 !important;padding-left:0;padding-right:8px}
	.visual-pager-wrap .non-pager a.splash .thumb img{width:20px !important;height:auto !important;}
	.visual-pager-wrap .non-pager a.splash .slogan{width:auto !important;padding: 0 !important;}

	
	#content .visual_wrap {
		position:absolute;
		left:0;
		top:48px;
		width:calc(100% + 24px);
		height:142px;
	}
	.ios .visual_wrap img {display:inline-block !important;}
/*	.visual.sub.sub01,.visual.sub.sub02,.visual.sub.sub03,.visual.sub.sub04,.visual.sub.sub05,.visual.sub.sub06 {background-size:auto 100% !important;}*/

}

@media all and (min-width: 769px) and (max-width: 1099px) {
	.visual-pager-wrap .non-pager a.splash{top:-300px !important;right:0 !important;}
}

/* 160920 추가 */
@media (max-width: 979px) and (min-width: 768px) {
	.aui .span4.box-wrap.box-main.box-main-schedule {
		width:100%;
	}
}

/*
.custom-swipe-scrolling {
	max-height:68px;
	margin-bottom:40px;
	overflow-x:auto;
	overflow-y:hidden;
}

.custom-swipe-scrolling > ul {
	margin-bottom:0 !important;
	overflow:hidden;
}
*/
/* tab */
/*
.custom-swipe-scrolling li.active,
.custom-swipe-scrolling li.active > a:hover {position: relative;background: #128fdc;color: #fff;line-height: 54px;}
.custom-swipe-scrolling li.active:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #128fdc;border-width: 8px;margin-left: -8px;}

.custom-swipe-scrolling > ul > li {height:60px;}
.custom-swipe-scrolling > ul > li a {font-size:20px;}

.custom-swipe-scrolling > ul > li a,
.custom-swipe-scrolling .nav > li > a:hover {color:#333;background:#dfe4eb;}

.custom-swipe-scrolling li.active,
.custom-swipe-scrolling .nav > li.active > a:hover {background:#118fdc;}

.custom-swipe-scrolling .nav-tabs > li > a {border-radius:0;}
.custom-swipe-scrolling .in-box {margin-bottom:40px;}
.custom-swipe-scrolling .in-box:last-child {margin-bottom:0;}
.custom-swipe-scrolling .in-box p {font-size:14px;color:#666;line-height:24px;letter-spacing:-0.05em;}
.custom-swipe-scrolling .in-box p + p {padding-top:10px;}
.custom-swipe-scrolling .in-box p + h5 {padding-top:18px;}
.custom-swipe-scrolling .in-box li {width:auto;}
*/
@media all and (min-width: 660px) and (max-width: 768px) {
	.box-main-notice .box li a {width: 66% !important;height: 23px;overflow: hidden;}
}