::-moz-selection { background: #0268aa; color: #fff; text-shadow: none; }
::selection { background: #f3732a; color: #fff; text-shadow: none; }


.content {
	max-width: 740px !important;
}

/* site */
@main-color: #fff;
@text-color : #000;
@url: '../img/common/';
// @container: 1200px;
@side: 200px;
// @content: @container - @side;
@bg-color: #fff;
@font-size: 14px;
@nrf_red: #F27329;
@nrf_brown: #534741;



/* 공동 */
html, body, form, div, p, dl, dt, dd, ul, ol, li, h1 {
	border: 0;
	margin: 0;
	// padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

p {
	margin: 0 0 15px 0;
	text-align: justify;
}

img {
	vertical-align: top;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;

	th {
		vertical-align: middle !important;
		text-align: center !important;;
	}
}

a img {
	border: 0;
}

.nrf_red {
	color: @nrf_red;
}
.nrf_brown {
	color: @nrf_brown;
}
.text-black {
	color: #000 !important;
}
.impact {
	color: #f3732a;
}
input, select, label { font-size: @font-size; }

strong {
	font-weight: bold !important;
}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import "http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css";

.myungjo {
	font-family: 'Nanum Myeongjo', Arial, sans-serif !important;
}

html {
	overflow-y: scroll;
	background: @bg-color;
	height: 100%;
}

body {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	line-height: 1.8;
	font-size: @font-size;
	color: @text-color;
}

h1, h2, h3, h4, h5, h6{
	font-weight: bold;
}



h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
}

.cd-main-content {
  // 없으면 슬라이딩시 인터
  background-color: @bg-color;
}

.blue {
	color: #1765ab;
}

.green {
	color: #318976;
}



// layout
.footer_side {
	width: 180px;
	float: left;
}
.side {
	width: 180px;
	position: relative;
	float: left;
	margin-right: 20px;

	// background: #a27a59;
	// position: absolute;
	// top: 0;
	// &.main {
	// 	bottom: 56px;
	// }
	// &.sub {
	// 	bottom: 10px;
	// }
	.other_wrap {
		position: absolute;
		bottom: 10px;
		z-index: 1;
	}
	&>.text-center {
		background: #fff;
		overflow: hidden;
	}
}

.logo_wrap {
	background: #fff;
	position: relative;
	.text_wrap {
		position: absolute;
		top: 105px;
		left: 0;
		width: 100%;
		color: #fff;
		p {
			text-align: left;
			display: block;
			padding-left: 20px;
			line-height: 1;
			&.year {
				font-family: 'Time New Roman', serif;
				font-size: 2.2em;
			}
			&.month {
				margin-top: -10px;
				font-family: 'Time New Roman', serif;
				font-size: 5em;
			}
			&.eng {
				// margin-top: 5px;
				font-family: 'Time New Roman', serif;
				font-size: 1.5em;
				margin-top: -20px;
			}
		}
	}
}

// 720 940 1140
.content {
	width: 940 - @side;
	// min-height: 900px;
	float: right;
}

.container {	
	max-width: 940px;
	margin: 0 auto 0 auto;
	clear: both;
	// overflow: hidden;
	position: relative;
}

header {
	background-color: @nrf_red;
	// box-shadow: 0px 0px 5px #cfcfcf;	
	text-align: center;
	#cd-menu-trigger {
		background-color: @nrf_red;
	}
	#cd-logo {
		font-size: 1em;
		color: #fff !important;
		display: inline;
		float: none;
		margin: 3px 0 0 0;
		position: absolute;
		top: 7px;
		bottom: 0px;
		left: 50%;
		margin-left: -100px;
		z-index: 5;
		img {
			height: 30px;
			float: left;
		}
		span {
			line-height: 30px;
			float: left;
			margin-left: 5px;
		}
	}
}

#bodyarea {
	// overflow: hidden;
	padding-bottom: 20px;
}

