@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);


html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	margin: 0
}
article, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, video {
	display: inline-block;
	vertical-align: baseline
}
b, strong {
	font-weight: 700
}
img {
	border: 0
}
hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
input {
	line-height: normal
}
input[type=checkbox], input[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
textarea {
	overflow: auto
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
td, th {
	padding: 0
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
@media (min-width:479px) {
.container {
	width: 1200px
}
}
.pull_left {
	float: left;
}
.pull_right {
	float: right;
}


/*==================    Style Class    ======================*/
html {
	height: 100%;
	overflow-y:scroll;
}
html, body {
	width: 100%;
}
body {
	font-family: 'Nanum Gothic', '나눔고딕', sans-serif;
	margin: 0;
	font-size: 14px;
	color: #666666;
	letter-spacing:-0.5px;
}
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, tr, form, fieldset, button, input, select, hr, textarea {
	margin: 0;
	padding: 0
}
ul, ol, li {
	list-style: none
}
h1, h2, h3 {
	font-family:  'Nanum Gothic', Sans-Serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #333333;
}
legend, caption {
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}
textarea, button, img, fieldset, input, select {
	vertical-align: middle
}
input, select, textarea {
	font-size: 12px;
	border: 1px solid #e8e8e8;
	outline: none;
}
input:focus, select:focus, textarea:focus {-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
img, a img, iframe {
	border: none;
}
label {
	cursor: pointer
}
a {
	color: #666666;
	text-decoration: none
}
a:hover, a:focus {
	color: #999999;
	text-decoration: none;
	-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;
}
a:active {
	color: #666666;
	text-decoration: none
}

/*==================    Common Class    ======================*/
.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
.text_left {
	text-align: left;
}
.text_bold {
	font-weight: bold;
}
.border_none {
	border-bottom: none !important;
}
.img_fullwidth {
	width: 100%
}

.fl_L {float:left;}
.fl_R {float:right;}



/* ========== margin / width =============== */

.nomargin{margin:0}
.nopadding{padding:0}

.l22 {line-height:22px;}

.wd10{width:10%}
.wd20{width:20%}
.wd30{width:32%}
.wd40{width:40%}
.wd50{width:50%}
.wd60{width:60%}
.wd70{width:70%}
.wd80{width:80%}
.wd90{width:90%}
.wd100{width:100%}

.ma0{margin:0}
.ma5{margin:5px}
.ma10{margin:10px}
.ma15{margin:15px}
.ma20{margin:20px}
.ma25{margin:25px}
.ma30{margin:30px}
.ma35{margin:35px}
.ma40{margin:40px}
.ma45{margin:45px}
.ma50{margin:50px}
.ma55{margin:55px}
.ma60{margin:60px}
.ma70{margin:70px}
.ma80{margin:80px}
.ma90{margin:90px}
.ma100{margin:100px}

.mt0{margin-top:0}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}

.mr0{margin-right:0}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr35{margin-right:35px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mr50{margin-right:50px}

.mb0{margin-bottom:0}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom:40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom:50px}

.ml0{margin-left:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml35{margin-left:35px}
.ml40{margin-left:40px}
.ml45{margin-left:45px}
.ml50{margin-left:50px}

.pa0{padding:0}
.pa10{padding:10px}
.pa15{padding:15px}
.pa20{padding:20px}
.pa25{padding:25px}
.pa30{padding:30px}
.pa35{padding:35px}
.pa40{padding:40px}
.pa45{padding:45px}
.pa50{padding:50px}
.pa55{padding:55px}
.pa60{padding:60px}
.pa70{padding:70px}
.pa80{padding:80px}
.pa90{padding:90px}
.pa100{padding:100px}

.pt0{padding-top:0}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt35{padding-top:35px}
.pt40{padding-top:40px}
.pt45{padding-top:45px}
.pt50{padding-top:50px}

.pr0{padding-right:0}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pr35{padding-right:35px}
.pr40{padding-right:40px}
.pr45{padding-right:45px}
.pr50{padding-right:50px}

.pb0{padding-bottom:0}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb35{padding-bottom:35px}
.pb40{padding-bottom:40px}
.pb45{padding-bottom:45px}
.pb50{padding-bottom:50px}

.pl0{padding-left:0}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.pl35{padding-left:35px}
.pl40{padding-left:40px}
.pl45{padding-left:45px}
.pl50{padding-left:50px}

.h10{height:10px;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h45{height:45px;}
.h50{height:50px;}
.h55{height:55px;}

/* Icon ---------- */
i.fa {font-family:"FontAwesome" !important;}

@media (max-width: 992px) {

}
@media (min-width: 480px) and (max-width: 767px) {
.fl_L {float:none;width:100%;}
.fl_R {float:none;width:100%;}
.wd30 {float:none;width:100%;}
}
@media (max-width: 479px) {
.fl_L {float:none;width:100%;}
.fl_R {float:none;width:100%;}
.wd30 {float:none;width:100%;}
}