@charset "utf-8";
/* 
@import url(notosanskr.css);
기본 서비스폰트은 구글 본고딕 입니다 */

/***************************************************************

Author :Justin.J

IE6핵 : _ (언더바 핵)
IE7핵 : * (스타 핵)

IE8핵 전용
@media \0screen {
	#wrap{width:100%;}
}

***************************************************************/


/* Float bug */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{
	display:inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
/* */


/************************************************
*		Reset									*
************************************************/
*{margin:0;padding:0;}
html, body{background-color:#fff !important;}
body{margin:0;padding:0;font-family:"맑은고딕",Malgun Gothic,/*Noto Sans KR,"돋음", Dotum, "굴림", Gulim, tahoma, AppleGothic, FontAwesome, Sans-serif*/;color:#333;font-size:13px;font-weight:400;line-height:150%;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}

input, textarea, button{z-index:0;}

a:link		{color:#333;text-decoration:none !important;}
a:visited	{color:#333;text-decoration:none !important;}
a:hover		{color:#009dc0;text-decoration:none !important;}
a:active	{color:#009dc0;text-decoration:none !important;}


ul, ol, ul li, ol li, dl, dt, dd, dt dd{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-size:12px;text-align:left}
img, fieldset, iframe, input, textarea{border:0 none;}
img, input, select{vertical-align:middle;}
em, address{font-style:normal;}

textarea{
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-arrow-color:#ffffff;
	scrollbar-face-color:#cccccc;
	scrollbar-3dlight-color:#999;
	scrollbar-darkshadow-color:#999;
	scrollbar-track-color:#ffffff;
}

iframe{
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#d2e5f4;
	scrollbar-highlight-color:#d2e5f4;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#d2e5f4;
}


/********************* Png *********************/
.png24 {tmp:expression(setPng24(this));}


/*************** Image Link Clear ***************/
a, img, input{selector-dummy:expression(this.hideFocus=true);}



/*************** Normalize ***************/
header, section, article, main, nav, aside, details, figcaption, figure, hgroup, summary, footer{display:block;}
audio, canvas, video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}

a:focus{outline:0;}
a:hover,
a:active{outline:0;}

h1{font-size:2em;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
dfn{font-style:italic;}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box;}
mark{background:#ce2c38;color:#efefef;}
code, kbd, pre, samp{font-size:1em;}
pre{white-space:pre-wrap;}
small{font-size:80%;}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{margin:0;padding:0;}
.blind,legend{width:1px;height:1px;position:absolute;left:-5000px;top:-5000px;display:block;overflow:hidden;}
legend{*width:0;border:0;padding:0;}
hr{display:none}

button::-moz-focus-inner{padding:0;border:0}
button, button img{border:none;}
button {border:0 none;background-color:transparent;cursor:pointer;cursor:pointer;_cursor /**/:hand;}
button::-moz-focus-inner{padding:0;border:0}



/*************** Form ***************/
form {margin:0;padding:0;}
label {margin:0;padding:2px 0 0;font-size:0.9em;font-weight:300;cursor:pointer;display:block;}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
	width:100%;
	padding:0 1em;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	-moz-transition:border-color 0.2s ease-in-out;
	-webkit-transition:border-color 0.2s ease-in-out;
	-o-transition:border-color 0.2s ease-in-out;
	-ms-transition:border-color 0.2s ease-in-out;
	transition:border-color 0.2s ease-in-out;
	background:transparent;
	border:1px solid #ddd;
	/*border-radius: 4px;*/
	/* [disabled]border: 1px  solid rgba(0, 0, 0, 0.3); */
	text-decoration:none;
	font-size:16px;
	color:#bbb;
	display:block;
	outline:0;
}

textarea {padding:0.5em 1em;overflow:auto;}

input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
	box-shadow:none;
}


input[type="checkbox"] + label,
input[type="radio"] + label {
	display:inline-block;
	position:relative;
	top:-2px;
	font-size:17px;
}

::-webkit-input-placeholder {
	color:#fff !important;
	opacity:1.0;
}

:-moz-placeholder {
	color:#fff !important;
	opacity:1.0;
}

::-moz-placeholder {
	color:#fff !important;
	opacity:1.0;
}

:-ms-input-placeholder {
	color:#fff !important;
	opacity:1.0;
}

.formerize-placeholder {
	color:#fff !important;
	opacity:1.0;
}

.select-wrapper {
	height:50px;
	margin:5px 0 15px;
	background:url(../images/icon/arrow_d_green.png) 97% 50% no-repeat;
	background-size:17px 17px;
	text-decoration:none;
	font-size:15px;
	color:#bbb;
	line-height:50px;
	display:block;
	position:relative;
}

.select-wrapper:before {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-transform:none !important;
}

.select-wrapper:before {
	width:50px;
	height:50px;
	text-align:center;
	color:#666;
	line-height:50px;
	pointer-events:none;
	position:absolute;
	right:0;
	top:-4px;
	display:block;
}

.select-wrapper select::-ms-expand {
	display:none;
}

.select-wrapper select{
	height:50px;
}

.select option {
	background-color:#fff;
	color:#666;
}

.select:focus::-ms-value {
	background:transparent;
}



/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
	height:2.5em;
	margin:5px 1px;
	padding:0 1.4em;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	-moz-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-o-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-color:#f6f6f6;
	/*border-radius:4px;*/
	border:0;
	box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.3);
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	font-weight:300;
	color:#666 !important;
	line-height:2.5em;
	cursor:pointer;
	display:inline-block;
}

input[type="submit"]:hover, input[type="submit"]:active,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="button"]:hover,
input[type="button"]:active,
.button:hover,
.button:active {
	box-shadow:inset 0 0 0 1px #666;
	color:#666 !important;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.button:active {
	background-color:rgba(228, 76, 101, 0.15);
}

input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
.button.icon:before {
	margin-right:0.5em;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
.button.fit {
	width:100%;
	margin:0 0 1em 0;
	display:block;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
.button.small {
	height:2em !important;
	margin:0 3px !important;
	padding:0 0.8em !important;
	/*border-radius:3px !important;*/
	font-size:0.7em !important;
	font-weight:700 !important;
	color:#333 !important;
	line-height:2em !important;
}

input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
.button.big {
	background-color:#333;
	box-shadow:none;
	color:#fff !important;
}

input[type="submit"].big:hover,
input[type="reset"].big:hover,
input[type="button"].big:hover,
.button.big:hover {
	background-color:#666;
}

input[type="submit"].big:active,
input[type="reset"].big:active,
input[type="button"].big:active,
.button.special:active {
	background-color:#000;
}

input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
.button.special {
	background-color:#c00000;
	box-shadow:none;
	color:#fff !important;
}

input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
.button.special:hover {
	background-color:#e00101;
}

input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
.button.special:active {
	background-color:#e00226;
}

input[type="submit"].disabled, input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
.button.disabled,
.button:disabled {
	background-color:rgba(0, 0, 0, 0.3) !important;
	box-shadow:none !important;
	color:#666 !important;
	cursor:default;
	opacity:0.25;
}

.btn_search {
	height:2.9em;
	text-decoration:none;
	color:#666;
	display:block;
	position:relative;
}

.btn_search:before {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	text-transform:none !important;
}

.btn_search:before {
	width:2em;
	height:2.9em;
	content:'\f002';
	text-align:center;
	color:#666;
	line-height:2.9em;
	pointer-events:none;
	position:absolute;
	left:25%;
	top:0;
	display:block;
}


.wn{text-overflow:ellipsis !important;*text-overflow:ellipsis !important;white-space:nowrap !important;*white-space:nowrap !important;display:block !important;*display:block !important;overflow:hidden !important;*overflow:hidden !important;}

.clear{width:100% !important;height:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;display:block !important;float:none !important;clear:both !important;overflow:hidden !important;}



.txt_red {color:#d4060b;}
.br_none {border-right:none !important}