﻿@charset "utf-8";

/******* ReSet! ******/
body {	height:100%;margin-top:0px;	margin-left:0px;	margin-right:0px;	
		margin-bottom:0px;	color: #666666;	font-family:돋움;	font-size: 12px;	
		line-height : 20px;	background-color :#ffffff;
		}
td,th,opiton,select,textarea,form {	color: #666666;	font-family:돋움;	font-size:12px; line-height : 24px;}

img {
	border:0 none; 
	vertical-align:middle; 
}
a { color:#6d6d6d; }
a:link{ text-decoration:none; }
a:visited{ text-decoration:none; }
a:hover{ color:#155fa9; text-decoration:none; }
a:active{ text-decoration:none; }

.input { 
	font-family:'돋움';
	color:#666666;
	border:1px solid #CFCFCF;
	height:18px;
}
.dash_input{
	font-family:'돋움';
	color:#666666;
	BORDER-BOTTOM: 1px dashed #C1C1C1; 
	BORDER-LEFT: 1px dashed #C1C1C1;
	BORDER-RIGHT: 1px dashed #C1C1C1; 
	BORDER-TOP: 1px dashed #C1C1C1;
}
.button
{ 
	font-family:'돋움';
	color:#efefef;
	border:1px solid #000000;
	height : 20px;
	background: #333333;
}
.btn_ico
{ 
	font-family:'돋움';
	color:#666666;
	border:1px solid #cccccc;
	width : 12px;
	height : 16px;
	background: #efefef;
	margin-top:0px;
}
.button_gr
{ 
	font-family:'돋움';
	color:#666666;
	border:1px solid #cccccc;
	height : 18px;
	background: #efefef;
}

/******* Contents Layout *******/
/**** { padding: 0; margin: 0; }****/

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 

 margin: 0 auto;
 width: 940px;
 padding: 0px;
}
*+html #contents /* IE 7에만 적용*/
{
margin-top: 0px;
 margin-bottom: 5px;
 /*overflow: auto;*/ 
 width: 100%;
}
#contents {
margin-top: 0px;
 margin-bottom: 5px;
 /*overflow: auto;*/ 
 width: 100%
  background-color: #eeeeee;
}
* html #contents { /*ie6*/
margin-top: 5px;
 margin-bottom: 5px;
 /*background-color: #eeeeee;*/
 /*overflow: auto;*/ 
 width: 100%
  
}
#vcontents {
margin-top: -24px;
 margin-bottom: 5px;
 /*overflow: auto;*/ 
 width: 100%
}
#header {
 color: #333;
 width: 940px;
 padding: 0px;
 height: 165px;
 margin: 0px 0px 0px 0px;
 background-color: #fff;
 overflow:hidden;
}
* html #header{
 color: #333;
 width: 940px;
 padding: 0px;
 height: 148px;
 /*border:1px solid;*/
 margin: 0px 0px 0px 0px;
 /*background-color: #eeeeee;*/
 overflow:hidden;
}
#search {
 color: #333;
 width: 500px;
 padding: 0px;
 height: 10px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 100px;
 background: #ffffff;
}
#leftcolumn { 

 color: #cccccc;
 font-size: 11px;
 margin: 0px;
 margin-top: 0px;
 padding: 0px;
 width: 180px;
 float: left;

}
* html #leftcolumn { 
 background-color: #ffffff;
 font-size: 11px;
 margin: 0px;
 margin-top: 0px;
 padding: 0px;
 width: 130px;
 float: left;
}
#mrightcolumn { 
 float: right;
 color: #ffffff;
 margin: 0px 0px 0px 0px;
 margin-top: 0px;
 padding: 0px;
 width: 675px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 float: right;
 color: #ffffff;
 margin: 0px 0px 0px 0px;
 margin-top: 0px;
 padding: 0px;
 width: 750px;
}
#footer { 
 width: 940px;
 clear: both;
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
.clear { clear: both; background: none; }

