@charset "utf-8";

/***********************************************
* 한양대 리뉴얼 2016 Css 통합서비스센터
***********************************************/

/*
* MAIN
*/
.cs.main {padding-bottom:0 !important}
.cs .content-box-wrap {background-color:#eceef2}
.cs .visual-wrap {background:url(../../images/custom/cs/visual_cs.jpg) no-repeat center 0}
.cs .template-wrap {height:332px}
.cs .template-wrap .visual-title {display:inline-block;padding:65px 57px 0 0;margin-top:0;width:auto;height:auto;box-sizing: border-box;background-image:url(../../images/custom/templates/bg_vtitle.png);background-repeat:no-repeat;background-position:right 53px;float:left}
.cs .template-wrap .visual-title {color:#fff}
.cs .template-wrap .visual-title h3 {
	font-weight:bold;
	line-height:140%;
	letter-spacing:-0.025em;
	font-size:46px;padding-bottom:10px;
}
.cs .template-wrap .visual-title h3 span {display:inline-block;vertical-align:top;padding-top:3px}
.cs .template-wrap .visual-title p {font-size:18px;padding-bottom:40px}
.cs .template-wrap .visual-title .go {display:inline-block;padding:10px 18px 10px 26px;border-radius:25px;border:2px solid #fff}
.cs .template-wrap .visual-title .go a {font-size:16px;letter-spacing:-0.07em;font-weight:bold;color:#fff;background:url(../../images/custom/cs/comm_location_go.png) no-repeat right center;padding-right:22px}
.cs .template-wrap .visual-bg-title {background:url(../../images/custom/cs/bg_vtitle.png), url(../../images/custom/cs/bg_title_box.png);background-repeat:no-repeat, repeat;background-position:0 0;float:right;margin-top:65px;padding:34px 30px 39px 38px}
.cs .template-wrap .visual-bg-title .bg {background: url(../../images/custom/cs/bg_visual_icon.png) no-repeat right 8px;padding-right:156px}
.cs .template-wrap .visual-bg-title strong {font-size:28px;color:#fff;line-height:38px;display:block;padding-bottom:27px}
.cs .template-wrap .visual-bg-title .go {display:inline-block}
.cs .template-wrap .visual-bg-title .go a {font-size:16px;letter-spacing:-0.07em;font-weight:bold;color:#fff;background:url(../../images/custom/cs/comm_location_go.png) no-repeat right center;padding-right:22px}
/* .cs-content-wrap .content-box .row .span4 {padding-left:20px} */
/* .cs-content-wrap .content-box .row .span4:first-child {padding-left:0} */
.cs-content-wrap .content-box .span4 {}
.cs-content-wrap .content-box .span4 .box-img {background-color:#fff;padding: 32px 30px 30px 34px;}
.cs-content-wrap .content-box .span4 .box-img h4 {color:#333;font-size:22px;font-weight:bold;line-height:28px;letter-spacing:-0.07em;padding-bottom:22px;height:56px}
.cs-content-wrap .content-box .span4 .box-img p {color:#666;font-size:14px;line-height:20px;letter-spacing:-0.07em}
.cs-content-wrap .content-box .row {margin-bottom:0}
.cs-content-wrap .content-box .row.first {margin-bottom:20px}
.i-cs01 {background:url(../../images/custom/cs/img_bn01.png) no-repeat right 30px top 36px}
.i-cs02 {background:url(../../images/custom/cs/img_bn02.png) no-repeat right 30px top 36px}
.i-cs03 {background:url(../../images/custom/cs/img_bn03.png) no-repeat right 30px top 36px}
.i-cs04 {background:url(../../images/custom/cs/img_bn04.png) no-repeat right 30px top 36px}
.i-cs05 {background:url(../../images/custom/cs/img_bn05.png) no-repeat right 30px top 36px}
.i-cs06 {background:url(../../images/custom/cs/img_bn06.png) no-repeat right 30px top 36px}



/***********************************************
* Reponsive Base Layout
***********************************************/
@media all and (max-width: 768px) {
	#content.cs {padding-left:0;padding-right:0}
	.cs .template-wrap {height:200px}
	.cs .visual-wrap {background-size:auto 100%}
	.cs .template-wrap .visual-title {padding: 20px 0 0 0;background-size:26px auto;background-position: right 19px;}
	.cs .template-wrap .visual-title h3 {font-size:23px;padding-bottom:5px}
	.cs .template-wrap .visual-title p {font-size:12px;padding-bottom: 20px;}
	.cs .template-wrap .visual-title .go {border-width:1px;padding:5px 9px 5px 13px}
	.cs .template-wrap .visual-title .go a {font-size:12px;background-size:5px auto;padding-right:11px}
	.cs .template-wrap .visual-bg-title {margin-top: 0;padding: 12px;position: absolute;right: 0;bottom: 0;}
	.cs .template-wrap .visual-bg-title .bg {background-size: 50px auto;padding-right: 60px;background-position:right 4px;}
	.cs .template-wrap .visual-bg-title strong {font-size:14px;line-height:1.5em;padding-bottom:14px}
	.cs .template-wrap .visual-bg-title .go a {font-size:12px;background-size:5px auto;padding-right:11px}
	.cs-content-wrap .content-box .row {margin-bottom:0}
}

@media all and (min-width: 769px) and (max-width: 992px) {
	.i-cs01, .i-cs02, .i-cs03, .i-cs04, .i-cs05, .i-cs06 {background-position:right 15px top 20px}
}

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

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