@charset "utf-8";
@import url('NexonFont.css');

/* Reset */
html {font-size:16px;}
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button,em,textarea{margin:0;padding:0;vertical-align:middle;}
body{font-family:'NEXON Lv2 Gothic';color:#333;-ms-word-break:break-all;*word-break:break-all;-webkit-text-size-adjust:none;}
button{font-family:'NEXON Lv2 Gothic';cursor:pointer;border:0;background:none;}
ol,ul,ol li,ul li{list-style:none;}
i{font-style:normal;}
img,fieldset,abbr,acronym {border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
q:before,q:after{content:' '}
input,select,button,textarea{color:#333;vertical-align:middle;}
legend,caption{visibility:hidden;line-height:0;font:0/0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;word-break:break-all;}
legend,hr,caption{visibility:hidden;font-size:0 !important;;line-height:0;height:0;}
hr{display:none;}
a{font-family:'NEXON Lv2 Gothic';cursor:pointer;color:#333;}
a:link, a:active{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#35d47e;}
br{letter-spacing:0;}
input[type='text'], input[type='password']{color:#333;border:1px solid #ddd;font-family:'NEXON Lv2 Gothic' !important;}
input[type='submit'], input[type='button']{font-family:'NEXON Lv2 Gothic' !important;}
input:focus, input:active {outline:none;}
select {appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;vertical-align:top;border:1px solid #e5e5e5;}
textarea{border:1px solid #ddd;resize:none;color:#333;overflow:hidden;overflow-y:auto;background-color:#eee;}

.hid{display:block;letter-spacing:-1000em;z-index:-1;}
.invisible{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0 !important;;line-height:0;}
*::-moz-selection{background:none repeat scroll 0 0 #35d47e;color:#fff;text-shadow:none;}
*::selection{background:none repeat scroll 0 0 #35d47e;color:#fff;text-shadow:none;}
::-webkit-input-placeholder{font-family:'NEXON Lv2 Gothic';color:#999;}
:-moz-placeholder{font-family:'NEXON Lv2 Gothic';color:#999;}
::-moz-placeholder{font-family:'NEXON Lv2 Gothic';color:#999;}
:-ms-input-placeholder{font-family:'NEXON Lv2 Gothic';color:#999;}

@media screen and (max-width:1200px) {html {font-size: 14px;}}
@media screen and (max-width:520px) {html {font-size: 12px;}}