﻿/* ------------------------------------------------------------------------------------------------

    Stylesheet  (lastupdate : 2011.07.14)

------------------------------------------------------------------------------------------------ */
html
{
    overflow:scroll;
}

body 
{
    font-family: Arial, Helvetica, sans-serif, '돋움';
    color: #333333;
    font-size: 12px;
    line-height: 18px;
    padding: 0px;
    margin: 0px;
}

p { margin:2px;}
img {
    max-width: 700px;
}

table { border-collapse: collapse; }
th { font-family: Arial, Helvetica, sans-serif, '돋움'; }
td { font-family: Arial, Helvetica, sans-serif, '돋움'; }
/*
th { padding: 0px; margin: 0px; }
td { padding: 0px; margin: 0px; }
*/

.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.tg td{padding:5px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;}
.tg th{font-weight:bold;padding:5px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
.ac {
    text-align: center;
}

A:link {color:#333333; text-decoration:none} 
A:visited {color:#333333; text-decoration:none} 
A:active {color:#333333; text-decoration:none} 
A:hover{color:#105491; text-decoration:underline} 

img{border:0px}

input[type='text']      { border: solid 1px #cccccc; margin: 1px 0px 1px 0px; font-size: 12px;}
input[type='password']  { border: solid 1px #cccccc; margin: 1px 0px 1px 0px; font-size: 12px;}
input[type='button']    { border: solid 1px #666666; background-color: #dddddd; margin: 1px 0px 1px 0px; font-size: 12px; cursor:pointer;}
input[type='submit']    { border: solid 1px #666666; background-color: #dddddd; margin: 1px 0px 1px 0px; font-size: 12px; cursor:pointer;}
input[type='file']      { border: solid 1px #666666; background-color: #dddddd; margin: 1px 0px 1px 0px; font-size: 12px; cursor:pointer;}
select                  { border: solid 1px #cccccc; margin: 1px 0px 1px 0px; font-size: 12px; }
textarea                { border: solid 1px #cccccc; margin: 1px 0px 1px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif, '돋움';}

/* list paging style */
.list_page          { padding: 0px 4px 0px 4px; font-size: 11px; }
.list_page_selected { padding: 0px 4px 0px 4px; font-size: 11px; font-weight: bold;color: Blue; }

/* tabmenu style */
.tabmenu            { border: solid 1px #aaaaaa; color: #888888; text-align: center; background-color: #ebe9e2; font-size: 11px;line-height:16px;font-weight: bold;text-decoration: none;cursor:pointer;}
.tabmenu_line       { border-bottom: solid 1px #265e91; height: 30px;}
.tabmenu_selected   { border: solid 1px #265e91; color: #ffffff; font-weight: bold; background-color: #43719a; }
.tabmenu_hover      { background-color: #a1bbd3; }
.tabmenu_body       { padding: 10px; }
.cell_itema {
    border-bottom: solid 1px #cccccc;
    padding: 3px 5px;
    height: 24px;
    text-align: center;
}
/* table style */
.table          { border-top: solid 2px #3677B2; }
.cell_header    { border-bottom: solid 1px #cccccc; background-color: #f5f5f5; padding-left: 4px; padding-right: 4px;  height:24px; }
.cell_item      { border-bottom: solid 1px #cccccc; padding-left: 4px; padding-right: 4px; height:24px; }
.cell_box       { border: solid 1px #cccccc; padding-left: 4px; padding-right: 4px; }
.cell_title     { border-bottom: solid 1px #aaaaaa; border-top: solid 1px #aaaaaa; background-color:#ccd0f0; padding: 3px 10px 3px 10px; font-weight:bold; font-size:13px; }
.cell_item_last { border-bottom: solid 2px #aaaaaa; padding-left: 10px; padding-right: 10px;  height:24px;}
.cell_selected  { background-color:#fcffcc; cursor:pointer; }
.cell_hover     { background-color:#fafafa; cursor:pointer; }

.align_center   { text-align: center; }
.align_left     { text-align: left; }
.align_right    { text-align: right; }


table.list { border-collapse: collapse; }
    table.list thead tr th { border: solid 1px #666; background-color: #ddd; padding: 3px; }
    table.list tbody tr th { border: solid 1px #666; background-color: #f5f5f5; padding: 3px; }
    table.list tbody tr td { border: solid 1px #666; background-color: #fff; padding: 3px; }


/* Manager menu */
.manager_title { font-size:16px; font-weight:bold; margin-bottom:15px; border-bottom: solid 1px #0000cc; }

/* ------------------------------------------------------------------------------------------------ */
/* Customized styles */

/* main topmenu style */
.topmenu        {font-size: 11px;color: #333333;line-height:20px;font-weight: bold;text-decoration: none; cursor: pointer;}
.topmenu a      {font-size: 11px;color: #333333;line-height:20px;font-weight: bold;text-decoration: none; cursor: pointer;}	
.topmenu a:hover{font-size: 11px;color: #333333;line-height:20px;font-weight: bold;text-decoration: none; cursor: pointer;}
.topmenu a:link {font-size: 11px;color: #333333;line-height:20px;font-weight: bold;text-decoration: none; cursor: pointer;}

/* main submenu style */
.submenu a      {font-size: 12px;color: #f0f0f0;line-height:20px;font-weight: normal;text-decoration: none}	
.submenu:hover  {background-color: #6c99c1;}

/* subtitle style */
.subtitle       { font-weight: bold; margin-bottom:20px; }
.subtitle_item  { font-weight: bold; margin-bottom:4px; }
.subtitle_desc  { padding-left: 30px; }
.subtitle_box   { border: solid 2px #666666; margin: 20px 0px 20px 0px; padding:10px; }
        
/* text style*/
.link_s     { font-size: 11px; cursor:pointer; }

.txt_r      { color: #dd3333; }
.txt_s      { font-size:11px; }
.txt_s_r    { font-size:11px; color: #dd3333; }
.txt_b      { font-weight: bold; }
.txt_b_r    { color: #dd3333; font-weight: bold; }

/* gallery */
.gallery_item {
    float: left;
    margin: 5px 5px 5px 5px;
    padding:5px 5px 5px 5px;    
    text-align:center;
    vertical-align:middle;
    width:150px;
    height:180px;    
}


.text_c { text-align: center; }
.text_r { text-align: right; }
.text_l { text-align: left; }