@charset "utf-8";

/***********************************************
* 한양대 리뉴얼 2016 Css 마이크로사이트 CMS
***********************************************/

/*
* MAIN
*/
.common #content.cms.main {padding-bottom:0}
.common .content-box-wrap {background-color:#fff}
.cms .visual-wrap {background:url(../../images/custom/cms/visual.jpg) no-repeat center 0}
.cms .template-wrap .visual-title {display:inline-block;padding-top: 41px;margin-top:0;width:auto;height:auto;box-sizing:border-box;}
.cms .template-wrap .visual-title {color:#fff}
.cms .template-wrap .visual-title h4 {font-size:19px;color:#1a4c9c;font-weight:bold;text-transform:uppercase;letter-spacing:-0.03em;padding-bottom:7px}
.cms .template-wrap .visual-title h3 {
	font-size:34px;
	color:#1a4c9c;
	font-weight:bold;
	line-height: 1em;
	letter-spacing:-0.07em;
	padding-bottom: 14px;
}
.cms .template-wrap .visual-title .txt {color:#333;font-size:16px;padding-bottom:28px;letter-spacing:-0.07em}
.cms .template-wrap .visual-title .method {background-color:rgba(49,44,35,0.49);color:#fff;font-size:16px;display:inline-block;padding:6px 20px 7px;border-radius:20px;letter-spacing:-0.07em}
.cms .template-wrap .visual-title .method strong {background:url(../../images/custom/cms/tpl_bullet_circle.png) no-repeat 0 center;padding-left:9px}
.cms .template-wrap .visual-title .method span:nth-child(2) {background:url(../../images/custom/cms/bg_liner.png) no-repeat 0 5px;padding-left:12px;margin-left:8px}
.cms .template-wrap .visual-title .method span {background:url(../../images/custom/cms/tree_arw.png) no-repeat 0 center;padding-left:13px;margin-left:3px}
.cms.main [class*='span'] {
	margin-left: 0!important;
}
.cms.main .content-box-wrap {background:#eceef2;box-sizing:border-box;padding-top:30px}
.cms .content-box-wrap {padding-top:65px}
.cms.main .row {
	margin-left: 0;
}
.cms.main .span6 {
	width:50%!important;
}
.cms.main .box-cms-banner.span3 {
	width:25%;
	height: 114px;
	box-sizing: border-box;
	padding: 0 12px;
	background: url(../../images/custom/cms/bg_pattern.png) right top no-repeat;
}
.cms.main .row .span3:first-child {
	padding-left: 0;
}
.cms.main .row .span3:last-child {
	padding-right: 0;
}
.cms.main .box-cms-banner .cms-banner {
	width: 100%; height: 100%;
	background: url(../../images/custom/cms/bg_pattern.png) right top no-repeat;
}

.cms.main .box-cms-banner .cms-banner01 {background-color:#fdb823}
.cms.main .box-cms-banner .cms-banner02 {background-color:#fc843b}
.cms.main .box-cms-banner .cms-banner03 {background-color:#597be8}
.cms.main .box-cms-banner .cms-banner04 {background-color:#00c2d1}

.cms.main .cms-banner a {
	display: inline-block;
	box-sizing: border-box;
	padding: 33px 0 0 24px;
	width: 100%; 
	height: 100%;
	background-position: right top; 
	background-repeat: no-repeat;
} 
.cms.main .box-cms-banner:nth-child(4) a {
	padding-top: 44px;
}
.cms.main .cms-banner a:hover {
	text-decoration: none;
	text-decoration:none; filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;
}

.cms.main .box-cms-banner .cms-banner01 a {background-image: url(../../images/custom/cms/bn_icon_01.png);}
.cms.main .box-cms-banner .cms-banner02 a {background-image: url(../../images/custom/cms/bn_icon_02.png);}
.cms.main .box-cms-banner .cms-banner03 a {background-image: url(../../images/custom/cms/bn_icon_03.png);}
.cms.main .box-cms-banner .cms-banner04 a {background-image: url(../../images/custom/cms/bn_icon_04.png);}

.cms.main .cms-banner a h5 {
	font-size: 18px; font-weight: bold;
	letter-spacing: -0.07em; line-height: 27px;
	color: #fff;
}
.cms.main .cms-banner a h6 {
	font-size: 14px; font-weight: normal;
	letter-spacing: -0.07em; line-height: 23px;
}
.cms.main .cms-banner01 a h6 {color: #fff;}
.cms.main .cms-banner02 a h6 {color: #ffff76;}
.cms.main .cms-banner03 a h6 {color: #b2f6ff;}
.cms.main .row .box-cms-notice.box-type01 .box li {padding-top:12px;padding-bottom:10px}
.cms.main .row .box-cms-notice.box-type01 .box li:after {content:'';display:block;clear:both}
.cms.main .row .box-cms-notice.box-type01 .box li a {
	width: 375px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;box-sizing:border-box;
}
.cms.main .span12 {
	width:100%!important;
}
.cms.main .span12 .span2 {
	width:184px;
	box-sizing: border-box;
	padding-left: 14px;
}
.cms.main .span12 .span2:last-child {
	width:120px;
}
.cms.main .box-cms-link li {
	margin-top: 10px;
}
.cms.main .box-cms-link a {
	font-size: 16px; color: #333;
	font-weight: bold;
}

/*
* SUB
*/
.cms .board-list.tac th {word-break:break-all;padding-left:5px;padding-right:5px}
.cms .board-list.tac td {word-break:break-all;text-align:center;vertical-align:middle;padding-left:5px;padding-right:5px;word-break:break-all}
.cms .board-list.tac td a {text-decoration:underline}
.cms .d-title2 {padding-bottom:20px}
.cms .selects-warp span {font-size:14px;color:#333333;padding-right:6px}
.cms .tab-dth1 > ul > li {width:183px}
.cms .tab-dth1 > ul > li:first-child, .cms .tab-dth1 > ul > li:last-child {width:184px}
.cms .txt_require {font-size:16px;color:#666666;letter-spacing:-0.05em;padding-bottom:14px}
.cms .form-button-wrap.btn-margin {padding:0}

/* table */
.table-cms colgroup .form-column {width:16.19%}
.table-cms th {padding:0 0 0 30px;text-align:left;vertical-align:middle;word-break:break-all}
.table-cms td {padding: 14px 20px !important;word-break:break-all}
.table-cms td.blank {padding:14px 20px 4px !important}
.table-cms .span6 {padding-right:5px;box-sizing:border-box}
.table-cms .span6:nth-child(2) {padding:0 0 0 5px}
.table-cms .span6 button[class*="confirm"] {
	display:inline-block;
	width:95px;
	height:36px;
	line-height:36px;
	vertical-align:middle;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;float:right;
}
.table-cms .span6 .selects-warp {min-height:36px}
.table-cms .verify .common-input-text {width:-moz-calc(100% - 105px);width:-webkit-calc(100% - 105px);width:-o-calc(100% - 105px);width:calc(100% - 105px);margin-bottom:0}
.table-cms .verify .span6:after {content:'';display:block;clear:both}
.table-cms .comment-input-box .user-box input[type="text"], .table-cms .comment-input-box .common-textarea {
	border:solid 1px #d4d4d4;background-color:#fff;
	box-sizing: border-box;width:100%;height:72px;
}
.table-cms .textarea-box textarea {width:100%}
.table-cms .radio-wrap {padding:20px 20px 5px}
.table-cms .radio-wrap .thumbnails {margin-left:0}
.table-cms .radio-wrap .thumbnails p {border:1px solid #ccc;margin-bottom:8px}
.table-cms .radio-wrap .thumbnails .span6 {padding-right:10px;margin-bottom:15px}
.aui .table-cms .radio-wrap .thumbnails .span6 > p > img{width:100%;}
.table-cms .radio-wrap .thumbnails .span6:nth-child(even) {padding:0 0 0 10px}
.table-cms .full {width:100%;margin:0}
.table-cms .srh_word button {font-size:16px;font-weight:bold;float:left;margin-left:10px;height:36px;line-height:36px}
.table-cms .srh_word .common-input-text {float:left;margin:0;width:514px}
.table-cms .srh_word .confirm-gray {width:128px}
.table-cms .srh_word .confirm-ivory {width:134px}
.table-cms .dir-sort {margin-left:-10px}
.table-cms .dir-sort:after {content:'';display:block;clear:both}
.table-cms .dir-sort span {float:left;margin-left:10px;padding-bottom:10px}
.table-cms .dir-sort button[class*="confirm"] {width:98px;height:36px;line-height:36px;display:block;border:1px solid #ccc;font-size:16px;color:#333333;font-weight:bold;text-align:center}
.table-cms .dir-sort .active button[class*="confirm"] {border:1px solid #00477f;background-color:#00477f;color:#fff}
.table-cms .idx-search {margin-left:-11px}
.table-cms .idx-search:after {content:'';display:block;clear:both}
.table-cms .idx-search span {float:left;margin-left:11px;padding-bottom:10px}
.table-cms .idx-search span:nth-child(2), .table-cms .idx-search span:nth-child(3), .table-cms .idx-search span:nth-child(4) {margin-left:10px}
.table-cms .idx-search button[class*="confirm"] {width:53px;min-width:53px;height:36px;line-height:36px;display:block;border:1px solid #ccc;font-size:16px;color:#333333;font-weight:bold;text-align:center}
.table-cms .idx-search .active button[class*="confirm"] {border:1px solid #00477f;background-color:#00477f;color:#fff}
.table-cms-result {border-bottom:none}
.table-cms-result .span6 {padding:0 20px;box-sizing:border-box}
.table-cms-result .row {width:100%;border-bottom: solid 1px #ccc;padding:12px 0;display:block !important;box-sizing:border-box}

.table-cms-result td {padding: 12px 20px;padding: 0;border-bottom: none;}
.table-cms-result .col_major {width:35.09%;width: 33.92%;}
.table-cms-result .col_major .badge {display:inline-block;width:30px;height:30px;border-radius:50%;background-color:#11bdad;font-size:12px;font-weight:bold;color:#fff;text-align:center;padding:0;line-height:29px;vertical-align:middle;margin-left:5px}
.table-cms-result .col_btn {padding:0 20px;padding:0;width:64.91%;box-sizing:border-box;position:relative;width: 66.08%;padding-left: 20px;}
.table-cms-result .col_btn span {float:left;margin-left:10px}
.table-cms-result .col_btn span:first-child {margin-left:0}
.table-cms-result .col_btn button[class*="confirm"] {font-size:14px;font-weight:bold;height:30px;line-height:30px}
.table-cms-result .col_btn .intro button[class*="confirm"] {width:62px;min-width:62px}
.table-cms-result .col_btn .home button[class*="confirm"] {width:88px}
.table-cms-result .col_btn .sns button[class*="confirm"] {width:75px}
.table-cms-result .col_btn .mail button[class*="confirm"] {width:62px;min-width:62px}
.form-update colgroup .form-column1 {width:17.73%}
.form-update colgroup .form-column2 {width:41.13%}
.form-update colgroup .form-column3 {width:21.41%}
#home-regist .form-update button[class*="confirm"] {width:95px;margin-left:10px}
#home-regist .form-update .common-input-text {width:100%;height:36px;line-height:36px}
#home-regist .form-update .common-input-text.w72 {width:-moz-calc(100% - 105px);width:-webkit-calc(100% - 105px);width:-o-calc(100% - 105px);width:calc(100% - 105px)}
#home-regist .selects-warp {min-height:36px}
#home-regist .selects-warp select {width:100%}
#home-regist .form-board-request .common-textarea {
	background-color: #ffffff;padding:0.875em;min-height:72px;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#home-regist .modal-footer button[class*="confirm-sm"]{margin-left:8px;margin-right:8px}

/* popup */
.board-list.table-cms-result td .pop-intro {display:none}
.board-list.table-cms-result td .pop-intro:after {content:'';display:block;clear:both}
.pop-intro {position:relative;width:666px;border:2px solid #cccccc;background-color:#fff;position:absolute;/*left:0;*/top:42px;z-index:1;padding:0 20px}
.pop-intro .pop-header {
	padding: 15px 0 7px;
	width:100%;
	font-size:14px;
	font-weight:bold;box-sizing:border-box;
}
.pop-intro .pop-header .close {
	margin-top:2px;
}
.pop-intro .pop-header h3 {
	margin:0;
	line-height:30px;font-family:dotum;color:#666666;font-size:14px;font-weight:bold;
}
.pop-intro .pop-body {
	position:relative;
	max-height:400px;
	overflow-y:auto;
	padding:12px 0 14px;box-sizing:border-box;border-top:1px solid #cccccc;
	width:100%;
}
.pop-intro .pop-body p {font-size:12px;line-height:18px;font-family:dotum;color:#666}
.pop-intro .pop-footer {
	position: absolute !important;
	right: 20px;
	top: 22px;
}
.pop-intro .pop-footer:after {content:'';display:block;clear:both}
.pop-intro .pop-footer .pop_close {background: url(../../images/custom/cms/pop_close.png) no-repeat 0 0;text-indent:-999em;width:15px;height:15px;overflow:hidden;float:right}
.pop-intro .arrow {
	position: relative;
	background: #fff;
	float: none !important;
	display: block !important;
}
.pop-intro .arrow:after, .pop-intro .arrow:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.pop-intro .arrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 7px;
}
.pop-intro .arrow:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 10px;
}
.table-cms-result .span6:nth-child(odd) .pop-intro {left:20px}
.table-cms-result .span6:nth-child(odd) .pop-intro .arrow:before {margin-left:-30px}
.table-cms-result .span6:nth-child(odd) .pop-intro .arrow:after {margin-left:-27px}
.table-cms-result .span6:nth-child(odd) .pop-intro .arrow:after, .table-cms-result .span6:nth-child(odd) .pop-intro .arrow:before {left:27px}
.table-cms-result .span6:nth-child(even) .pop-intro {right:0}
.table-cms-result .span6:nth-child(even) .pop-intro .arrow:before {margin-left:-30px}
.table-cms-result .span6:nth-child(even) .pop-intro .arrow:after {margin-right:3px}
.table-cms-result .span6:nth-child(even) .pop-intro .arrow:after, .table-cms-result .span6:nth-child(even) .pop-intro .arrow:before {right:254px}

.cms .bbs .tables-board-wrap {overflow: visible;}

/***********************************************
* Reponsive Base Layout
***********************************************/
@media all and (max-width: 768px) {
	#header .util-menu-wrap {padding-right:20px !important}
	.cms .template-wrap .visual-title {padding-top:25px}
	.cms .template-wrap .visual-title h3 {font-size:26px}
	.cms .template-wrap .visual-title h4 {font-size:15px}
	.cms .template-wrap .visual-title .txt {font-size:12px;padding-bottom:15px}
	.cms .template-wrap .visual-title .method {font-size:12px;padding:6px 15px 7px}
	.cms .template-wrap .visual-title .method strong {display:block}
	.cms .template-wrap .visual-title .method span:nth-child(2) {background-image:none;padding-left:0}
	#content.cms {padding-left:0;padding-right:0}
	.cms.main .span6 {width:100% !important}
	.content-box .row .span6:first-child {padding-right:0}
	.content-box .row .span6:last-child {padding-left:0}
	.cms.main .box-cms-banner.span3 {width:100%;padding:0;margin-bottom:10px}
	.cms.main .row .span3:last-child {margin-bottom:18px}
	.cms.main .span12 .span2, .cms.main .span12 .span2:last-child {width:50%}
	.cms .notice .board-count.float-left {min-height:auto}
	#content.cms .content-box-wrap {padding-top:65px !important}
	#content.cms.main .content-box-wrap {padding-top:30px !important}
	.cms .bbs .tables-board-wrap .d-title2.float-left {float:none}
	.cms .bbs .tables-board-wrap .board-share.float-right {float:none}
	.cms .board-list.tac th, .cms .board-list.tac td {word-break:break-all;line-height:140%;vertical-align:middle}
	/* .cms .table-cms td {padding:14px 20px 4px !important} */
	.cms .table-cms .row {margin-left:0}
	.cms .table-cms .verify .span6 {padding:0}
	.cms .table-cms .verify .span6:first-child {margin-bottom:10px}
	.table-cms .radio-wrap .thumbnails .span6 {padding:0 !important}
	.table-cms .radio-wrap .thumbnails .span6 img {width:100%}
	.table-condensed.table-cms th {padding:0 0 0 15px}
	.pop-intro {top:13px}
	.table-cms th {padding:0 10px}
}

@media all and (min-width: 769px) and (max-width: 992px) {
	.cms.main .box-cms-banner.span3 {width:50%}
	.cms.main .box-cms-banner.span3:nth-child(even) {padding-right:0}
	.cms.main .box-cms-banner.span3:nth-child(odd) {padding-left:0}
	.cms.main .box-cms-banner.span3:nth-child(1), .cms.main .box-cms-banner.span3:nth-child(2) {margin-bottom:15px}
	.cms.main .span12 .span2, .cms.main .span12 .span2:last-child {width:25%}
	.table-cms th {padding:0 0 0 15px}
}

@media all and (max-width: 992px) {
	.cms.main .row .box-cms-notice.box-type01 .box li a {width:-moz-calc(100% - 80px);width:-webkit-calc(100% - 80px);width:-o-calc(100% - 80px);width:calc(100% - 80px)}
	.cms .template-wrap .visual-title {width:90%}
	.cms .tab-dth1 > ul > li {width:33.33% !important}
	.table-cms colgroup .form-column {width:20%}
	.table-cms .srh_word .common-input-text {width:-moz-calc(100% - 86px);width:-webkit-calc(100% - 86px);width:-o-calc(100% - 86px);width:calc(100% - 86px)}
	.table-cms .srh_word .confirm-gray {width:49%;margin:7px 1% 0 0}
	.table-cms .srh_word .confirm-ivory {width:49%;margin:7px 0 0 1%}
	.table-cms .idx-search span {margin-left:11px !important}
	.table-cms-result {border-bottom:none}
	.table-cms-result .row {padding:0;border-bottom:none}
	.table-cms-result td {padding:0;border-bottom:none}
	#home-regist .form-board-request.board-view th {word-break:break-all}
	#home-regist .form-update .common-input-text.w72 {width:100% !important}
	#home-regist .form-update button[class*="confirm"] {width:100%;margin:7px 0 0 0}
	.pop-intro {width:100%;box-sizing:border-box}
	.table-cms-result .col_major {width:100%;margin-bottom:10px}
	.table-cms-result .col_btn {padding:0;width:100%}
	.table-cms-result .col_btn span {margin-left:4px}
	.table-cms-result .span6 {width:100% !important;padding:12px 0;box-sizing:border-box;border-bottom:1px solid #ccc}
	.table-cms-result .span6:after {content:'';display:block;clear:both}
	.table-cms-result .span6:nth-child(odd) .pop-intro,
	.table-cms-result .span6:nth-child(even) .pop-intro {left:0}
	.table-cms-result .span6:nth-child(even) .pop-intro .arrow:after, .table-cms-result .span6:nth-child(even) .pop-intro .arrow:before {left:27px}
	.table-cms-result .span6:nth-child(even) .pop-intro .arrow:after {margin-right:0;margin-left:-27px}
}

@media (max-width: 320px){
    #header .util-menu-wrap {padding-right: 0 !important;}
}