@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*===============================================================*
	공통
*===============================================================*/

body, td, th, form, input, select, textarea, input, div, p, span {
     margin: 0;
	 font-size: 10pt;font-family:Arial,NanumGothic,'나눔고딕','Nanum Gothic',Dotum;color: #000; line-height: 160%;
	}

body			{ text-align: center; background: #463d74 url('../img/common/bgBody.jpg') repeat-x 0 0; }
a:link		{ color: #000; text-decoration: none; }
a:visited	{ color: #000; text-decoration: none; }
a:active	{ color: #000; text-decoration: none; }
a:hover	{ color: #999; text-decoration: underline; }
img			{ border: none; }
table		{ border-collapse: collapse; }


/*===============================================================*
	레이아웃
*===============================================================*/
#head { position: relative; width: 980px; height: 80px; margin: auto; }
#menu { position: absolute; left: 250px; top: 0; width: 600px; height: 50px; }
#gnb {position:relative;list-style:none;width:100%;margin:22px 0 0;padding:0;zoom:1;}
#gnb:after {display:block;clear:both;content:"";}
#gnb li {float:left;width:20%;}
#gnb li a {display:block;padding:10px 0;font-size:12pt;font-weight:600;color:#000;}
#gnb li a:active, #gnb li a:hover, #gnb li a:focus {border-radius:10px;color:#fff;text-decoration:none;background:#5353c0;}
#keyM { position: absolute; left: 860px; top: 33px; width: 120px; height: 11px; text-align: right; }
	#keyM img { margin: 0 0 0 5px; }
#subVis { width: 740px; height: 170px; text-align: left; }
	.visCom { background: url('../img/com/bgVis.jpg') no-repeat 0 0; }
	.visPro { background: url('../img/pro/bgVis.jpg') no-repeat 0 0; }
	.visBbs { background: url('../img/bbs/bgVis.jpg') no-repeat 0 0; }
#allBox	 { position: relative; width: 980px; margin: auto; padding-bottom: 20px; }
#side { float: left; display: inline; width: 230px; margin-top: 146px; }
	#side ul { list-style: none; margin: 0; padding: 5px 23px 20px 23px; background: url('../img/common/sideBody.gif') repeat-y 0 0; }
	#side li { height: 30px; margin: 0; padding: 5px 15px 0 0; border-bottom: 1px solid #e5e5e5; text-align: right; vertical-align: top; background: url('../img/common/sideBul.gif') no-repeat 100% 50%; }
		#side li a { display: block; font-weight: 600; font-size: 10pt; color: #333; vertical-align: top; }
		#side li a:hover { color: #6d64c5; text-decoration: none; }
#column { float: right; display: inline; width: 740px; }
#contents { padding: 13px 30px 0 30px; text-align: left; background: url('../img/common/conBody.gif') repeat-y 0 0; }
#foot { clear: both; width: 980px; height: 180px; margin: auto; padding-top: 75px; color: #fff; text-align: center; background: url('../img/common/bgFoot.gif') no-repeat 0 0; }
	#foot p { color: #fff; }
	#foot a	 { color: #fff; }
	#foot strong { font-weight: bold; color: #ff0; }


/*===============================================================*
	타이틀
*===============================================================*/
h1.h1_logo { position: absolute; left: 0; top: 0; width: 210px; height: 80px; margin: 0; padding: 0; text-indent: -10000; background: url('../img/common/logo.png') no-repeat 0 50%; cursor: pointer; }
h2.h2_title { height: 39px; margin: 0; padding: 0; text-indent: -1000em; }
	.h2Com { background: url('../img/com/menuTitle.gif') no-repeat 100% 0; }
	.h2Pro { background: url('../img/pro/menuTitle.gif') no-repeat 100% 0; }
	.h2Bbs { background: url('../img/bbs/menuTitle.gif') no-repeat 100% 0; }
h3.h3_title { height: 30px; margin: 0 -30px 30px -30px; padding: 3px 23px 0 0; font-weight: 600; font-size: 11pt; color: #fff; text-align: right; background: #58528f; }


/*===============================================================*
	정렬
*===============================================================*/
.disAlign0 { text-align: left; }
.disAlign1 { margin: 10px 0; text-align: left; }
.disAlign2 { margin: 20px 0; text-align: left; }
.disAlign3 { margin: 30px 0; text-align: left; }
.disAlignC0 { text-align: center; }
.disAlignC1 { margin: 10px 0; text-align: center; }
.disAlignC2 { margin: 20px 0; text-align: center; }
.disAlignC3 { margin: 30px 0; text-align: center; }
.disAlignR0 { text-align: right; }
.disAlignR1 { margin: 10px 0; text-align: right; }
.disAlignR2 { margin: 20px 0; text-align: right; }
.disAlignR3 { margin: 30px 0; text-align: right; }


/*===============================================================*
	메인
*===============================================================*/
#mainVis { position: relative; width: 950px; height: 350px; margin:0 auto;padding-left:30px; text-align: left; background: url('../img/main/bgVis.png') no-repeat 100% 0; }
#mainContents { position: relative; width: 980px; height: 186px; margin: 20px auto 30px auto; }
#mainLatest { position: absolute; left: 0; top: 0; width: 285px; text-align: left; }
	#mainLatest p { height: 25px; cursor: pointer; }
		#mainLatest p img { margin-right: 4px; }
	#mainLatest ul { list-style: none; width: 270px; height: 81px; margin: 0; margin-top: 4px; padding: 0 0 10px 0; border: 5px solid #d3caff; }
	*html #mainLatest ul { width: 280px; height: 101px; }
	#mainLatest li { height: 18px; margin: 8px 0 0 15px; padding-left: 14px; background: url('../img/main/bulBbs.gif') no-repeat 0 8px; }
	#mainLatest a { height: 18px; display: block; font-weight: 600; color: #fff; letter-spacing: -1; }
	#mainLatest a:hover { color: #ffe400; text-decoration: none; }
	#mainLatest span { display: none; }
	#mainQna { display: none; }
#mainPro { position: absolute; left: 305px; top: 0; width: 530px; height: 140px; padding: 10px 0 0 10px; background: url('../img/main/bgPro.png') no-repeat 0 0; }
	.mainProList { float: left; display: inline; width: 120px; height: 100px; margin: 10px 5px 0 0; text-align: center; cursor: pointer; }
		.mainProList	img { width: 100px; height: 100px; }
		.mainProList	strong { display: none; }
.mainSearch { position: absolute; left: 305; top: 145px; width: 530px; height: 40px; padding: 5px 0 0 107px; text-align: left; background: url('../img/main/bgSearch.png') no-repeat 0 0; }
	.mainSearchInput { width: 230px; height: 20px; padding-right: 5px; border: none; color: #4c4c4c; text-align: right; vertical-align: middle; }
	.mainSearchBtn { width: 40px; height: 30px; border: none; font-weight: 600; font-size: 15px; color: #fff; vertical-align: middle; background: none; cursor: pointer; }
#mainBan { position: absolute; left: 720px; top: 10px; width: 260px; }


/*===============================================================*
	기타
*===============================================================*/
.comGreet { margin-bottom: 50px; }
.comMap { padding: 20px 0; border: 1px solid #ccc; text-align: center; }
.history { width: 680px; margin-bottom: 20px; border-top: 1px solid #000; }
	.history th { width: 18%; padding: 5px 0; border-bottom: 1px solid #e5e5e5; }
	.history td { padding: 5px 0; border-bottom: 1px solid #e5e5e5; }