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

	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;


	#####	Shades and Tints of #a7a9ac	:	PLATINUM	:	TEXT
	#030303		#0c0d0d		#161617		#1f2021		#292a2b		#323435		#3c3d3f		#45474a		#4f5154
	#585b5e		#626468		#6b6e72		#75787c		#7f8286		#898b8f		#939599		#9d9fa2		#a7a9ac
	#b1b3b6		#bbbdbf		#c5c7c9		#cfd0d2		#d9dadc		#e4e4e5		#eeeeef		#f8f8f8


	#wrapper > #container > (#regin) > #area > #section > #box
	green	:	#39d52c		rgb(57, 213, 44)
	violet	:	#a85aa5		rgb(168, 90, 165)
	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	//--------------------------------------------------*/
/*--------------------------------------------------*/
/*	LAOUT	PC	*/
/*--------------------------------------------------*/
	#wrap{
		display: block;
		position: relative;
		width: 100%;
		min-width: 1200px;
	}
	#header{
		display: block;
		position: relative;
		top: 0px;
		width: 100%;
		z-index: 1000;
		background-color: #f7fcfe;
	}
	#container{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		/*
		padding-top: 0rem;
		padding-bottom: 3.0rem;
		min-height: 5rem;
		*/
	}
	#footer{
	clear: both;
	display: block;
	position: relative;
	width: 100%;
	min-width: 1200px;
	background-color: #f7fcfe;
	border-top: 1px solid #000;
	padding-top: 1.1rem;
	padding-bottom: 5.1rem;
}



/*----------------------------------------------
TOP
----------------------------------------------*/
#header > #top{
clear: both;
display: block;
width: 100%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: #231f20;
}
#top > .top_menu{
display: block;
position: relative;
width: 1200px;
left: 50%;
margin-left: -600px;
overflow: hidden;
}

#top > .top_menu > .top_left{
float: left;
}
#top > .top_menu > .top_left > .top_slogan_txt{
float: left;
margin-left: 10px;
margin-top: 5px;
word-break: break-word;
word-wrap: break-word;
}
#top > .top_menu > .top_left > .top_slogan_txt > a{
font-family: 'Raleway';
font-size: 0.99rem;
color: #dfb935;
font-weight: 500;
letter-spacing: 0.3px;
line-height: 1.0;
text-shadow: -1px 1px 12px #ac8a1b, 1px -1px 12px #ac8a1b;
}





#top > .top_menu > ul{
	float: right;
	padding: 0px 0px 0px 0px;
}
#top > .top_menu > ul > li{
	float: left;
	vertical-align: top;
	padding: 0rem 1.5rem 0rem 1.5rem;
	border-left: 1px solid #7e8d81;
}
#top > .top_menu > ul > li:first-child{
	border-left: none;
}
#top > .top_menu > ul > li:last-child{
	padding-right: 0px;
}
#top > .top_menu > ul > li > a{
	color: #ffffff;
	font-size: 0.7rem;
}
#top > .top_menu > ul > li:first-child > a{
	color: #EDE9D0;
	font-weight: bold;
}
#top > .top_menu > ul > li > a:hover{
	text-decoration: none;
	color: #3ba2ff;
}




