@charset "utf-8";
@import url("/css/common.css");

@media print {
	#headArea {display:none !important;}
	#bodyLeft {display:none !important;}
	#contents {float:none; margin:0 !important; padding:0 !important;}
	#footArea {display:none !important;}
	#quickArea {display:none !important;}
	#location {position:static !important;}

	* {background-image:none !important; font-family:"굴림", Gulim;}
	.accessb {display:none;}
}

html, body {margin:0; padding:0; width:100%; height:100%;}

.easymenu {position:absolute; z-index:-10; margin:0; padding:3px; border:1px solid #CCC; background:#FEFEFE; list-style:none;}
.easymenu li {float:left; padding-right:2em;}

#headArea {position:relative; width:100%; background:#FFF url('/images/layout/bgHeader.gif') 0 bottom repeat-x;}
	.headAreaWrap {position:relative; width:900px;}
	.logo {position:absolute; top:13px; left:22px; height:35px; z-index:5;}
	.global {text-align:right; float:right;}
	.global ul{float:left; list-style:none; padding:10px 0; margin:0; text-align:right; overflow:hidden;}
		.global li{float:left; padding:0 3px; text-align:right; background:url('/images/layout/bgSplitGray01.gif') 0 50% no-repeat;}
		.global #globalSearch {float:left; border:none; width: 13em; padding:8px 0; margin:0;}
		.global #globalSearch * {vertical-align:middle; color:#888;}
		.global #globalSearchKey {padding:3px 0 0;}
	fieldset.boardSearch {border:0; margin:0; padding:0;}
	#nav {clear:both; width:100%;  padding-bottom:10px; overflow:hidden; position:relative;}
	#nav ul {float:right; list-style:none; padding:0 0 30px; margin:0;}
	#nav li {float:left; display:block; width:120px; text-align:right; }
	#nav li ul {float:none; position:absolute; top:35px; left:236px; visibility:hidden; list-style:none; padding:0; margin:0;} /* 임시 */
	#nav li ul li{float:left; width:auto; padding:0 10px 0 10px; white-space:nowrap;}
	#nav li ul.civilSub {background:#007987; width:476px;}
	#nav li ul.joinSub {background:#965a23; width:527px;}
	#nav li ul.eduSub {float:none; position:absolute; top:35px; left:162px; visibility:hidden; list-style:none; padding:0; margin:0; background:#7f6700; width:735px;}
	#nav li ul.lifeSub {float:none; position:absolute; top:35px; left:406px; visibility:hidden; list-style:none; padding:0; margin:0; background:#3c7314; width:491px;}
	#nav li ul.infoSub {float:none; position:absolute; top:35px; left:295px; visibility:hidden; list-style:none; padding:0; margin:0; background:#8b3075; width:602px;}
	#nav li ul.ddmSub {float:none; position:absolute; top:35px; left:380px; visibility:hidden; list-style:none; padding:0; margin:0; background:#1d5a92; width:517px;}
	#nav li ul li a{color:#fff;}
	#nav li ul li a:hover {text-decoration:underline;}
	
	
div.bgMainMenu {position:absolute; width:100%; height:6px; font-size:0; line-height:0; overflow:hidden; background:url('/images/main/bgMainMenu.jpg') 0 0 repeat-y;}	
/*
#headArea {position:relative; width:100%; overflow:hidden; background:#FFF url('/images/main/bgMainHeader.gif') 0 bottom repeat-x;}
	.headAreaWrap {position:relative; width:900px;}
	.logo {position:absolute; top:20px; left:22px; height:35px; z-index:5;}
	.global {text-align:right; float:right;}
	.global ul{float:left; list-style:none; padding:10px 0; margin:0; text-align:right; overflow:hidden;}
		.global li{float:left; padding:0 3px; text-align:right; background:url('/images/layout/bgSplitGray01.gif') 0 50% no-repeat;}
		.global #globalSearch {float:left; border:none; width: 13em; padding:8px 0; margin:0;}
		.global #globalSearch * {vertical-align:middle; color:#888;}
		.global #globalSearchKey {padding:3px 0 0;}
	#nav {clear:both; width:100%;  padding-bottom:10px; overflow:hidden; position:relative;}
	#nav ul {float:right; list-style:none; padding:0 0 0; margin:0;}
	#nav li {float:left; display:block; width:120px; text-align:right; }
*/	
#visualArea {width:100%; height:188px; background:url('/images/main/bgMainVisualRight.jpg') 999px 0 repeat-x;}
	#visualArea .visualAreaWrap {width:999px;}
	#visualArea .bannerArea {float:left; width:259px; height:144px; padding:14px 0 0 17px; background:url('/images/main/bgBannerArea.jpg') no-repeat;}
		#visualArea ul {padding:0; margin:0; list-style:none; font-size:0.8em; line-height:110%;}
		#visualArea #bannersWrap {width:244px; height:123px; overflow:hidden;}
		#visualArea .banners img {width:244px; height:123px;}
		#visualArea .banners li {display:block; padding:0; margin:0; float:left;}
		#visualArea .banners a {width:244px; height:123px; font-size:0; line-height:0;}
		#visualArea .btnCtrl {float:right; padding:3px 20px 0 0; font-size:0; line-height:0;}
		#visualArea .btnCtrl a{margin-left:2px;}
	#visualArea .movieArea {float:left; width:723px;}
	#visualArea .movieArea p {font-size:0; line-height:0;}
	
#bodyArea {clear:both; width:910px; overflow:hidden;}
	#bodyArea .mainLeft {float:left; width:265px; padding-left:15px;}
	#bodyArea .mainCenter {float:left; width:394px;}
	#bodyArea .mainRight {float:left; width:236px;}

	#bodyArea .mainLeft .mainA {width:250px; overflow:hidden;}
		#bodyArea .mainLeft .mainA h2.tit {background:url('/images/main/bgMainA.gif') 0 bottom no-repeat; padding:0 0 7px 4px; margin:0; line-height:100%;}
		#bodyArea .mainLeft .mainA ul {padding-top:0.2em;}
		#bodyArea .mainLeft .mainA li {
			float:left; width:115px; padding:0 0 0 10px; font-size:0.9em; line-height:150%; font-family:"돋움", Dotum; 
			background:url('/images/common/bul/bulQuaBlack01.gif') 3px 48% no-repeat;
		}
		#bodyArea .mainLeft .mainA a {text-decoration:none;}
		
		#bodyArea .mainLeft .mainA .cBoth {float:left; clear:both;}
		#bodyArea .mainLeft .mainA .cBoth li {float:left; padding:0; width:auto;}
	
		#bodyArea .mainLeft .mainB {width:250px; padding-top:10px;}
		#bodyArea .mainLeft .mainB h2.tit {background:url('/images/main/bgMainB.gif') 0 bottom no-repeat; padding:0 0 7px 4px; margin:0; line-height:100%;}
		#bodyArea .mainLeft .mainB ul {padding-top:0.2em;}
		#bodyArea .mainLeft .mainB li {
			float:left; width:115px; padding:0 0 0 10px; font-size:0.9em;  line-height:150%; font-family:"돋움", Dotum;
			background:url('/images/common/bul/bulQuaBlack01.gif') 3px 48% no-repeat;
		}
		#bodyArea .mainLeft .mainB a {text-decoration:none;}

	#bodyArea .mainCenter fieldset#globalSearch {border:0; padding:0; margin:0;}
		#bodyArea .mainCenter fieldset#globalSearch * {vertical-align:middle;}
		#bodyArea .mainCenter #globalSearchKey {width:310px; border:2px solid #f29a00; font-size:1.1em; line-height:110%; padding:6px 5px; margin-right:4px; font-weight:bold;}
		#bodyArea .mainCenter dl.keyWord {padding:0; margin:5px 0 0; font-size:0.85em; line-height:120%; overflow:hidden;}
		#bodyArea .mainCenter dl.keyWord dt {display:block; float:left; padding-right:5px;}
		#bodyArea .mainCenter dl.keyWord dd {display:block; padding:0 0 3px; margin:0; float:left;}
		#bodyArea .mainCenter dl.keyWord a {text-decoration:none; margin-right:5px;}
		
		#bodyArea .mainCenter .mainRecent {margin-top:10px; float:left; clear:both;}
		#bodyArea .mainCenter div.mainRecent a {text-decoration:none; float:left;}
		#bodyArea .mainCenter div.mainRecent span {float:right; color:#999; font-size:0.85em;}
		#bodyArea .mainCenter div.mainRecent ul {display:block;}
		#bodyArea .mainCenter div.mainRecent li {background:url('/images/common/bul/bulQuaGray01.gif') 5px 45% no-repeat; clear:both;}
		#bodyArea .mainCenter div.mainRecent li img {vertical-align:middle; margin-left:3px;}
		#bodyArea .mainCenter div.mainRecent.script {position:relative; width:375px; padding-top:30px; background:url('/images/civil/bgGrayLine01.gif') right 24px repeat-x;}
		#bodyArea .mainCenter div.mainRecent.script h2 {position:absolute; top:0; font-size:0; line-height:0;}
		#bodyArea .mainCenter div.mainRecent.script h2.tab01 {left:2px;}
		#bodyArea .mainCenter div.mainRecent.script h2.tab02 {left:58px;}
		#bodyArea .mainCenter div.mainRecent.script h2.tab03 {left:114px;}
		#bodyArea .mainCenter div.mainRecent.script h2.tab04 {left:170px;}
		#bodyArea .mainCenter div.mainRecent.script h2.tab05 {left:226px;}
		#bodyArea .mainCenter div.mainRecent.script h2.tab06 {left:282px;}
				
		#bodyArea .mainCenter .mainD {clear:both; padding-top:15px; overflow:hidden;}
		#bodyArea .mainCenter .mainDL {width:236px; float:left; padding-bottom:5px; background:url('/images/main/bgMainD.jpg') 7px 27px no-repeat;}
		#bodyArea .mainCenter .mainDL h2.tit {background:url('/images/main/bgMainB.gif') 0 bottom no-repeat; padding:0 0 7px 4px; margin:0; line-height:100%;}
		#bodyArea .mainCenter .mainDL ul { padding:0 0 0 62px;}
		#bodyArea .mainCenter .mainDL li {float:left; width:70px; padding:5px 0 0 10px;}
		#bodyArea .mainCenter .mainDL a {text-decoration:none; font-size:0.85em;}
		
		#bodyArea .mainCenter .mainDR {width:124px; float:left; padding-left:17px;}
		#bodyArea .mainCenter .mainDR li {padding:0; margin:0;}
		
	#bodyArea .mainRight .mainE {padding:0; margin:0; font-size:0.8em; line-height:100%;}
		#bodyArea .mainRight .mainF {overflow:hidden; padding-top:5px;}
		#bodyArea .mainRight .mainF li {float:left; padding:0; margin:0;}
		
		#bodyArea .mainRight .mainG {width:233px; padding:10px 0; font-size:0; line-height:0;}
		#bodyArea .mainRight .mainG h2.tit {background:url('/images/main/bgMainB.gif') 0 bottom no-repeat; padding:0 0 7px 4px; margin:0; line-height:100%;}
		#bodyArea .mainRight .mainG dl {position:relative; list-style:none; padding:3px 0 0; font-size:0.8em; line-height:100%;}
		#bodyArea .mainRight .mainG dt {display:block; width:110px; padding:3px 0 4px 122px; background:url('/images/main/bgMainGLine.gif') 122px bottom no-repeat;}
		#bodyArea .mainRight .mainG dd {position:absolute; left:2px; top:5px;}
		#bodyArea .mainRight .mainG a {text-decoration:none; font-size:0.85em;}

		
		#bodyArea .mainRight .mainH {padding-top:12px; overflow:hidden; line-height:100%;}
		#bodyArea .mainRight .mainH li {float:left; padding:0; margin:0;}
		
		#bodyArea .mainRight .jumpLink {padding:13px 0 0; letter-spacing:-0.1em; clear:both; overflow:hidden;}
		#bodyArea .mainRight .jumpLink fieldset {float:left; border:none; padding:0; margin:0;}
		#bodyArea .mainRight .jumpLink * {vertical-align:middle;}
		#bodyArea .mainRight .jumpLink select {font-size:0.85em; font-family:"돋움", Dotum; padding:1px 0;}
		#bodyArea .mainRight .jumpLink select.size6 {width:90px;}
		#bodyArea .mainRight .jumpLink select.size5 {width:78px; margin-left:3px;}
		#bodyArea .mainRight .jumpLink option {padding:1px 0;}

