/*---------------------------------------------------------------------------
	[LAYOUT GUIDE]
	#wrapper	>	#container	>	(#regin)	>	#area	>	#section	>	#box	>	#sector
	GNB	(Global Navigation Bar)	:	사이트 최상위 전체 공통네비게이션.메인메뉴, 대분류 메뉴, 전체 사이트에서 사용되는 공통메뉴바
	LNB	(Local Navigation Bar)	:	현재 서비스 영역(Local)만 해당되는 네비게이션.서브메뉴, 중분류 메뉴, 각 서브분류 별 사용되는 메뉴바
	SNB	(Side Navigation Bar)	:	메인메뉴, 서브메뉴를 제외한 나머지 사이드메뉴, 기타메뉴바
	FNB	(Foot Navigation Bar)	:	하단메뉴, 하단로고, 주소, 카피라이팅 영역

	KDIS	color						:	#03945d;	rgb(3, 148, 93)
	KDIS	color						:	#2c878e;
	background-color					:	#eee;
	border								:	#cfcfcf;
	red									:	#ef4024
	#e8816e	rgb(232, 129, 110)
										:	#006334

	GDLN_yellow							:	#ebe934
	GDLN_orange							:	#f98031
	GDLN_green							:	#55ab3e
	GDLN_navy							:	#41366e
	GDLN_gray							:	#d3cbc9


	KIDS_green0							:	#056333		rgb(5, 99, 51)
	KIDS_green1							:	#106433
	KIDS_green2							:	#03945d
	KIDS_green3							:	#006e44
	KIDS_green							:	#0f6331
	KIDS_green							:	#126433
	KIDS_green							:	#146334
	KIDS_green							:	#056737

	KIDS_black1							:	#231f20		rgba(35, 31, 32, 0.9)
	KIDS_black2							:	#58585a		rgba(88, 88, 90, 0.9)
	KIDS_black3							:	#818286		rgba(129, 130, 134, 0.9)
	KIDS_black4							:	#e7e7e9		rgba(231, 231, 233, 0.9)

	KIDS_black							:	#303631
	KIDS_black							:	#272727

	KDI SCHOOL PLATINUM
	PANTONE 877CVE
	CMYK : C40 M31 Y28 K0
	RGB : R167 G169 B172				rgb(167, 169, 172)
	WEB : #A7A9AC
	#e9e9eb		#e8e8ea		#e7e7e9		#e6e6e6		#bcbdc1		#a7a9ac		#97989a
	#818286		#6d6e72		#63645e		#62635e		#58585a		#242021		#231f20

	bg:	#ffffff		txt1:	#231f20		txt2:	#6d6e72
	bg:	#231f20		txt1:	#e8e8ea		txt2:	#63645e
	bg:	#58585a		txt1:	#e6e6e6		txt2:	#97989a
	bg:	#818286		txt1:	#e9e9eb		txt2:	#bcbdc1
	bg:	#bcbdc1		txt1:	#242021		txt2:	#62635e
	bg:	#e7e7e9		txt1:	#231f20		txt2:	#63645e

	font-family: 'Roboto';				font-weight: 400;		100		300	400	500		700		900
	font-family: 'Raleway';				font-weight: 400;		100	200	300	400	500	600	700	800	900
	font-family: 'Noto Sans KR';		font-weight: 400;		100		300	400	500		700		900
	font-family: 'Times New Roman';
---------------------------------------------------------------------------*/
@charset "utf-8";
@media (min-width: 861px){	/*@media	BEGIN	//--------------------------------------------------*/


/*--------------------------------------------------
	LAOUT	MOBILE
--------------------------------------------------*/
	#wrap{
		display: block;
		position: relative;
		width: 100%;
		/*
		*/
	}
	#header_lab{
		display: block;
		position: relative;
		top: 0px;
		width: 100%;
		z-index: 100;
		background-color: #fff;
		border-bottom: 1px solid #e7e7e9;
	}
	#container_lab{
		clear: both;
		display: block;
		position: relative;
		background-color: #fff;
		padding-top: 0rem;
		padding-bottom: 0rem;
		min-height: 30rem;
		padding-left: 10px;
		padding-right: 10px;
	}
	#footer{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		background-color: #fff;
		padding-top: 0.7rem;
		padding-bottom: 1.15rem;
	}




/*--------------------------------------------------
	header_top
--------------------------------------------------*/
	#header_lab > .header_top{
		clear: both;
		display: block;
		/*
		width: 100%;
		*/
		height: 40px;
		padding: 0;
		background-color: rgba(10, 10, 10, 0.7);
	}
	.header_top > .top_menu{
		display: block;
		position: relative;
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		overflow: hidden;
		text-align: right;
	}
	.header_top > .top_menu > ul{
		display: inline-block;
		margin-top: 7px;
	}
	.header_top > .top_menu > ul > li{
		float: left;
	}
	.header_top > .top_menu > ul > li.detach{
		padding-left: 18px;
		padding-right: 18px;
	}
	.header_top > .top_menu > ul > li.detach > div{
		height: 8px;
		border-left: 1px solid #aaa;
		margin-top: 7px;
	}
	.header_top > .top_menu > ul > li.edit{
		padding-left: 7px;
		padding-right: 7px;
	}
	.header_top > .top_menu > ul > li.edit > div{
		height: 8px;
		border-left: 1px solid #f98031;
		margin-top: 7px;
	}
	.header_top > .top_menu > ul > li > a{
		font-family: 'Roboto';
		font-size: 13px;
		color: #f9f9f9;
		font-weight: 400;
	}
	.header_top > .top_menu > ul > li > a:hover{
		text-decoration: none;
		color: #fff;
	}
	.header_top > .top_menu > ul > li > a.language{
		color: #00d2ff;
	}
	.header_top > .top_menu > ul > li > a.lablogin{
		color: #f98031;
	}
	.header_top > .top_menu > ul > li > a.labloginmenu{
		color: #ffff00;
	}


