@charset "utf-8";

/***********************************************
* 한양대 리뉴얼 2016 Css Responsive
***********************************************/


@media all and (max-width: 768px) {

/**
	* Dummy Option
	*/
	.community-main-box01 {
		border: 0!important;
		margin: 0!important;
	}

	.invisible-mobile {
		display: none !important;
	}
	.visual_wrap.invisible-mobile {
		display: block !important;
	}
	.wide-mobile {
		width: 100%;
	}
	#gnb h1 {
		display: inline-block;
		font-weight: bold;
		padding-left: 20%;
		font-size: 16px; letter-spacing: -0.07em;
		color: #004483;
		height: 50px;
	}
	.eng#gnb h1 img{
		float:left;
	}
	.eng#gnb h1{
		display:block;
	}
	.eng#gnb h1 .logo-title{
		display:table;
	}
	.eng#gnb h1 a{
		display:table-cell;
		height:50px;
		vertical-align:middle;
	}
	.eng#gnb h1 a span{
		height:auto;
		line-height:100%;
		font-size:14px;
		display:block;
		font-weight:normal;
	}
	.eng#gnb h1 a span.name{
		font-weight:bold;
	}
	.professor #gnb h1 {
		padding: 10px 0 10px 20%;
		font-size: 16px; letter-spacing: -0.07em;
		color: #004483;
		height: 50px;
	}
	#gnb h1 img{
		text-align: center;
		width: auto;
		height: 50px;
	}
	.common #gnb{
		padding: 0;
	}
	.common #gnb h1 {
		width: 100%;
		padding-left: 0;
	}
	.common #gnb h1,
	.common #gnb h1 img{
		height: 56px;
	}
	.template-wrap {
		height:215px;
	}
	.professor-wrap .template-wrap {
		height:280px;
	}
	.blog-wrap .template-wrap {
		height:180px;
	}
	.magazine-wrap .template-wrap {
		height:200px;
	}
	.template05 .visual-wrap,
	.professor .visual-wrap,
	.blog .visual-wrap,
	.magazine .visual-wrap {
		background-size: auto 100%;
	}
		.template-wrap .visual-title {
			margin-top: 10px;
			padding: 35px 20px;
			width: 90%; height: 85%;
			margin: 5%;
		}
		.magazine .template-wrap .visual-title {
			padding: 0;
			width: 90%; height: auto;
			margin: 5%;
			background: none;
		}
		.template-wrap .visual-title img {
			width: 100%; height: auto;
			max-width: 290px;
		}
			.visual-title h2 {
				font-size: 30px; letter-spacing: -0.05em;
				line-height: 36px;
				padding-bottom: 5px;
			}
				.visual-title h2 em {
					font-size: 25px;
					letter-spacing: -1.0em;
				}
			.visual-title h3 {
				font-size: 12px;
				line-height: 17px;
			}
			.visual-title .piece {
				width: 17%; height: 30%;
				background-size: 100% auto;
			}
	.gallery .template-wrap .visual-title {padding:35px 0 0 0}
	.gallery .template-wrap .visual-title .eng {font-size:30px}

	.footer-copyright-wrap .copyright-wrap {
		width: 100%; text-align: center;
	}
	.panel-menu-btn,
	#footer .panel-menu-wrap .panel-menu-btn a {
		height: 44px;
	}
	#footer .panel-menu-wrap li.panel-menu-btn a {
		font-size:13px;
		padding:0;
		display:inline;
	}
	#content .content-box .row .box-banner-big {
		padding-left: 0;
	}
	#content .row .box-banner-big .banner-txt-wrap {
		width:100%;height:100%;box-sizing:border-box;padding:10px 0 0 10px;left:0;top:0;
	}
	#content .row .box-banner-big .banner-txt-wrap h2 {font-size:30px;line-height:40px;margin-bottom:5px}
	#content .row .box-banner-big .banner-txt-wrap .popup-more {margin-top:0;position:absolute;right:5px;bottom:5px;background-color:#fff;background-size:12px auto}

