@charset "utf-8";

* { padding:0; margin:0; }
/*
body { font:12px/18px "",Arial,Verdana,sans-serif; color:#777; }
td, th { font:12px/18px "",Arial,Verdana,sans-serif; color:#777; }
html, body { height:100%; }
*/
BODY {font-size: 9pt; color: #666666; font-family: "나눔고딕", "맑은고딕", "굴림" , "돋움", "돋움체"}
DIV {font-size: 9pt; color: #666666; font-family: "나눔고딕", "맑은고딕",  "굴림" , "돋움", "돋움체"}
TD {font-size: 9pt; text-align:left; color: #666666; font-family: "나눔고딕", "맑은고딕", "굴림" , "돋움", "돋움체"}

hr, legend { display:none; }
img, fieldset { border:0; }


a:link { text-decoration:none; color:#777; }
a:visited { text-decoration:none; color:#777; }
a:active { text-decoration:none; color:#777; }
a:hover { text-decoration:underline; color:#777; }
ul, li { list-style:none; }

INPUT {
	FONT-FAMILY: 굴림; FONT-SIZE: 9pt
}


/* base css class */
.hide {
	display:none;
}

.left {
	float:left;
	padding:0;
	margin:0;
}
.right {
	float:right;
	padding:0;
	margin:0;
}
.tSmall {
	font-size: 11px;
}

.sLabel{
	display:inline;	cursor:pointer;
}

.pBold{
	font-weight:bold;
}

.abold {
	font-weight:bold; TEXT-DECORATION: underline;
}

.alink {
	font-size:10pt;font-weight:bold; color:red; TEXT-DECORATION: none;
}

.nlink {
	font-size:10pt;TEXT-DECORATION: none;
}
.nlink a:hover {
	font-size:10pt;TEXT-DECORATION: underline;
}

.iconS1{
	width:15px;height:15px;float:left;padding-top:10px;
}
.iconS2{
	width:85px;height:18px;float:left;margin-top:7px;
}
.iconS3{
	width:10px;height:18px;float:left;margin-top:7px;
}
.iconS4{
	height:18px;float:left;margin-top:3px;padding-right:5px;
}
.iconS5{
	height:18px;float:left;margin-top:7px;padding-right:5px;
}
.iconS6{
	width:110px;height:15px;float:left;padding-top:10px;
}

.clear {
	clear:both;
}

.border1px {
	border:1px solid #C5C5C5;
}

/* Layout */

* html { background-color: #fff; }

body { 
  background: #fff; 
  background:transparent url(imgs/20_bg00.jpg) repeat-x scroll 0 0;
  background-position:top;
}

#layout { 
	width:1024px; margin-right:auto;margin-left:auto; text-align:center; xfloat:left;
}

#top_layout { width:1024px; overflow:hidden; }

#top_layout .mainIndex a {
	margin-top:10px; 
	background:transparent url(imgs/toplogo.jpg) no-repeat scroll 0 0;
	width:260px;
	height:60px;
	float:left;
	overflow:hidden;
	text-indent:-1000em;
}


	#top_search_box{
		margin:0;padding:0;
		height:65px;
		text-align:right;xborder:1px solid #000;
		float:right;
		width:662px !important; 
		width:720px;
	}

	#top_search_menu {
		margin:0;padding:0;
		margin-top:15px; 
		width:300px; 
		height:65px;
		xoverflow:hidden;
		float:left;
	}

	#top_search_area {
		margin:0;padding:0;
		width:362px; 
		height:65px;
		xoverflow:hidden;
		float:left;
	}


	#LoginTopBox {
		position:relative;
		float:left;
		height:25px;
	}

		#OldtopMenu {
			position:absolute;
			xborder:1px rgb(237,237,237) solid;
			left:-50px;
			top:8px;
			width:322px;
			height:25px;
			text-align:right;
			color: #fff;
			xbackground:transparent url(imgs/search_img01.jpg) no-repeat scroll 0 0;
			xpadding:5px;
		}
		#OldtopMenu span{
			padding:0px 2px 0px 2px;
		}
		#OldtopMenu a.dwhite {
			 font-size: 9pt;color: #fff; 
		}