/*--------------------------------------------------
	header_gnb
--------------------------------------------------*/
	#header > .header_gnb{
		display: block;
		position: relative;
		width: 100%;
		background-color: #f7fcfe;
		/*
		background-color: rgba(57, 213, 44, 0.2);
		*/
		border-bottom: 1px solid #000;
		height: 80px;
		z-index: 3000;
	}
	#header > .header_gnb.gnb_fix{
		position: fixed;
		top: 0px;
		width: 100%;
		/*
		background-color: rgba(57, 213, 44, 0.2);
		*/
		-moz-box-shadow: 0px 5px 5px #7f7f7f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		-webkit-box-shadow: 0px 5px 5px #7f7f7f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0px 5px 5px #7f7f7f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
	}
	#header > .header_gnb > .gnb_area{
		display:block;
		width: 1200px;
		height: 80px;
		margin: 0 auto;
		/*
		border-left: 1px solid #87e680;
		border-right: 1px solid #87e680;
		*/
	}
	#header > .header_gnb > .gnb_area > ul{
	}
	#header > .header_gnb > .gnb_area > ul > li{
		float: left;
		text-align: center;
		height: 2.5rem;
		padding-top: 1.7rem;
		width: 16.5%;
	}
	#header > .header_gnb > .gnb_area > ul > li:nth-of-type(1){
		/*
		width: 39%;
		*/
	}
	#header > .header_gnb > .gnb_area > ul > li:nth-of-type(2){
		/*
		width: 25%;
		*/
	}
	#header > .header_gnb > .gnb_area > ul > li:nth-of-type(3){
		/*
		width: 36%;
		*/
	}
	#header > .header_gnb > .gnb_area > ul > li:nth-of-type(4){
		/*
		width: 0%;
		*/
	}
	#header > .header_gnb > .gnb_area > ul > li > a{
		font-family: 'Noto Sans KR';
		color: #231f20;
		font-size: 1.2rem;
		letter-spacing: -0.5px;
		font-weight: 500;
	}
	#header > .header_gnb > .gnb_area > ul > li > a:hover{
		text-decoration: none;
		color: #1ab5f0;
	}
	#header > .header_gnb > .gnb_area > ul > li > a.current{
		color: #009DD6;
		font-weight: 700;
	}




/*--------------------------------------------------
	location
--------------------------------------------------*/
	#location{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		min-width: 1200px;
		height: 38px;
		/*
		margin-top: 123px;
		background-color: rgba(57, 213, 44, 0.3);
		*/
		background-color: #eeeeef;
		border-top: 1px solid #f0f0f0;
		border-bottom: 0px solid #f0f0f0;
		z-index: 500;
	}
	#location > .location_area{
		clear: both;
		display: block;
		position: relative;
		width: 1200px;
		left: 50%;
		margin-left: -600px;
	}
	#location > .location_area > .location_box{
		display: block;
		position: relative;
		width: 100%;
		margin-top: 0.6rem;
		/*
		*/
	}
	#location > .location_area > .location_box > a{
		font-size: 0.8rem;
		color: #8d8d8d;
	}
	#location > .location_area > .location_box > a:hover{
		color: #000000;
	}
	#location > .location_area > .location_box > a > img{
		margin-top: -0.2rem;
	}
	#location > .location_area > .location_box > span{
		display: inline-block;
		margin-top: 0.0rem;
		color: #bbbbbb;
		font-size: 0.8rem;
		font-weight: lighter;
		padding-left: 1.5rem;
	}
	#location > .location_area > .location_box > a.last{
		margin: 0;
		padding: 0;
		border-right: none;
		font-size: 13px;
		color: #03945d;
		font-weight: 500;
		font-weight: bold\0;	/*	IE	*/
	}




/*--------------------------------------------------
	SUB LAYOUT
--------------------------------------------------*/
	#container{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		min-width: 1200px;
		min-height: 800px;
		z-index: 500;
	}
	#container > #container_area{
		clear: both;
		display: block;
		position: relative;
		width: 1200px;
		left: 50%;
		margin-left: -600px;
	}
	#container > #container_area > #area_contents{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		min-height: 800px;
		padding-top: 4.0rem;
	}




