@import url(/_style/table.css.php);
@import url(/_style/calendar.css);
@import url(/_style/menu.css.php);
html {
	height: 100%;
	margin: 0;
}

body {
	height: 100%;
	margin: 0;
}

img {
	border:0;
	margin: 0px 0px 0px 0px;
}

form {
	margin:0px;
}

body, div, tr, td, input, select {
	font-family: gulim;
	font-weight: normal;
	color:#737373;
	font-size: 9pt;
	line-height:18px;
}

textarea.forValue {
	display : none;
}

a  {
	color: #666666; 
	font-family: µ¸¿ò;
	font-weight: normal;
	color:#737373;
	font-size: 8pt;
	text-decoration: none;
}
a:link  {
	color: #666666; 
	text-decoration: none;
}
a:visited {
	color:#666666; 
	text-decoration: none;
}
a:hover  {
	color: #000000; 
	text-decoration: none;
}


/*¸ÞÀÎÆäÀÌÁö ŸÀÔ*/
#topNavDiv {
	float: left;
	width: 900px;
	height: 80px;
	z-index: 100;
}

#mMenu {
	width: 157px;
	height: 9px;
	position: absolute;
	top: 7px;
	left: 590px;
	background : transparent;
}

#dropMenu {
	width: 157px;
	height: 9px;
	position: absolute;
	top: 4px;
	left: 755px;
	background : transparent;
}

#mainDiv {
	width: 100%;
	height: auto;	
	background: url("/images/mBack.gif") 0px 0px repeat-x;
}

#topDiv {
	float: left;
	width: auto !important;
	min-width: 900px;
	width: 900px;
	height: 290px;
	margin: 0px 0px 0px 0px;
}

#contentsDiv {
	float: left;
	width: 950px;
	min-width: 900px;
	margin: 20px 0px 33px 0px;
	background: #ffffff 0px 0px repeat-x;
}
#contentsDiv div.login{
	float: left;
	width: 190px;
	height: 105px; 
	margin: 0px 0px 0px 20px;
	background: url("/images/loginBack.gif") 0px 0px repeat-x;
	display: inline;
}

#contentsDiv div.data{
	float: left;
	width: 340px;
	height: 105px; 
	margin: 0px 0px 0px 30px;
}

#contentsDiv div.data div.tabImage{
	float: left;
	width: 340px;
	height: 21px; 
	margin: 3px 0px 0px 0px !important;
}

#contentsDiv div.data div.tabImage ul.dataTab {
	width: 340px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#contentsDiv div.data div.tabImage ul.dataTab li{
	float: left;
	width: auto;
	height: 21px;
	margin: 0px;
	padding: 0px;
}
#mainContent .data ul.dataTab li img {
	vertical-align: top;
}

#contentsDiv div.data div.text{
	width: 328px;
	height: 66px; 
	margin: 0px 0px 0px 5px !important;
	margin: 0px 0px 0px 3px;
	padding-top:15px !important;
	padding-top:7px;
	clear:both;
}

#contentsDiv div.data div.text .mainData {
	width: 328px;
	height: auto;
	margin: 0;
	padding: 0;
}
#contentsDiv div.data div.text .mainData dt {
	float: left;
	width: 240px;
	height: 17px;
	margin: 0;
	padding: 0;
}
#contentsDiv div.data div.text .mainData dd {
	float: right;
	width: 88px;
	height: 17px;
	margin: 0;
	text-align: right;
}


#contentsDiv div.flashMenu{
	float: left;
	width: 290px;
	height: 105px; 
	margin: 0px 0px 0px 30px !important;
}

#contentsDiv div.calendar{
	float:left;
	width: 190px;
	height: 175px; 
	margin: 30px 0px 0px 20px !important;
	margin: 30px 0px 0px 10px;
	background: url('/images/calendar_bg.gif') 0px 0px no-repeat;
}

#contentsDiv div.notice{
	float: left;
	width: 340px;
	height: 175px; 
	margin: 30px 0px 0px 30px;
}

#contentsDiv div.notice div.tabImage{
	float: left;
	width: 340px;
	height: 21px; 
	margin: 3px 0px 0px 0px !important;
}

#contentsDiv div.notice div.tabImage ul.noticeTab {
	width: 340px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#contentsDiv div.notice div.tabImage ul.noticeTab li{
	float: left;
	width: auto;
	height: 21px;
	margin: 0px;
	padding: 0px;
}
#mainContent .notice ul.noticeTab li img {
	vertical-align: top;
}

