@charset "euc-kr";

@font-face {
    font-family: 'nkr';
    src: url('notokr-regular.eot');
    src: url('notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('notokr-regular.woff2') format('woff2'),
         url('notokr-regular.woff') format('woff'),
         url('notokr-regular.ttf') format('truetype'),
         url('notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* initialize */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; background: transparent; -webkit-text-size-adjust:none;}
body {font:13px/normal 'nkr', 'Malgun Gothic', '¸¼Àº °íµñ', 'Dotum', 'µ¸¿ò', sans-serif; color:#464646;}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {display: block;}
nav, menu, ul, ol, dl, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
a:link {color:#464646; text-decoration:none;}
a:visited {color:#464646; text-decoration:none;}
a:active, a:hover {color:#464646; text-decoration:none;}
small {font-size:11px;}
ins {background-color: #ff9; color: #000; text-decoration: none;}
mark {background-color: #ff9; color: #000; font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {width:100%; border:0 none; table-layout:fixed;}
table td, table th {padding:0; border:0 none;}
img {max-width:100%; vertical-align:middle; border:0 none;}
hr, legend {visibility:hidden; height:1px; width:1px; position:absolute; line-height:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}

/* input type */
input, select, textarea, button {font:12px/1 'nkr','Malgun Gothic', '¸¼Àº °íµñ', 'Dotum', 'µ¸¿ò', sans-serif; color:#464646; vertical-align:middle; padding:0; margin:0; resize:none;}
input[type=text],input[type=password],input[type=email],input[type=number] {height:15px; padding:7px 10px 6px; border:1px solid #c1c1c1; -webkit-border-radius:0; -webkit-appearance:none;}
textarea {padding:7px 10px 6px; border:1px solid #c1c1c1; -webkit-border-radius:0; -webkit-appearance:none; line-height:1.3;}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus {outline: 0 none;}
input[type=checkbox], input[type=radio] {width:15px; height:15px;}
input[type=submit], input[type=image], input[type=reset], button {cursor:pointer; border:0 none; background:none; -webkit-appearance: none;}

::-webkit-input-placeholder {color:#464646;}
:-moz-placeholder {color:#464646;}
::-moz-placeholder {color:#464646;}
:-ms-input-placeholder {color:#464646;}

.hidden {visibility:hidden; position:absolute; top:-9999px; left:-9999px; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}

/* checkbox & radiobox */
span.checkbox {display:inline-block; overflow:hidden; width:19px; height:18px; vertical-align:middle; background:url('../images/common/bg_checkbox.png') no-repeat 0 0;}
span.checkbox.checked {background-position:0 -18px;}
span.radio {display:inline-block; overflow:hidden; width:18px; height:19px; vertical-align:middle; background:url('../images/common/bg_radiobox.png') no-repeat 0 0;}
span.radio.checked {background-position:0 -19px;}
span.checkbox input[type=checkbox], span.radio input[type=radio] {width:100%; height:100%}
label.checkradio {display:inline-block; margin-right:8px; vertical-align:middle;}
label.checkradio:last-child {margin-right:0;}
.auto_complete {display:inline-block; position:relative;}
.auto_complete ul {position:absolute; top:29px; left:0; right:0; z-index:1000; overflow-x:hidden; overflow-y:auto; max-height:120px; padding:5px 0; background:#fff; border:1px solid #c1c1c1;}
.auto_complete ul li {padding:0;}
.auto_complete ul li a {display:block; padding:5px 10px; font-size:11px;}
.auto_complete ul li a strong {font-weight:normal; color:#ee6c24;}
.auto_complete ul li a:hover, .auto_complete ul li a:focus, .auto_complete ul li a:active {background:#e9e9ed;}

/* select box */
.selectBox-dropdown {position:relative; display:inline-block; height:28px; padding-right:20px; background:#fff; border:1px solid #c1c1c1; text-decoration:none; text-align:left; vertical-align:middle; cursor:default; font-size:12px; outline:0;}
.selectBox-dropdown:focus, {border-color:#999;}
.selectBox-dropdown .selectBox-label {overflow:hidden; display:inline-block; padding:7px 31px 7px 10px; white-space:nowrap;}
.selectBox-dropdown .selectBox-arrow {position:absolute; top:0; right:0; width:32px; height:100%; background:url('../images/common/bg_select_arrow.gif') no-repeat 50% 50%;}
.selectBox-menuShowing .selectBox-arrow {background-image:url('../images/common/bg_select_arrow_up.gif');}
.selectBox-dropdown-menu {position:absolute; z-index:1000; max-height:200px; min-height:1em; border:1px solid #c1c1c1; background:#fff; margin-top:-1px; overflow:auto;}
.selectBox-dropdown-menu li {padding:0;}
.selectBox-dropdown-menu li a {display:block; padding:5px 10px; font-size:11px;}
.selectBox-dropdown-menu li a:hover, .selectBox-dropdown-menu li a:focus, .selectBox-dropdown-menu li a:active, .selectBox-dropdown-menu li.selectBox-selected a {background:#e9e9ed;}