/*--------------------------------------------------
	area_header
--------------------------------------------------*/
	#header_lab > .area_header{
		clear: both;
		display: block;
		height: 78px;
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: rgba(235, 235, 235, 0.7);
		/*
		width: 100%;
		background-color: #f5f5f5;
		*/
	}
	#header_lab > .area_header > .section_header{
		display: block;
		position: relative;
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		z-index: 300;
	}
	.section_header > .header_logo{
		float: left;
		width: 300px;
	}
	.section_header > .header_logo > a > img{
		position: absolute;
		margin-top: 3px;
		/*
		margin-top: -16px;
		width: 280px;
		*/
	}
	/*
	.section_header > .header_sns{
		float: right;
	}
	.section_header > .header_sns > ul{
	}
	.section_header > .header_sns > ul > li{
		float: left;
		padding-top: 23px;
		padding-left: 20px;
	}
	.section_header > .header_sns > ul > li > img{
		width: 100%;
	}
	*/






/*--------------------------------------------------
	GNB(Global Navigation Bar) : 사이트 최상위 전체 공통네비게이션.메인메뉴, 대분류 메뉴, 전체 사이트에서 사용되는 공통메뉴바
	header_area
--------------------------------------------------*/
	.section_header > .header_gnb{
		float: right;
		width: 790px;
		z-index: 1000;
		margin-right: 60px;
	}

	.section_header > .header_allnav{
		position: absolute;
		z-index: 1000;
		right: 0px;
	}
	.section_header > .header_allnav > img{
		margin-top: 15px;
		cursor: pointer;
	}


	.section_header > .header_gnb > #gnb{
		clear: both;
		position: relative;
		width: 100%;
		margin-left: -0px;
	}
	#gnb > #gnb_1d_ul{
		float: right;
	}
	#gnb > #gnb_1d_ul:after{
		clear: both;
		display: block;
		visibility: hidden;
		content: '';
	}
	#gnb > #gnb_1d_ul > li{
		position: relative;
		float: left;
		text-align: left;
		width: 150px;
		height: 78px;
		/*
		padding-left: 30px;
		padding-top: 28px;
		*/
		z-index: 1000;

		box-sizing: content-box;		/*	border-box : 테두리를 기준으로 크기를 정합니다.
											content-box : 콘텐트 영역을 기준으로 크기를 정합니다.
											initial : 기본값으로 설정합니다.
											inherit : 부모 요소의 속성값을 상속받습니다.
										*/
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
	}
	#gnb > #gnb_1d_ul > li > a{
	}
	#gnb > #gnb_1d_ul > li > a > div{
		display: table;
		width: 100%;
		height: 78px;
	}
	#gnb > #gnb_1d_ul > li > a > div > div{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		word-wrap: break-word;

		font-family: 'Roboto';
		font-size: 18px;
		color: #0c0a0b;
		font-weight: 400;
		letter-spacing: -0.4px;
		line-height: 1.2;
	}
	#gnb > #gnb_1d_ul > li > a:hover > div > div{
		color: #0c0a0b;
	}
	#gnb > #gnb_1d_ul > li > a.current > div > div{
		color: #03945d;
		font-weight: 500;
	}


	#gnb > #gnb_1d_ul > li > a > div > div > .arrow_gnb{
		position: absolute;
		top: 45px;
	}
	#gnb > #gnb_1d_ul > li > a > div > div > .arrow_gnb:after{
		position: absolute;
		top: -11px;
		left: 7px;
		content: '';
		width: 6px;					/*가로크기*/
		height: 6px;					/*세로크기*/
		margin-top: 0px;
		margin-left: 0px;
		border-width: 2px 2px 0 0;		/*두께*/
		border-style: solid;
		border-color: #bcbdc1;
		transform: rotate(45deg);		/*시계방향 회줜*/
		-webkit-transform: rotate(45deg);
		z-index: 20;
	}
	#gnb > #gnb_1d_ul > li > a.current > div > div > .arrow_gnb:after{
		position: absolute;
		top: -13px;
		left: 10px;
		content: '';
		width: 6px;					/*가로크기*/
		height: 6px;					/*세로크기*/
		margin-top: 0px;
		margin-left: 0px;
		border-width: 2px 2px 0 0;		/*두께*/
		border-style: solid;
		border-color: #03945d;
		transform: rotate(135deg);		/*시계방향 회줜*/
		-webkit-transform: rotate(135deg);
		z-index: 20;
	}

	/*down menu*/
	#gnb_2d_ul{
		display: none;
		position: absolute;
		top: 78px;
		width: 200px;
		z-index: 1000;
		border-bottom: 1px solid #e6e6e6;
		margin-left: -0px;

	}
	.gnb_1d_li_over #gnb_2d_ul{
		display: block;
		left: 0;
		z-index: 1000;

		background-color: rgba(255, 255, 255, 0);
	}
	.gnb_1d_li_over2 #gnb_2d_ul{
		display: block;
		right: 0;
		z-index: 1000;
		background-color: #fff;
	}
	#gnb_2d_ul > li{
		position: relative;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 11px;
		padding-right: 8px;
		text-align: left;
		border-top: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6;
		border-left: 1px solid #e6e6e6;
		cursor: pointer;
		background-color: #fff;
	}
	#gnb_2d_ul > li:hover{
		background-color: #f0f0f0;
	}
	#gnb_2d_ul > li.current{
		background-color: #03945d;
	}
	#gnb_2d_ul > li > span{
		font-family: 'Roboto';
		font-size: 14px;
		color: #58585a;
		font-weight: 400;
		letter-spacing: -0.0px;
		word-break: break-word;
	}
	#gnb_2d_ul > li:hover > span{
		color: #231f20;
	}
	#gnb_2d_ul > li.current > span{
		color: #fff;
	}






