﻿/* css defualt */
html, body, img { background-color:#f6f6f6; margin: 0; padding: 0; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border:0; }
p, a, td, h1, h2, h3, h4, h5 { margin:0; font-family: 돋움,verdana, helvetica, sans-serif; color: #505050;}
div, ul,ui { margin:0; padding:0; font-size:12px; font-family:"돋움",Dotum; }
a          { text-decoration: none; color: #232323; }
a:hover    { text-decoration: none; color: #369; font-weight: bold;}
h1         { font-color: #fefefe; font-size: 16px; font-weight: bold; margin-bottom: -10px;}
h2         { font-color: #fefefe; font-size: 13px; font-weight: margin-top: 3px;}
h3         { font-color: #fefefe; font-size: 12px; font-weight: margin-top: 3px;}
h4         { font-color: #fefefe; font-size: 12px; font-weight: margin-top: 0px; margin-bottom: 0px; }
h5         { font-color: #fefefe; font-size: 10px; font-weight: bold; margin-top: 3px;}
input      { margin: 0; padding: 0; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border:1px; solid; color:#CCC; background-color:#ffffff; font-family:Courier New; font-size:12px; }
form       { margin: 0; }

/* defualt id */
#TRType01{ background: #e0e0e0; height: 15px;}
#TRType02{ background: #fbfbfb; height: 15px;}
#TRType03{ background: #f0f0f0; height: 15px;}
  /* Div Tag 위치조정 */
#set_fposition { float: both; }
#set_nposition { float: none; }
#set_lposition { float: left; }
  /* 일반 텍스트 */
#nontxtType  { position:relative; z-index:19; }
#apimgtype01 { position:absolute; left:450px; top:350px; width:140px; height:117px; z-index:17; }
#apimgtype01 { position:absolute; left:450px; top:350px; width:140px; height:117px; z-index:18; }
  /* 일반 그림 */
#kids_art01  { position:relative; width: 184px; margin-left:70px; }
#kids_art02  { position:relative; z-index:19; }

/* defualt class */
.caption         { font-size: 10px; color: #333333;}
.null            { color: #999999; font-weight: bold;}
.normal          { font-weight: normal;}
.normal:hover    { font-weight: normal;}
.textonly        { font-size: xx-small;}
.textonly:hover  { font-size: xx-small;} 
.MyStyle_input   { border:1px solid #FFF;font-family:dotum;font-size:8pt;color:#333333;background-color:transparent }
  /* 숨은 메뉴 기본 형태*/
.kids_hiddenmenu { position:absolute; width:400px; height:50px; z-index:20; visibility:hidden; background: #f0f0f0; filter:alpha(opacity=70); border:1px solid #006600; }

/* kids_head */
/* id */
#kids_head {
  position: absolute; /* relative or absolute */
  vertical-align:text-top;
  float:left; /* inherit or left or right or both or none */
  background: url(/images/mainpage/kids_mainbgimage.jpg) no-repeat;
  top: 0px;
  left: 0px;
  margin-top: 0px;
  margin-left: 0px;
  width: 1000px;
  height: 480px;
  z-index: 10;
}
/* class */

/* kids_topmenu */
/* id */
#kids_topmenu {
  position: relative; /* relative or absolute */
  vertical-align:text-top;
  width: 1000px;
  height: 447px;
  z-index: 20;
}
/* class */

/* ########## kids_leftmenu ########## */
/* id */
#kids_leftmenu{
  position:relative;
  z-index: 20;
}
  /* sub kids_login */
  /* id */
  #kids_login{ position:relative; float:left; z-index: 25; }

/* class */

  /* class */
  .kids_box-t        { background: top url(/images/kids_box/box_t.gif) repeat-x; }
  .kids_box-r        { background: right url(/images/kids_box/box_right.gif) repeat-y; }
  .kids_box-b        { background: bottom url(/images/kids_box/box_boottom.gif) repeat-x; }
  .kids_box-l        { background: left url(/images/kids_box/box_left.gif) repeat-y; }
  .kids_box-tr       { background: top right url(/images/kids_box/box_rt.gif) no-repeat; }
  .kids_box-br       { background: bottom right url(/images/kids_box/box_rb.gif) no-repeat; }
  .kids_box-bl       { background: bottom left url(/images/kids_box/box_bl.gif) no-repeat; }
  .kids_box-tl       { background: top left url(/images/kids_box/box_lt.gif) no-repeat; }
  .kids_box-images   { background: top url(/images/kids_box/top.gif) repeat-x; }

  /* sub kids_submenu */
  /* id */
  #kids_submenu{
    position:absolute;
    top:310px;
    z-index: 20;
  }
  /* class */
/* ########## kids_leftmenu ########## */

/* kids_bodycenter */
/* id */
#kids_bodycenter{
	padding-left:50px;
 
}
/* class */

/* kids_footer */
/* id */
#kids_footer{
  position:absolute;
  top:640px;
  left:0px;
  z-index: 19;
}
/* class */
.kids_footertype01 { background: top right url(/images/footer/foot_bg.gif) no-repeat; float:left; width:500px; height:120px; padding:0px 0px 0px 0px; }

.kids_footertype02 { padding:0px 0px 0px 00px; float: left; background-color:#f6f6f6; width:350px; }
.kids_footertype03 { float: left; width:20px; }

.kids_footertype01 ul { padding: 30px 0px 0px 25px; text-align:center; text-shadow:#F00; font-size: 11px; color: #699; font-family: "Comic Sans MS", cursive; font-size: 10px; }
.kids_footertype01 li { padding: 5px 0px 0px 25px; text-align:center; list-style:none; text-shadow:#666; color: #666; font-size: 10px; }
.kids_footertype02 li { text-align:center; color: #999; list-style:none; }
.kids_footertype02 ul { height:20px; }
.kids_footertype02 table tr td{ color: #999; }