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

* { margin:0; padding:0 }

body { margin:0; padding:0 }

ul { list-style:none }

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

a:hover { text-decoration:underline }

img { border:0 }


/***LAYOUT***/


#body_out { padding-top:6px;  }

#col-1 { float:left; width:704px }

#col-2 { float:left; width:200px; padding-left:6px }

#col-1-main { float:left; width:706px }

#col-2-main { float:left; width:200px; padding-left:4px }



#element01 { width:347px; border-left:#dddddd solid 1px; border-right:#dddddd solid 1px; border-bottom:#dddddd solid 1px; border-top:#00cde5 solid 2px;  }
#element02 { width:347px; border-left:#dddddd solid 1px; border-right:#dddddd solid 1px; border-bottom:#dddddd solid 1px; border-top:#0097e5 solid 2px;  }


#element03 { width:347px; border-left:#dddddd solid 1px; border-right:#dddddd solid 1px; border-bottom:#dddddd solid 1px; border-top: #FF6600 solid 1px;  }
#element04 { width:347px; border-left:#dddddd solid 1px; border-right:#dddddd solid 1px; border-bottom:#dddddd solid 1px; border-top: #009933 solid 1px;  }


.inner-title { border-bottom:#dddddd solid 1px }
.inner-title a { color:#7c7c7c }




.e01m { padding: 10px }
.e01m-title { font-weight:bold; color:#217000; padding-left: 12px; background:url(../images_site/bullet_001.gif) no-repeat 5px 6px }
.e01m-title a { color:#217000; }
.e01m-title a:hover { color:#003300; text-decoration:none }

.e01m-2 { padding-top: 11px }
.e01m-2 ul { line-height: 19px; color:#4d4d4d }
.e01m-2 ul li { padding-left: 10px; background:url(../images_site/bullet_001.gif) no-repeat 5px 6px }
.e01m-2 ul li a { color:#4d4d4d  }
.e01m-2 ul li a:hover { text-decoration:underline }




.e01mpic img { border:#ebebeb solid 1px }
.e01mpic-desc { padding-top: 5px; padding-right:4px; font-size:11px }
.e01mpic-desc a { color:#404040 }

.e01m-3 { padding-top: 11px; font-size:11px; color: #999999 }




.e02m { padding: 10px }
.e02m-title { font-weight:bold; color:#484947; padding-left: 12px; background:url(../images_site/bullet_001.gif) no-repeat 5px 6px }
.e02m-title a { color:#484947; }
.e02m-title a:hover { color:#151515; text-decoration:none}




.e03m {}
.e03m-title { padding-bottom:4px }
.e03m-picframe { border:#d9d9d9 solid 1px; padding:3px; width:113px}
.e03m-desc { padding-top:5px; font-weight:bold; color:#2f3744 }
.e03m-desc a {  color:#2f3744 }
.e03m-s { color:#aaaaac; font-size:11px; padding-top:3px }
.e03m-desc2 { padding-top:10px;  color: #666666}






#lbanner { float:left }
.cld { padding-bottom: 4px }


#visual { float:left; padding-left:5px }


#firstrow { }

#secrow { padding-top:6px; padding-bottom:6px }

#thirdrow { border-top:#72ecff solid 5px; border-right:#72ecff solid 5px; border-bottom:#72ecff solid 5px }

#fourthrow { padding-top: 6px }

#fifthrow { padding-top: 6px } 




#footer { clear:both; border-top:#636870 solid 3px; height: 100px  }
.footer_m { text-align:center;  border-bottom:#bcbcbc solid 1px;}
.footer_m ul li { float:left; padding:8px 10px 8px 10px;  }
.footer_m ul li a { color:#4d4d4d; }

#menuandsearch { padding-top:5px }

#topmenu {padding-left:10px; height:41px; background:url(../images_site/menu_bg.gif) no-repeat }

#topmenu ul { height:41px; }
#topmenu ul li { display:block; float:left }

#searcharea { height:40px; background:url(../images_site/searcharea_bg.gif) no-repeat; padding-top:12px; padding-left:24px; padding-right:24px }


.searchfield { border:#0084ff solid 4px; width:350px; float:left }
.searchfield input { width:343px; font-size:.92em; padding:3px; color:#3c3b3b; border: 0; }



.btn_search { padding-left:7px; padding-top:1px; float:left }

.search-rank { padding:13px 0 10px 50px; font-weight: bold; color:#FFFFFF }
.search-rank-num { padding: 13px 5px 0 25px; }
.search-rank-title { padding:14px 0 10px 0px; font-weight: bold; color:#daf4ff; width:80px; letter-spacing:0 }
.search-rank-title a { color:#daf4ff; }
.search-rank-title a:hover { text-decoration:underline }
.current-rank { padding:14px 0 10px 10px; font-size:10px; color:#c8c8c8 }







.gongji { padding-top:5px; color:#575757 }
.gongji a { color:#575757 }
.gongji a:hover { text-decoration:underline }

.gongji2 { padding-top:5px; color:#0c6994 }
.gongji2 a {color:#0c6994 } 
.gongji2 a:hover { text-decoration:underline }



.clear { clear:both; height:0 }



/* programmer's style */

.small_title { width:130px; display:inline; font-family: dotum, arial; font-size: 15px; letter-spacing:-1.5px; color:#666666; font-weight:bold; padding-top:2px; }

#col-1-1-board { margin-bottom:8px; border-top:#91bbcd 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:#f4f9fa; padding-left:15px; padding-right:15px; }
#col-1-1-board .outline { border-top:#BED5E4 solid 1px; border-bottom:#E5E5E5 solid 1px; padding-left:20px; padding-right:20px;}


#col-1-1-board2 { margin-bottom:8px; border-top:#E5E5E5 solid 1px; border-left:#E5E5E5 solid 1px; border-right:#E5E5E5 solid 1px; }
#col-1-1-board2 .outline { border-bottom:#E5E5E5 solid 1px; padding-left:20px; padding-right:20px;}


#col-1-1-board_search .searchline { padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px;}


#wrapper_imagecenter { font-family: 'dotum', 'batang', Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:-0.5px }

.admin_frame_div { padding-left:0px; }

#board_detail { line-height:150%; }

#board_detail_110 { line-height:110%; } 

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

.board_section_frame1 { background-color:#E7F2F4; padding: 5px 0px 5px 5px;}
.board_section_frame2 { background-color:#F4F9FA; padding: 5px 0px 5px 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;
}
/*
.search_button:hover
{
    font-family: 돋움;
    line-height:100%;
    text-decoration:none;
    border:1px solid #A13322;
    height:15px;    
    background-image : url(../images/button_search_roll.gif);
    background-repeat : repeat;
    text-align:center;
    padding-top:4px;
    cursor:pointer;
    color:#ffffff;
}
*/
.contents_line_top     
{
    background-image : url(../images/detail_line_top.gif);
    height:10px;
}
.contents_line_middle     
{
    background-image : url(../images/detail_line_middle.gif);                
}
.contents_line_bottom      
{
    background-image : url(../images/detail_line_bottom.gif);
    height:10px;                
}

.products { float:left; padding: 15px 0 10px 10px }

.products ul {  padding: 0 0 10px 0  }


.products ul li {  margin:0 13px 0 20px; float:left }


.products ul li p { font-size:12px; text-align:center; padding-top:5px }

.products ul li p a { color: #666666 }
.products ul li p a:hover { text-decoration:none; color:#660099 }