#footer {
	clear: both;
	margin: 20px 0 0 0;
	font-family: "Nanum Barun Gothic";
	// font-size: 0.7em;
	line-height: 12px;
	font-size: 10px;
	color: #7F7F7F;	
}

.nrf_select {
	width: 80%;
	font-size: 0.9em;
	padding: 2px;
	margin-top: 10px !important;;
	margin-bottom: 10px !important;;
	height: auto !important;
}

.other_wrap {
	margin-top: 407px;
}

.gnb_wrap {
	background: #B09B88;
	padding-bottom: 605px;
}

.gnb {
	padding: 35px 0;
	&>li {
		*zoom: 1;
		display: block;
		position: relative;
		// padding: 10px 0;
		text-align: center;
		&:hover {
			background: #857462;			
		}
		&>a {
			height: 35px;
			line-height: 35px;
			font-size: 15px;			
			// font-size: 1.1em;
			font-weight: bold;
			color: #fff !important;
			text-decoration: none !important;
		}
		&>ul {
			z-index: 999;
			position: absolute;
			display: none;
			top: 0;
			left: 0;
			z-index: 999;
			margin-left: 180px;
			width: 200px;
			min-height: 16px;
			background: #C0AFA0;
			li {
				padding: 5px 0;
				a {
					color: #fff !important;
					text-decoration: none !important;
					font-weight:bold;
					font-size:0.9em;
				}
			}
			li:hover, li.active {
				background: #91806E;
			
			}
		}
		&:hover > ul{
			display: block !important;
		}		
	}
}

iframe {
	z-index: 1;
}

.main_item {
	margin: 0;
	padding: 0;
	text-align: center;
	a, img {
		margin: 0;
		padding: 0;		
	}
	&.main_alim > a > img {
		margin-bottom: 15px;
	}
}

.main_wrap {
	padding: 8px 22px 22px 22px;
	background: #f5f5f5;
}

.main_item_wrap {
	overflow: hidden;
	.main_side {
		float: left;
		width: 153px;
		text-align: center;
		img {
			padding-top: 10px;
			padding-right: 15px;
		}
	}
	.main_content {
		float: left;
		width: 648 - 153px;
	}
}

.request_rss {
	margin: 10px 0;
	text-align: center;
	a {
		color: #757575;
		font-size: 0.9em;
		font-weight: bold;
		text-decoration: underline;
	}
}
.banner {
	padding: 0 0 10px 0;
	li {
		display: block;
		width: 80%;
		border: 1px solid #eee;
		background: #fff;
		text-align: center;
		margin: 5px auto;
	}
}




// 연구재단 공동
.visual_title {
	margin-top: 10px;
	border-bottom: 2px solid @nrf_red;
	padding: 0;
	span.title {
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
		small {
			font-size: 0.8em;
		}
		font-size: 1.2em;
		margin: 0;
		font-family: 'Nanum Gothic';
		font-weight: bold;
		color: #fff;
		background: @nrf_red;
		line-height: 2;
		padding: 5px 10px 0 10px;
		border-radius: 5px 5px 0 0;
	}
}

