body {
scrollbar-face-color: #D6D3CE;
scrollbar-shadow-color: #63655A;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #63655A;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #F2F2F2;
scrollbar-arrow-color: #653366;
margin:0
} 
 
 
td { font-family:Arial; font-size: 9pt; COLOR:#333333; line-height:160%} 
td.history {  font-size: 10; COLOR:#666666; BORDER-LEFT:1 solid #E0E0E0;PADDING-LEFT:5}
td.makeup {  font-size: 9pt; COLOR:#666666; line-height:120%; TEXT-ALIGN:JUSTIFY}
td.gg {  font-size: 9pt; COLOR:#666666; line-height:160%; TEXT-ALIGN:JUSTIFY}


.a {font-family:Arial, dotum, dotumche; font-size:12px; line-height:20px; color: #333333;}		
.a2 {font-family:Arial, dotum, dotumche; font-size:11px; line-height:16px; color: #333333;} 
.a3 {font-family:Arial, dotum, dotumche; font-size:12px; line-height:16px; color: #333333;} 
.BOX1 {font-family:Arial;font-size:9pt;color:#666666;background-color:#ffffff;border:1 solid #A8A8A8}
.BOX2 {font-family:Arial;font-size:9pt;color:#666666;background-color:#F4F4F4;border:1 solid #A8A8A8}

.p12 {font-family:Arial, ±¼¸²;font-weight: bold; font-size:14px; line-height:20px; color: #000000;}	
.p14 {font-family:Arial, ±¼¸²;font-weight: bold; font-size:20px; line-height:30px; color: #000000;}	
.p10_txt {font-family:Arial, ±¼¸²;line-height:25px; color: #222222;}	
.p12_txt {font-family:Arial, ±¼¸²;line-height:20px; color: #222222;}	
.p11 {font-family:Arial;line-height:20px; color: #222222;}	

.p1 {font-family:Arial, dotum, dotumche; font-size:11px; line-height:14px; color: #333333;} 

a:active {  font-size: 9pt; text-decoration: none; color: #333333}
a:link {  font-size: 9pt; text-decoration: none; color: #333333}
a:visited {  font-size: 9pt; text-decoration: none; color: #333333}
a:hover {  font-size: 9pt; color: #9966FF; text-decoration: underline}

textarea.t {border:1 solid #D1D1D1;font:9pt;color:#666666}
input{font:9pt;color:#333333}

.txt1 {font-family:Arial;font-size:9pt;color:#0B3967;background-color:#ffffff;border:1 solid #5F5F5F;}
.title {font-family:Arial, ±¼¸²; font-size:12px; line-height:18px; color: #FFFFFF; background-color:#AFBBF0;}
.box {font-family:Arial;font-size:12px;color:#666666;height:20;background-color:#FFFFFF;border:1 solid #A8A8A8}


input.rev {font-size: 9pt;border:1 solid #E2E2E2; height:28; color:#333333; padding-top:6}
SPAN{HEIGHT:22}

/* History list CSS */
.history01 { font-size:11px; color:#6C6864;font-family:Dotum,Dotumche,verdana; letter-spacing:-1; line-height:43px;}

a.history:link { font-size:11px;color:#6C6864;font-family:Dotum,Dotumche,verdana;letter-spacing:-1; text-decoration:none }
a.history:visited { font-size:11px;color:#7F7F7F;font-family:Dotum,Dotumche,verdana;letter-spacing:-1; text-decoration:none }
a.history:active { font-size:11px;color:#008CD1;font-family:Dotum,Dotumche,verdana;letter-spacing:-1; text-decoration:none }
a.history:hover { font-size:11px;color:#008CD1;font-family:Dotum,Dotumche,verdana;letter-spacing:-1; text-decoration:none }
/* History list CSS */


.unnamed1 {
	font-size: 9pt;
	line-height: 220%;
	color: #FFFFFF;
}
.default {
	font-size: 9pt;
	line-height: normal;
	color: #FFFFFF;
}

.style2 {color: #CCFF00}
.style4 {color: #CCFF00; font-weight: bold; }
.style5 {
	color: #FFFFFF;
	font-weight: bold;
}
.style6 {color: #FFFFFF}


.menu {font-family:Arial; font-size:12px; color: #555555;}



.select_go {  
	background-color:404F21;
	color: #FFFFFF;
	font-family:Arial;
	font-size:12px;
	font-weight: bold;
}
.select_go_new {
	background-color:ffff01;
	color: #000000;
	font-family:Arial;
	font-size:12px;
	font-weight: bold;
}


/*
---------------------------------------- class formTable
*/

table.formTable {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    font-size: 1.2em
}

 table.formTable thead th {
    padding: 10px 20px;
    font-weight: bold;
    vertical-align: top;
    color: #369;
    border-bottom: 3px solid #009e92;
    font-size: 0.7em
}

 table.formTable thead th:nth-child(1) {
    padding: 10px 20px;
    font-weight: n;
    vertical-align: top;
    text-align: center;
    color: #369;
    border-bottom: 3px solid #009e92;
    font-size: 0.7em
}

table.formTable tbody th {

    padding: 10px 20px;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
    border-bottom: 1px solid #ccc;
    background: #f3f6f7;
    font-size: 0.7em
}
table.formTable td {

    padding: 10px 20px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

/*
---------------------------------------- class gridTable
*/

table.gridTable {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.5;
}
table.gridTable th {

    padding: 5px;
    font-weight: normal;
    vertical-align: top;
    color: #fff;
    background: #009e92 ;
    font-size: 0.8em
}
table.gridTable td {

    padding: 5px;
    vertical-align: center;
    border-bottom: 1px solid #ccc;
    background: #eee;
}

table.gridTable td.smallText {

    padding: 1px;
    vertical-align: center;
    border-bottom: 1px solid #ccc;
    background: #eee;
    font-size: 0.7em;
    color : #888888;
}

/*
---------------------------------------- tag button.generalButton
*/

button {
    background-color:#6f9bcb;
    border:1px solid #6f9bcb;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.generalButton:hover {
    background-color:#84a5e0;
}
.generalButton:active {
    position:relative;
    top:1px;
}

/*
---------------------------------------- class button.generalButton
*/

.generalButton {
    background-color:#6f9bcb;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.generalButton:hover {
    background-color:#84a5e0;
}
.generalButton:active {
    position:relative;
    top:1px;
}


/*
---------------------------------------- class button.cancelButton
*/

.cancelButton {
    background-color:#647d8b;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.cancelButton:hover {
    background-color:#5a717d;
}
.cancelButton:active {
    position:relative;
    top:1px;
}

/*
---------------------------------------- class button.submitButton
*/

.submitButton {
    background-color:#33a191;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.submitButton:hover {
    background-color:#51b29d;
}
.submitButton:active {
    position:relative;
    top:1px;
}




/*
---------------------------------------- class button.warnButton
*/

.warnButton {
    background-color:#f7b42f;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.warnButton:hover {
    background-color:#eca314;
}
.warnButton:active {
    position:relative;
    top:1px;
}



/*
---------------------------------------- class button.PurpleButton
*/

.PurpleButton {
    background-color:#c878c9;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.warnButton:hover {
    background-color:#ad1eaf;
}
.warnButton:active {
    position:relative;
    top:1px;
}
/*
---------------------------------------- class button.alertButton
*/


.alertButton {
    background-color:#e74c3c;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.alertButton:hover {
    background-color:#c0392b;
}
.alertButton:active {
    position:relative;
    top:1px;
}
/*
----------------------*****--- class button.smallGeneralButton
*/

.smallGeneralButton {
    background-color:#6f9bcb;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
}

.smallGeneralButton:hover {
    background-color:#84a5e0;
}

.smallGeneralButton:active {
    position:relative;
    top:1px;
}

/*
-------------------------******* class button.smallCancelButton
*/


.smallCancelButton {
    background-color:#647d8b;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
      border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
}
.smallCancelButton:hover {
    background-color:#5a717d;
}
.smallCancelButton:active {
    position:relative;
    top:1px;
}

/*
-------------------------******* class button.smallSubmitButton
*/


.smallSubmitButton {
    background-color:#33a191;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
      border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
}
.smallSubmitButton:hover {
    background-color:#51b29d;
}
.smallSubmitButton:active {
    position:relative;
    top:1px;
}

/*
-------------------------******* class button.smallWarnButton
*/
.smallWarnButton {
    background-color:#f7b42f;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
      border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
}
.smallWarnButton:hover {
    background-color:#eca314;
}
.smallWarnButton:active {
    position:relative;
    top:1px;
}

/*
-------------------------******* class button.smallAlertButton
*/


.smallAlertButton {
    background-color:#e74c3c;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
      border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
}
.smallAlertButton:hover {
    background-color:#c0392b;
}
.smallAlertButton:active {
    position:relative;
    top:1px;
}


/*
--------------------(^_^)-------------------ŸÀÌƲ ¹Ù 2 -------
*/
.titleBox {
border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border: 1px solid #c7c7c7;
-webkit-box-shadow: 11px 11px 5px -7px rgba(232,232,232,1);
-moz-box-shadow: 11px 11px 5px -7px rgba(232,232,232,1);
box-shadow: 11px 11px 5px -7px rgba(232,232,232,1);
width:716px;
height: 34px;
}

ul.bullet {
    list-style-image: url( "/img/title_bullet.gif" );


    position: relative;
    top: -8px;
    left: 21;
     font-size: 16px;
}



/* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content {
            background-color: #fefefe;
            margin: 15% auto; /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
            width: 50%; /* Could be more or less, depending on screen size */                          
        }
        /* The Close Button */
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }
        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }