::-moz-selection { background: #318DFD; color: #fff; text-shadow: none; }
::selection { background: #318DFD; color: #fff; text-shadow: none; }


.content {
	max-width: 940px;
	position:relative;
}

/* 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: #9CC73C;
@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: #b2b2b2;
}
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, h3, h4, h5, h6{
	font-weight: bold;
}

h2 { font-weight:500; font-size:1.4em; line-height:1.6; }

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

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

.blue {
	color: #1765ab;
}

.green {
	color: #318976;
}

.my_blue {
	display:inline; 
	border-bottom: 1px solid #D9E0EE; 
	padding-bottom:3px;
}

// layout
.footer_side {
	width: 180px;
	float: left;
}
.foot_left{ padding-left:20px;}
.foot_division {padding-left:20px;}
.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;
	}
}
.th_dow { 	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
	border:1px solid #eee;
	}
.logo_wrap {
	background: #f5f5f5;
	height:170px;
	//position: relative;
	.text_wrap {
		//position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		color: #000;
		p {
			text-align: center;
			display: block;
			//padding-left: 20px;
			line-height: 0.7;
			letter-spacing:-0.07em;
			&.month {
				padding-top: 35px;
				font-family: 'nanumgothic', serif;
				font-size: 4em;
				font-weight:800;
				color:#141414;
			}
			&.year {
				font-family: 'nanumgothic', serif;
				font-size: 1.2em;
				font-weight:600;
				color:#616161;
			}
			&.eng {
				// margin-top: 5px;
				font-family: 'Time New Roman', serif;
				font-size: 1.5em;
				margin-top: -20px;
			}
		}
	}
}

// 720 940 1140
.color_tot { background-color:#ececec;}
.white_bg {background-color:#fff; padding-bottom:3px; height:100%;}
.content {
	width: 940px /*- @side*/;
	// min-height: 900px;
	float:right;
}

.container {	
	max-width: 940px;
	margin: 0 auto 0 auto;
	clear: both;
	margin-top:7px;
	// overflow: hidden;
	position: relative;
}
.customize {width:96.3%; margin-top:-36px;}

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;
	
}

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

