@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{	
	padding:0px;
	margin:0px;
	vertical-align:top
}


/* default setting */
html {width:100%;margin:0;padding:0}
* html * {zoom:1}
body {font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;width:100%;height:auto;color:#666666;-webkit-text-size-adjust:none;}
* {font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,form,fieldset,p,blockquote {margin:0;padding:0;border:0;outline:0;font-size:100%;font-size:12px;vertical-align:baseline;background:transparent; *line-height:normal;}
body {line-height:1;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color: #666666}
table {border-collapse:collapse;border-spacing:0;} 
ul, ol {list-style:none}
input, textarea {vertical-align: middle; font-family:'Nanum Gothic';}
input[type=text], input[type=password] {padding:5px 5px; border:1px solid #ebebeb; background:#fff; font-family:'Nanum Gothic'; color:#696969;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #999;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: #eeeeee;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color: #eeeeee;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: #eeeeee;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: #eeeeee;}

input[type=checkbox] {margin: 0 4px 0 0; vertical-align:middle;}
input[type=radio] {margin-top:0;vertical-align: middle; margin:0 4px 0 0;}
input[type=submit], input[type=button] {cursor:pointer;}
button {border:0;cursor: pointer;width:auto; overflow:visible;}
textarea {resize:none; border:1px solid #ebebeb;}
address, em {font-style:normal}
th, td {padding:0;vertical-align:middle;font-weight:normal}
a, button, input[type=button], input[type=submit], input[type=reset] {text-decoration:none; *line-height:normal; -moz-appearance:none; -webkit-appearance:none;}
legend, caption {display: none}
iframe,object,video,embed{position:relative;top:0;left:0;max-width:100%}
*+ html body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,form,fieldset,p,blockquote {vertical-align: top}
@media screen and (-webkit-min-device-pixel-ratio:0){
input[type=radio] {vertical-align: top;}
label.radio {line-height: 13px}
}
@-moz-document url-prefix() {
input[type=radio] {vertical-align: top}
label.radio {line-height: 13px}
}

/* inline */
img {display:inline-block;border:none;vertical-align:baseline}
cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block; *line-height:normal;}
label {*vertical-align:middle}
cite, em, dfn {font-style:normal}
sub {vertical-align:bottom;font-family:helvetica}
sup {vertical-align:top;font-family:helvetica}
hr {display:none}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}

/* select design active */
/* select {-moz-appearance:none; -webkit-appearance:none;} */


.fl{float:left}
.fr{float:right}


.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}


.f_bold { font-family: 'NanumBarunGothicBold'; }
.vm { vertical-align: middle }
.bn { border: none!important }
.brn { border-right: none!important }

.blind { display: none }

.clearfix {*zoom:1}
.clearfix:after {display:block;clear:both;content:" "}

/* font-color */
.f_black { color: #000 !important }
.f_white { color: #fff !important }
.f_gray { color: #3f3f3f !important }
.f_gray999 { color: #999 !important }
.f_orange { color: #fb7622 !important }
.f_red { color: #90051e !important }
.f_blue { color: #007eff !important }
.f_nilegreen { color: #68C2BC !important; }
.f_green { color: #e9ff00 !important }

/* font-size */
.ft11 { font-size: 11px !important }
.ft12 { font-size: 12px !important }
.ft13 { font-size: 13px !important }
.ft14 { font-size: 14px !important }
.ft15 { font-size: 15px !important }
.ft16 { font-size: 16px !important }
.ft18 { font-size: 18px !important }
.ft20 { font-size: 20px !important }
.ft22 { font-size: 22px !important }
.ft25 { font-size: 25px !important }
.ft30 { font-size: 30px !important }


.p0 { padding: 0 !important }
.pt0 { padding-top: 0 !important }
.pt5 { padding-top: 5px !important }
.pt10 { padding-top: 10px !important }
.pt15 { padding-top: 15px !important }
.pt20 { padding-top: 20px !important }
.pt25 { padding-top: 25px !important }
.pt30 { padding-top: 30px !important }
.pt35 { padding-top: 35px !important }
.pt40 { padding-top: 40px !important }
.pt45 { padding-top: 45px !important }
.pt50 { padding-top: 50px !important }
.pb0 { padding-bottom: 0 !important }
.pb5 { padding-bottom: 5px !important }
.pb10 { padding-bottom: 10px !important }
.pb15 { padding-bottom: 15px !important }
.pb20 { padding-bottom: 20px !important }
.pb25 { padding-bottom: 25px !important }
.pb30 { padding-bottom: 30px !important }
.pb35 { padding-bottom: 35px !important }
.pb40 { padding-bottom: 40px !important }
.pb45 { padding-bottom: 45px !important }
.pb50 { padding-bottom: 50px !important }
.pb90 { padding-bottom: 90px !important }
.pb94 { padding-bottom: 94px !important }
.pl0 { padding-left: 0px !important }
.pl3 { padding-left: 3px !important }
.pl5 { padding-left: 5px !important }
.pl7 { padding-left: 7px !important }
.pl10 { padding-left: 10px !important }
.pl15 { padding-left: 15px !important }
.pl20 { padding-left: 20px !important }
.pl25 { padding-left: 25px !important }
.pl30 { padding-left: 30px !important }
.pl35 { padding-left: 35px !important }
.pl40 { padding-left: 40px !important }
.pl45 { padding-left: 45px !important }
.pl50 { padding-left: 50px !important }
.pl90 { padding-left: 90px !important }
.pl100 { padding-left: 100px !important }
.pr0 { padding-right: 0px !important }
.pr5 { padding-right: 5px !important }
.pr10 { padding-right: 10px !important }
.pr15 { padding-right: 15px !important }
.pr20 { padding-right: 20px !important }
.pr20 { padding-right: 25px !important }
.pr30 { padding-right: 30px !important }
.pr35 { padding-right: 35px !important }
.pr40 { padding-right: 40px !important }
.pr45 { padding-right: 45px !important }
.pr50 { padding-right: 50px !important }
.m0 { margin: 0 !important }
.mt0 { margin-top: 0px !important }
.mt3 { margin-top: 3px !important }
.mt5 { margin-top: 5px !important }
.mt10 { margin-top: 10px !important }
.mt15 { margin-top: 15px !important }
.mt20 { margin-top: 20px !important }
.mt25 { margin-top: 25px !important }
.mt30 { margin-top: 30px !important }
.mt35 { margin-top: 35px !important }
.mt40 { margin-top: 40px !important }
.mt45 { margin-top: 45px !important }
.mt50 { margin-top: 50px !important }
.mt55 { margin-top: 55px !important }
.mt60 { margin-top: 60px !important }
.mt70 { margin-top: 70px !important }
.mt80 { margin-top: 80px !important }
.mt90 { margin-top: 90px !important }
.mt100 { margin-top: 100px !important }
.mb0 { margin-bottom: 0px !important }
.mb2 { margin-bottom: 2px !important }
.mb5 { margin-bottom: 5px !important }
.mb10 { margin-bottom: 10px !important }
.mb15 { margin-bottom: 15px !important }
.mb20 { margin-bottom: 20px !important }
.mb25 { margin-bottom: 25px !important }
.mb30 { margin-bottom: 30px !important }
.mb35 { margin-bottom: 35px !important }
.mb40 { margin-bottom: 40px !important }
.mb45 { margin-bottom: 45px !important }
.mb50 { margin-bottom: 50px !important }
.ml0 { margin-left: 0px !important }
.ml2 { margin-left: 2px !important }
.ml3 { margin-left: 3px !important }
.ml4 { margin-left: 4px !important }
.ml5 { margin-left: 5px !important }
.ml7 { margin-left: 7px !important }
.ml8 { margin-left: 8px !important }
.ml10 { margin-left: 10px !important }
.ml15 { margin-left: 15px !important }
.ml20 { margin-left: 20px !important }
.ml25 { margin-left: 25px !important }
.ml30 { margin-left: 30px !important }
.ml35 { margin-left: 35px !important }
.ml40 { margin-left: 40px !important }
.ml45 { margin-left: 45px !important }
.ml50 { margin-left: 50px !important }
.ml55 { margin-left: 55px !important }
.ml60 { margin-left: 60px !important }
.ml70 { margin-left: 70px !important }
.ml100 { margin-left: 100px !important }
.ml120 { margin-left: 120px !important }
.ml195 { margin-left: 195px !important }
.mr0 { margin-right: 0px !important }
.mr3 { margin-right: 3px !important }
.mr4 { margin-right: 4px !important }
.mr5 { margin-right: 5px !important }
.mr7 { margin-right: 7px !important }
.mr10 { margin-right: 10px !important }
.mr15 { margin-right: 15px !important }
.mr18 { margin-right: 18px !important }
.mr20 { margin-right: 20px !important }
.mr25 { margin-right: 25px !important }
.mr30 { margin-right: 30px !important }
.mr35 { margin-right: 35px !important }
.mr40 { margin-right: 40px !important }
.mr45 { margin-right: 45px !important }
.mr50 { margin-right: 50px !important }