/***********************************************
* EVER STYLE SHEET - DEFAULT.CSS 기본 스타일 시트
***********************************************/

/* 디폴트 css 에서 각각 해당되는 css를 불러옵니다.*/

@import url("Product.css");		/*Product 에 들어갈 CSS 명 */
@import url("Clubever.css");	/*Clubever 에 들어갈 CSS 명 */
@import url("Customer.css");	/*Customer 에 들어갈 CSS 명 */
@import url("Funever.css");		/*Funever 에 들어갈 CSS 명 */
@import url("Promotion.css");	/*Promotion 에 들어갈 CSS 명 */
@import url("Mypage.css");		/*Mypage 에 들어갈 CSS 명 */
@import url("Util.css");		/*Etc 에 들어갈 CSS 명 */
@import url("Comm.css");		/* 기타, input box 스타일, location (현재위치) 스타일,등등..모음 */
@import url("link.css");		/*링크 스타일시트 */
@import url("Pop.css");


body{margin:0 auto;font-size:12px;background:url(../image/dot_bg.jpg) repeat;color:#9C9C9C;font-family: dotum,gulim;}
div,img ,form, p {border:0;margin:0;padding:0;}
select{font-family: dotum,gulim,verdana, sans-serif;font-size:12px;height:19px;}
input {margin:0;padding:0;font-size:12px;}
ul, ol, li{list-style:none;margin:0;padding:0; vertical-align: top;}
table{border:0;text-align:left;font-size:12px;}
a:active, a:link, a:visited {color:#9C9C9C; text-decoration:none}
a:hover {color:#000000; text-decoration:underline}


.mtable{width:100%;height:100%;}

/******************************************************
	SITE LOCATION - 현재위치
******************************************************/
.sposition{padding:0 0 0 7px;font-size:11px;line-height:150%;color:#353535;background: url(../image/bul_location_p.gif) no-repeat 0 11px;}
.sp_tstyle{color:#5F5E5F;font-weight:bold;}

/******************************************************
	SUB LAYOUT
******************************************************/
div#Toplayout{	/*상단 레이아웃 사이드비쥬얼 + header 포함 */
	position:relative;
	width:100%;}

 div#header{   /*상단 플래시 내비게이션 헤더*/
	height:96px;
	z-index:300;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	}

div#header div.pix{
	position:relative;
	width:974px;
	height:96px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	background:url(../image/top_bg.jpg) no-repeat top center;}

div#layout{	   /*하단 레이아웃 컨텐츠 + 푸터 포함 */
	position:relative;
	width:100%;
	height:100%;
	background: url(../image/style_bg.jpg) repeat-y top center;}


div.q_position{	/* 오른쪽 스크롤 창 */
	position:relative;
	width:974px;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;}

div.q_position div.abs{	/* 오른쪽 스크롤 창 */
	position:absolute;
	left:820px;
	top:0px;
	overflow:visible;
	width:156px;
	height:500px;
	background: url(../image/right_style_bg.jpg) no-repeat left top;}

div#Skyquick{	/* 오른쪽 스크롤 창 */
	position:absolute;
	display:block;
	width:146px;
	height:430px;
	padding:0 0 0 8px;
	overflow:hidden;
	z-index: 100;}

div#Skyquick div.frame{
	position:absolute;
	left:0px;
	width:146px;
	height:500px;
	padding:0 0 0 10px;
	overflow:hidden;z-index:100;}

div#Skyquick div.bg{
	position:absolute;
	left:0px;
	width:153px;
	height:500px;
	margin:0 0 0 3px;
	overflow:hidden;
	z-index:20;}

div#Skyquick div.banner{
	position:absolute;
	left:0px;
	top:280px;
	width:153px;
	height:700px;
	margin:0 0 0 3px;
	z-index:20;}


div#ctwarp{	  /*컨텐츠 감싸기 */
	width:974px;
	height:100%;
	margin-left:auto;
	margin-right:auto;}


div#container{	/*컨텐츠 감싸기 */
	float:left;
	width:974px;
	margin-left:auto;
	margin-right:auto;
	background:#fff url(../image/right_bg.jpg) repeat-y top right;}

div#container div.mainlnb{/*메인 컨텐츠 좌측 내비게이션 */
	float:left;
	background:#fff url(../image/submain_bg.gif) no-repeat 0px 300px;
	height:833px;
	width:208px;}

div#container div.sublnb{/*서브 컨텐츠 좌측 내비게이션 */
	float:left;
	background:#fff url(../image/sublnb_bg.gif) no-repeat 0px 534px;
	width:158px;
	height:920px;}


div#container div.content{ /*서브메인 컨텐츠 레이아웃 */
	float:left;
	width:610px;
	padding:0 0 50px 0;
	background:#fff url(../image/Content_top_bg.gif) repeat-x;}

div#container div.subcontent{ /*서브페이지 컨텐츠 레이아웃 */
	float:left;
	width:660px;
	padding:0 0 50px 0;
	background:#fff url(../image/Content_top_bg.gif) repeat-x;}

/* 푸터 */
div#footer{
	clear:both;
	width:100%;
	height:50px;
	background:#b0afb4;
	overflow:visible;}

div#footer div.layout{position:relative;
	width:974px;
	padding-top:12px;
	margin-left:auto;
	margin-right:auto;}

div#footer div.layout h2{
	margin:0;
	padding-left:15px;
	float:right;}

div#footer div.layout ul{
	width:350px;
	height:14px;
	float:left;padding:0 0 0 130px;}

div#footer div.layout ul.height li{
	float:left;}
/* 푸터 */

.lt_visual{background:url(../image/left_bg.jpg) no-repeat top right;}
.R_inp{border:0px;background:#6B6B6B;color:#B9B9B9;padding:2px;width:117px;height:17px;}

.sTop_P{margin:100px 0 52px 24px;} /* 서브 TOP 위치 정렬 사이즈 */

.area01{border:1px solid #DFDFDF;background-color:white;}



/* 사이트맵 추가 */
div.fot_family{position:absolute;left:0;top:0;width:974px;}
div.family_btn{position:absolute;right:87px;top:15px;}