.nrf_title_tab {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	@li-pr: 2px;
	&.tab_by_5 {
		li {
		  -webkit-box-sizing: content-box;
		     -moz-box-sizing: content-box;
		          box-sizing: content-box;			
			@count: 5;
			width: ( 740px - (@count + 1) ) / @count ;
		}
	}
	&.tab_by_4 {
		li {
		  -webkit-box-sizing: content-box;
		     -moz-box-sizing: content-box;
		          box-sizing: content-box;			
			@count: 4;
			width: ( 740px - (@count + 1) ) / @count ;
		}
	}
	&.tab_by_2 {
		li {
		  -webkit-box-sizing: content-box;
		     -moz-box-sizing: content-box;
		          box-sizing: content-box;			
			@count: 2;
			width: ( 740px - (@count + 1) ) / @count ;
		}
		
	}
	&.tab_by_3 {
		li {
		  -webkit-box-sizing: content-box;
		     -moz-box-sizing: content-box;
		          box-sizing: content-box;			
			@count: 3;
			width: ( 740px - (@count + 1) ) / @count ;
		}
		
	}		
	li {
		margin-bottom: 5px;
		height: 31px;
		// padding-right: @li-pr;
		text-align: center;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
		border-right: 1px solid #666;
		&.first {
			border-left: 1px solid #666;
		}
		&.last {
			padding-right: 0 !important;
		}
		a {
			font-size: 1em;
			margin: 0;
			// font-weight: bold;
			color: #000;
			line-height: 1.5;
			padding: 5px 10px;
			border-radius: 0;
			background: #eee;
		}
		&.active, &:hover, &.active:hover {
			border-bottom: #fff 1px solid !important;
			a {
				color: #000 !important;
				background: #fff !important;
			}
		}	
	}
}

.sub_alert {
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 10px;
	a {
		font-weight: normal;
		font-size: 1.1em;		
	}
	&.warning {
		@tc: #ECE0CE;
		background: @tc;
		border: 1px solid darken(@tc, 10%);
		a {
			color: darken(@tc, 60%) !important;
		}
	}
	&.success {
		@tc: #D0E9DB;
		background: @tc;
		border: 1px solid darken(@tc, 10%);
		a {
			color: darken(@tc, 60%) !important;
		}
	}
	&.info {
		@tc: #D0E0E1;
		background: @tc;
		border: 1px solid darken(@tc, 10%);
		a {
			color: darken(@tc, 60%) !important;
		}
	}

}

.page_title {
	margin-top: 29px;
	/* margin-bottom: 25px; */
	padding: 0;
	span.title {
		// line-height: 2;
		// padding: 5px 10px 0 10px;
		border-radius: 5px 5px 0 0;

		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
		small {
			font-size: 0.8em;
		}
		font-size: 1.2em;
		margin: 0;
		font-weight: bold;
		color: #fff;
		background: @nrf_red;
		line-height: 1.5;
		padding: 5px 10px;
	}
}

.sub_visual {
	border-top: 2px solid @nrf_red;
	text-align: center;
	margin-bottom: 20px;
	
}

.sub_title {
	text-align: center;
	.title {
		text-align: center;
		color: #000;
		font-size: 1.7em;
		font-weight: bold;
		line-height: 1.4;
		margin: 0;
		span {
			color: #1766ac;
		}
	}
	.text {
		color: @nrf_red;
		padding-bottom: 25px;
		border-bottom: 5px solid @nrf_red;
	}
	.desc, .desc_brown {
		text-align: justify;	
	}
	.desc {
		color: #000;
		margin: 40px auto 40px auto;
		width: 80%;
		border-top: 3px solid @nrf_red;
		border-bottom: 1px solid @nrf_red;
		padding: 10px 0;
		font-weight: bold;			
		// text-align: left;
		// padding: 10px 0 30px 0;
		// margin-top: 15px;
		// margin-bottom: 40px;
		// color: #8a040b;
		// border-bottom: 1px solid #e0e0e0;
	}

	.desc_brown {
		margin: 40px auto 40px auto;
		font-size: 0.95em;
		color: @nrf_brown;

		// width: 80%;
	}
}

.gagju {
	// margin: 5px 0;
	color: #999;
	padding: 0px 0px 0 0px;
	font-size:0.9em;
}

.question_pd {
	padding-top: 0px;
}

.question {
	margin-top: 0;
	font-weight: bold;
	/*padding-left: 40px;*/
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 5px;
	/*background: url('@{url}icon_q.png')  no-repeat;*/
	color: #a25a42;
	font-size:1.1em;
	min-height: 50px;
}

.answer {
	margin: 0px 0 20px 0;
	padding-left: 40px;
	background: url('@{url}icon_a.png')  no-repeat;
}


.answer_2 {
	margin: 0px 0 20px 0;
}

.note {color:gray; font-size:0.85em !important; display:block; margin:7px 0 13px 0; font-weight:normal;}

.answeradd {
	margin: -6px 0 20px 0;
	padding-left: 40px;
}


.q_a_title {
	overflow: hidden;
	background: url('@{url}q_a_icon.png')  no-repeat;
	height: 130px;
	// margin-bottom: 20px;
	margin-top:-60px;
	h2 {
		display: table-cell;
		height: 120px;
		padding-left: 120px;
		vertical-align: bottom;
	}
}
.q_a_title_num01 {
	overflow: hidden;
	background: url('@{url}q_a_icon_1.png')  no-repeat;
	/*height: 150px;*/
	margin-bottom: 15px;
	h2 {
		display: table-cell;
		height: 10px;
		line-height:35px;
		padding-left: 150px;
		vertical-align: bottom;
	}
}
.q_a_title_num02 {
	overflow: hidden;
	background: url('@{url}q_a_icon_2.png')  no-repeat;
	/*height: 150px;*/
	margin-bottom: 15px;
	h2 {
		display: table-cell;
		height: 10px;
		line-height:30px;
		padding-left: 150px;
		vertical-align: bottom;
	}
}
.q_a_title_num03 {
	overflow: hidden;
	background: url('@{url}q_a_icon_3.png')  no-repeat;
	/*height: 150px;*/
	margin-bottom: 15px;
	h2 {
		display: table-cell;
		height: 10px;
		line-height:30px;
		padding-left: 150px;
		vertical-align: bottom;
	}
}

.sub_h1_title {
	color: @nrf_red;
	font-weight: bold;
	font-size: 1.8em;
}

.who_1_text {
	border: 1px solid #b6b6b6;
	background-color: #f3f3f3;
	//background-image:url('@{url}who_bg.png');
	background-repeat:no-repeat;
	background-position:45px 45px ;
	padding: 35px 35px;
	margin-top: 40px;
}

.who_2_text {
	// border: 1px solid #d9d9d9;
	background-color: #d6e5f3;
	background-image:url('@{url}who_bg.png');
	background-repeat:no-repeat;
	background-position:55px 10px ;
	padding: 35px 35px;
	margin-top: 40px;
}

.h5_wrap {
	padding: 10px 20px;
	margin-top: 20px;
	background: url('@{url}h5_wrap.png') no-repeat;
	h5 {
			font-weight: bold;		
		}
	}

ul.minus {
	list-style: none; padding-left: 18px;  margin:0;
	li{ padding-left: 1em; text-indent: -1em;    }
	li:before { content: "-"; padding-right:7px; }
}

h1 {
	color: #4e4237;
	font-size: 1.8em;
	margin: 0 0 10px 0;
	font-family: "Nanum Barun Gothic";
	.smaller {
		font-size: 0.7em;
	}
}

h2 {
	color: #000;
	font-size: 1.467em;
	margin: 0 0 9px 0;
	font-family: "Nanum Barun Gothic";
	span {
		color: #1766ac;
	}
}
h3 {span {
		color: #1766ac;}
	}
	

h4 {
	color: #aa5a42;
	margin: 20px 0 0px 0;
	font-family: "Nanum Barun Gothic";
	font-size: 1.2em;
}

.nrf_hr {
	//border-top: 2px dashed @nrf_red;
	border: 0;
	height: 32px;
	background: url('@{url}nrf_line.png') right top no-repeat;
	margin: 20px auto 20px auto;
}

.section_margin {
	margin-top: 10px;
}

.nm {
	margin: 0;
}

section {
	margin: 35px 0 10px 0;
}/*50px*/
.bg_box {
	background: #eaeaea;
	padding: 30px;	
}

.humanities01 {
	background: url('@{url}number_1.png') left center no-repeat;
	h2 {
		padding-left: 50px;
		padding-top: 3px;
	}
}

.humanities02 {
	background: url('@{url}number_2.png') left center no-repeat;
	h2 {
		padding-left: 50px;
		padding-top: 3px;
	}
}

.humanities03 {
	background: url('@{url}number_3.png') left center no-repeat;
	h2 {
		padding-left: 50px;
		padding-top: 3px;
	}
}
.nrf_table {
	width: 100%;
	border-collapse:separate;
	border-spacing:5px 0;
	//border-bottom: #3f3b3a 2px solid;
	// font-size: 0.8em;
	text-align:left;
	text-indent:10px;
	caption {
		display: none;
	}
	tr {
	}
	thead th {
		color: #fff;
		padding:5px 0;
		margin:0;
		font-weight: bold;
		background: #3f3b3a;
		text-align:left !important;
		text-indent:8px;
	}
	tbody th {
		
		border-bottom: #3f3b3a 1px solid;
		padding:5px 0;
		margin:0;
		font-weight: bold;
		text-align:left !important;
		text-indent:8px;
		//background: #e4e9d8;
	}	
	td {
		border-bottom: #3f3b3a 1px solid;
		//border-left: #3f3b3a 1px solid;
		//padding: 5px 10px;
		// text-align: center;
		vertical-align: middle;
	}
	.no_border {
		border-left: 0 none !important;
	}
	.impact_bg {
		background: lighten(@nrf_red, 40%);
	}
}
.skill_table1 {
	width: 100%;
	//border-collapse:separate;
	//border-spacing:8px 0;
	//border-bottom: #3f3b3a 2px solid;
	// font-size: 0.8em;
	text-align:center;
	caption {
		display: none;
	}
	tr {
	}
	thead th {
		color: #fff;
		padding:5px 0;
		margin:0;
		//font-weight: bold;
		background: #6E6256;
		text-align:center !important;
		//text-indent:8px;
	}
	tbody th {
		
		border-bottom: #948f89 1px solid;
		padding:5px 0;
		margin:0;
		//font-weight: bold;
		text-align:center;
		text-indent:0px !important;
		background: #E5E5E5;
	}	
	td {
		border-bottom: #948f89 1px solid;
		//border-right: #948f89 1px solid;
		border-left: #948f89 1px solid;
		//padding: 5px 10px;
		text-align: center;
		vertical-align: middle;
	}
	.t_indent {text-align:left; text-indent:10px;}
}
.skill_table2 {
	width: 100%;
	//border-collapse:separate;
	//border-spacing:8px 0;
	//border-bottom: #3f3b3a 2px solid;
	// font-size: 0.8em;
	text-align:left !important;
	caption {
		display: none;
	}
	tr {
	}
	thead th {
		color: #fff;
		padding:5px 0;
		margin:0;
		//font-weight: bold;
		background: #6e6256;
		text-align:center !important;
		//text-indent:8px;
	}
	tbody th {
		
		border-bottom: #948f89 1px solid;
		padding:5px 0;
		margin:0;
		//font-weight: bold;
		text-align:center;
		//text-indent:8px;
		background: #E5E5E5;
	}	
	td {
		border-bottom: #948f89 1px solid;
		//border-left: #3f3b3a 1px solid;
		//padding: 5px 10px;
		// text-align: center;
		vertical-align: middle;
	}
	.leftside {text-align:left; padding:10px;}
}
.caption {margin-top:5px;}

.jjang {
	background: #fff url('@{url}jjang_bg.png') 50% top repeat-x;
	.who {
		img {
			margin-top: 25px;
		}
		.who_text {
			text-align: center;
			font-size: 1.5em;
			color: #846300;
			line-height: 2;
			.big {
				display:block;
				margin-top:-10px;
				font-weight: bold;
				font-size: 1.4em;
				color: #eb5c28;
			}
		}
	}
	.bottom {
		overflow: hidden;
		padding: 50px 10px;
		background: url('@{url}jjang_bottom_bg.png') 50% top repeat-x;
	}
	.round-well {
		min-height: 170px;
	}
}

.thumbnail {
	margin-bottom: 10px;
}

.thumbnail .img_desc {
	text-align: center;
	margin: 5px 0;
}

.family {
	@family_color: #7FC8BE;
	
	.family_box {
		/*margin-top: 10px;*/
		padding: 0px 13px 1px 13px;
		/*background: #f6f4f0;*/
		font-weight: bold;
		color:#3e3e3e;
		strong {
			font-size: 1.2em;
			span {
				color: #ea5d27;
			}
		}
		.desc {
			margin: 5px 0 0 5px;/*10px*/
			font-weight:600;
			color:#4f4f4f;
			font-size:0.91em;
			line-height:18px;
		}
	}
}
.family .size {}
.round-well {
	background: #fff;
	display: block;
	padding: 20px 20px 0px 20px;
	margin: 10px 0 0px 0;
	border: 1px solid #f5cc34;
	border-radius: 25px;
	position: relative;
	.ribon_title_red {
		background: url('@{url}ribon_title_red.png') 50% top no-repeat;
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
		text-align: center;
		margin: -45px auto 0 auto;
		height: 50px;
		line-height: 35px;
		z-index: 1;
	}
	.ribon_title_blue {
		background: url('@{url}ribon_title_blue.png') 50% top no-repeat;
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
		text-align: center;
		margin: -45px auto 0 auto;
		height: 50px;
		line-height: 35px;
		z-index: 1;
	}
}

.underline {
	text-decoration: underline;
	font-size:1.3em;
}

.thumbnail {
	margin-bottom: 10px;
}

.thumbnail .img_desc {
	text-align: center;
	margin: 5px 0;
}

.alert {
	padding: 5px 10px;
	p {
		margin: 0;
	}
}

.this_source {
	border-right: 5px #C7B299 solid;
	margin-top: 30px;
	padding: 0;
	padding-right: 5px;
	text-align: right;
	color: @nrf_brown;
	line-height: 1.6;
	font-size: 0.9em;
}

.yellow_box {
	border: 4px solid #ff9900;
	padding: 10px;

}

.grey_box {
	background: #EFEFEF;
	padding: 20px 30px;

}

.green_box {
	border: 1px solid #e7e7e7;
	background: #F3F5E6;
	padding: 20px 30px;
	
}
.white_box {
	border: 1px solid #e7e7e7;
	background: #fff;
	padding: 20px 30px;
}

.green_line {
	border-top: 4px solid #81897D;
}

.top_border { border-top:2px solid #c1141d; padding-top:55px; }
.top_border.right { background:url('@{url}1-1_bg.png') right top no-repeat; }
.top_border.left { background:url('@{url}1-1_bg.png') left top no-repeat; }

.intro_text {
	line-height: 1.6;
	border-top: 2px solid red;
	border-bottom: 1px solid red;
	margin: 40px auto 40px auto;
	padding: 42px 0;
}

p.comment {
	padding: 20px 0;
	font-size: 1.2em;
	color: #8C6239;
}


.info_window {
	margin-top: 30px;
	padding: 20px 40px;
	border: 1px solid #C7B299;
	border-top: 4px solid #C7B299;
	background: #FDFADC;
	h5 {
		font-size: 1.2em;
		margin: 10px 0 20px 0;
	}
}
p.first {margin-top:30px;}
.p_title {font-weight:bold;}
.firstp {background:url('@{url}3-2_bg.png') no-repeat; background-position:0 0;}
.brown_bg {background:url('@{url}2-2_brown.png')  no-repeat; background-position:0px 30px;}
.brown_bg2 {background:url('@{url}2-2_brown2.png')  no-repeat; background-position:0px 30px;}
.foco {color:#808080;}
.img_top {font-weight:bold;}
.sixstep {padding-left:160px;}
.sixstep span {font-weight:bold; color:#3f3b3a;}
.subject1 {font-weight:bold; color:#3f3b3a; margin:10px 0 3px 0; padding-left:160px;}
.right_gap {padding: 25px 20px 15px 0px; margin-left:0px !important;}
.narrow {color:#3f3b3a; margin-bottom:0px; padding:13px 0px 0px 170px;}
.ienarrow {padding:0px 0px 0px 170px;}
.narrow span {font-weight:bold;}
@media (max-width:767px) {
	.sixstep{padding-left:0px;}
	.left_m {margin-left:0px ;}
	.narrow {padding:0px !important;}
	.brown_bg, .brown_bg2 {background-image:none !important; background-color:#efeae4;}
	.right_gap {padding-left:25px;}
	.move img {margin-top:-30px;}
	.img_top {padding-left:0px ;}
	.narrow, .ienarrow {padding-left:0px;}
	}
	.sub_title {margin-top:25px !important;}
	.wide {margin-bottom:3px; font-weight:bold;}
	.table_add {color:#808080; text-align:right; padding:10px 50px 0 0;}
	.subject {margin-bottom:5px; color:#aa5a42; font-weight:bold; font-size:1.2em;}
	.appear {display:none;}
	.number3 {font-weight:normal; font-size:0.85em; display:block; margin-top:-3px;  color:#808080;}
	.number4 {font-weight:normal; font-size:0.85em; color:#808080;}
	.direction {margin-bottom:5px;}
	.cate {border-left:thin solid rgba(255,255,255,0.3); border-right:thin solid rgba(255,255,255,0.3); border-bottom:thin solid rgba(255,255,255,0.3);}
	.whiteline {border-right:thin solid rgba(255,255,255,0.3);}
	.upgrade {font-weight:bold;}
	@media (max-width:767px) {
		.spac {
			float:left; margin-left:0px!important;
		}
		.nm {text-align:left;}
		.table_add {padding:0px;}
		.blur {display:none;}
		.appear {display:block;}
	}
// .sub_visual {
// 	border-top: 2px solid @nrf_red;
// 	text-align: center;
// 	margin-bottom: 45px;
// }
// .sub_title {
// 	.title {
// 		color: #535353;
// 		font-size: 2em;
// 		font-weight: bold;
// 		line-height: 1.4;
// 		text-align: right;
// 	}
// 	.source_wrap {
// 		.line {
// 			margin-top: 7px;
// 			background: @nrf_red;
// 			height: 10px;
// 		}
// 		.text {
// 			color: @nrf_red;
// 			text-align: right;
// 		}
// 	}
// 	.desc {
// 		padding: 50px 0;
// 		margin-bottom: 40px;
// 		color: #8a040b;
// 		border-bottom: 1px solid #e0e0e0;
// 	}
// }



// media
// 720 940 1140
@media (min-width: 981px) {
	.side {
		display: block;
	}
	header { display: none; }
	footer { display: block; }
	.content {
		width: 940px - @side;
	}
}

@media (max-width: 980px) {
	.side {
		display: none;
	}
	header { display: block; }
	footer { display: none; }
	.content {
   	 padding-top: 60px;
		width: 100%;
	}	
	.main_item_wrap {
		.main_side {
			width: 100%
		}
		.main_content{
			width: 100%;
		}
	}
	.borderBox {
		padding: 10px 10px !important;
	}
	.main_item_title {
		padding-bottom: 10px;
	}
	.main_item > a > img {
		margin: 0px !important;
	}	

	.nrf_title_tab {
		li {
			border-left: 1px solid #666;
			margin-right: 5px;
			// width: 100px;
			&.active, &:hover {
				border-bottom: 1px solid #666 !important;
			}
		}
	}
}