@charset "utf-8";
/* text ---------------------------------------------- */
.buttons {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #a7a7a7;
	text-align:left;
	text-decoration: none;
}
/* button ---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and 
display = ie7 hack for display:inline-block */
	display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
		
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
 
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

.menu_button_td {
color: rgb(216,216,216);
background-color:rgb(8,24,32);
text-align:center;
text-align:middle;
font-size:8pt;
cursor:hand;
/*LINE-HEIGHT: 30px; */
TEXT-DECORATION: none;

FONT-WEIGHT: bold;}

.menu_button_td:hover {
color: rgb(216,216,216);
background-color:rgb(8,24,32);
text-align:center;
text-align:middle;
font-size:8pt;
cursor:hand;
/*LINE-HEIGHT: 17px; */
TEXT-DECORATION: none;
border:2px solid rgb(24,128,208);
FONT-WEIGHT: bold;
}






select {
  -webkit-appearance: none;  /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance: none;
  appearance: none;
}

/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */
select::-ms-expand { 
  display: none;
}


select {
 /* width: 200px; /* ¿øÇÏ´Â ³Êºñ¼³Á¤ */
  padding: .0em .5em; /* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */  
  background: url(../images/common_drop_arrow_nor.png) no-repeat 95% 50%; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */  
  border: 0px solid #999; 
  border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
  -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance: none;
  appearance: none;
  background-color: rgb(8,24,32);
  color:rgb(216,216,216);
  height:26px;
}


select[disabled]  
{
   padding: .0em .5em; /* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */  
  background: url(../images/common_drop_arrow_dim.png) no-repeat 95% 50%; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */  
  border: 0px solid #999; 
  border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
  -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance: none;
  appearance: none;
  background-color: rgb(24,40,56); /* disable  background  color */
  color:rgb(216,216,216);
  height:26px;
}


.main_td_back
{
    background-color:rgb(32,48,72);    
}


.main_td_back_index
{
    background-color:rgb(0,16,24);
}


 .custom_checkbox {
  -webkit-appearance: none;  /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance: none;
  appearance: none;
}

/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */
 .custom_checkbox::-ms-expand { 
  display:
}

    .custom_checkbox {height:20px ; position:relative; margin:45px 0 0 20px; color:rgb(216,216,216);TEXT-DECORATION: none}
    .custom_checkbox label {position:absolute; left:0; height:20px; padding:2px 0 0 25px; color:rgb(216,216,216);  font-size:10pt;
                            TEXT-DECORATION: none;
                            font-family: Arial, Helvetica, sans-serif;
  FONT-WEIGHT: bold;background:url('../images/common_btn_check_off.png') no-repeat;}
    .custom_checkbox input[type="checkbox"]:checked + label  {position:absolute; left:0; height:20px; padding:2px 0 0 25px; color:rgb(216,216,216);  font-size:10pt;
                                                              TEXT-DECORATION: none;
                                                              font-family: Arial, Helvetica, sans-serif;
  FONT-WEIGHT: bold;background:url('../images/common_btn_check_on.png') no-repeat;}
    .custom_checkbox input[type="checkbox"]:disabled + label  {position:absolute; left:0; height:20px; padding:2px 0 0 25px; color:rgb(56,64,88); font-size:10pt;
                                                               TEXT-DECORATION: none;
                                                               font-family: Arial, Helvetica, sans-serif;
  FONT-WEIGHT: bold;background:url('../images/common_btn_check_dim.png') no-repeat;}



/* ¸Å´© Áß°£ÀÇ  check box */


.custom_checkbox_menu1 {
  -webkit-appearance: none;  /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance: none;
  appearance: none;
}

/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */
 .custom_checkbox_menu1::-ms-expand { 
  display:
}

    .custom_checkbox_menu1 {height:20px ; position:relative; margin:0 0 0 0; color:rgb(144,184,228);TEXT-DECORATION: none}
    .custom_checkbox_menu1 label {position:absolute; left:0; height:20px; padding:2px 0 0 25px; color:rgb(144,184,228);  
                            TEXT-DECORATION: none;
                            font-family: Arial, Helvetica, sans-serif;
 background:url('../images/common_btn_check_off.png') no-repeat;}
    .custom_checkbox_menu1 input[type="checkbox"]:checked + label  {position:absolute; left:0; height:20px; padding:2px 0 0 25px; color:rgb(144,184,228);  
                                                              TEXT-DECORATION: none;
                                                              font-family: Arial, Helvetica, sans-serif;
  background:url('../images/common_btn_check_on.png') no-repeat;}
    .custom_checkbox_menu1 input[type="checkbox"]:disabled + label  {position:absolute; left:0; height:20px; padding:2px 0 0 25px; color:rgb(144,184,228); 
                                                               TEXT-DECORATION: none;
                                                               font-family: Arial, Helvetica, sans-serif;
 background:url('../images/common_btn_check_dim.png') no-repeat;}





input[type="text"] 
{
     background-color: rgb(8,24,32);
  color:rgb(216,216,216);
   border: 0px solid #999; 
   height:26px;
   padding-left:6px;
  
}

input[type="text"]:focus
{
     background-color: rgb(8,24,32);
  color:rgb(216,216,216);
   border: 2px solid rgb(24,128,208); 
   height:26px;
    padding-left:6px;
}


input[type="text"]:disabled 
{
     background-color: rgb(24,40,56);
   color:rgb(216,216,216);
   border: 0px solid #999; 
   height:26px;
   padding-left:6px;
  
}

input[type="password"] 
{
     background-color: rgb(8,24,32);
  color:rgb(216,216,216);
   border: 0px solid #999; 
   height:26px;
   padding-left:6px;
}

input[type="password"]:focus
{
     background-color: rgb(8,24,32);
  color:rgb(216,216,216);
   border: 2px solid rgb(24,128,208); 
   height:26px;
    padding-left:6px;
}



input[type="password"]:disabled
{
     background-color: rgb(24,40,56);
  color:rgb(56,64,88);
   height:26px;
    padding-left:6px;
}


/* form */
form
{
	display: inline;
	text-align: center;
}



#subtitle td
{
       font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    color : rgb(24,128,208);
 
}


.comp_button{
color: rgb(216,216,216) !important ; 
background-color:rgb(8,24,32) !important;  
text-align:center !important;
text-align:middle !important;
cursor:hand;
LINE-HEIGHT: 20px; 
TEXT-DECORATION: none;
border:2px solid rgb(24,128,208);
}

.comp_button:hover{
color: rgb(216,216,216) |important;
background-color:rgb(8,24,32) !important;
text-align:center;
text-align:middle;
cursor:hand;
LINE-HEIGHT: 20px !important; 
TEXT-DECORATION: none;
border:2px solid rgb(24,128,208) !important;
}



.comp_button_index{
color: rgb(216,216,216) !important ; 
background-color:rgb(8,24,32) !important;  
text-align:center !important;
text-align:middle !important;
cursor:hand;
LINE-HEIGHT: 20px; 
TEXT-DECORATION: none;

}

.comp_button_index:hover{
color: rgb(216,216,216) !important ; 
background-color:rgb(8,24,32) !important;  
text-align:center !important;
text-align:middle !important;
cursor:hand;
LINE-HEIGHT: 20px; 
TEXT-DECORATION: none;
border:2px solid rgb(24,128,208) !important;
}