/**
	* Sub Contents Css
	*/
	.selects-warp select {
		min-width: 120px;
		padding: 0 15px 0 5px;
		margin-bottom:5px;
		background-position:105% 50%;
	}
	input.common-input-text {
		padding-left: 5px;
	}

	.template05 .content-wrap .contents {
		width: 100%;
		padding: 0;
		border: 0;
		margin-left: 0;
	}
	.img-responsive img {
		width: 100%;
		height: auto;
	}
	.template05 .contents h3 {
		padding-left: 15px;
		padding-bottom: 6px;
		background-size: auto 18px;

		font-size: 18px;
		letter-spacing: -0.07em; line-height: 12px;
		color: #015fb6;
	}
	.template05 .contents h3+p {
		width: 90%;
		padding-top: 10px;
		padding-bottom: 35px;

		font-size: 12px;
		letter-spacing: -0.07em; line-height: 17px;
	}


	.professor .professor-content-wrap .content-box .row .span7,
	.professor .professor-content-wrap .content-box .row .span5 {
		width: 100%;
		padding-right: 0;
	}
	.professor .professor-content-wrap .content-box .row .span5 .span12 {
		margin-bottom: 10px;
	}

	.main-slider-01-wrap .bx-controls {
		width: 180px!important;
	}
	/*
	.main-slider-02-wrap .bx-controls {
		width: 162px!important;
	}
	.main-slider-03-wrap .bx-controls {
		width: 234px!important;
	}
 */
	.main-visual .visual-txt {
		padding: 10px 5px;
	}

	.greeting-wrap .greeting-bx{text-align:center;}
	.greeting-wrap .greeting-bx img{float:none;width:35%;max-width:202px;}
	.greeting-wrap .greeting-bx div{margin-left:0;}
	.greeting-wrap p.title{margin-top:20px;font-size:14px;}
	.greeting-wrap p{margin-top:15px;font-size:12px;line-height:145%;text-align:left;}
	.greeting-wrap .sign-bx{margin-top:30px;font-size:14px;line-height:34px;}
	.greeting-wrap .sign-bx img{margin-left:10px;width:80px;}

	.profile-wrap.contents .profile{text-align:center;}
	.profile-wrap.contents .profile img{float:none;width:35%;max-width:220px;}
	.profile-wrap.contents .profile div{margin-top:25px;display:block;margin-left:0;text-align:left;}
	.template05 .contents.profile-wrap h3{line-height:120%;font-size:18px;}
	.profile-wrap.contents .profile div p.title{margin-bottom:7px;font-size:16px;}
	.profile-wrap.contents .profile div li{margin-top:1px;font-size:14px;}

	ul.award-type{padding:0;}
	ul.award-type li{padding:0 10px;}
	ul.award-type li strong{font-size:15px;}

	/**
	* Template Type :: gallery
	*/
	#content.gallery .banner li{
		margin-left:0;
		width: 49%;
		box-sizing:border-box;
	}
	#content.gallery .banner li:nth-child(odd){margin-right:1%;}
	#content.gallery .banner li:nth-child(even){margin-left:1%;}
	#content.gallery .banner li:nth-child(3),
	#content.gallery .banner li:nth-child(4){margin-top:10px}
	/*
	#content.gallery .banner li:nth-child(1) a{background:url(../../images/custom/templates/img_bn01.png) no-repeat 85% 100px;background-size:40px 52px;}
	#content.gallery .banner li:nth-child(2) a{background:url(../../images/custom/templates/img_bn02.png) no-repeat 85% 100px;background-size:40px 49px;}
	#content.gallery .banner li:nth-child(3) a{background:url(../../images/custom/templates/img_bn03.png) no-repeat 85% 100px;background-size:50px 48px;}
	#content.gallery .banner li:nth-child(4) a{background:url(../../images/custom/templates/img_bn04.png) no-repeat 85% 100px;background-size:46px 46px;}

	#content.gallery .banner li a{width:100%;height:170px;padding:20px 15px 15px;font-size:16px;line-height:120%;}
		*/
	#content.gallery .banner li a{width:100%;height:130px;}

	#content.gallery .m-list>div{width:100%;padding:15px;}
	#content.gallery .m-list>div:nth-child(odd){margin-right:0;}
	#content.gallery .m-list>div:nth-child(even){margin-left:0;padding-top:0;}
	#content.gallery .m-list>div li img{width:70px;height:46px;}
	#content.gallery .m-list>div li dl{margin-left:21.11%;padding:0 0 0 15px}
	#content.gallery .m-list>div li dt{font-size:13px;}
	#content.gallery .m-list>div li dd{margin-top:2px;font-size:12px;}
	.gallery .template-wrap .visual-title .eng{padding-right:23px;font-size:20px;background-size:30px auto;}
	.gallery .template-wrap .visual-title .kor{font-size:16px;}

	/**
	* Template Type :: landing
	*/
	#content.landing .banner li{margin-left:0;width:100%;}
	#content.landing .banner li:nth-child(odd),
	#content.landing .banner li:nth-child(even){margin:0;}
	#content.landing .banner li a{width:100%;font-size:20px;padding:20px 0 20px 45%;height:inherit;}
	#content.landing .banner li:nth-child(1) a{background:url(../../images/custom/templates/img_ld01.png) no-repeat 20% 50%;background-size:63px 52px;}
	#content.landing .banner li:nth-child(2) a{background:url(../../images/custom/templates/img_ld02.png) no-repeat 20% 50%;background-size:50px 56px;}
	#content.landing .banner li:nth-child(3) a{background:url(../../images/custom/templates/img_ld03.png) no-repeat 20% 50%;background-size:54px 56px;padding-left:45%}
	#content.landing .board-list th{line-height:130%;vertical-align:middle;padding-left:5px;padding-right:5px;}
	#content.landing .board-list td{padding-left:5px;padding-right:5px;}
	#content.landing .board-list .ul-pd{padding-left:5%}


	/**
	* BBS Type
	*/
	#content .pagination-hy.pagination ul > li > a,
	#content .pagination-hy.pagination ul > li > span {
		width: 22px;
	}

