@charset "utf-8";
/* 기본 태그 CSS 적용*/
html, body {
max-width: 600px; /* or whatever width you want */
height: 100%;
margin-right: auto;
margin-left: auto;
}
body, td, select, textarea, input {font-size:12px; color:#666666; font-family:"dotum";}
/* margin, padding reset(초기화) */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, select {margin:0;padding:0;}
/* heading fonts size reset(초기화) */
h1, h2, h3, h4, h5, h6 {font-size:100%;}
h2 {}
h3 {vertical-align:middle; font-size:16px; color:#000000; font-weight:bold; padding-left:5px;}
h4 {padding:36px 0 20px 0;}
/* list style reset(초기화) */
ol, ul {list-style:none;}
/* table style reset(초기화) */
table {border-collapse:collapse;border-spacing:0;}
/* fieldset 및 img 경계선 reset(초기화) */
fieldset, img {border:0;}
img{vertical-align:middle;}
/* caption text 정렬 reset(초기화) */
caption {text-align:left;}
/* form 요소 reset (초기화) */
select {font-size:12px;vertical-align:middle;}
input {font-size:12px;vertical-align:middle;}
textarea {font-size:12px;line-height:140%;}
input.radio {vertical-align:middle;margin-bottom:3px;}
a:link {color:#333333; text-decoration:none;}
a:active {color:#ff0000; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:hover {color:#ff0000; text-decoration:none;}
/* hr 요소 hidden 처리 */
/*hr, caption, legend {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}*/
/* 카피라이터부분*/
.footer {clear:both; width:100%; background-color:#E9E9E9; overflow:hidden; text-align:center;}
.footer .icon {width:80%; margin:0 auto;}
.footer .icon li {float:left; width:15% }
.footer .cm {clear:both; width:290px; margin:15px auto 28px;}
.footer .cm li {float:left; margin-right:2px; height:30px; font-size:18px;}
.footer .cm li.thr {margin:0;}
.footer .cm li a {color:#FFFFFF; background:#666; font-weight:bold; font-size:18px; width:86px; padding:4px; display:inline-block; letter-spacing:-0.1em;vertical-align: middle;}
.footer .add {clear:both;width:92%;font-family:'dotum'; font-size:13px; text-align:center;margin:10px auto 15px;font-style:normal;padding:10px 0 10px 0; word-spacing: -0.2em;}
.footer a {
color: #3399ff;
font-weight:bold;
font-size:25px;
display: inline-block !important;
text-align: center;
vertical-align: middle;
}
.submenu {background:url(../images/submenu_bg.jpg) repeat-x; background-size: auto; background-color:#98BA3B; margin-top:10px;}
.stm{ font-weight:bold; font-size:15px; letter-spacing:-1.5px; color:#fff; padding:2% 0 1.5% 1%; border-bottom:1px dashed #ccc;background:url(../images/inc/stm_arrow.gif) no-repeat center center; background-size:100% auto; background-color:#1B7CA5;}
.stm span{ padding:0 1.5%; display:inline-block}
.stm a{color:#ffffff; display:block; width:100%}
.stm .oncla{ color:#000}
.stm div{overflow-x:auto; width:100%;}
.stm .sub2{ text-align:center; }
.stm .sub4{ text-align:right; }
.table01 {
border:1 ;
bordercolor: '#a9a9a9';
cellpadding:1 ;
cellspacing:2 ;
table-layout:fixed;
word-break:break-all;
}
td {font-size;13pt;}
th.small { font-size:14px ; color : white; border: 2px gray solid; background-color: darkgray ; align:center; }
td.small { font-size:14px ; border: 2px darkgray solid; }
td.base { font-size:13px ; }
td.page { font-size:13px ; align:center;}
td.middle { font-size:15px ; }