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

* { margin:0; padding:0 }

body { margin:0; padding:0 }

ul { list-style:none }

a { text-decoration:none }
a:hover { text-decoration:underline }

img { border:0 }

ul, li, ol, p, h2 { margin:0; padding:0 }



#top { height:131px; background:url(../images_site/top_bg.gif) repeat-x }


#visual-sub { height:156px }

#head { height:79px; width:990px; margin:auto }

#menu { height:34px; width:960px; margin:auto }

#menu ul li { display: inline; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px; font-weight:bold; color:#FFFFFF }

#menu ul li.menus { display: inline-block; padding: 8px 25px 5px 25px }

#menu ul li.menus a { color:#FFFFFF; text-decoration:none }
#menu ul li.menus a:hover { color: #FFFF00 }

#menu ul li.div { display:inline-block; background:url(../images_site/menu-div.gif) no-repeat 3px 11px; padding: 6px; height:10px }


#visual-main {height:201px; background:url(../images_site/mainvisual_bg.gif) repeat-x }

#visual-sub { height:103px; background:url(../images_site/subvisual_bg.gif) repeat-x  }


#visual-main-img { width:990px; margin:auto }
#visual-sub-img { width:990px; margin:auto }


#body-main { width:980px; margin:auto; padding:20px 14px 20px 18px; font-family:Arial, Helvetica, sans-serif; font-size:12px }
#body-sub { width:970px; margin:auto; padding:5px 5px 20px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px }


#title { float:left; padding: 2px 10px 0 0; border-bottom:#000000 solid 2px; width:auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:13px; font-weight:bold;  color: #000000;}

#breadcrum { float: right; color: #666666; font-size:11px; padding-top:10px }
#breadcrum a { color: #666666; }

#breadcrum strong { color: #990000 }

#content { clear:both; border-top:#bababa solid 1px; padding: 20px 10px 10px 10px  }


#footer { width:990px; margin:auto }


.index-programlist { background:url(../images_site/index-programlist-bg.jpg); border:#ff9000 solid 3px; width:342px; padding:5px 4px 8px 12px}
.index-programlist h2 { font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  color:#ff3000; margin-top:5px }

.index-programlist ul { padding-top:5px }
.index-programlist ul li {  font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; font-weight:bold; font-style:italic; padding-left:15px; background:url(../images_site/bullet0001.gif) no-repeat 4px 7px; line-height:17px }

.index-programlist ul li a { color: #666666;  }
.index-programlist ul li a:hover { color:#000000; text-decoration:none }



.latest ul { padding-top:10px; padding-bottom:10px; padding-left:5px }
.latest ul li { font-family:Arial, Helvetica, sans-serif; color:#8c8c8c; font-size:11px; padding-left:15px; background:url(../images_site/bullet0002.gif) no-repeat 4px 7px; line-height:18px }
.latest ul li a {  color:#8c8c8c; }
.latest ul li a:hover { color:#2e2e2e; text-decoration:none }


.leftmenu { width:212px }

.lmenu { border-left:#d4d4d4 solid 1px; border-right:#d4d4d4 solid 1px;  }
.lmenu ul { font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px  }
.lmenu ul li { display: inline-block; border-top:#e5e5e5 solid 1px; background:#efefef }
.lmenu ul li a { display: inline-block; color:#666666; padding: 6px 5px 6px 30px; width:175px }
.lmenu ul li a:hover { background-color:#d9d9d9; color:#f13300; text-decoration:none}
.lmenu ul li a.select { display: inline-block; background-color:#d9d9d9; color:#f13300; }


.submenu ul { font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight: normal; font-size:11px }
.submenu ul li { display:inline-block;  font-weight: normal; color:#666666; background:#FFFFFF}
.submenu ul li a {  color:#666666; width:100px; padding: 2px 5px 2px 40px; width:165px }
.submenu ul li a:hover { color:#000000; background: #e4e4e4; text-decoration:none}

.submenu ul li a.select { background: #e4e4e4; width:170px;  font-weight: normal; color:#000000}


.menus .sub_menuname { font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight: normal; font-size:11px; color:#7a7a7a;}
.menus .sub_menuname a { font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight: normal; font-size:11px; color:#7a7a7a;}
.menus.sub_menuname a:hover { font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight: normal; font-size:11px; color:red;}


.program-title { padding: 2px 0 5px 0; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#ff5a00; font-size:16px }
.program-detail { float:left; width:445px; border-top: #be0000 solid 2px }
.program-detail td { padding: 3px 3px 3px 5px; color:#666666; font-size:11px }
.program-detail td strong { color:#000000 }
.program-pic { float:right; width:225px; border:#dedede solid 1px }
.program-desc { clear:both; padding-top:10px; padding-right:10px; color: #666666 }


/* programmer */    
#content_detail { clear:both; padding: 20px 10px 10px 10px; color:#333333; font-size:11px; line-height:130%  }

#col-1-1-board { margin-bottom:8px; border-top:#e00000 solid 3px; border-left:#E5E5E5 solid 1px; border-right:#E5E5E5 solid 1px; }

#col-1-1-board_search { margin-bottom:8px; border-left:#E5E5E5 solid 1px; border-right:#E5E5E5 solid 1px; border-top:#E5E5E5 solid 1px; border-bottom:#E5E5E5 solid 1px;}

#col-1-1-board .title_color { background-color:#ffffff; padding-left:15px; padding-right:15px; }
#col-1-1-board .outline { border-top:#e5e5e5 solid 1px; border-bottom:#E5E5E5 solid 1px; padding-left:20px; padding-right:20px;}

#admin_section { font-size:12px }

#board_detail { line-height:150%; }

#board_detail_110 { line-height:110%; } 

#div_overflow { width:660px; overflow:hidden; line-height:2em; color:#3a3a3a;}

.board_section_frame1 { background-color:#E7F2F4; padding-left:5px;}
.board_section_frame2 { background-color:#F4F9FA; padding-left:5px;}

.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; }


/* 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;
}

.search_button
{
    font-family: 돋움;
    line-height:100%;
    text-decoration:none;
    border:1px solid #3c3c3c;
    height:18px;    
    /*background-image : url(../images/button_search.gif); */
    background-color: #5c9cce;
    background-repeat : repeat;
    text-align:center;
    padding-top:6px;
    cursor:pointer;
    color:#ffffff;
}