/**
	* Sub Contents Css addition
	*/
	.tab-dth1.tab-ui .span3,
	.tab-dth1.tab-ui .tab-3 .span3:first-child,
	.tab-dth1.tab-ui .tab-3 .span3 {
		width: 100%;
	}

	.common .not-enough-85 { width: 100%; }
	.contents-title-arrow.title-top {}

}


@media all and (min-width: 769px) and (max-width: 992px) {


/**
	* Dummy Option
	*/
	.sub-visual-txt {
		margin-left: -360px!important;
	}
	.community-main-box01 {
		width: 720px;
		border: solid 20px #fff;
		border-bottom: 0;
		margin: -99px 0 0 -20px;
	}

/**
	* header
	*/
	.eng #utilGlobal li a {
		padding: 0 5px!important;
		letter-spacing: -0.05em;
	}
	/*.eng .invisible-mobile .site-navigation .navbar li a {
		padding: 0 5px;
	}*/
	.invisible-desktop {
		display: none !important;
	}
	.invisible-desktop.visible-multi-tablet {
		display: block !important;
	}

	.invisible-tablet,
	#quickmenu {
		display: none !important;
	}

	#header .search-wrap {
		width: 63px;
		height: 63px;
		margin-top: 7px;
		float: right;
	}
	/*.eng #header .search-wrap {
		width: 55px;
		height: 55px;
		margin-top: 0px;
		margin-left: 3px;
	}*/
	#header .search-form-wrap {
		top: 145px;
	}
	.close_search-form {top: 82px;width: 63px;height: 65px;}

	.aui #header .site-navigation {
		display: block!important;
	}

	#header .site-navigation .navbar.float-right {
		float: left;
		width: 100%;
	}

	.invisible-mobile .site-navigation .navbar li:first-child a {
		padding-left: 0;
	}
	.site-navigation .navbar,
	.site-navigation .navbar li {
		height: 50px;
	}
	.site-navigation .navbar .bs-ul>li .dep2>li{
		height:auto;
	}
	.invisible-mobile .site-navigation .navbar li a {
		line-height: 35px;
	}

	.footer-util-menu li a {
		padding: 0 10px;
	}

	#footer .panel-menu-wrap .panel-menu-list {
		height: 450px;
	}

	.output-linker-wrap .site-linker.bs-ul {
		padding-bottom: 8px!important;
	}

	.content-box .row .span4 .box-banner {
		padding-left: 28px;
		margin-bottom: 16px;
	}

	#content .box-banner-big {
		height: 243px
	}
	#content .row .box-banner-big .back-bg {
		overflow: hidden;
		height: 235px;
	}
	#content .row .box-banner-big .back-bg img {
		position: absolute;
		left: 0;
		width: auto;
		height: 235px;
	}
	#content .row .box-banner-big .banner-txt-wrap {
		left: 34px; top: 26px;
		width: 215px;
	}
	/* .bg-nav{height:425px;border-top-color:#fff;} */
	.bg-nav{top: 170px;height:350px;border-top-color:#fff;}
	.site-navigation .navbar ul{padding-bottom:0;}

	#header.on .site-navigation .navbar  .service-link{display:none;}


	/**
		* Main Contents Css
		*/
	.visual-pager-wrap a:first-child .thumb-active .slogan {
		padding-left: 26px!important;
	}
	.visual-pager-wrap a:nth-child(2) .thumb-active .slogan {
		padding-left: 40px!important;
	}
	.main-slider-01-wrap .bx-controls {
		width: 109px!important;
	}
	.main-slider-02-wrap .bx-controls {
		/*width: 55px!important;*/
	}
	.main-slider-03-wrap .bx-controls {
		width: 127px!important;
	}
	.box-main-notice .box li a {
		width: 50%!important;
		height: 23px; line-height: 23px;
		overflow: hidden;
	} /* width: 54%!important; */
	.eng .box-main-notice .box li a {width:40%!important;} /* width:60%!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-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;
	}
/*
	.month-people-wrap {
		height: 563px!important;
		overflow: hidden;
		background-image: url(../../images/custom/main/wide_bn_bg_m.jpg)!important;
	} *//* background-image: url(../../images/custom/main/wide_bn_bg_m.gif)!important; */
	/*
	.month-people-wrap .txt-box-wrap {
		margin-top: 30px!important;
	}
	.month-people-wrap .float-left {
		width: 100%;
		text-align: center;
	}
	.month-people-wrap .float-left img {
		width: 90%;
	}
	.month-people-wrap .float-right {
		width: 100%;
		position: relative;
		padding-bottom: 40px;
	}
	.month-people-wrap .txt-box-wrap h2,
	.month-people-wrap .txt-box-wrap h3 {
		text-align: center!important;
	}
	.main .month-people-wrap .visual-more {
		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;
	}

	.main-banners-wrap .row_inner {
		margin-top: 0 !important;
	}

	.main-slider-02-wrap .bx-wrapper {
		margin-left: -40px!important;
	}

	.main-visual .visual-txt {
		padding: 20px 10px;
	}


	/**
		* Sub Contents Css
		*/
	.menu-bar li a {
		padding: 0 7px!important;
	}
	.img-responsive img {
		width: 100%;
		height: auto;
	}

	.template05 .contents h3+p {
		width: 100%;
	}

	.professor .name-tag-wrap {
		padding-bottom: 20px;
	}

	.professor .professor-content-wrap .content-box .row .span7 {
		width: 100%;
		padding-right: 0
	} /* width: 447px; */
	.professor .professor-content-wrap .content-box .row .span5{overflow: hidden;width:100%;margin-top: 20px}
	.professor .professor-content-wrap .content-box .row .span5 .span12 {
		width: 49%;float: left;
	} /* width: 273px; */
	.professor .professor-content-wrap .content-box .row .span5 .span12:last-child{
		float: right;
		margin-left:1% !important
	}

	.aui .row {
		margin-left: 0!important;
	}

	ul.award-type{padding:0 40px;}
	ul.award-type li{padding:0 10px;}

	.common .not-enough-85 { width: 705px; }
	.common .sub-head .nav-tree dd{width:inherit !important;}

	/**
	* Template Type :: gallery
	*/
	#content.gallery .banner li{margin-left:0;width:350px;}
	#content.gallery .banner li:nth-child(odd){margin-right:10px;}
	#content.gallery .banner li:nth-child(even){margin-left:10px;}
	/* #content.gallery .banner li:nth-child(3),
	#content.gallery .banner li:nth-child(4){margin-top:20px} */
	#content.gallery .banner li a{width:100%;height:130px;}
	/*
	#content.gallery .banner li:nth-child(1) a{background:url(../../images/custom/templates/img_bn01.png) no-repeat 240px 150px;}
	#content.gallery .banner li:nth-child(2) a{background:url(../../images/custom/templates/img_bn02.png) no-repeat 240px 150px;}
	#content.gallery .banner li:nth-child(3) a{background:url(../../images/custom/templates/img_bn03.png) no-repeat 240px 150px;}
	#content.gallery .banner li:nth-child(4) a{background:url(../../images/custom/templates/img_bn04.png) no-repeat 240px 150px;}
	*/
	#content.gallery .m-list>div{width:100%;}
	#content.gallery .m-list>div:nth-child(odd){margin-right:0;}
	#content.gallery .m-list>div:nth-child(even){margin-left:0;padding-top:0;}

	/**
	* Template Type :: landing
	*/
	#content.landing .banner li{margin-left:0;width: 233px;}
	#content.landing .banner li{margin-left:10px;}
	#content.landing .banner li:first-child{margin-left:0px;}
	#content.landing .banner li a{width:100%;font-size:20px;padding:45px 0 0 100px;}
	#content.landing .banner li:nth-child(1) a{background:url(../../images/custom/templates/img_bn01.png) no-repeat 35px 50px;background-size:50px auto;}
	#content.landing .banner li:nth-child(2) a{background:url(../../images/custom/templates/img_bn02.png) no-repeat 35px 50px;background-size:50px auto;}
	#content.landing .banner li:nth-child(3) a{background:url(../../images/custom/templates/img_bn03.png) no-repeat 25px 50px;background-size:50px auto;padding-left:90px;}
	#content.landing .board-list th{line-height:130%;vertical-align:middle;padding-left:5px;padding-right:5px;}
	#content.landing .board-list td{padding-left:5px;padding-right:5px;}
	#content.landing .board-list .ul-pd{padding-left:10%}



/**
	* Sub Contents Css addition
	*/
	.tab-dth1.tab-ui .span3,
	.tab-dth1.tab-ui .tab-3 .span3:first-child,
	.tab-dth1.tab-ui .tab-3 .span3 {
		width: 50%;
	}

}