/* old css setting */
#OldtopMenu a.dred {  font-size: 9pt;color: #F70000; text-decoration: none; background-color: #f5a7a7;}
#OldtopMenu a.dred:hover {  font-size: 9pt; color: #F70000 ; text-decoration: underline; }
#OldtopMenu a.dred:link {  font-size: 9pt;color: #F70000; text-decoration: none;}
#OldtopMenu a.dred:active {  font-size: 9pt;color: #F70000; text-decoration: none;}


/* login submit class */

	#top_search {
		margin:0;padding:0;
		width:362px; height:46px;
		float:right;
	}

	#top_search_txt_box {
		margin:0;padding:0;
		width:180px;text-align:right;padding-right:10px;
		float:left;
	}

	#top_search_txt {
		margin:0;padding:0;
		border:1px rgb(237,237,237) solid;
		width:120px;height:18px;
	}

	#top_search_btn a{
		margin:0;padding:0;
		width:47px; height:25px; 
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(imgs/search_img04.jpg) no-repeat scroll 0 0;
		display:block;
		text-indent:-1000em;
		float:left;
	}

	#top_search_right {
		margin:0;padding:0;
		background:transparent url(imgs/search_img03.jpg) no-repeat scroll 0 0;
		width:35px;height:26px;
	}


#top_menu { width:1024px; margin-top:18px; xmargin-left:58px;  height:84px; overflow:hidden;}

/* top menu main */

#top_menu_main {
	width:1020px;
	height:49px;
	xbackground:transparent url(imgs/menu_bg.gif) repeat-x scroll 0 0;
	xborder:1px solid #339900;
	xborder:1px solid #336699;
	border-bottom:0px;
	overflow:hidden;
}
#top_menu_main ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#top_menu_main ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: inline;
	visibility:hidden;
}
		
#top_menu_main ul li.here {
	list-style: none;
	display: inline;
}

#top_menu_main ul.gnb a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	xbackground:transparent url(imgs/main_mnu00_sprite.jpg) no-repeat scroll 0 0;
	float:left;
	display:block;
	height:49px;
	overflow:hidden;
  xpadding:0 5px 0 5px;
	text-indent:-1000em;
}

#top_menu_main li a {
	visibility:visible;
}

#top_menu_main li a:hover {
	visibility:visible;
}

#top_menu_main li a span {position:absolute; z-index:-1; visibility:hidden; } 

#top_menu_main li.sub01 a {
	background:transparent url(imgs/20main_mnu01.jpg) no-repeat scroll 0 0;
	background-position: 0px 0px;
	width:136px;
}
#top_menu_main li.sub01 a:hover {
	xbackground-position: 0px -32px;
}

#top_menu_main li.sub02 a {
	background:transparent url(imgs/20main_mnu02.jpg) no-repeat scroll 0 0;
	background-position: 0px 0px;
	width:122px;
}
#top_menu_main li.sub02 a:hover {
	xbackground-position: -125px -32px;
}

#top_menu_main li.sub03 a {
	background:transparent url(imgs/20main_mnu03.jpg) no-repeat scroll 0 0;
	background-position: 0px 0px;
	width:109px;
}
#top_menu_main li.sub03 a:hover {
	xbackground-position: -239px -32px;
}

#top_menu_main li.sub04 a {
	background:transparent url(imgs/20main_mnu04.jpg) no-repeat scroll 0 0;
	background-position: 0px 0px;
	width:119px;
}
#top_menu_main li.sub04 a:hover {
	xbackground-position: -360px -32px;
}

#top_menu_main li.sub05 a {
	background:transparent url(imgs/20main_mnu05.jpg) no-repeat scroll 0 0;
	background-position: 0px 0px;
	width:114px;
}
#top_menu_main li.sub05 a:hover {
	xbackground-position: -481px -32px;
}

#top_menu_main li.sub06 a {
	background:transparent url(imgs/20main_mnu06.jpg) no-repeat scroll 0 0;
	background-position: 0px 0px;
	width:130px;
}
#top_menu_main li.sub06 a:hover {
	xbackground-position: -597px -32px;
}