#contentsDiv div.notice div.text{
	width: 330px;
	height: 66px; 
	margin: 0px 0px 0px 5px !important;
	margin: 0px 0px 0px 3px;
	padding-top:8px !important;
	padding-top:4px;
	clear:both;
}

#contentsDiv div.notice div.text .mainNotice {
	width: 330px;
	height: auto;
	margin: 5px 0px 0px 0px !important;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

#contentsDiv div.notice div.text .mainNotice dt {
	float: left;
	width: 240px;
	height: 18px;
	margin: 0;
	padding: 0;
}
#contentsDiv div.notice div.text .mainNotice dd {
	float: right;
	width: 88px;
	height: 18px;
	margin: 0;
	text-align: right;
}
#contentsDiv div.notice div.text .mainNotice dt.latest {
	float:left;
	width: 100px;
	height: 57px;
	margin: 0;
	border-bottom:1px dotted #dddddd;
	background: url("/images/noticeBg.gif") 0px 0px no-repeat;
}

#contentsDiv div.notice div.text .mainNotice dd.latest {
	float:left;
	width: 230px;
	height: 57px;
	margin-bottom: 10px;
	text-align:left;
	border-bottom:1px dotted #dddddd;
}

#contentsDiv div.notice div.text .mainRecruit {
	width: 330px;
	height: auto;
	margin: 0;
	padding: 0;
}

#contentsDiv div.notice div.text .mainRecruit dt {
	float: left;
	width: 100%;
	height: 18px;
	margin: 0;
	padding: 0;
}
#contentsDiv div.notice div.text .mainRecruit dd {
	float:left;
	width: 100%;
	margin: 0;
	text-align:left;
	height:14px;
	margin-bottom: 3px;
	border-bottom:1px dotted #dddddd;
}

#contentsDiv div.photoNews{
	float: left;
	width: 290px;
	height: 175px; 
	margin: 30px 0px 0px 30px !important;
}

#contentsDiv div.account{
	float:left;
	width: 190px;
	height: 105px; 
	margin: 30px 0px 0px 20px !important;
	margin: 30px 0px 0px 10px;
}

#contentsDiv div.iconMenu{
	float: left;
	width: 340px;
	height: 105px; 
	margin: 30px 0px 0px 30px !important;
}

#contentsDiv div.ad{
	float: left;
	position: static !important;
	width: 290px;
	height: 105px; 
	margin: 30px 0px 0px 30px !important;
}


#footer {
	clear: both;
	width: 100%;
	height: 70px;
	background: url("/images/footerBg.gif") 0px 0px repeat-x;
	margin: 35px 0px 0px 0px; 
}

#footer #copyright {
	float: left;
	width: 554px;
	height: 30px;
	margin: 18px 126px 0px 30px;
}

#footer #menu {
	float: left;
	width: 186px;
	height: 42px;
	margin: 18px 0px 0px 0px;
}

#footer #menu #btn {
	float: left;
	width: 186px;
	height: 21px;
	margin: 0px 0px 0px 0px;
}

#footer #menu #shadow {
	float: left;
	width: 186px;
	height: 21px;
	margin: 0px 0px 0px 0px;
}


/*¸ÞÀÎÆäÀÌÁö ŸÀÔ*/


/*¼­ºêÆäÀÌÁö ŸÀÔ*/
#subDiv {
	width: auto !important;
	min-width: 900px;
	width: 100%;
	height: auto;	
	background: url("/images/sBack.gif") 0px 0px repeat-x;
}

#subTop {
	clear: both;
	width: 900px;
	height: 230px;
}

#topNav {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 910px;
	height: 90px;
	overflow: hidden;
}

#subImage {
	width: 900px;
	height: auto !important;
	min-height: 230px;
	height: 230px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

#leftMenu {
	position: absolute;
	top: 100px;
	width: 200px;
}

#leftMenu #leftMenuDiv {
	position: relative;
	width: 180px;
	height: auto !important;
	margin: 0px 0px 0px 20px;
}

#viewerD {
	width: 400px;
	height: 410px;
	padding: 3px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}

#subContent {
	width: 900px;
	height: auto;
	min-height: 350px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#subContent #contents {
	float:left;
	width: 640px;
	height: auto !important;
	min-height: 400px;
	height: 400px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 240px;
	display: inline;
}