@media all and (min-width: 993px) and (max-width: 1199px) {

/**
	* Dummy Option
	*/
	.community-main-box01 {
		width: 1100px;
	}
	.invisible-desktop {
		display: none !important;
	}

	#header .search-wrap {
		width: 82px;
		height: 84px;
		margin-top: 0;
		margin-left: 17px;
	}
	#footer .panel-menu-wrap .panel-menu-list {
		height: 450px;
	}

	.professor-content-wrap .content-box .row .span5 .span12 {
		width: 352px;
	}
	.panel-menu-list-wrap.span6.row {
		width: 550px!important;
	}
	.panel-menu-btn,
	#footer .panel-menu-wrap .panel-menu-btn a {
		height: 44px;
	}

	.main-visual .visual-txt {
		padding: 20px 10px;
	}

}

@media all and (min-width: 1200px) {

/**
	* Dummy Option
	*/
	.community-main-box01 {
		width: 1100px;
	}
	.invisible-desktop {
		display: none !important;
	}

	#header .search-wrap {
		width: 82px;
		height: 84px;
		margin-top: 0;
		margin-left: 17px;
	}
	#footer .panel-menu-wrap .panel-menu-list {
		height: 450px;
	}

	.template05 .contents h3+p {
		width: 77%;
	}

	.professor-content-wrap .content-box .row .span5 .span12 {
		width: 352px;
	}

	.panel-menu-list-wrap.span6.row {
		width: 550px!important;
	}
	.panel-menu-btn,
	#footer .panel-menu-wrap .panel-menu-btn a {
		height: 44px;
	}

	.main-visual .visual-txt {
		padding: 20px 10px;
	}
}

