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

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
:before, :after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/************************************************************
     CSS RESET
************************************************************/
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,
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, main, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section { display:block; }

ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:""; content:none; }
address, em, cite {font-style:normal; }
time {display:inline-block; }
hr {height:0; }
mark {background:none; }
table { border-collapse:collapse; border-spacing:0; table-layout:fixed; }
td { word-break:break-all; }
caption,
legend { width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden; }
label { cursor:pointer; vertical-align:middle; }
img {border:0;vertical-align:top;}
::-webkit-input-placeholder { color:#a9a9a9; }
:-moz-placeholder { color:#a9a9a9; }
::-moz-placeholder { color:#a9a9a9; opacity:0.5; }
:-ms-input-placeholder { color:#a9a9a9; }
.placeholder { color:#a9a9a9; }


/************************************************************
     FORMS
************************************************************/
input { width:100%; margin:0 auto; font-family:"Noto Sans KR", "Malgun Gothic", Gulim, Dotum, sans-serif; vertical-align:middle; outline:none; -webkit-appearance:none; -moz-appearance:button; appearance:button; }
input::-moz-focus-inner { padding:0; border:0; }
input::-ms-clear { display:none; }
input::-webkit-contacts-auto-fill-button { display:none !important; position:absolute; right:0; pointer-events:none; visibility:hidden; }
input::-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px white inset; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { margin:0; -webkit-appearance:none; }
input[type="search"]::-webkit-search-cancel-button { width:14px; height:14px; position:relative; right:-3px; -webkit-appearance:none; border-radius:100px; background-color:#bbb; background-image:url(../images/bg_icon_sprite.png); background-repeat:no-repeat; background-position:-9px -9px; background-size:640px auto; }
input[type="checkbox"],
input[type="radio"] { width:18px !important; height:18px !important; padding:0; position:relative; vertical-align:middle; }

select { width:100%; margin:0 auto; font-family:"Noto Sans KR", "Malgun Gothic", Gulim, Dotum, sans-serif; vertical-align:middle; text-transform:none; outline:none; -webkit-appearance:none; -moz-appearance:button; appearance:button; }
select::-ms-expand { display:none; background:transparent; border:0; color:transparent; }

textarea { width:100%; margin:0 auto; font-family:"Noto Sans KR", "Malgun Gothic", Gulim, Dotum, sans-serif; outline:none; -webkit-appearance:none; -moz-appearance:button; appearance:button; overflow:auto; }

button { margin:0; padding:0; border:none; background:none; text-transform:none; outline:none; -webkit-appearance:button; cursor:pointer; overflow:visible; }
html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; }
button::-moz-focus-inner { padding:0; border:0; }

optgroup { font-weight:bold; }

input:focus,
select:focus,
textarea:focus { background-color:#fcfcfc !important; border-color:#aaa !important; }
html input[disabled],
input[readonly],
input[disabled],
select[readonly],
select[disabled],
textarea[readonly],
textarea[disabled],
button[disabled] { background-color:#eee; border-color:#ddd; color:#bbb; cursor:default; }
button[disabled]:before { color:#bbb; }
/*** retina-specific ***/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	input[type="search"]::-webkit-search-cancel-button { background-image:url(../images/bg_icon_sprite@2x.png); }
}

/************************************************************
     COMMON
************************************************************/
a { background:transparent; color:#24bff3; text-decoration:none; outline:none; }
a:active,
a:hover { outline:none; transition:all .12s ease-out; }

html { height:100%; font-size:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
body { height:100%; line-height:1.42857143; margin:0; padding:0; background-color:#fff; color:#333; font-family:"Noto Sans KR", "Malgun Gothic", Gulim, Dotum, sans-serif; font-size:14px; -webkit-text-size-adjust:none; }

 /*** mobile ***/
@media (max-width:768px) {
	img { width:100%; }
}