/*---------------------------------------------------------------------------
	[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;
	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


	[kia color]
	#ed1c24

	#wrapper	>	#container	>	(#regin)	>	#area	>	#section	>	#box	>	#sector
	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	//--------------------------------------------------*/
/*--------------------------------------------------
	container_main
--------------------------------------------------*/
	#container > .container_main{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		z-index: 1;
		background-color: #fff;
		padding-bottom: 50px;
	}







/*--------------------------------------------------*/
/*	main_contents	*/
/*--------------------------------------------------*/
	#main_contents{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		min-height: 20.0rem;
		/*
		border-bottom: 1px solid #dcdae8;
		*/
	}
	#main_contents > .contents_section{
		display: block;
		position: relative;
		width: 1200px;
		left: 50%;
		margin-left: -600px;
		overflow:hidden;
		padding-top: 3.0rem;
	}
	#main_contents > .contents_section > .main_left{
		position: relative;
		display: inline-block;
		width: 600px;
		min-height: 22.0rem;
	}
	#main_contents > .contents_section > .main_left > img{
		width: 600px;
	}
	#main_contents > .contents_section > .main_right{
		float: right;
		width: 530px;
		padding-left: 0px;
	}
	.main_right > .title{
		clear: both;
		display: block;
		position: relative;
		line-height: 1.5;
		padding: 0;
		margin: 0;
		/*
		*/
	}
	.main_right > .title > span{
		padding: 0;
		margin: 0;
		font-family: 'Noto Sans KR';
		font-weight: 700;
		color: #000;
		font-size: 3.3rem;
		letter-spacing: -0.1px;
		text-decoration: underline 4px solid #000;
		text-underline-position: under;
		/*
		border-bottom: 3px solid #000;
		*/
	}

	.main_right > .notice{
		clear: both;
		display: block;
		position: relative;
		width: 520px;
		height: 280px;
		padding-top: 25px;
		margin-top: 20px;
		-moz-box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		-webkit-box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
	}
	.main_right > .notice > .notice_section{
		clear: both;
		display: block;
		position: relative;
		padding: 0px 20px 20px 20px;
	}
	.main_right > .notice > .notice_section > h3{
		font-family: 'Raleway';
		font-size: 1.9rem;
		color: #000;
		font-weight: 800;
		letter-spacing: -0.5px;
	}
	.main_right > .notice > .notice_section > .notice_box{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		padding-top: 15px;
		margin: 0;
		vertical-align: top;
	}
	.main_right > .notice > .notice_section > .notice_box > ul{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		height: 100px;
		padding: 0;
		margin: 0;
	}
	.main_right > .notice > .notice_section > .notice_box > ul > li{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		padding: 11px 0px 11px 0px;
		margin: 0;
		border-bottom: 1px solid #87e680;
	}
	.main_right > .notice > .notice_section > .notice_box > ul > li:first-child{
		border-top: 1px solid #000;
	}
	.main_right > .notice > .notice_section > .notice_box > ul > li > span.txt_left{
		position: relative;
		display: inline-block;
		width: 82%;
	}
	.main_right > .notice > .notice_section > .notice_box > ul > li > span.txt_right{
		position: relative;
		display: inline-block;
		width: 17%;
		text-align: right;
	}
	.main_right > .notice > .notice_section > .notice_box > ul > li > span > a{
		font-family: 'Noto Sans KR';
		font-size: 0.9rem;
		color: #444;
	}
	.main_right > .notice > .notice_section > .notice_box > ul > li > span > a:hover{
		text-decoration: none;
		color: #a85aa5;
	}




	.main_right > .btn_main{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		margin-top: 40px;
	}
	.main_right > .btn_main > div{
		clear: both;
		display: block;
		position: relative;
		padding-bottom: 1.2rem;
	}
	.main_right > .btn_main > div > .btn_registration{
		width: 520px;
		height: 3.2rem;
		text-align: center;
		background-color: #000;
		font-family: 'Noto Sans KR';
		font-size: 1.3rem;
		color: #fff;
		font-weight: 700;
		line-height: 1.2;
		-moz-box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		-webkit-box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
	}
	.main_right > .btn_main > div > .btn_login{
		width: 520px;
		height: 3.2rem;
		text-align: center;
		background-color: #1ab5f0;
		font-family: 'Noto Sans KR';
		font-size: 1.3rem;
		color: #fff;
		font-weight: 700;
		line-height: 1.2;
		-moz-box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		-webkit-box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
	}
	.main_right > .btn_main > div > .btn_download{
		width: 520px;
		height: 2.9rem;
		text-align: center;
		background-color: #fff;
		font-size: 1.0rem;
		color: #000;
		font-weight: 700;
		line-height: 0.1;
		-moz-box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		-webkit-box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem #333, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
	}




