body { font-family: 맑은 고딕; color: #000000; font-size: 10pt; margin: 0px; }
table {	font-family: 맑은 고딕; font-size: 10pt; }
td { font-family: 맑은 고딕; font-size: 10pt; }
img { border-width:0; }

A:link { color: #000000; text-decoration:none; } 
A:visited { color: #000000; text-decoration:none }  
A:hover { color: #005a87; text-decoration:none }
A:active { color: #000000; text-decoration:none }

input { font-family: 맑은 고딕; font-size:10pt; border:1x solid #999999; } 
select { font-family: 맑은 고딕; font-size:10pt; } 
textarea { font-family: 맑은 고딕; font-size:10pt; border:1x solid #666666; }

.none_table { padding: 0px; }
.none_table tr { }
.none_table td { padding:0px; }
.none_table .sp { height:4px; background:#FFFFFF; background:url(/images/basic_table_sp_bg.gif); }

.basic_table { border:#ddbbbb solid 2px; }
.basic_table tr { height:24px; }
.basic_table .add_row { height:24px; vertical-align:top; }
.basic_table .sp { height:2px; background:#FFFFFF; background:url(/images/basic_table_sp_bg.gif); }
.basic_table .tr1 { height:24px; background:#D2D2D2; }
.basic_table td { padding:1 4 1 4; }
.basic_table .sp td { padding:1 0 1 0; }
.basic_table .title1 { height:26px; background:#f4dada; padding:3 8 3 8; font-weight:bold; }
.basic_table .title2 { height:26px; background:#e4e4e4; padding:3 8 3 8; font-weight:bold; }
.basic_table .title2_ { height:26px; background:#EEEEEE; padding:3 8 3 8; }
.basic_table .title2__ { height:26px; background:#deffcf; padding:3 8 3 8; }
.basic_table .title3 { background:#EEEEEE; font-weight:bold; }

.layer_ans { color:white; cursor:hand; }
.small {font-family: 돋움; font-size: 8pt; }
.default {font-family: 굴림; font-size: 9pt; }
.white {font-family: 굴림; color:white; }
.Text2 {color: #ffffff; font-family:돋움; font-size: 12px;}

/*톱메뉴*/
#topNav {float:right; margin:0; z-index:500; list-style:none; height:34px; white-space:nowrap;}
#topNav li.top {display:block; float:left; white-space:nowrap; margin:0 0 0 -2px;}
#topNav li.top.first{display:block; float:left; white-space:nowrap; margin:0 0 0 0 !important;}

#topNav li a.top_link01 {display:block; float:left; width:137px; height:34px; line-height:34px;  text-indent:-1000px; text-decoration:none; font-size:12px; font-weight:bold; cursor:pointer;background: url(/images/topnav_menu01_off.gif);}
#topNav li a.top_link01 span {display:block; padding:0; height:34px;  text-indent:-1000;}
#topNav li a.top_link01 span.down01 {display:none; padding:0; height:34px;}

#topNav li:hover a.top_link01 {background: url(/images/topnav_menu01_on.gif) no-repeat; text-indent:-1000;}
/*#topNav li:hover a.top_link01 span {background:url(/images/topnav_menu01_on.gif) no-repeat right top;}*/
#topNav li:hover a.top_link01 span.down01 {padding-bottom:0;}

#topNav li a.top_link02 {display:block; width:137px; height:34px; line-height:34px; text-indent:-1000px; color:#ccc; text-decoration:none; font-size:0; font-weight:bold; cursor:pointer;background: url(/images/topnav_menu02_off.gif);}
#topNav li a.top_link02 span {display:block; padding:0; height:34px;}
#topNav li a.top_link02 span.down02 {display:none; padding:0; height:34px;}

#topNav li:hover a.top_link02 {color:#fff; background: url(/images/topnav_menu02_on.gif) no-repeat; text-indent:-1000;}
/*#topNav li:hover a.top_link02 span {background:url(/images/topnav_menu02_on.gif) no-repeat right top;}*/
#topNav li:hover a.top_link02 span.down02 {padding-bottom:0;}

#topNav li a.top_link03 {display:block; width:137px; height:34px; line-height:34px; text-indent:-1000px; color:#ccc; text-decoration:none; font-size:0; font-weight:bold; cursor:pointer;background: url(/images/topnav_menu03_off.gif);}
#topNav li a.top_link03 span {display:block; padding:0; height:34px;}
#topNav li a.top_link03 span.down03 {display:none; padding:0; height:34px;}

#topNav li:hover a.top_link03 {color:#fff; background: url(/images/topnav_menu03_on.gif) no-repeat; text-indent:-1000;}
/*#topNav li:hover a.top_link03 span {background:url(/images/topnav_menu03_on.gif) no-repeat right top;}*/
#topNav li:hover a.top_link03 span.down03 {padding-bottom:0;}

#topNav li a.top_link04 {display:block; width:137px; height:34px; line-height:34px; text-indent:-1000; color:#ccc; text-decoration:none; font-weight:bold; cursor:pointer;background: url(/images/topnav_menu04_off.gif);}
#topNav li a.top_link04 span {display:block; padding:0; height:34px;}
#topNav li a.top_link04 span.down04 {display:none; padding:0; height:34px;}

#topNav li:hover a.top_link04 {color:#fff; background: url(/images/topnav_menu04_on.gif) no-repeat; text-indent:-1000;}
/*#topNav li:hover a.top_link04 span {background:url(/images/topnav_menu04_on.gif) no-repeat right top;}*/
#topNav li:hover a.top_link04 span.down04 {padding-bottom:0;}

#topNav li a.top_link05 {display:block; width:137px; height:34px; line-height:34px; text-indent:-1000; color:#ccc; text-decoration:none; font-weight:bold; cursor:pointer;background: url(/images/topnav_menu05_off.gif);}
#topNav li a.top_link05 span {display:block; padding:0; height:34px;}
#topNav li a.top_link05 span.down05 {display:none; padding:0; height:34px;}

#topNav li:hover a.top_link05 {color:#fff; background: url(/images/topnav_menu05_on.gif) no-repeat; text-indent:-1000;}
/*#topNav li:hover a.top_link05 span {background:url(/images/topnav_menu05_on.gif) no-repeat right top;}*/
#topNav li:hover a.top_link05 span.down05 {padding-bottom:0;}

#topNav li a.top_link06 {display:block; width:137px; height:34px; line-height:34px; text-indent:-1000; color:#ccc; text-decoration:none; font-weight:bold; cursor:pointer;background: url(/images/topnav_menu06_off.gif);}
#topNav li a.top_link06 span {display:block; padding:0; height:34px;}
#topNav li a.top_link06 span.down06 {display:none; padding:0; height:34px;}

#topNav li:hover a.top_link06 {color:#fff; background: url(/images/topnav_menu06_on.gif) no-repeat; text-indent:-1000;}
/*#topNav li:hover a.top_link06 span {background:url(/images/topnav_menu06_on.gif) no-repeat right top;}*/
#topNav li:hover a.top_link06 span.down06 {padding-bottom:0;}

#topNav li a.top_link07 {display:block; width:137px; height:34px; line-height:34px; text-indent:-1000; color:#ccc; text-decoration:none; font-weight:bold; cursor:pointer;background: url(/images/topnav_menu07_off.gif);}
#topNav li a.top_link07 span {display:block; padding:0; height:34px;}
#topNav li a.top_link07 span.down07 {display:none; padding:0; height:34px;}

#topNav li:hover a.top_link07 {color:#fff; background: url(/images/topnav_menu07_on.gif) no-repeat; text-indent:-1000;}
/*#topNav li:hover a.top_link07 span {background:url(/images/topnav_menu07_on.gif) no-repeat right top;}*/
#topNav li:hover a.top_link07 span.down07 {padding-bottom:0;}

#topNav li a.top_link08 {display:block; width:137px; height:34px; line-height:34px; text-indent:-1000; color:#ccc; text-decoration:none; font-weight:bold; cursor:pointer;background: url(/images/topnav_menu08_off.gif);}
#topNav li a.top_link08 span {display:block; padding:0; height:34px;}
#topNav li a.top_link08 span.down08 {display:none; padding:0; height:34px;}

#topNav li:hover a.top_link08 {color:#fff; background: url(/images/topnav_menu08_on.gif) no-repeat; text-indent:-1000;}
/*#topNav li:hover a.top_link08 span {background:url(/images/topnav_menu08_on.gif) no-repeat right top;}*/
#topNav li:hover a.top_link08 span.down08 {padding-bottom:0;}

#topNav li a.top_link09 {display:block; width:137px; height:34px; line-height:34px; text-indent:-1000; color:#ccc; text-decoration:none; font-weight:bold; cursor:pointer;background: url(/images/topnav_menu09_off.gif);}
#topNav li a.top_link09 span {display:block; padding:0; height:34px;}
#topNav li a.top_link09 span.down09 {display:none; padding:0; height:34px;}

#topNav li:hover a.top_link09 {color:#fff; background: url(/images/topnav_menu09_on.gif) no-repeat; text-indent:-1000;}
/*#topNav li:hover a.top_link09 span {background:url(/images/topnav_menu09_on.gif) no-repeat right top;}*/
#topNav li:hover a.top_link09 span.down09 {padding-bottom:0;}


/* Default list styling */
#topNav li:hover {position:relative; z-index:200;}

#topNav li:hover ul.sub 
{left:0; top:40px; background:url(/images/topnav_bg_sub.gif) repeat-y left bottom; padding:0 11px 15px 11px; width:163px; white-space:nowrap; height:auto; z-index:300; text-align:left;}

#topNav li:hover ul.sub li.subTop, li ul.sub li.subTop 
{background:url(/images/topnav_bg_sub_top.gif) no-repeat left top !important; width:185px; height:0px; margin:0 0 -3 -11px !important;}

#topNav li:hover ul.sub li {background:url(/images/topnav_bg_sub_off.gif) no-repeat left top; text-indent:12px; display:block; height:22px; line-height:22px; position:relative;}

#topNav li:hover ul.sub li a
{display:block; font-size:12px; width:100%; color:#000; text-decoration:none;}

#topNav li:hover ul.sub li a:hover 
{background:url(/images/topnav_bg_sub_on.gif) no-repeat left top; height:22px; color:#336699; font-weight:bold; letter-spacing:-1px;}

#topNav li:hover li:hover ul,
#topNav li:hover li:hover li:hover ul,
#topNav li:hover li:hover li:hover li:hover ul,
#topNav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap;  z-index:400; width:100%; height:auto;}

#topNav ul, 
#topNav li:hover ul ul,
#topNav li:hover li:hover ul ul,
#topNav li:hover li:hover li:hover ul ul,
#topNav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.Text4 {color: #525252; font-family:맑은 고딕, 돋움; font-size: 15px; font-weight:bold; text-decoration: none; line-height:16px;}
a.Text4:link {color: #525252; font-family:맑은 고딕, 돋움; font-size: 15px; font-weight:bold; text-decoration: none}
a.Text4:visited {color: #525252; font-family:맑은 고딕, 돋움; font-size: 15px; font-weight:bold; text-decoration: none}	
a.Text4:active {color: #525252; font-family:맑은 고딕, 돋움; font-size: 15px; font-weight:bold; text-decoration: none}
a.Text4:hover {color: #aeaeae; font-family:맑은 고딕, 돋움; font-size: 15px; font-weight:bold; text-decoration: none}

.Text5 {color: #FFFFFF; font-family:맑은 고딕, 돋움; font-size: 15px; font-weight:bold; text-decoration: none; line-height:16px;}
a.Text5:link {color: #FFFFFF; font-family:맑은 고딕, 돋움; font-size: 15px; font-weight:bold; text-decoration: none}
a.Text5:visited {color: #FFFFFF; font-family:맑은 고딕, 돋움; font-size: 15px; font-weight:bold; text-decoration: none}	
a.Text5:active {color: #FFFFFF; font-family:맑은 고딕, 돋움; font-size: 15px; font-weight:bold; text-decoration: none}
a.Text5:hover {color: #FFFFFF; font-family:맑은 고딕, 돋움; font-size: 15px; font-weight:bold; text-decoration: none}

.com_blank {height:10px;}
.com_title		{background:url(/images/bg_com_title.gif) no-repeat left top; height:34px; color:#333333; font-size:16px; font-weight:bold; padding:2px 0 0 23px; vertical-align:top;}

.button {
  /* Fallback style */
  border: 1px solid rgba(0, 0, 0, 0.3);
/*  color: white;*/
  display: inline-block;
  font-family: 맑은 고딕;
  margin: 0px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.4);
/*  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;*/
  border-radius: 0.3em;
/*  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;*/
  background-clip: padding-box;
/*  -webkit-box-shadow: 0px 0px 0.05em rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 0.05em rgba(0, 0, 0, 0.4);*/
/*  box-shadow: 0px 0px 0.05em rgba(0, 0, 0, 0.4);*/
}
.button:hover {
/*  -webkit-box-shadow: 0px 0px 0.05em rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 0.05em rgba(0, 0, 0, 0.4);*/
/*  box-shadow: 0px 0px 0.05em rgba(0, 0, 0, 0.4);*/
}
.button:active {
  /* When pressed, move it down 1px */
  position: relative;
  top: 1px;
}
.button span {
  padding: 0.1em 0.5em;
	padding-bottom:0.2em;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
/*  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;*/
  border-radius: 0.3em;
/*  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;*/
  background-clip: padding-box;
  /* Pattern settings */
/*  -moz-background-size: 3px 3px;
  -webkit-background-size: 3px 3px;*/
/*  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(0, 0, 0, 0.05)), color-stop(0.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(0, 0, 0, 0.05)), color-stop(0.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.75, transparent), color-stop(0.75, rgba(0, 0, 0, 0.05))), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.75, transparent), color-stop(0.75, rgba(0, 0, 0, 0.05)));*/
/*  background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);*/
/*  background-size: 3px 3px;*/
	color: white; 
	text-decoration:none;
}
.button.button-blue {
  background: #4477a1;
  background-image: linear-gradient(to bottom, #81a8cb, #4477a1);
  background-repeat: repeat-x;
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81a8cb', endColorstr='#4477a1');*/
}
.button.button-blue:hover {
  background: #81a8cb;
  background-image: linear-gradient(to bottom, #4477a1, #81a8cb);
  background-repeat: repeat-x;
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb');*/
}
.button.button-blue:active {
  background: #4477a1;
}
.button.button-silver {
  background: #777777;
/*  background-image: -moz-linear-gradient(top, #eaeaea, #c5c5c5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#c5c5c5));
  background-image: -webkit-linear-gradient(top, #eaeaea, #c5c5c5);*/
/*  background-image: -o-linear-gradient(top, #eaeaea, #c5c5c5);*/
  background-image: linear-gradient(to bottom, #999999, #777777);
  background-repeat: repeat-x;
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#c5c5c5');*/
}
.button.button-silver:hover {
  background: #999999;
/*  background-image: -moz-linear-gradient(top, #c5c5c5, #eaeaea);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c5c5c5), to(#eaeaea));
  background-image: -webkit-linear-gradient(top, #c5c5c5, #eaeaea);*/
/*  background-image: -o-linear-gradient(top, #c5c5c5, #eaeaea);*/
  background-image: linear-gradient(to bottom, #777777, #999999);
  background-repeat: repeat-x;
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#eaeaea');*/
}
.button.button-silver:active {
  background: #777777;
}

.DP_table { border:#c3d8ff solid 2px; }
.DP_table tr { height:24px; background:#FFFFFF; }
.DP_table td { padding:2 5 2 5; }
.DP_table .sp { height:4px; background:#FFFFFF; background:url(/images/basic_table_sp_bg.gif); }
.DP_table .title1 { height:28px; background:#dde9ff; padding:5 10 5 10; font-weight:bold; }
.DP_table .title2 { background:#EEEEEE; font-weight:bold; }
.DP_table .title3 { background:#EEEEEE; font-weight:bold; }


/* 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: 80%; /* Could be more or less, depending on screen size */
  }