@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/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;-webkit-text-size-adjust:none;}
html,body{width:100%;}
body{margin:0;padding:0;background-color:#fff;font-size:14px;line-height:160%;font-family:'Noto Sans KR',"나눔고딕",Nanum Gothic,"맑은고딕",Malgun Gothic,"돋음", Dotum, "굴림", Gulim, tahoma, AppleGothic, Sans-serif;color:#333;}
div, input, textarea, button{font-size:14px;line-height:160%;font-family:'Noto Sans KR',"나눔고딕",Nanum Gothic,"맑은고딕",Malgun Gothic,"돋음", Dotum, "굴림", Gulim, tahoma, AppleGothic, Sans-serif;}
table{border-collapse:collapse;border-spacing:0;}

input, textarea, button{z-index:0;}

a:link		{color:#efefef;text-decoration:none !important;}
a:visited	{color:#efefef;text-decoration:none !important;}
a:hover		{color:#ce2c38;text-decoration:none !important;}
a:active	{color:#ce2c38;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;}
img, fieldset, iframe, input, textarea{border:0 none;}
img, input, select{vertical-align:middle;}
em, address{font-style:normal;}


/* Tab Images Setting */
a.rollover img {border-width:0px;display:block }
a.rollover img.rollover {display:none;}
a.rollover:hover {position:relative;}
a.rollover:hover img {display:none;}
a.rollover:hover img.rollover {display:block;}



.sliderkit{text-align:left;position:relative;overflow:hidden;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{/*outline:1px dotted #000; optional*/}
.sliderkit img{border:0;}
.sliderkit .sliderkit-btn{z-index:10;}


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;
}


/*************** 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:35px;line-height:35px;}
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{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
.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 ***************/
form {margin:0;padding:0;}

label {margin:0;font-size:0.9em;font-weight:300;cursor:pointer;display:block;}

.f_fl{line-height:2.8em;padding:0 5px 0 0;float:left;}
.f_fl2{line-height:2.8em;padding:0 5px;float:left;}
.f_fr{line-height:2.8em;padding:0 10px 0 0;float:right;}
.f_fr2{line-height:2.8em;padding:0 5px;float:right;}

.f_tl{text-align:left !important;}
.f_tc{text-align:center !important;}
.f_tr{text-align:right !important;}


input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
	width: 97%;
	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-radius: 0;
	border: 1px  solid rgba(0, 0, 0, 0.3);
	text-decoration: none;
	color: inherit;
	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="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
	border-color: #d4d4d4;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {height: 2.8em;}

input[type="checkbox"],
input[type="radio"] {
	width: 1em;
	margin-right: -2em;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	opacity: 0;
	display: block;
	float: left;
	z-index: -1;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	padding-left: 2.55em;
	padding-right: 0.75em;
	text-decoration: none;
	font-size: 1em;
	font-weight: 100;
	color: rgba(0, 0, 0, 0.5);
	position: relative;
	cursor: pointer;
	display: inline-block;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	width: 1.8em;
	height: 1.8em;
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0.3);
	content: '';
	text-align: center;
	line-height: 1.725em;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
	background: rgba(0, 0, 0, 0.15);
	color: #666;
	content: '\f00c';
}

input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
	border-color: #d4d4d4;
}

input[type="checkbox"] + label:before {
	border-radius: 4px;
}

input[type="radio"] + label:before {
	border-radius: 100%;
}

::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.3) !important;
	opacity: 1.0;
}

:-moz-placeholder {
	color: rgba(0, 0, 0, 0.3) !important;
	opacity: 1.0;
}

::-moz-placeholder {
	color: rgba(0, 0, 0, 0.3) !important;
	opacity: 1.0;
}

:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.3) !important;
	opacity: 1.0;
}

.formerize-placeholder {
	color: rgba(0, 0, 0, 0.3) !important;
	opacity: 1.0;
}

.select-wrapper {
	height:3.2em;
	text-decoration: none;
	color: #666;
	display: block;
	position: relative;
}

.select-wrapper:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.select-wrapper:before {
	width: 3em;
	height: 3em;
	content: '\f078';
	text-align: center;
	color: #666;
	line-height: 3em;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
}

.select-wrapper select::-ms-expand {
	display: none;
}

.select-wrapper select{height:3.1em;}

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.9em;
	margin:0 10px;
	padding: 0 1.7em;
	-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: transparent;
	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.9em;
	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 #e44c65;
	color: #e44c65 !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 {
	font-size: 0.8em;
}

input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
.button.big {
	font-size: 1.35em;
}

input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
.button.special {
	background-color: #e44c65;
	box-shadow: none;
	color: #333 !important;
}

input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
.button.special:hover {
	background-color: #e76278;
}

input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
.button.special:active {
	background-color: #e13652;
}

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;
}


.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;}