/*--------------------------------------------------
	contents_header
--------------------------------------------------*/
	#container_area > #area_contents > #contents_header{
		position: relative;
		display: block;
		width: 100%;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	#contents_header > .header_title{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		text-align: left;
	}
	#contents_header > .header_title > .title_txt{
		display: block;
		position: relative;
		padding-left: 0.1rem;
		padding-bottom: 0.5rem;
		line-height: 1.3;

		font-family: 'Noto Sans KR';
		color: #231f20;
		font-size: 2.42rem;
		font-weight: 700;
		letter-spacing: 0.1rem;
	}
	#contents_header > .header_title > .title_txt > span{
	}
	#contents_header > .header_title > .title_bar{
		display: block;
		position: relative;
		width: 100%;
		height: 2px;
		background:-webkit-linear-gradient(to right, rgba(26, 181, 240, 0.9) 0%, rgba(26, 181, 240, 0.6) 35%, rgba(26, 181, 240, 0.3) 70%, rgba(26, 181, 240, 0) 100%);
		background:-moz-linear-gradient(to right, rgba(26, 181, 240, 0.9) 0%, rgba(26, 181, 240, 0.6) 35%, rgba(26, 181, 240, 0.3) 70%, rgba(26, 181, 240, 0) 100%);
		background:-o-linear-gradient(to right, rgba(26, 181, 240, 0.9) 0%, rgba(26, 181, 240, 0.6) 35%, rgba(26, 181, 240, 0.3) 70%, rgba(26, 181, 240, 0) 100%);
		background:linear-gradient(to right, rgba(26, 181, 240, 0.9) 0%, rgba(26, 181, 240, 0.6) 35%, rgba(26, 181, 240, 0.3) 70%, rgba(26, 181, 240, 0) 100%);
	}


	#contents_header > .header_title > .lnb_tab{
	}
	#contents_header > .header_title > .lnb_tab > ul > li{
		display: inline-block;
		padding-left: 0.1rem;
		padding-bottom: 0.5rem;
	}
	#contents_header > .header_title > .lnb_tab > ul > li > a{
		font-family: 'Noto Sans KR';
		font-size: 2.5rem;
		color: #ddd;
		font-weight: 700;
		line-height: 0.5;
		margin-right: 2.5rem;
		letter-spacing: 0.1rem;
	}
	#contents_header > .header_title > .lnb_tab > ul > li.on > a,
	#contents_header > .header_title > .lnb_tab > ul > li > a:hover{
		color: #2b2b2b;
	}





/*--------------------------------------------------
	contents_body
--------------------------------------------------*/
	#container_area > #area_contents > #contents_body{
		position: relative;
		display: block;
		width: 100%;
		padding-top: 3.5rem;
		z-index: 500;
	}
	#container_area > #area_contents > #contents_body > .sub_title{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		text-align: left;
	}
	#container_area > #area_contents > #contents_body > .sub_title > span{
		display: inline-block;
	}
	#container_area > #area_contents > #contents_body > .sub_title > span.title_dot > img{
		margin-top: -0.5rem;
	}
	#container_area > #area_contents > #contents_body > .sub_title > span.title_txt{
		color: #000000;
		font-size: 1.5rem;
		font-weight: bold;
		letter-spacing: -0.5px;
		padding-left: 0.2rem;
	}
	#container_area > #area_contents > #contents_body > .sub_desc{
		clear: both;
		display: block;
		position: relative;
		width: 95%;
		text-align: justify;
		padding-top: 2.1rem;
		padding-left: 3.0rem;
		padding-bottom: 3.6rem;

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





































/*--------------------------------------------------
	FOOTER
--------------------------------------------------*/
	#footer_banner{
		clear: both;
		display: block;
		position: relative;
		width: 1200px;
		left: 50%;
		margin-left: -600px;
		overflow:hidden;
		padding: 30px 0px 30px 0px;
	}
	#footer_banner > .banner_area{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		text-align: center;
	}
	#footer_banner > .banner_area img{
		height: 39px;
	}


	#footer_copyright{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
	}
	#footer_copyright > .copyright_area{
		display: block;
		position: relative;
		width: 1200px;
		left: 50%;
		margin-left: -600px;
		overflow:hidden;
		padding: 0px 0px 10px 0px;
		vertical-align: top;
		text-align: center;
	}
	#footer_copyright > .copyright_area > p > span{
		font-size: 12px;
		color: #5f5f5f;
		line-height: 16px;
	}












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