﻿/********************************************************************************************************/
/*	 우리사이닷컴                                                           Cascading Style Sheet       */
/*       2008. 08. 28    	                                                                            */
/********************************************************************************************************/

/*********************************************공통 스타일************************************************/
/*Body 스타일*/
@charset "utf-8";

body { margin: 0px;	padding: 0px; font-family: Dotum, Dotumche, verdana; font-size:11px; color:#666666;}

* {
	margin:0;
	padding:0;
}

/* images 관련 */
a.rollover img { border-width:0px; display:inline; } 
a.rollover img.over { display:none; } 
a.rollover:hover { border:0px } 
a.rollover:hover img { display:none; } 
a.rollover:hover img.over { display:inline; } 

img { border: 0px; margin: 0px; padding: 0px;}
img.hand {cursor:pointer;}

.png24 {
   tmp:expression(setPng24(this));
}

/********************************************* 텍스트 관련***************************************************/

.Txt_black11 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	color: #000000;
}
.Txt_orange11 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	color: #ff7d0a;
}
.Txt_gray11 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	color: #666666;
}
.Txt_blue11B {
	font-family: "돋움", "돋움체", Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #1776b4;
}
.Txt_Gray11B {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	font-weight: bold;
	color: #555555;
}
.Txt_Blue11 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	color: #0066b3;
}
.Txt_GBlue11 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	color: #7a86b3;
}
.Txt_Gray12B {
	font-family: "돋움", "돋움체";
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}
.Txt_gray12 {
	font-family: "돋움", "돋움체";
	font-size: 12px;
	color: #666666;
}
.Txt_white12B {
	font-family: "돋움", "돋움체", Verdana;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.Txt_white11 {
	font-family: "돋움", "돋움체", Verdana;
	font-size: 11px;
	color: #FFFFFF;
}
.Txt_Board  {
	color:#4c4c4c;
	font-family: Dotum, Dotumche, verdana;
	font-size:12px; 
	vertical-align:top; 
	font-weight: bold; line-height:16px;
}

.text_b {color:#4c4c4c;font-family: Dotum, Dotumche, verdana;font-size:12px; vertical-align:top; font-weight: bold; line-height:16px;}
.table_01{color:#6765d6;font-family: Dotum, Dotumche, verdana;font-size:12px;font-weight: bold;background-color: #f8f8ff; padding-left:20px; vertical-align:middle;}
.box_02{padding-left:5px; padding-top:2px; }
.box_03 {color:#666666;font-family: Dotum, Dotumche, verdana;font-size:12px;text-align: left; vertical-align: middle; line-height:18px;}
.text_01 {color:#7d7bec;font-family: Dotum, Dotumche, verdana;font-size:12px;text-align: left; vertical-align:top; font-weight: bold;}
.text_02 {color:#666666;font-family: Dotum, Dotumche, verdana;font-size:12px;text-align: left; vertical-align: middle; line-height:18px;}
.text_03 {color:#7d7bec;font-family: Dotum, Dotumche, verdana;font-size:12px;text-align: left; vertical-align: middle; padding-left:97px;}
.text_04 {color:#666666;font-family: Dotum, Dotumche, verdana;font-size:12px;text-align: left; vertical-align: middle; padding:5px 15px 15px 15px; line-height:16px}
.text_05{color:#4d4be5;font-family: Dotum, Dotumche, verdana;font-size:12px;text-align: left; vertical-align: center; padding-left:5px;}
.text_06 {color:#666666;font-family: Dotum, Dotumche, verdana;font-size:12px; text-align: left; padding-left:15px; vertical-align: middle; line-height:18px;}
.text_s{color:#4d4be5;font-family: Dotum, Dotumche, verdana;font-size:12px;text-align: left; vertical-align:center; padding-left:5px;}
.box_03{padding:30px 30px 50px 30px; }



.lnk_txt00           { color:#666666;  font-family: Dotum,Dotumche,verdana;  font-size:11px; }
.lnk_txt00 a:link    { font-size: 11px; color: #666666; text-decoration: none; }
.lnk_txt00 a:visited { font-size: 11px; color: #666666; text-decoration: none; }
.lnk_txt00 a:active  { font-size: 11px;	color: #666666;	text-decoration: none;}
.lnk_txt00 a:hover   { font-size: 11px; color: #ff7d0a; text-decoration: none; }

.lnk_txt01           { color:#7a86b3;  font-family: Dotum,Dotumche,verdana;  font-size:11px; }
.lnk_txt01 a:link    { font-size: 11px; color: #7a86b3; text-decoration: none; }
.lnk_txt01 a:visited { font-size: 11px; color: #7a86b3; text-decoration: none; }
.lnk_txt01 a:active  { font-size: 11px;	color: #7a86b3;	text-decoration: none;}
.lnk_txt01 a:hover   { font-size: 11px; color: #3b990c; text-decoration: none; }

.lnk_txt12 				{ font-family: Dotum,Dotumche,verdana; font-size:12px; color:#9f9f9f; font-weight:bold; }
.lnk_txt12 a:link		{ font-size: 12px; color: #9f9f9f; text-decoration: none;}
.lnk_txt12 a:visited	{ font-size: 12px; color: #9f9f9f; text-decoration: none;}
.lnk_txt12 a:active		{ font-size: 12px; color: #9f9f9f; text-decoration: none;}
.lnk_txt12 a:hover		{ font-size: 12px; color: #ff7d0a; text-decoration: none;}

.lnk_txt12_over 		{ color:#ff7d0a; }

.lnk_txt02           { color:#ffffff;  font-family: Dotum,Dotumche,verdana;  font-size:11px; }
.lnk_txt02 a:link    { font-size: 11px; color: #ffffff; text-decoration: none; }
.lnk_txt02 a:visited { font-size: 11px; color: #ffffff; text-decoration: none; }
.lnk_txt02 a:active  { font-size: 11px;	color: #ffffff;	text-decoration: none;}
.lnk_txt02 a:hover   { font-size: 11px;	color: #336600;	text-decoration: none;}

.lnk_txt03           { color:#000000;  font-family: Dotum,Dotumche,verdana;  font-size:11px; }
.lnk_txt03 a:link    { font-size: 11px; color: #000000; text-decoration: none; }
.lnk_txt03 a:visited { font-size: 11px; color: #000000; text-decoration: none; }
.lnk_txt03 a:active  { font-size: 11px;	color: #000000;	text-decoration: none;}
.lnk_txt03 a:hover   { font-size: 11px;	color: #336600;	text-decoration: none;}

.lnk_txt04           { color:#000000;  font-family: Dotum,Dotumche,verdana;  font-size:11px; }
.lnk_txt04 a:link    { font-size: 11px; color: #000000; text-decoration: none; }
.lnk_txt04 a:visited { font-size: 11px; color: #000000; text-decoration: none; }
.lnk_txt04 a:active  { font-size: 11px;	color: #000000;	text-decoration: none;}
.lnk_txt04 a:hover   { font-size: 11px;	color: #666666;	text-decoration: none;}

/************************************************테이블 관련**********************************************************/


#logo{
	height: 68px;
	width: 192px;
	left: 22px;
	position: absolute;
	
}
#topright_menu{
	height: 12px;
	width: 242px;
	float: right;
	margin-top: 7px;
}
#top {
	height: 58px;
	width: 100%;
	background-image: url(../image/topmenu_bg.png);
	background-repeat: repeat-x;
	position: absolute;
	z-index: 10;
}

/* 왼쪽 검색창 */
#left
{
	position:absolute;
	background-color: #f6f6f6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c7c7c7;
	left:0px;
	top:58px;
	width: 237px;
	height:0px;
	z-index:5;
}
/* 하단메뉴 */
#bottom
{
	position:absolute;
	left:0;
	bottom:0px;
	width:100%;
}

/* 지도레이어 시작 */
#divMapMain
{
	position:absolute;
	top:58px;
	right:0px;
	overflow:hidden;
}

/* 컨트롤 */
#control
{
	position:absolute;
	right:0px;
	bottom:-129px;
	z-index:999;
}

/* 지하철 플레쉬 iframe */
#divSubWayContent
{
	background-color: white;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000;
}
/* 지도레이어 끝 */


#ul01 {
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	left: 280px;
	top: 19px;
	width: 560px;
}


#ul01 li {
	float: left;
}

#menu1 {
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	left: 230px;
	top: 31px;
	width: 442px;
	margin-left:40px;
}
#menu1 li {
	float: left;
}

#menu2 {
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	left: 320px;
	top: 31px;
	width: 426px;
	margin-left:40px;
}
#menu2 li {
	float: left;
}

#ul02 {
	list-style-image: none;
	list-style-type: none;
}


#ul02 li {
	float: left;
	padding-right: 19px;
}

.mapkey 
{
	position:absolute;
	bottom:0px;
	margin-left: 4px;
	margin-bottom: 9px;	
}
.footermenu {
	margin-right: 20px;
	height: 11px;
}

.inputbox01 {
	height: 14px;
	padding:1px;
	width: 85px;
	border: 1px solid #3e7ac7;
	font-family: "돋움", "돋움체", Verdana;
	font-size: 11px;
	color: #999999;
}

.inputbox01_readonly {
	height: 14px;
	padding:1px;
	width: 85px;
	border: 1px solid #3e7ac7;
	font-family: "돋움", "돋움체", Verdana;
	font-size: 11px;
	color: #999999;
	background-color:#E9E9E9;
}

.inputbox02 {
	height: 18px;
	width: 85px;
	border: 1px solid #3e7ac7;
	font-family: "돋움", "돋움체", Verdana;
	font-size: 11px;
	color: #999999;
}

.inputbox03 {
	height: 18px;
	width: 170px;
	border: 1px solid #3e7ac7;
	font-family: "돋움", "돋움체", Verdana;
	font-size: 11px;
	color: #999999;
}

.inputbox03_readonly {
	height: 18px;
	width: 170px;
	border: 1px solid #3e7ac7;
	font-family: "돋움", "돋움체", Verdana;
	font-size: 11px;
	color: #999999;
	background-color:#E9E9E9;
}

.inputbox_s01 {
	height: 16px;
	width: 50px;
	border: 1px solid #3e7ac7;
	font-family: "돋움", "돋움체", Verdana;
	font-size: 11px;
	color: #999999;
}

.inputbox_m01 {
	width: 105px;
	height: 14px;
	border: 1px solid #3e7ac7;
	font-family: "돋움", "돋움체", Verdana;
	font-size: 11px;
	color: #999999;
}

.inputbox_m01_readonly {
	width: 140px;
	height: 14px;
	border: 1px solid #3e7ac7;
	font-family: "돋움", "돋움체", Verdana;
	font-size: 11px;
	color: #999999;
	background-color:#E9E9E9;
}
     
.li_fullname {
    padding-left:	20px;
    padding-top:	0px;
    font-size:		11px;
    color:          #666666;
  }

.li_img_1
{
    float:left;
    margin-right:2px;
}

.li_img_2
{
    right:0px;
}

.li           { width:205px; margin-top:0px; margin-bottom: 0px; padding-top:10px; color:#000000; font-family: "돋움", "돋움체"; font-size:11px; }
.li a:link    { font-size: 11px; font-weight:bold; color: #000000; text-decoration: none; }
.li a:visited { font-size: 11px; font-weight:bold; color: #000000; text-decoration: none; }
.li a:active  { font-size: 11px; font-weight:bold; color: #000000; text-decoration: none; }
.li a:hover   { font-size: 11px; font-weight:bold; color: #336600; text-decoration: none; }

.service_content{
    padding-left    : 10px;
	line-height     : 2;
	font-family     : "돋움", "돋움체", Verdana;
	font-size       : 10pt;
	color           : #999999;
}

.service_subtitle{
	padding-left    : 5px;
	font-family     : "돋움", "돋움체", Verdana;
	font-size       : 10pt;
	color           : #999999;
	padding-bottom  : 5px;
}

.service_subtitle a:link    { font-size: 11px; color: #000000; text-decoration: none; }
.service_subtitle a:visited { font-size: 11px; color: #000000; text-decoration: none; }
.service_subtitle a:active  { font-size: 11px; color: #9EAFD4; text-decoration: none; }
.service_subtitle a:hover   { font-size: 11px; color: #9EAFD4; text-decoration: none; }


.service_inputtitle{
	font-family     : "돋움", "돋움체", Verdana;
	text-align      : center;
	font-size       : 10pt;
	color           : #FFFFFF;
	line-height     : 13pt;
	background-color: #9EAFD4;
	height          : 20px;
	padding-top     : 3px;
    width           : 80px;
}

.service_inputbox{
	font-family     : "돋움", "돋움체", Verdana;
	text-align      : left;
	font-size       : 9pt;
	color           : #000000;
	line-height     : 13pt;
	background-color: #FFFFFF;
	height          : 20px;
	padding         : 3px 8px;
}

.notice_input_title{
	font-family     : "돋움", "돋움체", Verdana;
	text-align      : center;
	font-size       : 10pt;
	color           : #FFFFFF;
	line-height     : 13pt;
	background-color: #9EAFD4;
	height          : 20px;
	padding-top     : 3px;
	width           : 10%;
}

.notice_inputbox{
	font-family     : "돋움", "돋움체", Verdana;
	text-align      : left;
	font-size       : 9pt;
	color           : #000000;
	line-height     : 13pt;
	background-color: #FFFFFF;
	height          : 20px;
	padding         : 3px 8px;
}

.notice_list_title{
	font-family     : "돋움", "돋움체", Verdana;
	text-align      : center;
	font-size       : 10pt;
	color           : #FFFFFF;
	line-height     : 13pt;
	background-color: #9EAFD4;
	height          : 24px;
	padding-top     : 3px;
    padding-left    : 8px;
} 

.notice_list_data{
	font-family     : "돋움", "돋움체", Verdana;
	text-align      : center;
	font-size       : 10pt;
	color           : #3E3E3E;
	line-height     : 13pt;
	background-color: #FFFFFF;
	height          : 22px;
	padding-top     : 3px;
    padding-left    : 8px;
} 
.notice_list_data a:link    { font-size: 10pt; color: #000000; text-decoration: none; }
.notice_list_data a:visited { font-size: 10pt; color: #000000; text-decoration: none; }
.notice_list_data a:active  { font-size: 10pt; color: #9EAFD4; text-decoration: none; }
.notice_list_data a:hover   { font-size: 10pt; color: #9EAFD4; text-decoration: none; }

.page_set
{
    padding : 0px 5px;
    font-size: 10pt;
    color : #FF0000;
}
.page_set a:link    { font-size: 10pt; color: #000000; text-decoration: none; }
.page_set a:visited { font-size: 10pt; color: #000000; text-decoration: none; }
.page_set a:active  { font-size: 10pt; color: #9EAFD4; text-decoration: none; }
.page_set a:hover   { font-size: 10pt; color: #9EAFD4; text-decoration: none; }

.PreNext_Content
{
    padding : 0px 5px;
    font-size: 10pt;
    color : #9EAFD4;
    width : 200px;
}
.PreNext_Content a:link    { font-size: 10pt; color: #000000; text-decoration: none; }
.PreNext_Content a:visited { font-size: 10pt; color: #000000; text-decoration: none; }
.PreNext_Content a:active  { font-size: 10pt; color: #9EAFD4; text-decoration: none; }
.PreNext_Content a:hover   { font-size: 10pt; color: #9EAFD4; text-decoration: none; }

.custom_title{
	font-family     : "돋움", "돋움체", Verdana;
	text-align      : left;
	font-size       : 10pt;
	color           : #FFFFFF;
	line-height     : 13pt;
	background-color: #9EAFD4;
	height          : 20px;
	padding-top     : 3px;
	padding-left    : 5px;
    width           : 20%;
}

.custom_cont{
	font-family     : "돋움", "돋움체", Verdana;
	text-align      : left;
	font-size       : 9pt;
	color           : #000000;
	line-height     : 13pt;
	background-color: #FFFFFF;
	height          : 20px;
	padding         : 3px 8px;
	width           : 35%;
}