#divCONTENT{
	width:660px;
	border:1px solid;
	float:left;
	position:relative;
	background-color: #ffffff;
	border-top:0px solid #F8F8F5;
	border-left:0px solid #F8F8F5;
	/*border-right:4px solid #ffffff;*/
}
* html #divCONTENT{
width:660px;
}
#LOADING{
	background: #ffcc66;
	width:200px;
	height:24px;
	position:absolute;
	margin-left:200px;
	margin-top:120px;
	 color: #ffffff;
	 text-align:center;
	font-size: 11px;
}
#EXEC{
	background: #CCFF00;
	width:200px;
	height:24px;
	position:absolute;
	margin-left:170px;
	margin-top:130px;
	color: #000000;
	text-align:center;
	font-size: 11px;
}
#selfdiv{

	/*float:left;*/
	position:absolute;
		margin:0 auto;
}
#exp_result { 
 width: 400px;
 width: 300px;
 padding: 0px;
}
.biginput{
	height:26px;
	width:504px;
	border:solid 2px #ffcc00;
	font-size: 18px;
	
	font-family: 맑은고딕,돋움;
	font-weight: bold;
}
.bigbtn{
	height:30px;
	width:80px;
	border:solid 0px #ffcc00;
	font-size: 12px;
	font-family: 맑은고딕,돋움;
	font-weight: bold;
	color: #ffffff;
	background: #666666;
}
.textinput{
	border:solid 1px #cccccc;
}
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
#message{
	width:600px;
	height:80px;
	/*float:left;*/
	position:relative;
	background-color: #ffffff;
	border-top:6px solid #F8F8F5;
	border-left:6px solid #F8F8F5;
	border-right:6px solid #F8F8F5;
	border-bottom:6px solid #F8F8F5;
	/*border-right:4px solid #ffffff;*/
	text-align:center;
		margin:0 auto;
}
* html #message{
width:600px;
}
.textin
{
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #eeeeee 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-BOTTOM: #eeeeee 1px solid;
    FONT-SIZE: 9pt;
    FONT-FAMILY: 돋움,궁서,굴림;
    COLOR: #A5A2A8;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none;
	height:16px !important;
	padding:2px 0px 0px 1px;
}
.textin2
{
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #eeeeee 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-BOTTOM: #eeeeee 1px solid;
    FONT-SIZE: 9pt;
    FONT-FAMILY: 돋움,궁서,굴림;
    COLOR: #A5A2A8;
    TEXT-DECORATION: none;
	height:16px !important;
	padding:2px 0px 0px 1px;
}
.texarea
{
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #eeeeee 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-BOTTOM: #eeeeee 1px solid;
    FONT-SIZE: 9pt;
    FONT-FAMILY: 돋움,궁서,굴림;
    COLOR: #A5A2A8;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none;
	padding:2px 0px 0px 1px;
	line-height: 140%;
}
.selarea
{
   font-family : 굴림;
	font-size : 9pt;
	color : #666666;
	/*background-color : #f5f5f5;*/
	border-width : 3px;
}
.txt {
	font-family: "돋움";
	font-size: 11px;
	color: #000000;
	line-height: 150%;
}
.txt2 {
	font-family: "돋움";
	font-size: 12px;
	color: #525252;
	font-weight: bold;
	line-height: 180%;
}
.txt3 {
	font-family: "돋움";
	font-size: 11px;
	color: #525252;
	line-height: 180%;
}
.txt4 {
	font-family: "돋움";
	font-size: 11px;
	color: #9b9b9b;
	line-height: 140%;
}
.txt5 {
	font-family: "돋움";
	font-size: 11px;
	color: #595959;
	line-height: 180%;
}
A:link.aaa {color:#525252; font-size:10pt;text-decoration:none; font-weight: bold; font-family:돋움}
A:visited.aaa {color:#525252; font-size:10pt;text-decoration:none; font-weight: bold; font-family:돋움}
A:active.aaa {color:#525252; font-size:10pt;text-decoration:none; font-weight: bold; font-family:돋움}
A:hover.aaa {color:#000000; font-size:10pt;text-decoration:underline;font-weight: bold; font-family:돋움}

A:link.bbb {color:#000000; font-size:8pt;text-decoration:none; font-family:돋움}
A:visited.bbb {color:#000000; font-size:8pt;text-decoration:none; font-family:돋움}
A:active.bbb {color:#000000; font-size:8pt;text-decoration:none; font-family:돋움}
A:hover.bbb {color:#000000; font-size:8pt;text-decoration:none; font-family:돋움}

A:link.ccc {color:#5c5c5c; font-size:8pt;text-decoration:none; font-family:돋움}
A:visited.ccc {color:#5c5c5c; font-size:8pt;text-decoration:none; font-family:돋움}
A:active.ccc {color:#5c5c5c; font-size:8pt;text-decoration:none; font-family:돋움}
A:hover.ccc {color:#000000; font-size:8pt;text-decoration:underline; font-family:돋움}

A:link.ddd {color:#f5f5f5; font-size:8pt;text-decoration:none; font-family:돋움}
A:visited.ddd {color:#f5f5f5; font-size:8pt;text-decoration:none; font-family:돋움}
A:active.ddd {color:#f5f5f5; font-size:8pt;text-decoration:none; font-family:돋움}
A:hover.ddd {color:#f5f5f5; font-size:8pt;text-decoration:underline; font-family:돋움}

/**탭메뉴박스 설정**/
#menu{
position: relative;
width: 600px;
height: 27px;
padding: 0px;
z-index: 10;
}



#tablist{ 
padding: 0px 0;
margin-left: 0;
/*margin-bottom: -2;*/
margin-top: 0.1em;
font: bold 12px Verdana;
z-index:100;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 0px;
margin-left: 3px;
border: 0px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: white;
}

/**내용이 보여질 박스 설정**/
#tabcontentcontainer{
position: relative;
padding: 10px;
border-left: 0px solid #D5D5D5;
border-right: 0px solid #D5D5D5;
z-index: -1;
}

.tabcontent{
display:none;
}
