@charset "utf-8";

/* CSS Reset */
* { margin:0; padding:0; }
html, body { width:100%; height:100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button { margin:0; padding:0; }
body, input, button { font-family:Malgun Gothic, "맑은 고딕", Verdana, AppleGothic, Dotum, "돋움", sans-serif; font-size:12px; color:#383d41; vertical-align:middle; }
body { background-color:#fff; }
fieldset, img { border:0 none; vertical-align:top; }
dl, ul, ol, li { list-style:none; }
input { outline:none; }
input[type="text"], input[type="password"] { height:18px; line-height:20px; padding:2px 4px; border:1px solid #d5d5d5; color:#353535; font-size:12px; }
input, select, textarea { font-size:12px; font-family:verdana, "돋움", Dotum; color:#888; vertical-align:middle; }
label, button { cursor:pointer; }
button { border:0 none; background-color:transparent; vertical-align:middle; }
option { padding-right:6px; }
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal; }
hr, caption, .displaynone { display:none !important; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
table { border:0; border-spacing:0; border-collapse:collapse; /*table-layout:fixed;*/ } 
th,td { border:0; }
textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; }
select { height:24px; border:1px solid #d5d5d5; }
html:first-child select { height:24px; padding-right:6px; }

a { color:#333; text-decoration:none; }
a:hover { color:#333; text-decoration: none; }
/*스크롤박스에 영향을 끼침*/
/*p {margin-top:3px; margin-bottom:3px;}*/
.auto { margin:0 auto; }
.none { font-size:1px; line-height:1px; }
.bold { font-weight:bold; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.pointer { cursor:pointer; }
.move { cursor:move; }
.underline { text-decoration:underline; }
.clr { clear:both; font-size:0px; }
.up1 { position:relative; overflow:hidden; left:0; top:-1px; }
.up2 { position:relative; overflow:hidden; left:0; top:-2px; }
.up3 { position:relative; overflow:hidden; left:0; top:-3px; }
.up4 { position:relative; overflow:hidden; left:0; top:-4px; }
.up5 { position:relative; overflow:hidden; left:0; top:-5px; }
.up10 { position:relative; overflow:hidden; left:0; top:-10px; }
.down1 { position:relative; overflow:hidden; left:0; top:1px; }
.down2 { position:relative; overflow:hidden; left:0; top:2px; }
.down3 { position:relative; overflow:hidden; left:0; top:3px; }
.down4 { position:relative; overflow:hidden; left:0; top:4px; }
.down5 { position:relative; overflow:hidden; left:0; top:5px; }

.l16 { line-height:16px; }
.l18 { line-height:18px; }

.userview { padding:0 7px 0 7px; line-height:14px; font-size:12px; color:#333333; font-family:dotum, "돋움"; }
.userview a:hover { color:#39bb00; text-decoration:none; }

.tooltip { position:absolute; top:0px; left:0px; z-index:9999; display:none; border:2px solid #0195a1; background-color:#ffffff; line-height:16px; font-size:11px; color:#898989; font-family:dotum, "돋움"; padding:20px 20px 20px 20px; font-weight:normal; text-align:left; }

#overlay { position:fixed; z-index:999999; top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; background-color:#000000; display:none; }
#message_box { position:absolute; top:0px; left:0px; padding:17px 20px 10px 20px; border:2px solid #c1c1c1; background:#ffffff; z-index:1000000; display:none; }
#message_box .title { font-weight:bold; margin-bottom:8px; line-height:20px; font-size:14px; color:#333333; font-family:dotum, "돋움"; letter-spacing:-1px; }
#message_box .text { line-height:20px; font-size:13px; color:#363636; font-family:gulim, "굴림"; }
#message_box .btn{ clear:both; margin-top:17px; padding:10px 0; border-top:1px solid #e5e5e5; text-align:center; }
#message_box .btn img { vertical-align:top; }

.layout_top_bg { position:absolute; top:0px; left:0px; width:100%; height:0px; z-index:-1; }
.layout_bottom_bg { position:absolute; bottom:0px; left:0px; width:100%; height:0px; z-index:-1; }