#subContent #contents #lineMap{
	float: left;
	width: 640px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#subContent #contents #lineMap #linemap{
	min-height: 25px;
	text-align: right;
	vertical-align: bottom;
	font-family: dotum;
	font-size: 11px;
	color: #9d9d9d;
	margin: 6px 0px 0px 0px;
}

#subContent #contents #lineMap #linemap em{
	font-family: dotum;
	font-style: normal;
	font-size: 11px;
	color: #222222;
}

#subContent #contents #title{
	float: left;
	width: 640px;
	height: 33px;
	margin: 0px 0px 0px 0px;
	background: url("/images/titleBottom.gif") 0px 0px repeat-x;
	
}

#subContent #contents #contentsBody {
	float:left;
	width: 640px;
	height: auto !important;
	min-height: 400px;
	height: 400px;
	padding: 40px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
}

/*¼­ºêÆäÀÌÁö ŸÀÔ*/



/*¼­ºêÆäÀÌÁö ŸÀÔ*/

/* ÆäÀÌÁö ¿µ¿ª */
div.pageDiv {
	clear: both;
	width: auto;
	min-width: 94%;
	height: 25px;
	margin: 20px 0px 0px 3%;
	text-align: center;
}
div.pageDiv div.pageArea {
	width: auto;
	height: 25px;
}
div.pageDiv div.pageArea img {
	vertical-align: middle;
}
div.pageDiv div.pageArea strong {
	width: auto;
	height: auto;
	margin: 0px 2px 2px 2px;
	padding: 1px 6px 3px 6px;
	border: 1px solid #90a3bc;
	color: red;
	font-family: Verdana;
	font-weight: bold;
	line-height: 25px;
}
div.pageDiv div.pageArea a.otherPage {
	width: auto;
	height: auto;
	margin: 0px 2px 2px 2px;
	padding: 1px 6px 3px 6px;
	border: 1px solid #f6f8fc;
	color: #666666;
	font-family: Verdana;
	font-weight: bold;
	background: #FFFFFF;
	line-height: 25px;
}


div.pageDiv div.pageArea a.otherPage:link  {
	color: #737373; 
	text-decoration: none;
}
div.pageDiv div.pageArea a.otherPage:visited {
	color:#737373; 
	text-decoration: none;
}
div.pageDiv div.pageArea a.otherPage:hover  {
	color: #5FA101; 
	text-decoration: underline;
	border: 1px solid #90a3bc;
	background: #f6f8fc;
}
/* ÆäÀÌÁö ¿µ¿ª */

/* ÀԷ½à ÇʼöÇ׸ñ */
span.essentiality {
	color: red;
	font-weight: bold;
}
/* ÀԷ½à ÇʼöÇ׸ñ */




/*±âº»Å×À̺í*/


table.default {
	width: 620px;
	border-collapse: collapse;
}

table.default td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.default td.normal {
	border-right: 1px solid #d3e4f2;
	border-bottom: 1px solid #d3e4f2;
	padding: 6px 0px 5px 0px;
}

table.default td.lastCell {
	border-bottom: 1px solid #d3e4f2;
	padding: 6px 0px 5px 0px;
}

table.default td.btmCell {
	border-right: 1px solid #d3e4f2;
	border-bottom: 1px solid #8cafd3;
	padding: 6px 0px 5px 0px;
}

table.default td.btmlastCell {
	border-bottom: 1px solid #8cafd3;
	padding: 6px 0px 5px 0px;
}

table.default td.center {
	text-align: center;
}


/*±âº»Å×À̺í*/

/*±âº»Å«Å×À̺í*/


table.defaultB {
	width: 630px;
	border-collapse: collapse;
}

table.defaultB td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.defaultB td.normal {
	border-right: 1px solid #d3e4f2;
	border-bottom: 1px solid #d3e4f2;
	padding: 6px 0px 5px 0px;
}

table.defaultB td.fill {
	border-right: 1px solid #d3e4f2;
	border-bottom: 1px solid #8cafd3;
	background-color: #f0f8fe;
	padding: 6px 0px 5px 0px;
}

table.defaultB td.fillFirst {
	border-top: 1px solid #8cafd3;
	border-right: 1px solid #d3e4f2;
	border-bottom: 1px solid #8cafd3;
	background-color: #f0f8fe;
	padding: 6px 0px 5px 0px;
}

table.defaultB td.fillLast {
	border-bottom: 1px solid #8cafd3;
	background-color: #f0f8fe;
	padding: 6px 0px 5px 0px;
}

