@charset "utf-8"; 

@import url('common.css');
@import url('board.css');

/* Common */
html, body {width:100%;}
body {font-size:12px;font-family:Dotum,Verdana,sans-serif;color:#758596;}
td {font-size:12px;font-family:Dotum,Verdana,sans-serif;color:#758596;line-height:17px;}
a {text-decoration:none;color:#758596;}
a:hover {color:#758596;}
input,select {font-size:11px;font-family:Dotum,Verdana,sans-serif;color:#758596;}
textarea {font-size:12px;font-family:Dotum,Verdana,sans-serif;color:#758596;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-family:Dotum,Verdana,sans-serif;color:#758596;}

/* Layout */
#wrap {width:100%;}
	#topArea {width:100%;height:81px;background:url('/Images/Common/topBg.gif') repeat-x left top;}
	#mainArea {width:100%;background:url('/Images/Main/visualBg.gif') repeat-x left 179px;}
	#mainArea #mainConWrap {width:990px;background:url('/Images/Main/mainConBg.gif') repeat-y left top;margin:0 auto;}
	#mainCon1 {overflow:hidden;width:990px;height:169px;}
	#mainVisual {width:990px;height:275px;}
	#mainCon2 {overflow:hidden;width:990px;height:155px;}
	#foot {clear:both;width:100%;height:69px;background-color:#FFFFFF;border-top:1px #E5E5E5 solid;}
		#foot #fCon {overflow:hidden;width:985px;margin:0 auto;}
			#fCon .fConLf {float:left;padding:25px 0 0 10px;}
				.fConLf .fLogo {margin:3px 0 0 30px;vertical-align:top;}
			#fCon .fConRg {float:right;}
				.fConRg span {float:right;padding:8px 0 0 28px;}
				.fConRg ul {float:right;margin-top:29px;}
				.fConRg ul li {float:left;background:url('/Images/Common/footbar.gif') no-repeat right top;padding:0 8px;font-size:1%;line-height:1%;}
				.fConRg ul li.noBar {background:none;}

/* Top Area */
#topArea #topLogo {position:relative;width:985px;height:20px;margin:0 auto;}
#topArea #topLogo h1 {position:absolute;left:17px;top:9px;}
#topArea #topLogo ul {position:absolute;overflow:hidden;right:50px;top:8px;}
#topArea #topLogo ul li {float:left;background:url('/Images/Common/topBar.gif') no-repeat right 50%;padding:0 8px;font-size:1%;line-height:1%;}
#topArea #topLogo ul li img {vertical-align:top;}
#topArea #topLogo .imgpaddtop {margin-top:4px;}
#topArea #topLogo ul li a {margin:0;}
#topArea #topLogo ul li.noBar {background:none;}
#topArea #topLogo .topLogin {position:absolute;right:0;top:8px;}
#topArea #topNavi {position:absolute;top:20px;left:50%;width:985px;margin-left:-493px;z-index:10;}

/* Login & Logout */
.login {float:left;width:218px;padding:44px 0 0 20px;margin:0;}
	.loginTxt {margin-bottom:7px;}
	.loginBox {overflow:hidden;height:50px;width:209px;}
	.loginBox div {float:left;}
	.loginBox .loginInput {margin-right:5px;}
	.loginBox .loginInput .inputId {height:13px;background:url('/Images/Main/txtId.gif') no-repeat 4px 3px;padding:3px 0 0 4px;margin-bottom:5px;border:1px #CACED3 solid;}
	.loginBox .loginInput .inputPw {float:left;height:13px;background:url('/Images/Main/txtPw.gif') no-repeat 4px 3px;padding:3px 0 0 4px;border:1px #CACED3 solid;}
.logout {float:left;width:218px;height:149px;padding:44px 0 0 20px;}
.logout dl {overflow:hidden;width:205px;}
.logout dl dt {float:left;width:60px;height:75px;margin-right:26px;border:1px #E3E2E2 solid;}
.logout dl dd {float:left;width:117px;line-height:19px;}
.logout dl dd .name {font-weight:bold;color:#828C96;}
.logout dl dd p a {margin:0;}
.logout dl dd span {color:#63ABDE;}
	
/* Main Contents */	
.banner {float:left;}
.banner a {margin:0;}
.bannerAb {position:absolute;padding-left:239px;}
.bannerAb a {margin:0;}
.bannerSW {position:absolute;padding-left:488px;}

/*
.banner a {margin-right:1px;}*/
.notice {overflow:hidden;float:left;width:220px;height:155px;padding:22px 10px 0 10px;}
.notice .floLf {float:left;}
.notice .floRg {float:right;}
.notice ul {overflow:hidden;width:220px;height:auto;margin-top:25px;}
.notice ul li {line-height:18px;}
.notice ul li a {margin:0;color:#828C96;}
.notice ul li span.noticeTit {float:left;width:160px;letter-spacing:-1px;}
.notice ul li span.date {float:right;font-family:Dotum;font-size:11px;color:#999999;}
.album {overflow:hidden;float:left;width:229px;height:155px;padding:22px 11px 0 10px;}
.album .floLf {float:left;}
.album .floRg {float:right;}
.album div {overflow:hidden;width:230px;height:auto;padding-top:16px;}
.album div dl {float:left;width:71px;margin-right:8px;}
.album div dl dt {width:71px;height:45px;}
.album div dl dd {width:71px;height:13px;padding-top:7px;font-size:11px;letter-spacing:-1px;text-align:center;}
.album div dl dd a {color:#999999;}
.album div .marRg0 {margin-right:0;}
.bannerCorps {float:left;width:230px;height:155px;background:url('/Images/Main/happy_movebg.jpg') no-repeat 122px 39px;padding-left:10px;margin-right:1px;}
.bannerCorps h2{margin-top:23px;}
.bannerCorps p{width:114px; height:97px; margin-top:17px; overflow-y:hidden; font-size:11px; color:#818B95; letter-spacing:-1px;}
.bannerCorps .corpsTit {width:118px;font-size:11px;letter-spacing:-1px;margin:57px 0 9px 0;}
.bannerHappyMove {float:left;}
.bannerHappyMove a {margin:0;}