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

	#wrapper > #container > (#regin) > #area > #section > #box

	font-family: 'Noto Sans KR';		font-weight: 400;		100		300	400	500		700		900
	font-family: 'Nanum Barun Gothic';	font-weight: 400;			200	300	400			700
	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


	[Main Color]
	blue	:	#1ab5f0;	rgba(26, 181, 240,)
	black	:	#231f20;


	green	:	#39d52c		rgb(57, 213, 44)
	violet	:	#a85aa5		rgb(168, 90, 165)

	[PANTONE+ solid Uncoated]
	#f8f7f5		#eeedeb		#e4e3e1		#dad9d7		#cacac8		#c5c5c5		#b8b8ba		#adaeb0		#a4a5a9		#9c9da0		#939598		#898b8e
	#828387		#7b7c81		#717277		#67686d		#5d5e63		#535459		#494a4f		#3f4045		#35363b		#2b2c31		#212227		#17181d


	MAIN	color						: #ffab50;		rgb(255, 171, 80)
	MAIN	color						: #00b6a8;		rgb(0, 182, 168)
	KSA1	color						: #009f94;		rgb(0, 159, 148)
	KSA2	color						: #00978b;		rgb(0, 151, 139)
	KSA3	color						: #009186;		rgb(0, 145, 134)
	KSA4	color						: #00887d;		rgb(0, 136, 125)
	KSA5	color						: #007d74;		rgb(0, 125, 116)
	KSA6	color						: #007168;		rgb(0, 113, 104)
	KDIS1	color						: #03945d;		rgb(3, 148, 93)
	KDIS2	color						: #2c878e;
	KDIS3	color						: #024d31;		rgb(2, 77, 49)
	KDIS5	color						: #00321e;		rgb(0, 50, 30)
	KDIS6	color						: #004b2d;		rgb(0, 75, 45)
	KDIS7	color						: #00643c;		rgb(0, 100, 60)
	KDIS8	color						: #007d4b;		rgb(0, 125, 75)


---------------------------------------------------------------------------*/
@charset "utf-8";
@media (min-width: 1px){	/*@media	BEGIN	//--------------------------------------------------*/



/*--------------------------------------------------
	SJKS LIST
--------------------------------------------------*/
	.yaf_tbl_list{
		clear: both;
		display: block;
		position: relative;
	}
	.yaf_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 #adaeb0;
	}
	.yaf_tbl_list > table > thead > tr > th{
		text-align: left;
		vertical-align: middle;
		background-color: #f8f7f5;
		border-bottom: 1px solid #e4e3e1;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 7px;
		padding-right: 7px;
		line-height: 1.3;

		font-family: 'Raleway';
		font-size: 14px;
		color: #35363b;
		font-weight: 500;
	}
	.yaf_tbl_list > table > thead > tr.title > th{
		text-align: left;
		vertical-align: middle;
		background-color: #cacac8;
		border-bottom: 1px solid #e4e3e1;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 7px;
		padding-right: 7px;
		line-height: 1.3;

		font-family: 'Raleway';
		font-size: 14px;
		color: #35363b;
		font-weight: 600;
	}
	.yaf_tbl_list > table > thead > tr.contributor > th{
		text-align: left;
		vertical-align: middle;
		background-color: #f8f7f5;
		border-bottom: 1px solid #e4e3e1;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 7px;
		padding-right: 7px;
		line-height: 1.3;

		font-family: 'Raleway';
		font-size: 13px;
		color: #35363b;
		font-weight: 500;
	}


	.yaf_tbl_list > table > tbody > tr > td{
		text-align: left;
		vertical-align: middle;
		background-color: #fff;
		border-bottom: 1px solid #eeedeb;
		padding-top: 15px;
		padding-bottom: 16px;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 1.1;
	}
	.yaf_tbl_list > table > tbody > tr > td > a{
		font-family: 'Roboto';
		font-size: 13px;
		color: #35363b;
		font-weight: 400;
	}
	.yaf_tbl_list > table > tbody > tr > td > span{
		font-family: 'Roboto';
		font-size: 13px;
		color: #35363b;
		font-weight: 400;
	}
	.yaf_tbl_list > table > tbody > tr > td img.date{
		margin-bottom: -3px;
	}