table.defaultB td.lastCell {
	border-bottom: 1px solid #d3e4f2;
	padding: 6px 0px 5px 0px;
}

table.defaultB td.toplastCell {
	border-top: 1px solid #8cafd3;
	border-bottom: 1px solid #8cafd3;
	padding: 6px 0px 5px 0px;
}

table.defaultB td.btmCell {
	border-right: 1px solid #d3e4f2;
	border-bottom: 1px solid #8cafd3;
	padding: 6px 0px 5px 0px;
}

table.defaultB td.btmlastCell {
	border-bottom: 1px solid #8cafd3;
	padding: 6px 0px 5px 0px;
}

table.defaultB td.center {
	text-align: center;
}

table.defaultB td.left {
	padding: 6px 0px 5px 10px;
}


/*±âº»Å«Å×À̺í*/


/*¿ìÆí¹øȣã±âÅ×À̺í*/


table.post {
	width: 426px;
	border-collapse: collapse;
}

table.post td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.post td.normal {
	border-right: 1px solid #d3e4f2;
	border-bottom: 1px solid #d3e4f2;
	padding: 6px 0px 5px 0px;
}

table.post td.lastCell {
	border-bottom: 1px solid #d3e4f2;
	padding: 6px 0px 5px 0px;
}

table.post td.btmCell {
	border-right: 1px solid #d3e4f2;
	border-bottom: 1px solid #8cafd3;
	padding: 6px 0px 5px 0px;
}

table.post td.btmlastCell {
	border-bottom: 1px solid #8cafd3;
	padding: 6px 0px 5px 0px;
}

table.post td.fillLast {
	border-bottom: 1px solid #8cafd3;
	background-color: #f0f8fe;
	padding: 6px 0px 5px 0px;
}

table.post td.center {
	text-align: center;
}

table.post td.left {
	padding: 6px 0px 5px 10px;
}


/*±âº»Å×À̺í*/


/*-----------------´Þ·Â ÆùÆ® ŸÀÔ Á¾ÇÕ--------------------*/

/*ȸ»öÆùÆ®*/

.gray_small_eng {
	font-family: verdana;
	color:#696969;
	font-size: 10px;
	letter-spacing: 0;
}

.blue_small_eng {
	font-family: verdana;
	color:#0f69d3;
	font-size: 10px;
	letter-spacing: 0;
}


.green_small_eng {
	font-family: verdana;
	color:#008a1d;
	font-size: 10px;
	letter-spacing: 0;
}


/*°ËÁ¤ÆùÆ®*/

.black_bold_small_eng {
	font-family: verdana;
	font-weight: bold;
	color:#000000;
	font-size: 11px;
	letter-spacing: 0;
}

.black_small_eng {
	font-family: verdana;
	color:#000000;
	font-size: 10px;
	letter-spacing:0;
}


/*ÁÖȲÆùÆ®*/

.orange01_bold_small_eng {
	font-family: verdana;
	font-weight: bold;
	color:#e5763a;
	font-size: 11px;
	letter-spacing: 0;
}

.orange_small_eng {
	font-family: verdana;
	color:#e87a38;
	font-size: 10px;
	letter-spacing:0;
}

.eng1{ background:#c0ffbb;}
.eng2{ background:#ffe0bb;}
.eng3{ background:#bbf0ff;}

a.small_navi_eng 			{font-family:verdana; font-size:10px; color: #666666; text-decoration: none;}
a.small_navi_eng:link  		{font-family:verdana;font-size:10px; color: #666666; text-decoration: none;}
a.small_navi_eng:visited 	{font-family:verdana;font-size:10px; color: #666666; text-decoration: none;}
a.small_navi_eng:hover  		{font-family:verdana;font-size:10px; color: #2a6c9a; text-decoration: none;}

a.eng_small_bold_navi 			{font-family:verdana; font-size:10px;  font-weight:bold; color: #666666; text-decoration: none;}
a.eng_small_bold_navi:link  		{font-family:verdana;font-size:10px;  font-weight:bold; color: #666666; text-decoration: none;}
a.eng_small_bold_navi:visited 	{font-family:verdana;font-size:10px;  font-weight:bold; color: #666666; text-decoration: none;}
a.eng_small_bold_navi:hover  		{font-family:verdana;font-size:10px;  font-weight:bold; color: #999999; text-decoration: underline;}
/*-----------------´Þ·Â ÆùÆ® ŸÀÔ Á¾ÇÕ--------------------*/