/*--------------------------------------------------
	ANB
--------------------------------------------------*/
	.section_header > .header_gnb > #anb{
		clear: both;
		position: absolute;
		top: 78px;
		right: 0px;
		border-top: 1px solid #a7a9ac;
		border-right: 1px solid #e6e6e6;
		z-index: 2000;

		background-color: #fff;
		/*
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		*/
	}
	#anb > #menu_all{
		position: relative;
		width: 100%;
	}
	#anb > #menu_all > li{
		position: relative;
		float: left;
		width: 180px;
		padding: 0;
		border-left: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
	}
	#anb > #menu_all > li > div{
		display: block;
		display: table;
		width: 100%;
		height: 50px;
		line-height: 17px;
		/*
		padding-top: 16px;
		padding-bottom: 16px;
		*/
		cursor: pointer;

		background-color: #a7a9ac;
		/*
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		*/
	}
	#anb > #menu_all > li > div > div{
		display: table-cell;
		vertical-align: middle;
		word-wrap: break-word;
		padding-left: 11px;

		font-family: 'Raleway';
		font-size: 16px;
		color: #fff;
		font-weight: 400;
		letter-spacing: -0.1px;
		line-height: 1.1;
	}
	#anb > #menu_all > li > div.current{
		background-color: #58585a;
	}
	#anb > #menu_all > li > div.current > span{
		color: #fff;
		font-weight: normal;
	}
	#anb > #menu_all > li > ul{
		display: block;
		position: relative;
		width: 100%;
		background-color: #fff;
		/*
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		*/
	}
	#anb > #menu_all > li > ul > li{
		position: relative;
		width: 100%;
		text-align: left;
		border-top: 1px solid #e9e9eb;
	}
	#anb > #menu_all > li > ul > li:nth-of-type(1){
		/*
		padding-top: 15px;
		*/
	}
	#anb > #menu_all > li > ul > li > div{
		display: block;
		display: table;
		/*
		padding-top: 12px;
		padding-bottom: 13px;
		*/
		height: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#anb > #menu_all > li > ul > li > div > div{
		display: table-cell;
		vertical-align: middle;
		word-wrap: break-word;

		font-family: 'Roboto';
		font-size: 13.5px;
		color: #474749;
		font-weight: 400;
		line-height: 1.1;
		letter-spacing: -0.1px;
		cursor: pointer;
	}
	#anb > #menu_all > li > ul > li > div > div:hover{
		color: #231f20;
		font-weight: 500;
	}


	#anb > #menu_all > li > ul > li.current > div > div{
		color: #03945d;
		font-weight: 700;
	}
	#anb > .btn_allnav_close{
		position: absolute;
		bottom: 15px;
		right: 15px;
		z-index: 1001;
		cursor:pointer;
	}
	#anb > .btn_allnav_close > img{
		width: 25px;
	}




















