﻿@charset "utf-8";

/* common */
html { margin:0; padding:0;}
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, ins, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li, button,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; font-size:12px;font-family:'Malgun Gothic','맑은고딕','돋움',Dotum, tahoma;} 
body {font-size:12px;font-family:'Malgun Gothic','맑은고딕','돋움',Dotum, tahoma; color:#666666; height:100%;}
h1, h2, h3, h4, h5, h6 {line-height:1.3em;}
ol, ul, li {list-style: none;}
img {border:0; line-height:0; font-size:0;}
table {border-spacing:0; border-collapse:collapse; table-layout:fixed; padding:0; margin:0; width:100%;}
caption, legend {display:none;}
button {border:none; padding:0; margin:0; visibility:visible;}

a{text-decoration: none;}

select {font-size:12px; color:#777777; font-family:'Malgun Gothic','맑은고딕','돋움',Dotum, tahoma; padding:4px 4px 4px; border:1px solid #d1d1d1; }
select option {border:1px solid #d1d1d1; }
input {font-size:12px; border:1px solid #d1d1d1; padding:4px; color:#777777; font-family:'Malgun Gothic','맑은고딕','돋움',Dotum, tahoma; height:18px;line-height:8px}
input[type="checkbox"]{border:none; background:#fff; vertical-align:middle; padding:0; }
input[type="file"]{border:none; background:#fff; vertical-align:middle; padding:0; height:auto; }
input[type="radio"]{border:none; background:#fff; vertical-align:middle ; padding:0;}
input.txtput {height:17px; margin-bottom:1px; padding:0 2px;}
.chr {padding:0; margin:0; width:auto; height:auto; border:0;} /* input radio버튼 checkbox css */
textarea {padding:2px; border:1px solid #dadada; font-size:12px; line-height:1.5em; color:#777777; font-family:'Malgun Gothic','맑은고딕','돋움',Dotum, tahoma; resize: none;}
hr {display:none;}
.png24 {tmp:expression(setPng24(this));}
.bold {font-weight:bold !important;}
fieldset {border:0}
.clear {clear:both;}
.floatL	{float:left !important;}
.floatR	{float:right !important;}
.txtL {text-align:left !important;}
.txtR {text-align:right !important}
.txtC {text-align:center !important;}
.vrT{vertical-align:top !important;}
.vrM {vertical-align:middle !important;}
.vrB {vertical-align:bottom !important;}
.mrt3 {margin-top:3px !important}
.mrt0 {margin-top:0 !important} .mrt10 {margin-top:10px !important} .mrt20 {margin-top:20px !important} .mrt30 {margin-top:30px !important}
.mrb0 {margin-bottom:0 !important} .mrb10 {margin-bottom:10px !important} .mrb20 {margin-bottom:20px !important} .mrb30 {margin-bottom:30px !important}
.mrr10 {margin-right:10px !important} .mrr20 {margin-right:20px !important} .mrr30 {margin-right:10px !important}
.mrl10 {margin-left:10px !important} .mrl20 {margin-left:20px !important} .mrl30 {margin-left:30px !important}
.nobtr {border-top:0 !important;}
.nobbr {border-bottom:0 !important;}


/* link */
a:link {font-size:12px; color:#333333; text-decoration:none;}
a:visited {font-size:12px; color:#333333; text-decoration:none;}
a:hover {font-size:12px; color:#333333; text-decoration:none;}

/*skip */
#skip a:link, 
#skip a:visited, 
#skip a:active, 
#skip a:hover {color: #222222;display:block;left: 0;overflow: hidden;position: absolute;top: -99999px;width: 100%;z-index: 999;}

#skip a:focus, 
#skip a:hover, 
#skip a:active {background-color: #1d60a7;color: #ffffff;font-weight: 600;padding: 7px 0 5px;text-align: center;text-decoration: none;top: 0;}


.wid90 {width:90px}
.wid310 {width:310px}

.width98 { width: 98%; }