@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}
body { margin:0; padding:0; background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;  color: #333333;}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

div, p, ul, ol, li, br, img { margin:0; padding:0;}

ul { list-style:none }

img { border:0 }


a { color:#66686a; text-decoration:none }

a:hover { color: #333333; text-decoration: underline}

#wrapper { width:1000px; margin:auto }

#header { height:35px; border-bottom:#d6d6d6 solid 1px }

#header_in { width:1000px; margin:auto }

.headbanner-centre { float:left; padding:18px 0 0 62px }
.headbanner-right { float:left; padding:18px 0 0 11px }

#topmenu { background:#e4e4e4 url(../images_site/topmenu-bg.gif) no-repeat; width:967px; padding:8px 15px 0 18px  }

#topmenu-sub { background-color:#e4e4e4; border-bottom:#d2d2d2 solid 1px; height:20px; padding-top:9px }



#logoandtop { height:70px; padding-bottom:14px }

#searcharea { background:url(../images_site/search-bg.gif) no-repeat; padding: 9px 0 9px 100px; height:23px  }
#searcharea td { font-size:12px; font-weight:bold; color:#979797 }




#col-1 { float:left; width:806px; margin-top:5px }

#col-2 { float:left; width:187px; margin-left:7px; margin-top:5px }


#visualandsearch { padding:5px 0 0 0; width:778px; overflow:hidden; }

#rightbannerarea { }


#footer { clear:both; padding-top:10px }




.box-style01 { background:url(../images_site/box-style01-body.gif) repeat-y }

.box-style01-in { width:173px }


.category-txt { color:#666666; font-size:11px; line-height:15px; }




.box-style02 { width:188px; padding:10px 10px 0px 10px; border-left:#aeaeae solid 1px; border-right:#aeaeae solid 1px; }


.box-style02 ul { line-height:18px; color:#4a4a4a }
.box-style02 ul li { padding-left:10px; background-image:url(../images_site/bullet00001.gif); background-repeat:no-repeat; background-position: 0px 5px }

.box-style02 ul li a { color:#4a4a4a }

.box-style02 ul li a:hover { color:#990000 }




.box-style03-bg { background: url(../images_site/box-style03-bg.gif) repeat-y }

.box-style03 { width:188px; padding:10px 10px 0px 10px;}


.box-style03 ul { line-height:18px; color:#4a4a4a }
.box-style03 ul li { padding-left:10px; background-image:url(../images_site/bullet00001.gif); background-repeat:no-repeat; background-position: 0px 5px }

.box-style03 ul li a { color:#4a4a4a }

.box-style03 ul li a:hover { color:#990000 }



.premiumlist { background:url(../images_site/box-premium-body.gif) repeat-y; padding:15px 0 0 25px }

.premiumlist ul li { display: block; width:118px; margin-left: 20px }
.premiumlist p.img { display:block; padding: 3px; border:#CCCCCC solid 1px }
.premiumlist p.title { display:block; padding: 7px 0 0 0; text-align:center; font-weight:bold }
.premiumlist p.title a { color:#333333 }
.premiumlist p.descrip { display:block; text-align:center; padding: 3px 0 10px 0; color:#FF3300 }



.premiumlistrent { background: url(../images_site/box-premiumrent-body.gif) repeat-y; padding:15px 0 0 25px }

.premiumlistrent ul li { display: block; width:118px; margin-left: 20px }
.premiumlistrent p.img { display:block; padding: 3px; border:#CCCCCC solid 1px }
.premiumlistrent p.title { display:block; padding: 7px 0 0 0; text-align:center; font-weight:bold }
.premiumlistrent p.title a { color:#333333 }
.premiumlistrent p.descrip { display:block; text-align:center; padding: 3px 0 10px 0; color:#FF3300 }





.thumb002 { width:60px; padding:3px; border:#dadada solid 1px; text-align:center; }
.thumb002-txt { font-weight:bold; text-align:center; padding-top:5px; padding-bottom:7px; color:#999999 }
.thumb002-txt a { color:#999999 }
.thumb002-txt a:hover { color: #FF6600 }


.news { line-height:18px; font-weight:bold; padding-left:13px; padding-top:4px }
.news li a { color: #2E2E2E }
.news li a:hover { color:#990000; text-decoration: none }


.news02 { line-height:18px; padding-left:13px; }
.news02 li a { color: #2E2E2E }
.news02 li a:hover { color:#990000; text-decoration: none }





/* programmer's css */
/* board */
#cf_padding { padding-left:30px; }
#cf_title { float:left; background-image:url(../images_site/cf_title.gif); width:806px; height:25px;}
#cf_title2 { float:left; background-image:url(../images_site/cf_title2.gif); width:806px; height:33px;}

#cf_top { float:left; background-image:url(../images_site/cf_top.gif); width:806px; height:4px; background-repeat: no-repeat; font-size:1px;} 
#cf_middle { float:left; background-image:url(../images_site/cf_middle.gif); width:806px;}
#cf_middle_line { float:left; background-image:url(../images_site/cf_middle_line.gif); width:806px;}
#cf_middle_gray { float:left; background-image:url(../images_site/cf_middle_gray.gif); width:806px;}

#cf_bottom { float:left; background-image:url(../images_site/cf_bottom.gif); width:806px; height:4px; background-repeat: no-repeat; font-size:1px;}
#cf_gap { float:left; width: 806px; height:7px; font-size:1px;}
#cf_gap_main { height:7px; font-size:1px;}

#mv_middle_gray { float:left; background-image:url(../images_site/mv_middle_gray.gif); width:806px;}



.admin_frame_div { padding-right:10px; }

.board_section_frame1 { background-color:#E9E9E9; height:22px; padding-left:10px; padding-top:3px;}
.board_section_frame2 { background-color:#F5F5F5; height:22px; padding-left:10px; padding-top:3px;}

.banner_border { border:#505050 solid 1px; }
.image_frame_border { border:#CECECE solid 1px; }
.premium_border { padding:1px 1px 1px 1px; border:#cccccc solid 1px; }
.premium_border2 { border:#dbdbdb solid 1px; }

.banner_border { border:#858585 solid 1px; }

#div_overflow { width:750px; overflow:hidden; line-height:2em;}


/* form style */
.simpleform_login {font: 10pt Verdana; line-height:120%; BACKGROUND-COLOR:#ffffff; COLOR:#000000; BORDER:1px solid #B6D5D8}
.simpleform{font: 10pt Verdana; line-height:120%; BACKGROUND-COLOR:#FFFFFF; COLOR:#000000; BORDER:1px solid #B8B8B8}

/* Common Button */
.menu_button
{
    font-family: 돋움;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    border:1px solid #dedede;
    height:19px;    
    background-image : url(../images/button_common2_roll.gif);
    background-repeat : repeat;
    text-align:center;
    padding-top:8px;
    cursor:pointer;
    color:#122A46;
}
.menu_button:hover
{
    font-family: 돋움;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    border:1px solid #cccccc;
    height:19px;   
    background-image : url(../images/button_common2.gif);
    background-repeat : repeat;
    padding-top:8px;
    text-align:center;                                                    
    cursor:pointer;
}

.menu_button_sel
{
    font-family: 돋움;
    line-height:100%;
    text-decoration:none;
    border:1px solid #cccccc;
    height:15px;    
    background-image : url(../images/button_common_roll2.gif);
    background-repeat : repeat;
    padding-top:4px;
    text-align:center;
}