/*---------------------------------------------------------------------------
	[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
	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";
@import url('/backoffice/sgControls/sgCommon/sgCss/fonts/noto-sans-kr/noto-sans-kr.css');
@import url('/backoffice/sgControls/sgCommon/sgCss/fonts/NanumBarunGothic/nanumbarungothic.css');
@import url('/backoffice/sgControls/sgCommon/sgCss/fonts/raleway/raleway.css');
@import url('/backoffice/sgControls/sgCommon/sgCss/fonts/roboto/roboto.css');
/*
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
*/



@media (min-width: 1px){	/*@media	BEGIN	//--------------------------------------------------*/
/*--------------------------------------------------
	BASIC
--------------------------------------------------*/
	html {
		overflow-y: scroll;
		overflow-x: hidden;
	}
	html{
		font-family: 'Noto Sans KR', 'Nanum Barun Gothic', 'Raleway', 'Roboto', 'Nanum Gothic',  'Open Sans', '맑은 고딕', 'Malgun Gothic', 'Lato', 'Poppins', sans-serif, Verdana, Arial, 'Trebuchet MS', '돋움', 'Dotum', 'Gulim', '굴림', 'AppleGothic';
		font-weight: normal;
		color: #3f3f3f;
		letter-spacing: -0.1px;
		font-size: 16px;		/*modify	*/
		line-height: 21px;		/*modify	*/
	}
	body{
		padding: 0;
		margin: 0;
		min-width: 320px;
	}
	div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, b, big, center, cite, code, del, dfn, em, i, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, u, var,
	dl, dt, dd, ol, ul, li, fieldset, form, hr, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, audio, canvas, details, embed, figure, figcaption,	footer, header, hgroup, mark, menu, nav, output, ruby, section, summary, time, video,
	input, input[type=file], input[type=text], input[type=tel], input[type=password],
	label, input[type=checkbox] + label, input[type=radio], input[type=radio] + label, input[type='checkbox'] + label:before, input[type='radio'] + label:before,
	textarea, button, select{
		margin: 0;
		padding: 0;
		border: 0;
		box-sizing: border-box;			/*	border-box : 테두리를 기준으로 크기를 정합니다.
											content-box : 콘텐트 영역을 기준으로 크기를 정합니다.
											initial : 기본값으로 설정합니다.
											inherit : 부모 요소의 속성값을 상속받습니다.
										*/
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	input, select, button{
		height: 2.4rem;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	select, textarea, input, input[type=text], input[type=tel], input[type=password]{
		text-align: left;
		border: 1px solid #cfcfcf;
		padding: 0.3rem 0.3rem 0.3rem 0.3rem;
		margin: 0px 0px 0px 0px;
		ime-mode: active;
		background-color: #ffffff;
	}
	h1,h2,h3,h4,h5,h6{
		font-weight: normal;
		font-size: 100%;
	}
	input[type=text], input[type=tel], input[type=password]{
		height: 2.4rem;
	}
	input[type=checkbox]{
		border: 0px currentColor;
		width: 1.0rem;
		height: 1.0rem;
		margin-right: 0.3rem;
		text-align: left;
		vertical-align: middle;
		margin-top: -0.1rem;
	}
	input[type=checkbox]:hover + label{
		color: #222222;
	}
	input[type=checkbox]:checked + label{
		color: #000000;
		font-weight: bold;
	}
	input[type=radio]{
		border: 0px currentColor;
		width: 1rem;
		height: 1rem;
		margin-right: 0.2rem;
	}
	input[type=radio]:hover + label{
		color: #222222;
	}
	input[type=radio]:checked + label{
		color: #000000;
		font-weight: bold;
	}
	input[type=file]{
		height: 2.4rem;
		width: 20rem;
		text-align: left;
		background-color: #ffffff;
		border: none;
	}
	textarea{
		width: 30rem;
		height: 20rem;
		vertical-align: top;
		line-height: 1.3rem;
	}
	/*
	input:active, input:focus, textarea:active, textarea:focus{
		border: 1px solid #1ba5c2;
	}
	*/
	fieldset, img, iframe{
		border:none;
	}
	img{
		border: 0px;
		vertical-align:middle;
	}
	i,em,address{
		font-style: normal;
	}
	a{
		text-decoration: none;
	}
	a:link{
		text-decoration: none;
	}
	a:visited{
		text-decoration: none;
	}
	a:hover{
		text-decoration: none;
	}
	a:active{
		text-decoration: none;
	}
	a:focus{
		text-decoration: none;
	}
	menu,li{
		list-style: none;
	}
	caption{
		width: 0px;
		height: 0px;
		font-size: 0px;
		line-height: 0px;
		overflow: hidden;
		visibility: hidden;
	}
	hr{
		display:none;
	}
	table{
		width: 100%;
		border-spacing: 0px;
		border-collapse:collapse;
	}
	strong{
		font-weight: bold;
	}
	option{}
	ul, li, ol, dl, dt, dd{
		list-style-type:none;
	}
	label{
		cursor: pointer;
	}



/*--------------------------------------------------
	placeholder
--------------------------------------------------*/
	input::-webkit-input-placeholder {
		color: #b8b8ba;
		font-weight: 300;
		font-style: italic;
	}
	input:-ms-input-placeholder {
		color: #b8b8ba;
		font-weight: 300;
		font-style: italic;
	}
	input::placeholder {
		color: #b8b8ba;
		font-weight: 300;
		font-style: italic;
		opacity: 1;
	}
	textarea::-webkit-input-placeholder {
		color: #b8b8ba;
		font-weight: 300;
		font-style: italic;
	}
	textarea:-ms-input-placeholder {
		color: #b8b8ba;
		font-weight: 300;
		font-style: italic;
	}
	textarea::placeholder {
		color: #b8b8ba;
		font-weight: 300;
		font-style: italic;
		opacity: 1;
	}


/*--------------------------------------------------
	input	border
--------------------------------------------------*/
	input, input[type=text], input[type=tel], input[type=password], input[type=file], select, textarea{
		border: 1px solid #cacac8;
		text-align: left;
		vertical-align: middle;
		padding-left: 5px;
		padding-right: 5px;

		font-family: 'Roboto';
		font-size: 14px;
		color: #494a4f;
		font-weight: 300;
		letter-spacing: -0.1px;
	}




/*--------------------------------------------------
	focus
--------------------------------------------------*/
	input:focus, input:active, textarea:focus, textarea:active{
		outline: #cfcfcf;
	}



/*--------------------------------------------------
	ETC	SET
--------------------------------------------------*/
	iframe, fieldset, img{
		border: 0;
	}
	a, a:hover, a:focus, a:visited, a:link, a:active{
		text-decoration: none;
	}
	menu, ul, li, ol, dl, dt, dd{
		list-style: none;
	}
	span{
		position: relative;
		display: inline-block;
	}





/*--------------------------------------------------*/
/*	BUTTON	*/
/*--------------------------------------------------*/
	button{
		font-size: 0.9rem;
		color: #ffffff;
		font-weight: normal;
		cursor: pointer;
		text-align: center;
		background-color: #a0a0a0;
		border: none;
		vertical-align: middle;
		padding: 0rem 1rem 0rem 1rem;
		margin: 0px 0px 0px 0px;
	}
	button:hover{
		font-weight: bold;
	}



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