/*--------------------------------------------------
	LAB SEARCH
--------------------------------------------------*/
	.lab_search{
		clear: both;
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.lab_search > .search_left{
		float: left;
		width: 400px;
	}
	.lab_search > .search_right{
		float: right;
		width: 400px;
		text-align: right;
	}
	.lab_search > .search_right > img{
		position: absolute;
		height: 40px;
		top: 0px;
		right: 0px;
		margin-top: -0px;
		cursor: pointer;
	}


/*--------------------------------------------------
	LAB LIST
--------------------------------------------------*/
	.lab_tbl_list{
		clear: both;
		display: block;
		position: relative;
	}
	.lab_tbl_list > table{
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
		border-spacing: 0;
		border-top: 1px solid #231f20;
	}
	.lab_tbl_list > table > thead > tr > th{
		text-align: left;
		vertical-align: middle;
		background-color: #f0f0f0;
		border-bottom: 1px solid #e7e7e9;
		border-left: 1px solid #e7e7e9;
		padding-top: 14px;
		padding-bottom: 14px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.lab_tbl_list > table > thead > tr > th > span{
		font-family: 'Raleway';
		font-size: 13px;
		color: #231f20;
		font-weight: 700;
		line-height: 18px;
	}
	.lab_tbl_list > table > thead > tr > th:first-child{
		border-left: 0px;
	}

	.lab_tbl_list > table > tbody > tr > td{
		text-align: left;
		vertical-align: middle;
		border-left: 1px solid #e7e7e9;
		border-bottom: 1px solid #e7e7e9;
		word-break: break-word;
		padding-top: 13px;
		padding-bottom: 13px;
		padding-left: 7px;
		padding-right: 7px;
		line-height: 19px;
	}
	.lab_tbl_list > table > tbody > tr > td:first-child{
		border-left: 0px;
	}
	.lab_tbl_list > table > tbody > tr > td > a{
		font-family: 'Raleway';
		font-size: 13px;
		color: #231f20;
		font-weight: 500;
	}
	.lab_tbl_list > table > tbody > tr > td > a > span.number{
		font-family: 'Roboto';
		font-size: 13px;
		color: #231f20;
		font-weight: 300;
	}



/*--------------------------------------------------
	LAB FRM
--------------------------------------------------*/
	.lab_tbl_frm{
		clear: both;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
	}
	.lab_tbl_frm > table{
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
		border-spacing: 0;
		border-top: 1px solid #e7e7e9;
	}
	.lab_tbl_frm > table > thead > tr > th{
		text-align: left;
		vertical-align: middle;
		background-color: #f0f0f0;
		border-bottom: 1px solid #e7e7e9;
		border-left: 1px solid #e7e7e9;
		padding-top: 14px;
		padding-bottom: 14px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.lab_tbl_frm > table > thead > tr > th > span{
		font-size: 13px;
		color: #231f20;
		font-weight: bold;
		line-height: 16px;
	}
	.lab_tbl_frm > table > thead > tr > td{
		text-align: left;
		vertical-align: middle;
		background-color: #f1f1f1;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.lab_tbl_frm > table > thead > tr > td > .title{
		clear: both;
		display: block;
		position: relative;

		font-family: 'Noto Sans KR';
		font-size: 18px;
		color: #231f20;
		font-weight: 700;
		line-height: 25px;
		letter-spacing: -0.5px;
	}





	.lab_tbl_frm > table > tbody > tr > th{
		text-align: left;
		vertical-align: middle;
		background-color: #f0f0f0;
		border-bottom: 1px solid #e7e7e9;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 7px;
		padding-right: 7px;
		line-height: 19px;
	}
	.lab_tbl_frm > table > tbody > tr > th > span{
		font-size: 13px;
		color: #333;
		font-weight: normal;
	}
	.lab_tbl_frm > table > tbody > tr > td{
		text-align: left;
		vertical-align: middle;
		border-bottom: 1px solid #e7e7e9;
		border-left: 1px solid #e7e7e9;
		background-color: #fff;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 7px;
		padding-right: 7px;
		line-height: 19px;
	}
	.lab_tbl_frm > table > tbody > tr > td:first-child{
		border-left: 0px;
	}
	.lab_tbl_frm > table > tbody > tr > td.subject{
		background-color: #f0f0f0;
	}
	.lab_tbl_frm > table > tbody > tr > td > span{
		font-size: 13px;
		color: #231f20;
		font-weight: normal;
	}
	.lab_tbl_frm > table > tbody > tr > td > .contents_read{
		clear: both;
		display: block;
		position: relative;
		line-height: 1.6rem;
		padding: 1.0rem 1.0rem 1.0rem 1.0rem;
	}
	.lab_tbl_frm > table > tbody > tr > td > .contents_read img{
		max-width: 99%;
		height: auto !important;
	}




/*--------------------------------------------------
	LAB READ
--------------------------------------------------*/
	.lab_tbl_read{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
	}
	.lab_tbl_read > table{
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
		border-spacing: 0;
		/*
		border-top: 1px solid #e7e7e9;
		*/
	}
	.lab_tbl_read > table > thead > tr > td{
		text-align: left;
		vertical-align: middle;
		background-color: #f1f1f1;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.lab_tbl_read > table > thead > tr > td > .title{
		clear: both;
		display: block;
		position: relative;

		font-family: 'Noto Sans KR';
		font-size: 18px;
		color: #231f20;
		font-weight: 700;
		line-height: 25px;
		letter-spacing: -0.5px;
	}
	.lab_tbl_read > table > thead > tr > td > .date{
		clear: both;
		display: block;
		position: relative;
		margin-top: 15px;

		font-family: 'Times New Roman';
		font-size: 13px;
		color: #231f20;
		font-weight: 400;
		line-height: 25px;
		letter-spacing: -0.5px;
	}
	.lab_tbl_read > table > thead > tr > td > .date > img{
		position: absolute;
		top: 9px;
	}





	.lab_tbl_read > table > tbody > tr > td{
		vertical-align: middle;
		background-color: #fff;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 7px;
		padding-right: 7px;
	}
	.lab_tbl_read > table > tbody > tr > td > .contents_read{
		clear: both;
		display: block;
		position: relative;
		padding: 20px 15px 20px 15px;
		line-height: 1.6;
	}
	.lab_tbl_read > table > tbody > tr > td > .contents_read img{
		max-width: 99%;
		height: auto !important;
	}




/*--------------------------------------------------
	LAB FILE
--------------------------------------------------*/
	.wrap_file{
		clear: both;
		display: block;
		position: relative;
	}
	.wrap_file > table{
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
		border-spacing: 0;
	}
	.wrap_file > table > thead > tr > th{
		text-align: left;
		vertical-align: middle;
		background-color: #1ba5c2;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.wrap_file > table > thead > tr > th > span{
		font-family: 'Roboto';
		font-size: 12px;
		color: #fff;
		font-weight: normal;
		line-height: 18px;
	}
	.wrap_file > table > thead > tr > th:first-child{
		border-left: 0px;
	}

	.wrap_file > table > tbody > tr > td{
		text-align: left;
		vertical-align: middle;
		border-bottom: 1px solid #f6f6f6;
		word-break: break-word;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 17px;
	}
	.wrap_file > table > tbody > tr > td:first-child{
		border-left: 0px;
	}
	.wrap_file > table > tbody > tr > td > a{
		font-family: 'Roboto';
		font-size: 12px;
		color: #231f20;
		font-weight: 500;
	}
	.wrap_file > table > tbody > tr > td > span{
		font-family: 'Roboto';
		font-size: 12px;
		color: #231f20;
		font-weight: 300;
	}









/*--------------------------------------------------
	Layout	:	section_lab
--------------------------------------------------*/
	#container > .area_lab{
		clear: both;
		display: block;
		position: relative;
	}
	.area_lab > .section_lab{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 0;
	}
	.boxlab{
		clear: both;
		display: block;
		position: relative;
		padding-left: 2.2rem;
	}




/*--------------------------------------------------
	lab_title
--------------------------------------------------*/
	.lab_title > span{
		font-family: 'Times New Roman';
		font-size: 4.2rem;
		color: #93aabd;
		font-weight: normal;
		letter-spacing: -0.3rem;
		word-break: keep-all;
	}
	.lab_title > span.tit1{
		color: #93aabd;
	}
	.lab_title > span.tit2{
		color: #000;
	}

	.lab_field > span{
		font-family: 'Times New Roman';
		font-size: 1.5rem;
		color: #03945d;
		font-weight: lighter;
		letter-spacing: -0.05rem;
		word-break: keep-all;
		/*
		font-style: italic;
		*/
	}




/*--------------------------------------------------
	sectionlab_subject
--------------------------------------------------*/
	.sectionlab_subject{
		clear: both;
		display: block;
		position: relative;
	}
	.sectionlab_subject{
		clear: both;
		display: inline-flex;
		position: relative;
		width: 100%;
	}
	.sectionlab_subject > .subject{
		flex-flow: row nowrap;

		font-family: 'Times New Roman';
		font-size: 2.7rem;
		color: #231f20;
		font-weight: normal;
		letter-spacing: -0.1rem;
		white-space:nowrap;
	}
	.sectionlab_subject > .line{
		flex-flow: row nowrap;
		border-bottom: 1px solid #231f20;
		width: 100%;
		margin-bottom: 0.55rem;
	}




/*--------------------------------------------------
	lab_introduction
--------------------------------------------------*/
	.lab_introduction{
		font-family: 'Raleway';
		font-size: 1.1rem;
		color: #242021;
		font-weight: normal;
		letter-spacing: -0.01rem;
		line-height: 1.8rem;
	}


/*--------------------------------------------------
	lab_personnel
--------------------------------------------------*/
	.lab_personnel{
		clear: both;
		display: block;
		position: relative;
		border-top: 1px solid #e7e7e9;
		border-bottom: 1px solid #e7e7e9;
		padding: 1.0rem 1.0rem 1.0rem 1.5rem;
	}
	.lab_personnel > .position{
		clear: both;
		display: block;
		position: relative;
	}
	.lab_personnel > .position > .position_title{
		font-family: 'Roboto';
		font-size: 1.3rem;
		color: #03945d;
		font-weight: normal;
		letter-spacing: -0.01rem;
		line-height: 1.7rem;
		padding-bottom: 5px;
	}

	ul.position_leader{
		display: inline-block;
		margin-left: 30px;
		width: 100%;
		padding-bottom: 20px;
	}
	ul.position_leader > li{
		float: left;
	}
	ul.position_leader > li.picture{
		padding-right: 15px;
		width: 30%;
	}
	ul.position_leader > li.picture > img{
		max-width: 100%;
	}
	ul.position_leader > li > .personnel{
		clear: both;
		display: block;
		position: relative;
	}
	ul.position_leader > li > .personnel > ul{
		clear: both;
		display: inline-block;
		position: relative;
	}
	ul.position_leader > li > .personnel > ul > li{
		padding-bottom: 10px;
		/*
		float: left;
		padding-right: 1.3rem;
		vertical-align: middle;
		*/
	}
	ul.position_leader > li > .personnel > ul > li.name{
		font-family: 'Noto Sans KR';
		font-size: 1.4rem;
		color: #242021;
		font-weight: 700;
		letter-spacing: -0.01rem;
	}
	ul.position_leader > li > .personnel > ul > li.jobtitle{
		font-family: 'Roboto';
		font-size: 1.0rem;
		color: #03945d;
		font-weight: 400;
		letter-spacing: -0.01rem;
	}
	ul.position_leader > li > .personnel > ul > li.email{
		font-family: 'Roboto';
		font-size: 1.0rem;
		color: #242021;
		font-weight: 400;
		letter-spacing: -0.01rem;
	}
	ul.position_leader > li > .personnel > ul > li.link{
		font-family: 'Roboto';
		font-size: 1.0rem;
		color: #f98031;
		font-weight: 400;
		letter-spacing: -0.01rem;
		cursor: pointer;
	}
	ul.position_leader > li > .personnel > ul > li.research{
		font-family: 'Roboto';
		font-size: 1.0rem;
		color: #242021;
		font-weight: 400;
		letter-spacing: -0.02rem;
		font-style: italic;
	}




	.lab_personnel > .position > ul{
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.lab_personnel > .position > ul > li{
	}
	.lab_personnel > .position > ul > li{
		float: left;
		width: 23.5%;
		padding-right: 2%;
		padding-bottom: 3%;
		box-sizing: content-box;			/*	border-box : 테두리를 기준으로 크기를 정합니다.
											content-box : 콘텐트 영역을 기준으로 크기를 정합니다.
											initial : 기본값으로 설정합니다.
											inherit : 부모 요소의 속성값을 상속받습니다.
										*/
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
	}
	.lab_personnel > .position > ul > li:nth-of-type(4n){
		padding-right: 0;
	}


	ul.position_member{
		display: inline-block;
		margin-left: 30px;
		width: 100%;
		padding-bottom: 20px;
	}
	ul.position_member > li{
		/*
		float: left;
		*/
	}
	ul.position_member > li.picture{
		padding-right: 0px;
		width: 80%;
	}
	ul.position_member > li.picture > img{
		max-width: 100%;
	}
	ul.position_member > li > .personnel{
		clear: both;
		display: block;
		position: relative;
	}
	ul.position_member > li > .personnel > ul{
		clear: both;
		display: inline-block;
		position: relative;
	}
	ul.position_member > li > .personnel > ul > li{
		padding-bottom: 2px;
		/*
		float: left;
		padding-right: 1.3rem;
		vertical-align: middle;
		*/
	}
	ul.position_member > li > .personnel > ul > li.name{
		font-family: 'Noto Sans KR';
		font-size: 1.2rem;
		color: #242021;
		font-weight: 700;
		letter-spacing: -0.01rem;
	}
	ul.position_member > li > .personnel > ul > li.jobtitle{
		font-family: 'Roboto';
		font-size: 0.9rem;
		color: #03945d;
		font-weight: 400;
		letter-spacing: -0.02rem;
	}
	ul.position_member > li > .personnel > ul > li.email{
		font-family: 'Roboto';
		font-size: 0.9rem;
		color: #242021;
		font-weight: 400;
		letter-spacing: -0.01rem;
	}
	ul.position_member > li > .personnel > ul > li.link{
		font-family: 'Roboto';
		font-size: 0.9rem;
		color: #f98031;
		font-weight: 400;
		letter-spacing: -0.01rem;
		cursor: pointer;
	}
	ul.position_member > li > .personnel > ul > li.research{
		font-family: 'Roboto';
		font-size: 0.9rem;
		color: #242021;
		font-weight: 400;
		letter-spacing: -0.02rem;
		font-style: italic;
	}



/*--------------------------------------------------
	lab_main_youtube
--------------------------------------------------*/
	.lab_main_youtube{
		clear: both;
		display: block;
		position: relative;
	}
	.lab_main_youtube > ul{
		display: block;
		position: relative;
	}
	.lab_main_youtube > ul > li{
		border-bottom: 1px solid #f3f3f3;
		padding-top: 1.4rem;
		padding-bottom: 1.7rem;
	}
	.lab_main_youtube > ul > li:first-child{
		border-top: 1px solid #f3f3f3;
	}
	.lab_main_youtube > ul > li > .box_board{
		display: block;
		position: relative;
		cursor: default;
	}
	.lab_main_youtube > ul > li > .box_board > .board_title{
		display: block;
		position: relative;

		font-family: 'Raleway';
		font-size: 1.5rem;
		color: #231f20;
		font-weight: 500;
		letter-spacing: -0.1px;
		line-height: 1.5;
	}
	.lab_main_youtube > ul > li > .box_board > .board_desc{
		display: block;
		position: relative;
		padding-left: 1.6rem;
		margin-top: 0.5rem;

		font-family: 'Roboto';
		font-size: 0.9rem;
		color: #58585a;
		font-weight: 300;
		letter-spacing: -0.1px;
		line-height: 1.7;
	}
	.lab_main_youtube > ul > li > .box_board > .board_date{
		display: block;
		position: relative;
		text-align: left;
		padding-left: 1.6rem;
		margin-top: 1.0rem;
	}
	.lab_main_youtube > ul > li > .box_board > .board_date > span{
		font-family: 'Times New Roman';
		font-size: 0.8rem;
		color: #242021;
		font-weight: 400;
	}
	.lab_main_youtube > ul > li > .box_board > .board_date > img{
		position: absolute;
		top: 0.1rem;
	}




/*--------------------------------------------------
	lab_main_projects
--------------------------------------------------*/
	.lab_main_projects{
		clear: both;
		display: block;
		position: relative;
	}
	.lab_main_projects > ul{
		display: block;
		position: relative;
	}
	.lab_main_projects > ul > li{
		border-bottom: 1px solid #f3f3f3;
		padding-top: 1.4rem;
		padding-bottom: 1.7rem;
	}
	.lab_main_projects > ul > li:first-child{
		border-top: 1px solid #f3f3f3;
	}
	.lab_main_projects > ul > li > .box_board{
		display: block;
		position: relative;
		cursor: pointer;
	}
	.lab_main_projects > ul > li > .box_board > .board_title{
		display: block;
		position: relative;

		font-family: 'Raleway';
		font-size: 1.5rem;
		color: #231f20;
		font-weight: 500;
		letter-spacing: -0.1px;
		line-height: 1.5;
	}
	.lab_main_projects > ul > li > .box_board > .board_desc{
		display: block;
		position: relative;
		padding-left: 1.6rem;
		margin-top: 0.5rem;

		font-family: 'Roboto';
		font-size: 0.9rem;
		color: #58585a;
		font-weight: 300;
		letter-spacing: -0.1px;
		line-height: 1.7;
	}
	.lab_main_projects > ul > li > .box_board > .board_date{
		display: block;
		position: relative;
		text-align: left;
		padding-left: 1.6rem;
		margin-top: 1.0rem;
	}
	.lab_main_projects > ul > li > .box_board > .board_date > span{
		font-family: 'Times New Roman';
		font-size: 0.8rem;
		color: #242021;
		font-weight: 400;
	}
	.lab_main_projects > ul > li > .box_board > .board_date > img{
		position: absolute;
		top: 0.1rem;
	}








/*--------------------------------------------------
	lab_main_notice
--------------------------------------------------*/
	.lab_main_notice{
		clear: both;
		display: block;
		position: relative;
	}
	.lab_main_notice > ul{
		display: block;
		position: relative;
	}
	.lab_main_notice > ul > li{
		border-bottom: 1px solid #f3f3f3;
		padding-top: 1.4rem;
		padding-bottom: 1.7rem;
	}
	.lab_main_notice > ul > li:first-child{
		border-top: 1px solid #f3f3f3;
	}
	.lab_main_notice > ul > li > .box_board{
		display: block;
		position: relative;
		cursor: pointer;
	}
	.lab_main_notice > ul > li > .box_board > .board_title{
		display: block;
		position: relative;

		font-family: 'Raleway';
		font-size: 1.5rem;
		color: #231f20;
		font-weight: 500;
		letter-spacing: -0.1px;
		line-height: 1.3;
	}
	.lab_main_notice > ul > li > .box_board > .board_desc{
		display: block;
		position: relative;
		padding-left: 1.6rem;
		margin-top: 0.5rem;

		font-family: 'Roboto';
		font-size: 0.9rem;
		color: #242021;
		font-weight: 300;
		letter-spacing: -0.1px;
		line-height: 1.7;
	}
	.lab_main_notice > ul > li > .box_board > .board_date{
		display: block;
		position: relative;
		text-align: left;
		padding-left: 1.6rem;
		margin-top: 1.0rem;
	}
	.lab_main_notice > ul > li > .box_board > .board_date > span{
		font-family: 'Times New Roman';
		font-size: 0.8rem;
		color: #242021;
		font-weight: 400;
	}
	.lab_main_notice > ul > li > .box_board > .board_date > img{
		position: absolute;
		top: 0.1rem;
	}





/*--------------------------------------------------
	lab_researchers
--------------------------------------------------*/
	.lab_researchers{
		clear: both;
		display: block;
		position: relative;
	}
	.lab_researchers > table{
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
		border-spacing: 0;
	}

	.lab_researchers > table > tbody > tr > td{
		text-align: left;
		vertical-align: top;
		padding-left: 30px;
		padding-right: 30px;
		background-color: #fff;
	}
	.lab_researchers > table > tbody > tr > td:first-child{
		padding-left: 0px;
	}
	.lab_researchers > table > tbody > tr > td:nth-of-type(2){
		padding-left: 15px;
		padding-right: 15px;
	}
	.lab_researchers > table > tbody > tr > td:last-child{
		padding-right: 0px;
	}
	.lab_researchers > table > tbody > tr > td .name{
		word-break: break-word;
		font-family: 'Noto Sans KR';
		font-size: 15px;
		color: #231f20;
		font-weight: 700;
		line-height: 18px;
		letter-spacing: -0.0px;
	}
	.lab_researchers > table > tbody > tr > td .jobtitle{
		word-break: break-word;
		font-family: 'Roboto';
		font-size: 14px;
		color: #231f20;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: -0.0px;
	}
	.lab_researchers > table > tbody > tr > td .organization{
		word-break: break-word;
		font-family: 'Raleway';
		font-size: 14px;
		color: #242021;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: -0.0px;
		font-style: italic;
	}




/*--------------------------------------------------
	bulletin board
--------------------------------------------------*/
	#div_bulletin{
		display: block;
		position: relative;
		width: 100%;
		padding-top: 3.0rem;
		padding-left: 1.0rem;
	}
	#div_bulletin > table{
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
		border-spacing: 0;
		/*
		clear: both;
		table-layout: fixed;
		border-spacing: 0px;
		border-collapse: collapse;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		*/
	}
	#div_bulletin > table > thead > tr > th{
	}
	#div_bulletin > table > tbody > tr > td{
		vertical-align: top;
		padding-left: 40px;
		padding-bottom: 100px;
	}
	#div_bulletin > table > tbody > tr > td:nth-of-type(1){
		padding-left: 0px;
		text-align: left;
	}
	#div_bulletin > table > tbody > tr > td:nth-of-type(2){
	}
	#div_bulletin > table > tbody > tr > td > .box_write{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		background-color: #fbfbfb;
		border: none;
		text-align: left;
		padding: 20px 5px 20px 10px;
		border-radius: 3px 8px 8px 3px;
		border-top: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;
		border-bottom: 1px solid #f0f0f0;
		border-left: 1px solid #f0f0f0;
		-moz-box-shadow: 4px 4px 4px #bcbdc1, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		-webkit-box-shadow: 4px 4px 4px #bcbdc1, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 4px 4px 4px #bcbdc1, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
	}
	#div_bulletin > table > tbody > tr > td > .box_write > .write_name{
		display: block;
		position: relative;
		word-wrap: break-word;
		line-height: 15px;
	}
	#div_bulletin > table > tbody > tr > td > .box_write > .write_name > span{
		font-family: 'Raleway';
		color: #000000;
		font-size: 12px;
		letter-spacing: -0.1px;
		font-weight: 700;
	}
	#div_bulletin > table > tbody > tr > td > .box_write > .write_date{
		display: block;
		position: relative;
		width: 100%;
		padding-top: 15px;
		word-wrap: break-word;
	}
	#div_bulletin > table > tbody > tr > td > .box_write > .write_date > div{
	}
	#div_bulletin > table > tbody > tr > td > .box_write > .write_date > div > span{
		font-family: 'Roboto';
		font-size: 11px;
		color: #58585a;
		letter-spacing: -0.1px;
		font-weight: 400;
	}
	#div_bulletin > table > tbody > tr > td > .box_write > .write_date > div > img{
		position: absolute;
		top: 18px;
	}

	#div_bulletin > table > tbody > tr > td > .box_write input[type=password]{
		height: 26px;
		width: 110px;
		text-align: left;
		border: 1px solid #888888;
		padding: 0px 5px 0px 5px;
		margin: 0px 0px 0px 0px;
		ime-mode: inactive;				/*	English	*/
		background-color: #ffffff;
		font-size: 11px;
		font-weight: normal;
	}

	#div_bulletin > table > tbody > tr > td > .box_contents{
		clear: both;
		display: block;
		position: relative;
		width: 97%;
		background-color: #ffffff;
		border: none;
		text-align: left;
		word-wrap: break-word;
		padding: 20px 30px 30px 30px;
		border-radius: 3px 13px 13px 3px;
		border-top: 1px solid #efefef;
		border-right: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
		border-left: 1px solid #efefef;
		-moz-box-shadow: 7px 7px 7px #afafaf, 0px 0px 0px rgba(0, 0, 0, 0.7) inset;
		-webkit-box-shadow: 7px 7px 7px #afafaf, 0px 0px 0px rgba(0, 0, 0, 0.7) inset;
		box-shadow: 7px 7px 7px #afafaf, 0px 0px 0px rgba(0, 0, 0, 0.7) inset;
	}
	#div_bulletin > table > tbody > tr > td > .box_contents > img{
		max-width: 99%;
		height: auto !important;
	}

	.bulletin_btn_left{
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -500px;
		/*
		position: fixed;
		left: 50%;
		top: 280px;
		margin-left: -340px;
		*/
		z-index: 99;
	}