#top_menu_main li.sub07 a {
	background:transparent url(imgs/20main_mnu07.jpg) no-repeat scroll 0 0;
	background-position: 0px 0px;
	width:118px;
}
#top_menu_main li.sub07 a:hover {
	xbackground-position: -732px -32px;
}

#top_menu_main li.sub08 a {
	background:transparent url(imgs/20main_mnu08.jpg) no-repeat scroll 0 0;
	background-position: 0px 0px;
	width:142px;
}
#top_menu_main li.sub08 a:hover {
	xbackground-position: -853px -32px;
}



/* top menu sub */

	#top_menu_sub #a_01_sub { display:block; margin-left:20px; }
	#top_menu_sub #a_02_sub { display:none; margin-left:100px; }
	#top_menu_sub #a_03_sub { display:none; margin-left:190px; }
	#top_menu_sub #a_04_sub { display:none; margin-left:260px; }
	#top_menu_sub #a_05_sub { display:none; margin-left:410px; }
	#top_menu_sub #a_06_sub { display:none; margin-left:600px; }
	#top_menu_sub #a_07_sub { display:none; margin-left:330px; }
	#top_menu_sub #a_08_sub { display:none; margin-left:600px; }


#top_menu_sub ul {
	list-style-type:none;
	display: inline;
	margin:0;
	padding:0;
}
#top_menu_sub ul li {
	list-style-type:none;
	list-style: none;
	margin:0;
	padding:0;
	padding-left:10px;
	display: inline;
}

#top_menu_sub ul li a:hover {
	xfont-weight:bold;
	xcolor:#339900;
}



#main_contents_layout { width:1024px; }


#main_body { xwidth:1024px; float:left; min-height:320px; }

/* main quick */
/* only main */


#mainQuickMenuBox {
	float:left;
	width:1020px;
	height:100px;
	margin:0;
	padding:0;
}

#mainQuickMenu {
	width:1020px;
	height:100px;
	margin:0;
	padding:0;
	margin-left:18px;
	margin-top:8px;
}


#mainQuickMenu ul {
	list-style-type:none;
	display: inline;
	margin:0;
	padding:0;
}
#mainQuickMenu ul li {
	list-style-type:none;
	list-style: none;
	margin:0;
	padding:0;
	display: inline;
	visibility:hidden;
}

#mainQuickMenu ul.gnb a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	margin:0;
	padding:0;
	xbackground:transparent url(imgs/main_quick_banner01.jpg) no-repeat scroll 0 0;
	float:left;
	display:block;
	height:96px;
	overflow:hidden;
	text-indent:-1000em;
}

#mainQuickMenu li a {
	margin:0;
	padding:0;
	visibility:visible;
}
#mainQuickMenu li a span {position:absolute; z-index:100; visibility:hidden; } 

#mainQuickMenu li.qMenu01 a {
  background:transparent url(imgs/20civil_1.jpg) no-repeat scroll 0 0;
  background-position: -0px -0px;
	width:126px;
}
#mainQuickMenu li.qMenu02 a {
  background:transparent url(imgs/20civil_2.jpg) no-repeat scroll 0 0;
	background-position: -0px -0px;
	width:123px;
}
#mainQuickMenu li.qMenu03 a {
  background:transparent url(imgs/20civil_3.jpg) no-repeat scroll 0 0;
	background-position: -0px -0px;
	width:123px;
}
#mainQuickMenu li.qMenu04 a {
  background:transparent url(imgs/20civil_4.jpg) no-repeat scroll 0 0;
	background-position: -0px -0px;
	width:123px;
}
#mainQuickMenu li.qMenu05 a {
  background:transparent url(imgs/20civil_5.jpg) no-repeat scroll 0 0;
	background-position: -0px -0px;
	width:123px;
}
#mainQuickMenu li.qMenu06 a {
  background:transparent url(imgs/20civil_6.jpg) no-repeat scroll 0 0;
	background-position: -0px -0px;
	width:123px;
}
#mainQuickMenu li.qMenu07 a {
  background:transparent url(imgs/20civil_7.jpg) no-repeat scroll 0 0;
	background-position: -0px -0px;
	width:123px;
}
#mainQuickMenu li.qMenu08 a {
  background:transparent url(imgs/20civil_8.jpg) no-repeat scroll 0 0;
	background-position: -0px -0px;
	width:124px;
}




