@charset "utf-8";

/* --------------------------
	WRAPPER - 전체
--------------------------- */
#wrapper {
	width: 970px;
	margin: 0 auto;
	padding: 0;
	position: relative
}

/* --------------------------
	HEADER - 헤더
--------------------------- */
#header {
	position: relative;
	overflow: hidden;
	margin: 12px 0 0 0
}

/* --------------------------
	TOP AREA
--------------------------- */
.topArea {
	clear: both;
	margin: 0 0 38px 0
}

/* start apge */
.start-page {
	float: left;
	margin: 3px 0 0 0
}

/* top links */
.topLinks {
	float: right
}
.topLinks ul li {
	display: block;
	float: left;
	background: url(../image/common/bu_dot01.gif) no-repeat left center;
	padding: 2px 3px 0 6px;
	margin-right: 2px
}
.topLinks ul li:first-child {
	background: none
}
.topLinks ul li.active a {
	font-weight: bold;
	color: #fe45ba;
	letter-spacing: -1px
}
.topLinks ul li a {
	font-size: 11px;
	color: #666
}
.topLinks ul li.login {
	background: none;
	overflow: hidden;
	padding: 0 0 0 5px;
	display: block;
	float: left
}

/* --------------------------
	HEADER - 로고
--------------------------- */
h1.logo {
	float: left;
	margin: 20px 0 20px 0;
	overflow: hidden
}
h1.logo_main {
	float: left;
	margin: 0 0 15px 0;
	overflow: hidden;
	padding:  0
}
h2.subTitle  a{
	float: left;
	width: 120px;
	margin: 0;
	display: block;
	margin: 32px 0 0 10px;
	font-size: 18px;
	letter-spacing: -1px;
	color: #333;
	font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;
	text-align: center
}

/* --------------------------
	HEADER - 탑배너
--------------------------- */
.head-top-banner {
	float: left;
	margin: 17px 0 0 35px;
	border: 1px solid #ececec
}

/* --------------------------
	검색
--------------------------- */
.searchArea {
	float: right;
	top:72px;
	position:absolute;
	right:0
}
.searchArea .searchInput {
	border: 1px solid #ff5bc3;
	height: 24px;
	line-height: 24px;
	float: left;
	text-indent: 5px;
	color: #ff5bc3;
	font-weight: bold
}
.searchArea .searchButton {
	float: left;
	background: #ff5bc3;
	color: #fff;
	text-align: center;
	height: 26px;
	line-height: 26px;
	border: none;
	cursor: pointer;
	padding: 0 5px;
	font-size: 12px
}

/* --------------------------
	HEADER - GNB
--------------------------- */
.gnb {
	clear: both;
	background: #ff45b8;
	height: 40px;
	line-height: 40px;
	position: relative
}

.gnb strong.main a { /* 메인버튼 */
	background: url(../image/button/bg_pink.gif) repeat-x 0 0;
	padding: 0 10px;
	height: 22px;
	line-height: 21px;
	margin: 8px 10px 0 10px;
	display: block;
	border: 1px solid #b60073;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	color: yellow;
	font-weight: bold;
	letter-spacing: -1px;
	float: left
}

.gnb ul li {
	float: left;
	background: url(../image/common/line_h01.gif) no-repeat left center;
	padding: 0 10px 0 10px
}
.gnb ul li.active a{
	font-weight: bold;
	color: yellow;
	letter-spacing: -1px
}
.gnb ul li:first-child {
	background: none
}

.gnb ul.main_menu {
	margin-left: 10px
}
.gnb ul.main_menu li {
	background: none;
	padding: 0px
}

.gnb ul li a {
	color: #fff;
	font-size: 13px
}
.gnb span.gnb_more a{
	position: absolute;
	right: 13px;
	top: 0px;
	color: yellow;
	background: url(../image/common/arr_b.gif) no-repeat right center;
	padding: 0 10px 0 0
}


/* --------------------------
	NOTICE AREA
--------------------------- */
.noticeArea {
	clear: both;
	border: 1px solid #e6e6e6;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	margin: 2px 0 0 0;
	position: relative
}
.noticeArea strong.notice {
	float: left;
	border: 1px solid #e6e6e6;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	font-size: 11px;
	color: #999;
	margin: 8px 5px 0 8px;
	padding: 1px 3px;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	font-weight: normal
}
.noticeArea a {
	color: #666
}
.noticeArea ul {
	float: left;
	width: 500px;
	display: block;
	position: absolute;
	top: 0px;
	left: 50px
}


/* --------------------
	로케이션
---------------------- */
.location {
	float: right;
	padding: 0 10px 0 0;
	font-size: 11px
}
.location a {
	color: #999;
	font-size: 11px
}

/* --------------------------
	BODY	
--------------------------- */
#container {
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative
}
#container h1.title {
	font-size: 17px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #333;
	border-left: 5px solid #333;
	padding-left: 10px;
	height: 16px;
	line-height: 16px
}
/* --------------------------
	BODY - 광고영역	
--------------------------- */
.ad-body-top {
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
	clear: both
}

#content {
	clear: both;
	margin: 20px 0;
	padding: 0;
	overflow: hidden;
	position: relative
}

/* --------------------------
	푸터
--------------------------- */
#footer {
	clear: both;
	border-top: 1px solid #e6e6e6;
	text-align: center;
	margin: 0 0 20px 0
}

/* --------------------------
	푸터 - 공지사항
--------------------------- */
.foot-notice {
	float: left;
	width: 300px;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}
.foot-notice li {width:100%}
.foot-notice a {
	color: #333
}
.foot-notice strong {
	float: left
}
.foot-notice p {
	float: left;
	text-indent: 4px
}

/* --------------------------
	푸터 - 하단메뉴
--------------------------- */
.foot-menu {
	clear: both;
	border-top: 1px solid #e6e6e6;
	padding: 10px 0 0 0
}
.foot-menu ul li:first-child {
	background: none
}
.foot-menu ul li {
	display: inline;
	background: url(../image/common/line_h02.gif) no-repeat left center;
	padding: 0 5px 0 8px
}
.foot-menu ul li a {
	color: #666
}

/* --------------------------
	카피라이트
--------------------------- */
.copyright {
	clear: both;
	margin: 10px 0 0 0;
	font-size: 10px;
	font-family: verdana;
	color: #666
}

/* --------------------------
	사이드배너
--------------------------- */
#side-banner {
}
#side-banner a {
	display: block;
	clear: both;
	margin: 0 0 10px 0
}
.side-banner-left {
	position: absolute;
	top: 108px;
	left: -115px;
	float: left;
	width: 100px;
	height: 500px;
	z-index: 9999
}

.side-banner-right {
	position: absolute;
	top: 108px;
	right: -110px;
	float: right;
	width: 100px;
	height: 500px;
	z-index: 9999
}

/* -----------------------------
	서브메뉴영역
-------------------------------- */
#lnbArea2 {
	border: 0px solid #e3e3e3;
	width: 120px;
	padding: 0px;
	text-align: center;
	position: fixed;
	bottom: 20px;
	right: 20px;
	overflow:hidden;
	z-index:9999
}

#lnbArea2 strong a{
	color: #fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background: #fe45ba;
	width: 92%;
	display: block;
	margin: 0 auto;
	text-align: center;
	height: 22px;
	line-height: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
	z-index: 9999;
	position: relative
}

#lnbArea2 strong a:hover {
	background: #ff0fa8;
	text-decoration: none;
	color: yellow
}
#lnbArea2 strong.top2 a{
	background: #999;
	font-size: 11px;
	font-family: verdana
}
#lnbArea2 strong.top2 a:hover{
	background: #333
}