@media all and (min-width: 993px) {
	#content.gallery .banner li:nth-child(1), 
	#content.gallery .banner li:nth-child(5), 
	#content.gallery .banner li:nth-child(9), 
	#content.gallery .banner li:nth-child(13), 
	#content.gallery .banner li:nth-child(17){margin-left: 0;}
}

/* 마이크로사이트 갤러리형 타입 */
@media all and (min-width: 570px) {
	#content.gallery .banner li.bn_type1,
	#content.gallery .banner li.bn_type2,
	#content.gallery .banner li.bn_type3,
	#content.gallery .banner li.bn_type4{background-size:100%;}
}
@media all and (max-width: 569px) {
	#content.gallery .banner li.bn_type1,
	#content.gallery .banner li.bn_type2,
	#content.gallery .banner li.bn_type3,
	#content.gallery .banner li.bn_type4{background-size:auto 130px;}
}


/*2016-12-27 타블릿 gnb수정*/
.aui .main-slider-02 .people-thumb-img img{max-width: inherit;margin-left: -36px;}  
.main .main_banner .bx-wrapper .bx-controls{display: block}

@media (max-width: 992px) and (min-width: 769px){
    .aui #header .site-navigation{float: left}
    .aui .invisible-mobile .site-navigation .navbar .bs-ul>li{margin-left: 20px}
    .aui .invisible-mobile .site-navigation .navbar .bs-ul>li:first-child{margin-left: 10px}
    .aui .invisible-mobile .site-navigation .navbar .bs-ul>li>a{line-height: 74px}
    .aui .site-navigation .navbar .bs-ul>li .dep2>li:first-child a{padding-top: 20px;}
    .aui .bg-nav{top: 111px;}
}