@charset "utf-8";

/***********************************************
* 한양대 리뉴얼 2016 Css H-HUB
***********************************************/
.w_container {width:900px;margin:0 auto}
.common .w_hub #header {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
#content.hub .content-box-wrap {padding:0}
#content.hub .content-box .row {margin-bottom:0}
.hub-hd-wrap {text-align:center;padding:68px 0 51px}
.hub-hd-wrap h1 {padding-bottom:41px}
.integrate-search {border:3px solid #1258a9;background-color:#1258a9}
.integrate-search:after {content:'';display:block;clear:both}
.integrate-search .selects-warp {float:left}
.integrate-search .selects-warp select {background:#fff url(../../images/custom/hub/select_arw.png) no-repeat right 15px center;width:176px;font-size:18px;height:55px !important;line-height:55px !important;border:none}
.integrate-search .inp-srch, .aui .integrate-search input.inp-srch[type="text"] {width:616px;height:55px;line-height:55px;padding-left:15px;border-radius:0;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;float:left;margin-bottom:0;background:#fff url(../../images/custom/hub/bg_line.png) no-repeat left center}
.integrate-search .inp-srch:focus {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.integrate-search .btn-srch {width:102px;height:55px;line-height:55px;background-color:#1258a9;font-size:20px;color:#fff;font-weight:bold;float:left}
.hub .tab-dth1 {margin-bottom:38px;width: 100%;overflow: hidden;}
.hub .tab-dth1 .nav-tabs {margin-bottom:39px}
.hub .tab-dth1 > ul > li {width:20%;height:59px}
.hub .tab-dth1 > ul > li a {font-size:20px}
.hub .tab-dth1 .span3 {width:25%;box-sizing:border-box;margin-bottom:40px;padding-left: 52px;}
.hub .tab-dth1 .span3 a {display:block;text-align:center}
.hub .tab-dth1 .span3 h3 {font-size:17px;font-weight:bold;color:#333;border-bottom:1px solid #ccc;padding-bottom:21px !important;height:25px !important;line-height:25px !important;}
.hub .tab-dth1 .span3 a:hover {text-decoration:none}
.hub .tab-dth1 .span3 a:hover h3 {border-bottom:6px solid #fdb823;padding-bottom:16px !important;}


/*tab ui 변경 적용 css*/
.hub .tab-type5-fix {margin-bottom:38px;width: 100%;overflow: hidden;}
.hub .tab-type5-fix .nav-tabs {margin-bottom:39px}
.hub .tab-type5-fix > ul > li {width:20%;height:59px}
.hub .tab-type5-fix > ul > li a {font-size:20px}
.hub .tab-content {width: 952px; margin-left: -52px;}
.chn .hub .tab-content,
.eng .hub .tab-content {width: 900px; margin-left:0;}
.chn .hub .tab-content .span3 a, .chn .hub .tab-content .span3 h3,
.eng .hub .tab-content .span3 a, .eng .hub .tab-content .span3 h3{display:block;text-align:center;}
.chn .hub .tab-content .span3:nth-child(4n+1),
.eng .hub .tab-content .span3:nth-child(4n+1){clear:both;}
.hub .tab-type5-fix .span3 {width:25%;box-sizing:border-box;margin-bottom:40px;padding-left: 52px;}
.hub .tab-type5-fix .span3 a {display:block;text-align:center}
.hub .tab-type5-fix .span3 h3 {font-size:17px;font-weight:bold;color:#333;border-bottom:1px solid #ccc;padding-bottom:21px !important;height:25px !important;line-height:25px !important;}
.hub .tab-type5-fix .span3 a:hover {text-decoration:none}
.hub .tab-type5-fix .span3 a:hover h3 {border-bottom:6px solid #fdb823;padding-bottom:16px !important;}
.hub .tab-box-wrap.tab-dth1 .tab-box-wrap[class *= "tab-type"] .nav-tabs > li.active {position:relative;}
.hub .tab-box-wrap.tab-dth1 .tab-box-wrap[class *= "tab-type"] .nav-tabs > li.active>a {font-weight:bold;color:#fff;background:#128fdc;}
.hub .tab-box-wrap.tab-dth1 .tab-box-wrap[class *= "tab-type"] .nav-tabs > li.active:after {bottom:-15px !important;left:50% !important;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136, 183, 213, 0) !important;border-top-color:#128fdc !important;border-width:8px !important;margin-left:-8px !important;}

/***********************************************
* Reponsive Base Layout
***********************************************/
@media all and (max-width: 768px) {
	.w_container {width:100%;min-width:100%}
	.common .w_hub #header {border-bottom:none}
	.hub-hd-wrap {padding:12px 14px 0}
	.common .w_hub #gnb h1 {padding-bottom:20px;height:37px}
	.common .w_hub #gnb h1 img {height:37px}
	.integrate-search {margin-bottom:20px;border-width:2px}
	.integrate-search .selects-warp {width:90px}
	.integrate-search .selects-warp select {width:100%;font-size:15px;height:40px !important;line-height:40px !important;background-size:10px auto;background-position:right 7px center}
	.hub-hd-wrap .integrate-search .selects-warp select{margin-bottom: 0;}
	.integrate-search .inp-srch, .aui .integrate-search input.inp-srch[type="text"] {width:-moz-calc(100% - 151px);width:-webkit-calc(100% - 151px);width:-o-calc(100% - 151px);width:calc(100% - 151px);height:40px;line-height:40px;background-size:1px 18px;margin-bottom:0;}
	.integrate-search .btn-srch {width:61px;height:40px;line-height:40px;font-size:15px}
	.hub .tab-content {width: 100%; margin-left: 0;}
	.hub .tab-dth1 .nav-tabs {margin-bottom:23px}
	.hub .tab-dth1 > ul > li {height:45px}
	.hub .tab-dth1 > ul > li a {font-size:15px}
	.hub .tab-dth1 > ul > li a, .hub .tab-box-wrap.tab-dth1 .nav > li > a:hover {line-height:45px}
	.common .hub .tab-dth1 .span3 {width:50% !important; float: left;}
	.hub .tab-dth1 .span3 {margin-bottom:30px;}
	.hub .tab-dth1 .span3:nth-child(odd) {padding-right: 10px; padding-left: 0;}
	.hub .tab-dth1 .span3:nth-child(even) {padding-left: 10px;}
	.hub .tab-dth1 .span3 h3 {font-size:15px;height:40px;line-height:40px}
	.hub .tab-dth1 .span3 h3 {padding-bottom:2px}
	.hub .tab-dth1 .span3 img {height:45px}
	.hub .tab-dth1 .span3 a:hover h3 {border-bottom-width:3px;padding-bottom:19px !important;}

	/*tab ui 변경 적용 css*/
	.hub .tab-type5-fix .nav-tabs {margin-bottom:23px}
	.hub .tab-type5-fix > ul > li {height:45px}
	.hub .tab-type5-fix > ul > li a {font-size:15px}
	.hub .tab-type5-fix > ul > li a, .hub .tab-box-wrap.tab-dth1 .nav > li > a:hover {line-height:45px}
	.common .hub .tab-type5-fix .span3 {width:50% !important; float: left;}
	.hub .tab-type5-fix .span3 {margin-bottom:30px;}
	.hub .tab-type5-fix .span3:nth-child(odd) {padding-right: 10px; padding-left: 0;}
	.hub .tab-type5-fix .span3:nth-child(even) {padding-left: 10px;}
	.hub .tab-type5-fix .span3 h3 {font-size:15px;height:40px;line-height:40px}
	.hub .tab-type5-fix .span3 h3 {padding-bottom:2px}
	.hub .tab-type5-fix .span3 img {height:45px}
	.hub .tab-type5-fix .span3 a:hover h3 {border-bottom-width:3px;padding-bottom:19px !important;}


}

@media all and (min-width: 769px) and (max-width: 992px) {
	.w_container {width:720px;min-width:720px}
	.integrate-search .selects-warp {width:176px}
	.integrate-search .selects-warp select {width:100%}
	.integrate-search .inp-srch, .aui .integrate-search input.inp-srch[type="text"]{width:-moz-calc(100% - 278px);width:-webkit-calc(100% - 278px);width:-o-calc(100% - 278px);width:calc(100% - 278px)}
	.integrate-search .btn-srch {width:102px}

	.hub .tab-content {width: 750px; margin-left: -30px;}
	.hub .tab-dth1 .span3 {width:50%; margin-bottom:30px;padding-left: 30px;}
	/*tab ui 변경 적용 css*/
	.hub .tab-type5-fix .span3 {width:50%; margin-bottom:30px;padding-left: 30px;}

}