#mainLawBannerBox {
	float:right;
	width:277px;
	height:92px;
	margin:0;
	padding:0;
	background:transparent url(imgs/main_img05_4.jpg) no-repeat scroll 0 0;
}

#mainLawBanner {
	width:275px;
	height:80px;
	margin:0;
	padding:1px 2px 1px 1px;
}

#mainLawBanner ul {
	list-style-type:none;
	display: inline;
	margin:0;
	padding:0;
}
#mainLawBanner ul li {
	list-style-type:none;
	list-style: none;
	margin:0;
	padding:0;
	display: inline;
	visibility:hidden;
}

#mainLawBanner ul.gnb a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	margin:0;
	padding:0;
	background:transparent url(imgs/main_img05_4.jpg) no-repeat scroll 0 0;
	float:left;
	display:block;
	height:80px;
	overflow:hidden;
	text-indent:-1000em;
}

#mainLawBanner li a {
	margin:0;
	padding:0;
	visibility:visible;
}
#mainLawBanner li a span {position:absolute; z-index:-1; visibility:hidden; } 

#mainLawBanner li.lawBan01 a {
	background-position: -1px -1px;
	width:150px;
}
#mainLawBanner li.lawBan02 a {
	background-position: -152px -1px;
	width:125px;
}


#mainLawBannerBig a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	margin:0;
	padding:0;
	background:transparent url(imgs/main_img05_3.jpg) no-repeat scroll 0 0;
	float:left;
	display:block;
	height:140px;
	overflow:hidden;
	text-indent:-1000em;
}

#mainLawBannerBig a span {position:absolute; z-index:-1; visibility:hidden; } 

#mainLawBannerBig #lawyer a {
	background-position: -1px 0px;
	width:150px;
}
#mainLawBannerBig #lawyer2 a {
	background-position: -152px 0px;
	width:125px;
}




#mainQuickBannerBox {
	float:right;
	width:520px;
	height:113px;
	margin:0;
	padding:0;
	margin-right:20px;
	overflow:hidden;
	background:transparent url(imgs/main_07_03_2013_bg.jpg) no-repeat scroll 0 0;
}

#mainQuickBanner {
	width:520px;
	height:113px;
	margin:0;
	padding:0;
}

#mainQuickBanner ul {
	list-style-type:none;
	display: inline;
	margin:0;
	padding:0;
}
#mainQuickBanner ul li {
	list-style-type:none;
	list-style: none;
	margin:0;
	padding:0;
	display: inline;
	visibility:hidden;
}

#mainQuickBanner ul.gnb a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	margin:0;
	padding:0;
	background:transparent url(imgs/main_07_03_2013.jpg) no-repeat scroll 0 0;
	float:left;
	display:block;
	height:113px;
	overflow:hidden;
	text-indent:-1000em;
}

#mainQuickBanner li a {
	margin:0;
	padding:0;
	visibility:visible;
}
#mainQuickBanner li a span {position:absolute; z-index:-1; visibility:hidden; } 



#mainQuickBanner li.qBanner01 a {
	background-position: -5px 0px;
  margin-left:50px;
  margin-right:10px;
	width:142px;
}

#mainQuickBanner li.qBanner03 a {
	background-position: -257px 0px;
  margin-right:10px;
	width:114px;
}
#mainQuickBanner li.qBanner04 a {
	background-position: -370px 0px;
	width:143px;
}


/* sub quick */

#subQuickMenu {
	xwidth:1024px;
	xposition:relative;
	xfloat:right;

	display:none;
	position:absolute;
	top:0;left:0;
	z-index:1000; 

}
#subQuickMenuBox {
	width:105px;
	position:absolute;left:40px;
}
#subQuickMenuBox span{
	font-size:11px;font-family:"돋움";
}

#subQuickMenuBox ul {
	list-style-type:none;
	display: inline;
	margin:0;
	padding:0;
}
#subQuickMenuBox ul li {
	list-style-type:none;
	list-style: none;
	margin:0;
	padding:0;
	display: inline;
	visibility:hidden;
}