/*--------------------------------------------------
	YAF FRM
--------------------------------------------------*/
	.yaf_tbl_frm{
		clear: both;
		display: block;
		position: relative;
	}
	.yaf_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 #adaeb0;
	}
	.yaf_tbl_frm > table > thead > tr > th{
		text-align: left;
		vertical-align: middle;
		background-color: #b8b8ba;
		border-bottom: 1px solid #eeedeb;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 7px;
		padding-right: 7px;
		line-height: 1.2;

		font-family: 'Noto Sans KR';
		font-size: 14px;
		color: #35363b;
		font-weight: 700;
	}
	.yaf_tbl_frm > table > thead > tr > th > span{
		font-family: 'Noto Sans KR';
		font-size: 14px;
		color: #35363b;
		font-weight: 700;
	}
	.yaf_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;
	}





	.yaf_tbl_frm > table > tbody > tr > th{
		text-align: left;
		vertical-align: middle;
		background-color: #cacac8;
		border-bottom: 1px solid #eeedeb;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 7px;
		padding-right: 7px;
		line-height: 1.3;

		font-family: 'Noto Sans KR';
		font-size: 14px;
		color: #3f4045;
		font-weight: 400;
	}
	.yaf_tbl_frm > table > tbody > tr > th > span{
		font-family: 'Noto Sans KR';
		font-size: 14px;
		color: #3f4045;
		font-weight: 400;
	}
	.yaf_tbl_frm > table > tbody > tr > td{
		text-align: left;
		vertical-align: middle;
		border-bottom: 1px solid #eeedeb;
		border-left: 1px solid #eeedeb;
		background-color: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 7px;
		padding-right: 7px;
		line-height: 1.3;

		font-family: 'Roboto';
		font-size: 13px;
		color: #3f4045;
		font-weight: 300;
	}
	.yaf_tbl_frm > table > tbody > tr > td:first-child{
		border-left: 0px;
	}
	.yaf_tbl_frm > table > tbody > tr > td > span{
		font-size: 13px;
		color: #3f4045;
		font-weight: 300;
	}
	.yaf_tbl_frm > table > tbody > tr > td a.download{
		font-size: 13px;
		color: #447ca0;
		font-weight: 400;
	}

	.yaf_tbl_frm > table > tbody > tr > td > .contents_read{
		clear: both;
		display: block;
		position: relative;
		line-height: 1.6;
		padding: 0.8rem 0.8rem 0.8rem 0.8rem;
		word-break: break-word;
	}
	.yaf_tbl_frm > table > tbody > tr > td > .contents_read img{
		max-width: 99%;
		height: auto !important;
	}


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




/*--------------------------------------------------
	공모개요
--------------------------------------------------*/
	#contents_body > .outline{
		clear: both;
		display: block;
		position: relative;
		width: 95%;
		text-align: justify;
		padding-top: 1.0rem;
		padding-left: 3.0rem;

		font-family: 'Nanum Barun Gothic';
		color: #231f20;
		font-size: 1.02rem;
		font-weight: 400;
		line-height: 1.8;
	}
	#container_area > #area_contents > #contents_body > .outline > span{
	}



/*--------------------------------------------------
	공모요강
--------------------------------------------------*/
	#contents_body > .summary{
		clear: both;
		display: block;
		position: relative;
		width: 95%;
		text-align: justify;
		padding-top: 1.0rem;
		padding-left: 3.0rem;
	}
	#contents_body > .summary > ul{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}
	#contents_body > .summary > ul > li{
		position: relative;
		list-style-type: square;
		list-style-position: outside;
		margin-left: 1.5rem;
		padding-bottom: 0.8rem;
		line-height: 1.5rem;

		font-family: 'Noto Sans KR';
		font-size: 1.0rem;
		font-weight: 400;
		color: #333;
	}
	#contents_body > .summary > ul > li > * {
		vertical-align: text-top;
	}
	/*
	#contents_body > .summary > ul > li:before{
		content: '•';
		vertical-align: top;
		list-style-type: none;
	}
	*/
	#contents_body > .summary > ul > li > ul{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}
	#contents_body > .summary > ul > li > ul > li{
		position: relative;
		list-style-position: outside;
		margin-left: 1.5rem;
		padding-bottom: 0.6rem;
		line-height: 1.5rem;

		font-family: 'Noto Sans KR';
		font-size: 0.9rem;
		font-weight: 400;
		color: #555;
	}
	#contents_body > .summary > ul > li > ul > li.decimal{
		list-style-type: decimal;
	}
	#contents_body > .summary > ul > li > ul > li.none{
		list-style-type: none;
	}



	.summary > table{
		width: 100%;
		border-collapse: separate;
		border-spacing: 0.2rem;
		border: none;
	}
	.summary > table > thead > tr > th{
		text-align: center;
		background-color: #A19C9D;
		padding: 1.1rem 0.7rem 1.1rem 0.7rem;

		font-family: 'Noto Sans KR';
		font-size: 1.0rem;
		font-weight: 500;
		color: #ffffff;
	}
	.summary > table > tbody > tr > td{
		text-align: center;
		background-color: #f1f1f1;
		padding: 0.9rem 0.7rem 0.9rem 0.7rem;

		font-size: 1.0rem;
		font-weight: 400;
		color: #000000;
	}



	#container_area > #area_contents > #contents_body > .summary > ul > li > table{
		width: 80%;
		border-collapse: separate;
		border-spacing: 0.0rem;
		border-top: 1px solid #9f9f9f;
	}
	#container_area > #area_contents > #contents_body > .summary > ul > li > table > thead > tr > th{
		text-align: center;
		background-color: #f1f1f1;
		padding: 0.9rem 0.5rem 0.9rem 0.5rem;
		border-bottom: 1px solid #afafaf;
	}
	#container_area > #area_contents > #contents_body > .summary > ul > li > table > thead > tr > th > span{
		font-size: 1.0rem;
		font-weight: normal;
		color: #000000;
	}
	#container_area > #area_contents > #contents_body > .summary > ul > li > table > tbody > tr > td{
		text-align: center;
		background-color: #ffffff;
		padding: 0.8rem 0.5rem 0.8rem 0.5rem;
		border-bottom: 1px solid #afafaf;
	}
	#container_area > #area_contents > #contents_body > .summary > ul > li > table > tbody > tr > td > span{
		font-size: 1.0rem;
		font-weight: lighter;
		color: #000000;
	}



	#container_area > #area_contents > #contents_body > .download{
		clear: both;
		display: block;
		position: relative;
		width: 95%;
		text-align: justify;
		padding-top: 1.0rem;
		padding-left: 3.0rem;
	}









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