@charset "utf-8"; 
@import url('./layout.css');
@import url('./board.css');
@import url('./base.css');

#wrap {background: url("../../image/intro/header_wrap_bg.gif") repeat-x top; 	}
#headerwrap div.header	{  background: url("../../image/intro/header_gnbbg.gif") no-repeat left bottom; }
/* section color*/
div.page  em , div.LIST em  , div.VIEW em , div.FORM em {color:#2968ba; }
#content em , div.LIST ul.detail h4 a , div.LIST ul.gallery p.cat strong {color:#2968ba;}  

div.boardTab ul  { background:url('../../image/intro/tab_bg.gif') repeat-x left bottom; }
div.boardTab ul  li{ background:url('../../image/intro/tab_bg_right.gif') right top no-repeat;  }
div.boardTab ul   li a{ background:url('../../image/intro/tab_bg_left.gif') left top no-repeat; }
div.boardTab ul   li.curr a{ color:#2968ba; }
div.boardTab p.desc {clear:both; background: url("../../image/intro/bl_bbs.gif") no-repeat 0px 10px ;}

div.LIST table.boardList ,div.VIEW  .boardView , div.FORM .write  {	 border-top: #2968ba 2px solid; } 
div.VIEW  .boardView .originalC_th , div.FORM  .write .originalC_th  {	color: #2968ba;	border-top: #2968ba 1px solid;}
div.VIEW  .boardView .originalC_td , div.FORM  .write .originalC_td {border-top: #2968ba 1px solid;}
		div.VIEW  .boardView_00 th {				background: #2968ba;border-bottom: #2968ba 1px solid;			text-align: left;	padding:5px 0 5px 15px;				}
		div.VIEW  .boardView_00 td {			border-bottom: #2968ba 1px solid;		padding:5px 0 5px 15px;	}

/*亯th*/
div.VIEW  .boardView th.re_th {	background: #fcf3f0;	color: #2968ba;	border-top: #2968ba 1px solid;  border-bottom: #f8e1db 1px solid;	text-align: center;	padding:7px 0 7px 15px;		}
div.review div.form		{ width: 100%; overflow: hidden;  border-bottom: 1px solid #2968ba; border-top: 2px solid #2968ba;}		
div.review ul.comment li div.author  em { color:  #2968ba ; font-weight:bold; }		
/*********************************/
div.VIEW  .boardView  .line  { border-bottom: #b1b1b1 1px solid;}
div.page h4{vertical-align: middle; margin:5px 0 6px 0; padding:0 0 0 15px;   background: url('../../image/popup/bl_h2.gif') no-repeat left 2px; }
div.page h5 {color:#006594; background: url("../../image/intro/bl_bbs.gif") no-repeat 10px 4px; padding-left:18px;}
div.page ul.cont01 li strong   {color: #2968ba;}
div.page ul.cont02 li {padding:0px 0 5px 6px; clear:both;   line-height:1.5em; background: url("../../image/info/bl_bbs.gif") no-repeat left 6px ; }
div.page ul.cont02 li strong   {color: #000;}
#estimate{width:625px; text-align:right;}


/* ûҰ  */
.intro300{width:100%; margin-bottom:25px;}
	.intro300 div{width:615px; min-height:98px; /*_height:98px;*/ background:url('../../image/intro/img_maintopimg.gif') no-repeat right; margin-bottom:5px; line-height:1.5em;}
		.intro300 div img{margin-top:19px;}
.intro300tbl{width:100%}
	.intro300tbl table{width:100%;}
	.intro300tbl table th{height:27px; border-top:2px solid #c5c5c5; border-bottom:1px solid #dfdfdf; text-align:center; background-color:#f5f5f5; border-left:1px solid #dfdfdf;}
	.intro300tbl table td{border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.mapimg{width:238px; height:333px; margin:19px 0px 12px 94px;}
.relative{position:relative;}
	.absolseoul{width:34px; height:27px; position:absolute; top:124px; left:174px; display:inline;}
	.absoldaejon{width:34px; height:27px;  position:absolute; top:215px; left:191px; display:inline;}
	.absoldaegu{width:34px; height:27px;  position:absolute; top:250px; left:267px; display:inline;}
	.absolqwju{width:34px; height:27px;  position:absolute; top:303px; left:153px; display:inline;}
	.absolbusan{width:34px; height:27px;  position:absolute; top:309px; left:268px; display:inline;}
.topicscrip{ width:187px; height:300px; padding:30px 0px 0px 29px;}
	.topicscrip li{height:20px;}
	.topicscrip div{color:#0091d5; font-weight:bold; margin-bottom:15px;}

/*   Ʋ */
.introsbg{width:100%; min-height:584px; /*_height:584px;*/ background:url('../../image/intro/img_introbgs.gif') no-repeat top; padding-left:10px;}
	.introsbg .introsbgtophead{width:605px; height:40px; padding-left:10px; margin-bottom:27px;}
		.introsbgtophead .inos{width:200px; height:15px; padding:12px 0px 0px 25px; float:left;}
		.introsbgtophead .topright{width:197px; height:22px; padding:12px 31px 0px 0px; text-align:right; float:right;}
			.topright img{vertical-align:top;}
	.introsbg .inttopunder{width:575px; height:120px; padding-left:44px; margin-bottom:40px;}
		.inttopunder p{width:343px; height:22px; margin:24px 0px 19px 0px;}
		.inttopunder .texts{line-height:1.5em; margin-bottom:20px;}
		.inttopunder .underbtn{width:500px; height:27px;}
			.underbtn img{margin-right:2px;}
	.introsbg .introduce{width:575px; min-height:153px; /*_height:153px;*/ padding-left:44px; margin-bottom:20px;}
		.introduce .inttit{width:571px; height:14px; margin-bottom:15px;}
		.introduce .photo{width:171px; min-height:150px; /*_height:150px;*/ float:left;}
			.introduce .photo img{width:121px; min-height:121px; /*_height:142px;*/vertical-align:top;}
		.introduce .phtext{width:371px; min-height:153px; /*_height:153px;*/ float:left; line-height:1.5em;}
			.phtext span{font-weight:bold;}
			.phtext .textblue{color:#0091d5; }

.introbottom{width:605px; height:40px; padding-left:10px; background:url('../../image/intro/img_introbgbottom.gif') no-repeat bottom; text-align:right; clear:both;}
	.introbottom img{margin-right:6px;}
		.introbottom .introbottomimg{margin-right:20px;}

/*  κ */
	.introsbg .jojic{width:575px; height:291px; padding-left:44px; margin-bottom:30px;}
		.jojic p img{margin-right:5px; margin-bottom:12px;}
		.jojic .jojicdo{width:540px; height:257px;}
			.nomos .nomoin{float:left; width:100px;}

	.introsbg .gwanhalinfo{width:540px; padding-left:44px; margin-bottom:20px;}
		.gwanhalinfo p{margin-bottom:15px;}
		.gwanhalinfo table{width:100%;}
		.gwanhalinfo table th{height:27px; border-top:2px solid #c5c5c5; border-bottom:1px solid #dfdfdf; text-align:center; background-color:#f5f5f5; border-left:1px solid #dfdfdf;}
		.gwanhalinfo table td{border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
			.gwanhalinfo table td ul{width:124px; min-height:212px; /*_height:212px;*/ float:right; margin-left:26px;}
			.gwanhalinfo table td ul li{width:124px; height:18px;}
			.seoulmaps{width:293px; height:243px; margin:29px 0px 22px 30px;}


/* ȳ */
	.introsbg .infostep{width:540px; padding-left:44px;}
		.infostep p{margin-bottom:15px;}
		.infostep .searchstep{width:540px; height:37px; margin-bottom:24px; background:url('../../image/intro/img_stepbg.gif') no-repeat; text-align:center; padding-top:15px;}
		.infostep .steptable{width:540px;}
			.infostep .steptable .fleft{float:left;}
			.infostep .steptable .fright{float:right;}
			.steptable table{width:100%; margin-bottom:10px; clear:both;}
			.steptable table th{height:28px; border-top:2px solid #0091d5; text-align:center; background-color:#f3f3f3; font-weight:bold; color:#505050;}
			.steptable table td{border-bottom:1px solid #e5e5e5; text-align:center; height:28px;}

/* ൵ */
	.introsbg .mapping{width:540px; padding-left:44px;}
		.mapping .title{width:540px; height:14px; margin-bottom:15px;}
		.mapping .maper{width:540px; height:330px; margin-bottom:30px;}
			.maper img{width:540px; height:330px;}
		.mapping .clasic{width:100%;}
			.clasic p{font-weight:bold; color:#0492cb; margin-bottom:7px;}
			.clasic .addtext{margin-bottom:20px; line-height:1.5em;}
				.addtext .imgway{width:40px; height:42px; padding:0px 15px 0px 2px; float:left;}
				.addtext .waystext{width:483px; vertical-align:top;}
					.waystext span{font-weight:bold; color:#3a3a3a; line-height:1.7em;}
					.waystext .normaltxt{width:483px; line-height:1.5em; margin-bottom:5px; overflow:hidden; display:block;}
					.waystext .linebottom{width:540px; height:9px; margin-bottom:15px;}

					/*óҰ*/
div.intro211 div.fl {width:147px; height:240px; background-color:#ececec; float:left; margin-top:30px; color:#0b0e10;}
	div.intro211 div.fl img{width:130px; height:169px; padding:9px 0px 23px 8px;}
	div.intro211 div.fl div.font{width:129px; height:31px; padding-left:8px; text-align:right;}
	div.intro211 div.fl div.font span{font-weight:bold; font-size:11pt;}
div.intro211 div.text {float:left; margin-left:25px; width:450px;}
div.intro211 div.text p {margin:10px 0;}

div.intro212 p.img{  float:left; margin-right:20px; }
.imgration img{width:96px; height:120px; float:left; padding-bottom:5px;}
div.intro212 div.fl div.noru{width:150px; height:19px; padding-left:10px;}
div.intro212 div.fl div.noru span.names{font-weight:bold; font-size:14pt; font-family:batang;}
div.intro212 img.name {margin:10px 0 15px 10px; }
div.intro212 dl.year{padding-bottom:10px;}
div.intro212 dl.year dt { overflow:hidden; position:absolute; height:0; visibility:hidden;}
div.intro212 dl.year  dd { clear:both; width:100% ;}
div.intro212 dl.year  dd  em  {float:left; padding: 0px 0 5px 0px;width:90px; color:#000;}
div.intro212 dl.year  dd  span  {float:left; padding: 0px 0 5px 0px; width:500px;}
div.intro212 dl.year  dd.part2   em  {float:left; padding: 0px 0 5px 0px;  width:120px; color:#000;}

/**/
 dl.history_y {margin-bottom:10px;}
 dl.history_y dt { clear:both; margin:0px 0 8px; overflow:hidden;  padding: 5px 0 5px 0px; background: url('../../image/common/bg_dot.gif') repeat-x left bottom ;}
 dl.history_y  dd { clear:both; width:100% ;}
 dl.history_y dd  b  {float:left; padding: 5px 0 5px 0px ;width:50px; }
 dl.history_y  dd  em  {float:left; padding: 5px 0 5px 0px;width:150px; color:gray ! important;}
 dl.history_y dd  span  {float:left; padding: 0px 0 5px 0px; width:400px;}


div.calendar						{position: relative; }
div.calendar p.nav					{  float: right; margin-top:-20px; height: 17px;  }

div.calendar table.calendar			{table-layout: fixed; width: 100%; margin-top: 10px ; border: solid 1px #c2c2c2; border-collapse: collapse; overflow: hidden; }
div.calendar table.calendar caption		{ display: none; }
div.calendar table.calendar thead th	{ height: 17px; border: solid 1px #c2c2c2;  background: #ebebeb; color: #fff; line-height:170%; }
div.calendar table.calendar tbody td	{vertical-align:top; border: solid 1px #c2c2c2;  height:60px;  padding:3px; }
div.calendar table.calendar tbody td.sun 	{ color: #000; }
div.calendar table.calendar tbody td.sat 	{ color: #269bff; }
div.calendar table.calendar tbody td.today		{ background:#ebebeb ;}

div.calendar table.calendar ul li { padding-left:8px; font-size:.95em; line-height:1.1em; padding-bottom:3px;}
div.calendar table.calendar ul li.name1 {background: url('../../image/intro/ico_name01.gif') no-repeat left 3px;  }
div.calendar table.calendar ul li.name2 {background: url('../../image/intro//ico_name02.gif') no-repeat left 3px;  }
div.calendar  table.calendar ul  var  { overflow:hidden; position:absolute; height:0; visibility:hidden;}
iframe.talk {width:100%; height:500px; margin:0; padding:0;  } 
/**/
div.intro131 #history { background: url('../../image/intro/img_intro131_bg.gif') no-repeat ; clear:both; margin-bottom: 10px; padding:11px 0 9px 5px; overflow: hidden; height:1% }
div.intro131 #history ul {    padding:0; background: #f0f0f0; }
div.intro131 #history li { display: inline; float:left;margin-left:4px;  }

/**/
div.organization {width:100%;  padding:0; margin:0;   background: url('../../image/intro/bg_intro141.gif') no-repeat right top; }
div.organization ul  li {  width:100%;  text-align:center; margin:0; padding:0; overflow: hidden;}
div.organization ul  li img { margin-right:14px; vertical-align:top; }
div.organization ul  li p.right {margin-right:10px;}
div.organization ul  li p.left {float:left; margin:0px 0 0 60px;}
div.organization ul.dep2 { clear:both ; overflow: hidden; margin-bottom:0; padding-bottom:0;height:1%; }
div.organization ul.dep2 li  {  text-align:center; background: url('../../image/intro/bg_intro141_01.gif') no-repeat ;  font-weight:bold;   padding: 7px 0 6px 0; margin-right:5px; display:inline; float:left; width:115px;}
div.organization ul.dep2 li ul {margin:15px 0 0 0; padding:0;}
div.organization ul.dep2 li ul li  {border: solid 1px #a9a9a9; background:#fff; font-size:.95em;  width:113px; margin-bottom:3px;  padding: 5px 0 5px 0; font-weight:normal; }
div.organization ul.dep2 li  img {margin:0; padding:0;}
div.organization ul.dep2 li.part1 { width:150px;  background: url('../../image/intro/bg_intro141_03.gif') no-repeat ; }
div.organization ul.dep2 li.part1 li {width:148px;}
div.organization ul.dep2 li.part2 {text-align:center; background: url('../../image/intro/bg_intro141_01.gif') no-repeat ; width:115px; font-weight:bold;   padding:7px 0 6px 0; margin-right:8px; display:inline; float:left; border:none;}
div.intro141 table caption { position: relative; visibility: visible; }
div.intro141 ul.dot li {float:left; display:inline; width:250px; }


/*ȳ*/
div.intro142 h5 {color:#2968ba;}
div.intro142 p.button {margin-top:10px; padding-top:10px;border-top:1px solid #e5e5e5;}


/*Ұ*/
.introstopimg{width:625px; height:142px;}

.introsmidimg{width:625px; min-height:164px; /*_height:164px;*/ margin-bottom:45px; clear:both;}
	.introsmidimg .lefts{width:298px; height:164px; padding-right:20px; float:left;}
	.introsmidimg .rights{width:307px; height:163px; float:left;}

.intorsbotimg{width:625px; height:222px; padding-left:10px; clear:both;}
	.intorsbotimg .lefts{width:287px; height:222px; float:left; padding-right:20px;}
		.lefts ul{width:100%;}
		.intorsbotimg .ulbra{float:left;}
			.lidoll{height:14px; margin-bottom:7px;}
			.lidoll img{vertical-align:top;}
	.intorsbotimg .rights{width:309px; height:222px; float:left;}
		.intorsbotimg .rights .rightsnor{width:263px; height:47px; float:left; margin-bottom:15px;}
		.intorsbotimg .rights .bottons{width:148px; height:31px;}


.pushbot{height:16px; margin-bottom:15px;}

/*주요업무소개*/
.textcolor{width:150px; height:13px; color:#000; background:url('../../image/popup/bl_h2.gif') no-repeat left 3px; padding-left:15px; vertical-align:middle; text-align:center; margin-right:5px;}
.bSearch ul{width:100%; padding-top:10px;}
	.bSearch ul li.curr a{ color:#2968ba; }
	.bSearch ul li{width:282px; height:30px; float:left; padding-left:30px; font-weight:bold;}

/*관련사이트*/
/*.boundtab{width:200px; padding:0px 4px 30px 4px; float:left;}*/
/*혜숙수정*/

.boundtab{width:200px; padding:0px 3px 30px 3px; float:left;}
.boundtabts{width:408px; padding:0px 0px 30px 0px; float:left;}
.boundtabts2{width:408px; padding:0px 4px 30px 4px; float:left;}


.introSearch {	clear: both;	 overflow: hidden; width: 585px; border:2px solid #dedede; 	margin: 5px 0 20px 0;	padding: 10px 0 10px 0px; margin-left:20px;}
.introSearch p {	padding: 5px 0 5px 20px;}

div.LISTst div.head						{ width: 585px; overflow: hidden; padding: 0px 0 5px 0; font-size: 0.9em; margin-left:20px;}
div.LISTst div.head  p.total { float: left; clear: left;  letter-spacing:-.1em; margin:0; padding-left: 5px;  padding-right: 5px; color : #555555;  }
div.LISTst div.head  p.total strong {color:#FF6600;font:12px Tahoma; font-weight:bold;}
div.LISTst div.head  p.jump			{ float: right; vertical-align:middle; }
div.LISTst div.head  p.jump *		{ vertical-align:middle; padding-bottom:1px; }
div.LISTst div.head  p.jump select	{ font-size:1em; }
div.LISTst div.head  p.jump .go	{ width:21px; height:18px; }
div.LISTst table.boardList{	width: 585px;	margin-top: 0px;	text-align: center; border-top: #0091d5 2px solid; border-collapse: collapse; margin-left:20px;}
div.LISTst table.boardList th {	padding:5px;	background-color: #f3f3f3;}
div.LISTst table.boardList td {	border-bottom: #e5e5e5 1px solid;	 padding:5px 10px 5px 10px; text-align:center;}
div.LISTst table.boardList td.alignLeft {	text-align: left;	padding-left: 10px;}
div.LISTst table.boardList td.alignLeft  var {font-weight:bold; color:#FF6600;}
div.LISTst table.boardList col.no		{ width: 10%; }
div.LISTst table.boardList col.date		{ width: 14%; }
div.LISTst table.boardList col.hit		{ width: 16%; }
div.LISTst table.boardList col.file		{ width: 13%; }
div.LISTst table.boardList col.part		{ width: 13%; }
div.LISTst table.boardList .ing {color:red;}
div.LISTst table.boardList .end {color:#0072bc;}
   /*페이징/버튼*/
	div.LISTst div.foot  {  width:500px; background:#fff; clear:both; padding-top:12px; text-align:center;}
	div.LISTst div.foot  div.paging { padding:5px 0 0 150px; width:425px; overflow: hidden;}
	div.LISTst div.foot  div.paging img{ float:left; padding:0 2px 2px 0px; margin:0;}
	div.LISTst div.foot  div.paging ol {float:left;}
	div.LISTst div.foot  div.paging ol li{ float:left; display:inline;}
	div.LISTst div.foot  div.paging  ol li strong{ color:#e86815;padding:0 6px; display: block;}
	div.LISTst div.foot  div.paging  ol li a {padding:0 6px; display: block; }
	div.LISTst div.foot .btn {float:right}

div.steptable div.head						{ width: 100%; overflow: hidden; padding: 0px 0 5px 0; font-size: 0.9em; }
div.steptable div.head  p.total { float: left; clear: left;  letter-spacing:-.1em; margin:0; padding-left: 5px;  padding-right: 5px; color : #555555;  }
div.steptable div.head  p.total strong {color:#FF6600;font:12px Tahoma; font-weight:bold;}
div.steptable div.head  p.jump			{ float: right; vertical-align:middle; }
div.steptable div.head  p.jump *		{ vertical-align:middle;  padding-bottom:1px;}
div.steptable div.head  p.jump select	{ font-size:1em; }
div.steptable div.head  p.jump .go	{ width:21px; height:18px; }

.importantsite{width:600px; height:32px; background-color:#f5f5f5; margin:10px 0px 20px 0px; padding:16px 0px 0px 23px; border:1px solid #0091d5;}
.importantsite ul li{float:left; margin-right:12px; font-weight:bold; background:url('../../image/common/index_next.gif') no-repeat 0px 1px; padding-left:18px;}
.importantsite ul li a:link{text-decoration:none;}
.importantsite ul li a:hover{color:#0091d5; text-decoration:none;}
.importantsite ul li a:visited{text-decoration:none;}

#importantsite{width:600px; height:32px; background-color:#f5f5f5; margin:10px 0px 20px 0px; padding:16px 0px 0px 23px; border:1px solid #0091d5;}
#importantsite ul li{float:left; margin-right:12px; font-weight:bold; background:url('../../image/common/index_next.gif') no-repeat 0px 1px; padding-left:18px;}
#importantsite ul li a:link{text-decoration:none;}
#importantsite ul li a:hover{color:#0091d5; text-decoration:none;}
#importantsite ul li a:visited{text-decoration:none;}



/*혜숙추가 http://211.240.90.5:9091//intro/intro211.asp*/
.y_m{padding-left:240px;}
.bigkimyang{font-size:18px; font-weight:bold;}