/*--------------------------------------------------
	footer
--------------------------------------------------*/
	#footer > .footer_up{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		background-color: #fff;
		padding-top: 3.5rem;
		padding-bottom: 0.4rem;
	}
	#footer > .footer_up > .footer_section{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		text-align: center;
	}
	#footer > .footer_up > .footer_section > span{
		font-family: 'Roboto';
		font-size: 0.9rem;
		color: #777;
		font-weight: 300;
		letter-spacing: -0.0rem;
	}
	#footer > .footer_down{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		background-color: #fff;
		border-top: 1px solid #10354c;
		padding-top: 0.4rem;
		padding-bottom: 2.5rem;
	}
	#footer > .footer_down > .footer_section{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		text-align: center;
	}
	#footer > .footer_down > .footer_section > span{
		font-family: 'Roboto';
		font-size: 0.8rem;
		color: #6d6e72;
		font-weight: 300;
		letter-spacing: -0.0rem;
	}






/*--------------------------------------------------
	staticmenu
--------------------------------------------------*/
	#staticmenu{
		position: fixed;
		left: 50%;
		top: 180px;
		margin-left: 600px;
		z-index: 9999999;
	}
	#staticmenu > ul{
	}
	#staticmenu > ul > li{
		width: 60px;
		text-align: center;
		padding: 13px 0px 13px 0px;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		background-color: rgba(0, 0, 0, 0.1);
		/*background-color: rgb(0,0,0,0.2);*/
	}
	#staticmenu > ul > li:first-child{
		padding: 6px 0px 6px 0px;
		border-top: 1px solid #03945d;
		border-left: 1px solid #03945d;
		border-right: 1px solid #03945d;
		background-color: rgba(3, 148, 93, 1.0);
	}
	#staticmenu > ul > li:first-child > a > span{
		color: #ffffff;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: -0.5px;
		line-height: 19px;
	}
	#staticmenu > ul > li:last-child{
		padding: 6px 0px 6px 0px;
		border-bottom: 1px solid #03945d;
		border-left: 1px solid #03945d;
		border-right: 1px solid #03945d;
		background-color: rgba(3, 148, 93, 1.0);
	}
	#staticmenu > ul > li:last-child > a > span{
		color: #ffffff;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: -0.5px;
		line-height: 19px;
	}


}	/*@media	END	//--------------------------------------------------*/