.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;
}
/*add*/
.topoftop {max-width: 908px; margin: 0 auto 0 auto; clear: both; background-color:#A8A9AD; height:113px;}
.main-logo {display:inline-block;*zoom:1;*display:inline; float:left; width:23.1%;}
.move-right { text-align:right; height:40px;}
.gnbtop{height:40px; line-height:40px; width:55%; display:inline-block;*zoom:1;*display:inline; margin-right:4%;}
.gnbtop li {width:30%;display:inline-block;*zoom:1;*display:inline; text-align:right;line-height:40px;}
.top_indent {width:17% !important;}
.gnbtop li a  {text-decoration:none; color:#fff; font-weight:bold; cursor:pointer; font-size:0.95em;}
/* end*/

.gnb_wrap {
	max-width: 100%;
	margin: 0 auto 0 auto;
	//clear: both;
	//padding-bottom: 605px;
}
@media (max-width:767px) {
		.topoftop {display:none;}
	}
/*add*/
.gnb li+li+li {border-right:none !important;}
/*end*/

.gnb {
	//padding: 35px 0;
	width:698px;
	height:36px;
	margin:0 auto;
	padding:0;
	position:relative;
	background-color:#818284;
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;      /* OLD - Firefox 19- */
    display: -ms-flexbox;   /* TWEENER - IE 10 */
    display: -webkit-flex;  /* NEW - Chrome */
    display: flex;          /* NEW, Spec - Opera 12.1, Firefox 20+ */
	&>li {
		display:inline-block;*zoom:1;*display:inline;
		width:33.5%;
		height:36px;
		vertical-align:top;
		text-align: center;
		border-right:1px solid #fff;
		border-top:1px solid #fff;
		&:hover {
			background: #00A386;
		}
		&>a {
			height: 36px;
			line-height: 36px;
			font-size: 15px;
			display:block;			
			// font-size: 1.1em;
			font-weight: bold;
			color: white !important;
			text-decoration: none !important;
		}
		&>ul {
			z-index: 999;
			position: absolute;
			display:none;
			width:699px;
			height:40px;
			line-height:40px;
			top: 62px;
			left: 0;
			border-top:1px solid #fff;
			//margin-left: 180px;
			background: #00A386;
			li {
				padding: 0px 0;
				width:100%;
				a {	
					color: #fff !important;
					text-decoration: none !important;
					font-weight:bold;
					font-size:0.9em;
					width:20%;
					float:left;
					display:block;
				}
			}
			li:hover, li.active {
				//background: #8F847C;
			
			}
		}
		&:hover > ul{
			display: block !important;
		}		
	}
}

iframe {
	z-index: 1;
}

.vacuum .va_first {background-color:#A94A9C; margin:5px 0;	box-shadow:1px 1px 5px #ccc;}
.vacuum .va_second {background-color:#52BFDE; margin:5px 0; box-shadow:1px 1px 5px #ccc;}
.vacuum .va_third {background-color:#EF5B5B; box-shadow:1px 1px 5px #ccc;}

.item_box {-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
	border: 2px solid #fff;
	left: 0px;
	background: #fff;}
.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: #ececec;
}
.tot_wrap {width:102%;}
.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: 100%;
		border: 1px solid #eee;
		box-shadow:1px 1px 5px #ccc;
		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: ( 908px - (@count + 1) ) / @count ;
		}
	}
	&.tab_by_4 {
		li {
		  -webkit-box-sizing: content-box;
		     -moz-box-sizing: content-box;
		          box-sizing: content-box;			
			@count: 4;
			width: ( 908px - (@count + 1) ) / @count ;
		}
	}
	&.tab_by_2 {
		li {
		  -webkit-box-sizing: content-box;
		     -moz-box-sizing: content-box;
		          box-sizing: content-box;			
			@count: 2;
			width: ( 908px - (@count + 1) ) / @count ;
		}
		
	}
	&.tab_by_3 {
		li {
		  -webkit-box-sizing: content-box;
		     -moz-box-sizing: content-box;
		          box-sizing: content-box;			
			@count: 3;
			width: ( 908px - (@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: 20px;
	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;
		}
	}

}
.pages_wrap {padding: 0 70px;}
.page_title {
	margin-top: 29px;
	/* margin-bottom: 25px; */
	
	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: #000;
		//background: @nrf_red;
		line-height: 1.5;
		padding: 5px 0px;
	}
}

.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-radius:15px;
	background-color: #F3F3F4;
	//background-image:url('@{url}who_bg.png');
	background-repeat:no-repeat;
	background-position:45px 45px ;
	padding: 35px 35px;
	margin-top: 30px;
}

.who_2_text {
	border: 1px solid #808080;
	padding: 35px 20px 5px 0;
	margin-top: 40px;
	position:relative;
}

.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: 25px 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;
		}
	}
}
.gray_bg {
	background-color:#fff;
	
}
.diagram_1 {
	padding-bottom:35px;
}
.diagram_2 {
	padding:20px 0 40px 0;
}
.w_box {
	background-color:#e7e4e2; 
	margin:30px 0;
	//padding:20px;
	//height:100%;
}
.survey {letter-spacing:2px;}
.survey_title {padding:15px;}
.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_title {
	font-weight:bold;
	 color:#66667b; 
	 font-size:0.9em;
}
.height_set {
	
}
.chapter {
	padding-top :30px;
}
.p_none {
	margin-bottom:0px !important;	
}
.transform {
 	 font-style: italic;	
}
.other_img {
	margin-top:-7px;
	margin-left:-35px;
}
// .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; }

}

@media (max-width: 980px) {
	.other_img {margin:0px;}
	.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;
			}
		}
	}
}