#subQuickMenuBox ul.gnb a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(imgs/q_menu_bg01a.jpg) repeat-y scroll 0 0;
	margin:0;
	padding:0;
	float:left;
	display:block;
	width:101px;
	height:21px;
	overflow:hidden;
	xtext-indent:-1000em;
}

#subQuickMenuBox li a {
	margin:0;
	padding:0;
	visibility:visible;
}

#subQuickMenuBox li.qMenu01 a {
	height:21px;
}
#subQuickMenuBox li.qMenu02 a {
	height:21px;
}
#subQuickMenuBox li.qMenu03 a {
	height:34px;
}
#subQuickMenuBox li.qMenu04 a {
	height:34px;
}
#subQuickMenuBox li.qMenu05 a {
	height:34px;
}
#subQuickMenuBox li.qMenu06 a {
	height:21px;
}
#subQuickMenuBox li.qMenu07 a {
	height:34px;
}
#subQuickMenuBox li.qMenu08 a {
	height:34px;
}


#subQuickMenuBox li.qMenuTop a span {position:absolute; z-index:-1; visibility:hidden; } 
#subQuickMenuBox li.qMenuBottom a span {position:absolute; z-index:-1; visibility:hidden; } 
#subQuickMenuBox li.qMenuSplite a span {position:absolute; z-index:-1; visibility:hidden; } 
#subQuickMenuBox li.qMenuBlank a span {position:absolute; z-index:-1; visibility:hidden; } 

#subQuickMenuBox li.qMenuSplite a {
	background:transparent url(imgs/q_menu_bg01b.jpg) no-repeat scroll 0 0;
	height:8px;
}
#subQuickMenuBox li.qMenuBlank a {
	background:transparent url(imgs/q_menu_bg01a.jpg) no-repeat scroll 0 0;
	height:8px;
}

#subQuickMenuBox li.qMenuTop a {
	background:transparent url(imgs/q_menu.jpg) no-repeat scroll 0 0;
	height:39px;
}
#subQuickMenuBox li.qMenuBottom a {
	background:transparent url(imgs/q_menu_bg03.jpg) no-repeat scroll 0 0;
	height:18px;
}


/* only main */

#main_body_contents { xwidth:1024px; }

#main_body_contents1 { width:1024px; margin-top:20px; }

#main_body_contents2 { width:1024px; margin-top:10px; xmargin:5px 0 5px 0; xoverflow:hidden; xdisplay:none; }

	#SiteMapHead { width:1024px;  xoverflow:hidden; xmargin-left:58px; float:left; }
	#SiteMapSummary { float:right;margin-right:10px; }
	#SiteMapBody { width:1024px;  xoverflow:hidden; xmargin-left:58px; display:none; float:left; }

#main_body_contents3 { width:1024px; margin-top:10px; text-align:center; }





#SitesBox {
	position:relative;
	float:left;
	z-index:10000;
}

/* cakSites / relateSites */
#cakSitesBox, #relateSitesBox {
  position:absolute;
	width:158px;
	overflow:hidden;
	z-index:10000;
	display: none;
	border:1px solid #000;
	background-color:#ffffdd;
	padding:5px;
}
#cakSitesBox {
	left:868px;
	top:-355px !important;
	top:-400px;
}
#relateSitesBox {
	left:868px;
	top:-155px !important;
	top:-200px;
}

#cakSitesBox ul, #relateSitesBox ul {
	list-style-type:none;
	display: block;
	margin:0;
	padding:0;
}
#cakSitesBox ul li, #relateSitesBox ul li {
	list-style-type:none;
	list-style: none;
	margin:0;
	width:200px;
	text-align:left;
	padding:2px;
	padding-left:5px;
	display: block;
}

#cakSitesBox ul li a, #relateSitesBox ul li a {
	font-size:8pt;
}

#cakSitesBox ul li a:hover, #relateSitesBox ul li a:hover {
	font-size:8pt;
	color:red;
}



#footer_layout { width:1024px; text-align:center; }

	#footer_copyright { width:1024px;  height:125px; }