/* 병맛닷컴 첫번째 이야기 */
@charset "utf-8";


/* BASIC STYLE */

html>/**/body { overflow-y:scroll; }

h2, h3, h4, h5 {margin: 0px; padding: 0px; }
* , img {margin: 0px; padding: 0px;}
ul li {display: inline; list-style: none;}
img {border: 0px; vertical-align:top;}
hr {display: none;}
form , input{border:0;}
body {background: #ffd200;margin: 0px; padding: 0px;  }

p { font-family: gulim,굴림,dotum,돋움; font-size: 10pt;  text-decoration: none; font-weight: nomal;}

a:link { font-family: gulim,굴림,dotum,돋움;font-size: 10pt;  text-decoration: none; color: #333; }
a:hover { font-family: gulim,굴림,dotum,돋움; font-size: 10pt;  text-decoration: underline; color: #004eff}
a:active { font-family: gulim,굴림,dotum,돋움;font-size: 10pt;  text-decoration: none; color: #999;}
a:visited { font-family: gulim,굴림,dotum,돋움 ; font-size: 10pt; text-decoration: none; color: #999;}

.btnAdmin a{background: red; color: #fff; padding: 2px; font-size: 8pt; }
/*****************************************************/
#byungmat {
				width: 100%;
				margin: 0px auto;
				padding: 0px;
				position: relative;
				z-index: 1;	
}


#container {
				width: 950px; 
				margin: 0px auto;
				padding: 0px; 
				position: relative;
				top: 0px;
				z-index: 2000;			
}

/********************* HEADER ***********************/

#header {height: 230px;}
h1 #logo {position: absolute; left: 70px; top: 60px; z-index: 1;}


/* 로그인 */
ul#login {position: absolute; top: 30px; left: 480px; z-index: 2;}
ul#login li {list-style: none; display: inline;}

/* 메뉴 */
ul#menu {position: absolute; z-index: 1000;}
ul#menu li.comics {position: absolute; top: 164px; left: 318px; z-index: -110;}
	ul#menu ul#comics_sub {width: 565px; height: 72px; background: url(../images/menu/01_comics_sub_bg.png)  no-repeat 0 0; position: absolute; top: 72px; left: 9px;  }
	ul#menu ul#comics_sub li.bob {position: absolute; top: 27px; left: 20px;}
	ul#menu ul#comics_sub li.popular {position: absolute; top: 27px; left: 195px;}
	ul#menu ul#comics_sub li.general {position: absolute; top: 17px; left: 360px;}
ul#menu li.data {position: absolute; top: 158px; left: 470px; z-index: -111;}
	ul#menu ul#data_sub {width: 568px; height: 72px; background: url(../images/menu/02_data_sub_bg.png)  no-repeat 0 0; position: absolute; top: 81px; left: -144px; }
	ul#menu ul#data_sub li.best {position: absolute; top: 27px; left: 30px;}
	ul#menu ul#data_sub li.popular {position: absolute; top: 22px; left: 220px;}
	ul#menu ul#data_sub li.general {position: absolute; top: 19px; left: 380px;}
ul#menu li.shop {position: absolute; top: 145px; left: 609px; z-index: -112;}
	ul#menu ul#shop_sub {width: 570px; height: 69px; background: url(../images/menu/03_shop_sub_bg.png) no-repeat 0 0; position: absolute; top: 96px; left: -280px; }
	ul#menu ul#shop_sub li.main {position: absolute; top: 24px; left: 70px;}
	ul#menu ul#shop_sub li.qna {position: absolute; top: 29px; left: 200px;}
	ul#menu ul#shop_sub li.after {position: absolute; top: 18px; left: 330px;}
	ul#menu ul#shop_sub li.seller {position: absolute; top: 18px; left: 430px; }
ul#menu li.community {position: absolute; top: 138px; left: 751px; z-index: -113;}
	ul#menu ul#community_sub {width: 572px; height: 77px; background: url(../images/menu/04_community_sub_bg.png) no-repeat 0 0; position: absolute; top: 102px; left: -427px; z-index: 2;}
	ul#menu ul#community_sub li.free {position: absolute; top: 24px; left: 40px;}



/***************** BODY *****************/

#body {margin:0px; padding: 0px; clear: both; background: url(../images/common/content_top.png) no-repeat 0 0; 	}
#body #top {height: 222px; }
#body #content { top: 50px;    background: url(../images/common/content_body.png) repeat-y 0px 0px; padding: 30px 80px 50px 80px; clear: both;  position: relative; margin: 0 auto;}


/************** FOOTER *******************/
#footer {position: relative; top: -200px; height: 285px; background: url(../images/common/footer/copyright.png) no-repeat 0px 0; clear: both;  margin-bottom: -600px; z-index: 10;}
#footer ul{ width: 950px; }
#footer li{position: relative; padding-right: 10px; top: 55px; left: 470px; }


/* 캐릭터 */
.c00_sun {position: absolute; top: 0px; right: 0px; z-index: 2;}
.c01_bmt {position: absolute; top: 220px; left: 110px; z-index: 2;}
.c02_flower {position: absolute; top: 200px; left: 160px; z-index: 3;}
.c03_car {position: absolute; top: 210px; left: 220px; z-index: 3;}
.c04_bf {position: absolute; top: 80px; left: 80px; z-index: 3;}
.c05_fish1 {position: absolute; top: 60px; left: 260px; z-index: 5;}
.c06_cloud1 {position: absolute; top: 40px; left: 310px; z-index: 3;}
.c07_cloud2 {position: absolute; top: 100px; left: 400px; z-index: 3;}
.c08_bird1 {position: absolute; top: 100px; left: 470px; z-index: 3;}
.c09_bird2 {position: absolute; top: 100px; left: 600px; z-index: 3;}
.c10_sungji {position: absolute; top: 233px; left: 52px; z-index: 3;}
.c11_garbage {position: absolute; top: 279px; left: 893px;  z-index: 3;}
.c12_ie6 {position: absolute; top: 310px; left: 910px;  z-index: 3;}
.c13_byung {position: absolute; top: 220px; left: 285px; z-index: 3;}
.c14_outalker {position: absolute; top: 300px; left: 12px; z-index: 3;}