/*--------------------------------------------------*/
/*	main_visual	*/
/*--------------------------------------------------*/
	#main_visual{
		display: block;
		position: relative;
		width: 100%;
		background-color:#ffffff;
	}
	#main_visual > .visual_area{
		display: block;
		position: relative;
		width: 1920px;
		left: 50%;
		margin-left: -960px;
	}
	#main_visual > .visual_area > img{
		width: 1920px;
		border: none;
		z-index: 10;
	}








/*--------------------------------------------------*/
/*	NOTICE	*/
/*--------------------------------------------------*/
	#main_contents > .contents_section > .section_left > .left_box{
		clear: both;
		display: block;
		position: relative;
		width: 665px;
		height: 330px;
		margin-left: 15px;
		-moz-box-shadow: 0.4rem 0.4rem 0.4rem 0.1rem #ffab50, 0px 0px 0px rgba(0, 0, 0, 0.3) inset;
		-webkit-box-shadow: 0.4rem 0.4rem 0.4rem 0.1rem #ffab50, 0px 0px 0px rgba(0, 0, 0, 0.3) inset;
		box-shadow: 0.4rem 0.4rem 0.4rem 0.1rem #ffab50, 0px 0px 0px rgba(0, 0, 0, 0.3) inset;
		/*
		-webkit-box-shadow: -3px -3px 7px 2px rgba(255, 171, 80, 0.3);
		-moz-box-shadow: -3px -3px 7px 2px rgba(255, 171, 80, 0.3);
		box-shadow: -3px -3px 7px 2px rgba(255, 171, 80, 0.3);
		*/
	}
	#main_contents > .contents_section > .section_left > .left_box > .box_bbs{
		clear: both;
		display: block;
		position: relative;
		width: 600px;
		padding: 25px 30px 25px 30px;
	}
	#main_contents > .contents_section > .section_left > .left_box > .box_bbs > h3{
		font-size: 24px;
		color: #000000;
		font-weight: bold;
	}
	#main_contents > .contents_section > .section_left > .left_box > .box_bbs > .notice_box{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		padding: 15px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		vertical-align: top;
	}
	#main_contents > .contents_section > .section_left > .left_box > .box_bbs > .notice_box > ul{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		height: 100px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	#main_contents > .contents_section > .section_left > .left_box > .box_bbs > .notice_box > ul > li{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		padding: 13px 0px 13px 0px;
		margin: 0px 0px 0px 0px;
		border-bottom: 1px solid #e8e8e8;
	}
	#main_contents > .contents_section > .section_left > .left_box > .box_bbs > .notice_box > ul > li:first-child{
		border-top: 1px solid #a0a0a0;
	}
	#main_contents > .contents_section > .section_left > .left_box > .box_bbs > .notice_box > ul > li > span.txt_left{
		position: relative;
		display: inline-block;
		width: 82%;
	}
	#main_contents > .contents_section > .section_left > .left_box > .box_bbs > .notice_box > ul > li > span.txt_right{
		position: relative;
		display: inline-block;
		width: 17%;
		text-align: right;
	}
	#main_contents > .contents_section > .section_left > .left_box > .box_bbs > .notice_box > ul > li > span > a{
		position: relative;
		display: block;
		font-size: 16px;
		color: #a2a2a2;
	}
	#main_contents > .contents_section > .section_left > .left_box > .box_bbs > .notice_box > ul > li > span > a:hover{
		text-decoration: none;
		color: #63beef;
	}











	.section_right > .main_btn{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		text-align: right;
		margin-left: -1.0rem;
	}
	.section_right > .main_btn > div{
		clear: both;
		display: block;
		position: relative;
		padding-bottom: 1.4rem;
	}
	.section_right > .main_btn > div > .btn_registration{
		width: 25.1rem;
		height: 5.1rem;
		text-align: center;
		background-color: #ffab50;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.8rem;
		-moz-box-shadow: 0.4rem 0.4rem 0.4rem #8f8f8f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		-webkit-box-shadow: 0.4rem 0.4rem 0.4rem #8f8f8f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0.4rem 0.4rem 0.4rem #8f8f8f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
	}
	.section_right > .main_btn > div > .btn_login{
		width: 25.1rem;
		height: 5.2rem;
		text-align: center;
		background-color: #178ba4;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.8rem;
		-moz-box-shadow: 0.4rem 0.4rem 0.4rem #8f8f8f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		-webkit-box-shadow: 0.4rem 0.4rem 0.4rem #8f8f8f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0.4rem 0.4rem 0.4rem #8f8f8f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
	}
	.section_right > .main_btn > div > .btn_download{
		width: 25.1rem;
		height: 3.2rem;
		text-align: center;
		background-color: #005f8c;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1.8rem;
		-moz-box-shadow: 0.4rem 0.4rem 0.4rem #8f8f8f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		-webkit-box-shadow: 0.4rem 0.4rem 0.4rem #8f8f8f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0.4rem 0.4rem 0.4rem #8f8f8f, 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
	}











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