#footArea {clear:both; width:100%; padding-top:20px; background:#FFF; background:#FFF url('/images/main/bgMainFooter.gif') 0 20px repeat-x;}
	#footArea .footWrap {width:874px; padding:20px 0 15px 14px; color:#767676; font-size:0.85em; line-height:1.4em;}
	#footArea ul {list-style:none; padding:0; margin:0; overflow:hidden;}
	#footArea li {float:left; padding:0 7px 0 9px; background:url('/images/layout/bgSplitFoot.gif') 0 40% no-repeat; line-height:110%;}
	#footArea li.bgNone {padding-left:7px;}
	#footArea address {clear:both; padding:0; margin:13px 0 0 7px; font-style:normal;}
	#footArea p {padding:0; margin:0 0 0 7px;}
	
#quickArea {position:absolute; top:293px; left:925px; width:75px; overflow:hidden;}
	#quickArea ul {list-style:none; padding:0; margin:0; height:1%;}
	#quickArea li {padding:0; margin:0; font-size:0; line-height:0;}
	#quickArea dl {overflow:hidden; width:72px; height:41px; font-size:0; line-height:0; padding:7px 1px 0; margin:0; background:url('/images/main/bgQuick07.gif') 0 0 no-repeat;}
	#quickArea dd {float:left; padding:0; margin:0;}
	#quickArea .ambly {padding:10px 2px; font-size:0.85em; line-height:1.2em; text-align:center;}
	#quickArea .ambly input {float:left;}
	#quickArea .ambly label {float:left; width:50px;}