@charset "utf-8";
/*
* {  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box;}
*/
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:0.85em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff; }

.input_radio [type="radio"] { vertical-align:bottom;}
#top_div{min-width:1100px; height:26px; border-top:1px solid #FFF; padding-top:3px; border-bottom:1px solid #FFF;background:#074D76; box-shadow: 0px 2px 3px #666; margin-bottom:10px;}
#welcometext{text-align:center;color:#FFFF00; margin:5px 0 0 0;}
#welcometext a{color:#FFF; text-decoration:none;}

#container{position:relative; /*width:100%;*/ width:1100px; min-height:600px;height:auto; margin:0 auto; }
#content{min-width: 700px; float:left; border:1px dashed #ddd; border-radius:5px; padding:10px 20px; text-align:center;}
#left_menu{width:220px; min-height:600px; height:auto; float:left; overflow-y:auto; margin-right:10px;
    background-color: #000; background-image:url('/images/l_bg.jpg');
    border-radius: 7px;  box-shadow: 0 2px 1px #9c9c9c;
}
#left_menu *{ -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box; }
#left_menu a{display:block;height:22px; padding:4px 0 5px 10px; text-decoration:none; border-radius:3px; font-weight:bold;}
#left_menu a:hover{ background: #2e437b; color:#fff !important; }
 #left_menu a.active{ background: #2e437b; color:yellow !important; }

.title1{width:100%; height:50px; text-align:left; line-height:50px;font-size:13pt;font-weight:bold;  background:#FFF; color:#666; 
box-shadow: 0px 2px 8px #0059B3; border:1px solid #ddd;border-radius:5px;  letter-spacing:1px; }

button.css3button03 { cursor:pointer;
 background: -moz-linear-gradient(top,  #ffc, #add);
 background:-webkit-gradient(linear,0% 0%,0% 80%,from(#ffc),to(#add));
 -webkit-border-radius: 25px 25px 25px 0; -moz-border-radius: 25px 25px 25px 0;
 border-radius: 25px 25px 25px 0; color: green;  font-family: Arial,Helvetica,sans-serif; font-weight:bold;  font-size: 16px; padding: 10px 20px;
 }
button.css3button03:hover{
 background: -moz-linear-gradient(top,#FFF, #add);
 background:-webkit-gradient(linear,0% 0%,0% 80%,from(#FFF),to(#add)); color:red;
}

#taeguk { width: 43px;  height: 23px; background: #eee; border-color: red;
   border-style: solid;  border-width: 2px 2px 20px 2px; border-radius: 100%;
   position: relative; display:inline-block; margin-top:-3px; margin-left:20px; vertical-align:middle;
}
#taeguk:before {  content: ""; position: absolute; top: 50%;  left: 0;
   background: #eee; border: 9px solid red; border-radius: 100%;
   width: 6px; height: 6px;
}
#taeguk:after { content: ""; position: absolute; top: 50%; left: 50%;
   background: red; border: 9px solid #eee;  border-radius:100%;
   width: 6px; height: 6px;
} 

#taeguk2 { width: 28px;  height: 15px; background: #eee; border-color: red;
   border-style: solid;  border-width: 2px 2px 15px 2px; border-radius: 100%;
   position: relative; display:inline-block; margin:-3px 15px 0 20px; vertical-align:middle;
}
#taeguk2:before {  content: ""; position: absolute; top: 50%;  left: 0;
   background: #eee; border: 5px solid red; border-radius: 100%;
   width: 5px; height:5px;
}
#taeguk2:after { content: ""; position: absolute; top: 50%; left: 50%;
   background: red; border: 5px solid #eee;  border-radius:100%;
   width:5px; height:5px;
} 


@media (max-width: 800px) {
#top_div{width:880px;min-width:auto;}
#container{ width:880px;}
#content{width: 600px; min-width:auto;}
}