body {
	width: 100%;
	height: 100%;
	margin: 0px;
	font-family: "굴림";
	font-size: 15px;
	color: #333333;
}

textarea { resize: none }

/*
a:link		{ color:#333333; text-decoration:none; }
a:visited	{ color:#333333; text-decoration:none; }
a:active	{ color:#333333; text-decoration:none; }
a.effect:hover	{ color:#038CC0; text-decoration:underline; position:relative; top:1px; left:1px }
*/
a:link		{ color:#333333; text-decoration:none; }
a:visited	{ color:#333333; text-decoration:none; }
a:active	{ color:#333333; text-decoration:none; }
a.hover	{ color:#333333; text-decoration:none; }



/* 가로 가운데 위치, 마우스 오버 핸드, 컨텐츠 이미지 라운드 */
.center_box {
	/* border: 1px solid #2e364f; */
	border: 1px solid #0f1322;
	width: 1000px;
	margin: 0px auto 0px auto;
	
	font-family: NanumG;
	font-size: 15px;
	color: #333333;
}
.center_box2 {
	border: 1px solid #fafafa;
	height: 100%;
	width: 1000px;
	margin: 0px auto 0px auto;
	background-color: white;
	
	font-family: NanumG;
	font-size: 17px;
	color: #333333;
}
.hand {
	cursor: pointer;
}
.radiusimg {
	border: 1px solid #cdcdcd;
	border-radius: 10px;
}



/* header */
#header {
	height: 127px;
	min-width: 1000px;
	/* background-color: #2e364f; */
	background-color: #0f1322;
}
.header_gradient {
	height: 1px;
	background: linear-gradient(to bottom, #0f1322, white);
}
#header_scroll {
	position: fixed;
	top: 0px;
	z-index: 100;
	display: none;
	height: 60px;
	width: 100%;
	background-color: #0f1322;
}

#header_logo {
	/* border: 1px solid white; */
	width: 110px;
	height: 79px;
	background-image: url('./images/header_logo.svg');
	float: left;
	margin: 22px 0px 0px 60px;
}
#header_menu1 {
	/* border: 1px solid white; */
	width: 113px;
	height: 77px;
	background-image: url('./images/header_menu11.svg');
	float: left;
	margin: 8px 0px 0px 100px;
}
#header_menu2 {
	/* border: 1px solid white; */
	width: 146px;
	height: 77px;
	background-image: url('./images/header_menu21.svg');
	float: left;
	margin: 8px 0px 0px 40px;
}
#header_menu3 {
	/* border: 1px solid white; */
	width: 153px;
	height: 77px;
	background-image: url('./images/header_menu31.svg');
	float: left;
	margin: 8px 0px 0px 35px;
}
#header_menu4 {
	/* border: 1px solid white; */
	width: 102px;
	height: 77px;
	background-image: url('./images/header_menu41.svg');
	float: left;
	margin: 8px 0px 0px 35px;
}

#header_string {
	/* border: 1px solid white; */
	padding: 97px 80px 0px 0px;
	font-family: NanumG;
	font-size: 15px;
	color: #ABABAB;
	text-align: right;
	vertical-align: center;
}

#account_kind {
	border: 1px solid grey;
	border-radius: 5px;
	background-color: #72c327;
	font: 100 12px 굴림;
	color: black;
	padding: 5px 5px 2px 5px;
	margin: 0px 0px 0px 0px;
}

#header_menu1:hover { 	background-image: url('./images/header_menu12.svg'); }
#header_menu2:hover { 	background-image: url('./images/header_menu22.svg'); }
#header_menu3:hover { 	background-image: url('./images/header_menu32.svg'); }
#header_menu4:hover { 	background-image: url('./images/header_menu42.svg'); }

#scroll_logo {
	/* border: 1px solid white; */
	width: 70px;
	height: 50px;
	background-image: url('./images/header_logo.svg');
	float: left;
	margin: 6px 0px 0px 80px;
}
#scroll_menu1 {
	/* border: 1px solid white; */
	width: 150px;
	height: 32px;
	background-image: url('./images/scroll_menu11.svg');
	float: left;
	/* margin: 14px 0px 0px 150px; 로고 없을 때 */
	margin: 14px 0px 0px 95px;
}
#scroll_menu2 {
	/* border: 1px solid white; */
	width: 150px;
	height: 32px;
	background-image: url('./images/scroll_menu21.svg');
	float: left;
	/* margin: 14px 0px 0px 35px; 로고 없을 때 */
	margin: 14px 0px 0px 30px;
}
#scroll_menu3 {
	/* border: 1px solid white; */
	width: 150px;
	height: 32px;
	background-image: url('./images/scroll_menu31.svg');
	float: left;
	/* margin: 14px 0px 0px 35px; 로고 없을 때 */
	margin: 14px 0px 0px 25px;
}
#scroll_menu4 {
	/* border: 1px solid white; */
	width: 121px;
	height: 32px;
	background-image: url('./images/scroll_menu41.svg');
	float: left;
	/* margin: 14px 0px 0px 35px; 로고 없을 때 */
	margin: 14px 0px 0px 25px;
}

#scroll_menu1:hover { 	background-image: url('./images/scroll_menu12.svg'); }
#scroll_menu2:hover { 	background-image: url('./images/scroll_menu22.svg'); }
#scroll_menu3:hover { 	background-image: url('./images/scroll_menu32.svg'); }
#scroll_menu4:hover { 	background-image: url('./images/scroll_menu42.svg'); }



/* main */
#main_contents {
	/* border: 5px solid black; */
	background-color: #fafafa;
}



/* footer */
#footer {
	height: 300px;
	min-width: 1000px;
	/* background-color: #2e364f; */
	background-color: #0f1322;
}
#footer_gradient {
	height: 1px;
	background: linear-gradient(to top, #0f1322, white);
}

#footer_logo {
	/* border: 1px solid white; */
	width: 200px;
	height: 92px;
	margin: 20px 0px 0px 40px;
	float: left;
	
	background-image: url('./images/footer_logo.svg');
	background-repeat: no-repeat;
	background-position: left top;
	
	line-height: 150%;
	color: #ccc;
	text-shadow: 0 2px 0 #000;
}

#footer_text {
	/* border: 1px solid white; */
	height: 92px;
	margin: 20px 0px 0px 310px;
	
	line-height: 200%;
	font-family : MapleStoryL;
	color: #ccc;
	text-shadow: 0 2px 0 #000;
}

.fmenu, .fmenu_nolink, .fupdate { color:#7E7E7E }
.fmenu:hover { color:#fdc634 }
.fupdate:hover { color:#038CC0; position:relative; top:1px; left:1px }

a.fmenu { color:#7E7E7E }
a.fmenu:hover { color:#fdc634 }



/* scroll 버튼 */
#scroll_left_ad {
	width:170px;
	height:250px;
	border:0px solid grey;
	position:fixed;
	left:10px;
	top:320px;
	/*top:600px;*/
}
#scroll_left_ad_text {
	width:125px;
	padding:5px 10px;
	margin:0px 0px 5px 0px;
	border:0px solid grey;
	border-radius:20px;
	background-color:skyblue;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#scroll_left_ad_inner {
	width:150px;
	height:200px;
	padding:10px;
	border:0px solid grey;
	border-radius:10px;
	background-color:skyblue;
	cursor:pointer;
}
#scrollpg {
	border: 0px solid grey;
	width: 150px;
	height: 138px;
	background-image: url('/images/party1010/psbanner.png');
	position: fixed;
	right: 0px;
	top: 320px;
	cursor: pointer;
}
#scrolltop {
	border: 0px solid grey;
	width: 50px;
	height: 50px;
	background-image: url('./images/scrolltop.png');
	position: fixed;
	right: 0px;
	bottom: 110px;
	cursor: pointer;
}
#scrollbottom {
	border: 0px solid grey;
	width: 50px;
	height: 50px;
	background-image: url('./images/scrollbottom.png');
	position: fixed;
	right: 0px;
	bottom: 50px;
	cursor: pointer;
}



/* 작성자 출처 */
div.writer {
	margin: 30px 0px 20px 0px;
	border: 0px solid black;
	font-family: MapleStoryL;
	font-size: 15px;
	text-align: right;
}

span.writer {
	background-color: #2e455f;
	border: 1px solid #2e455f;
	border-radius: 15px;
	margin: 0px 0px 0px 3px;
	padding: 1px 7px 1px 7px;
	color: #EDEDED;
}



/* 여기서 잠깐 */
.here1 {
	/*border: 10px solid black;*/
	margin: 20px 10px 0px 10px;
}
.here2-1 {
	border: 2px solid #757575;
	border-bottom: none;
	border-radius: 10px 10px 0px 0px;
	width: 200px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	float: left;
	background-color: skyblue;
	position:relative;
	top: 2px;
}
.here2-2 {
	border: none;
	margin-left: 220px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
.here3 {
	border: 2px solid #757575;
	border-radius: 0px 10px 10px 10px;
	padding: 10px;
	clear: left;
}
.here_title {
	font-weight: bold;
	margin: 5px 0px 10px 0px;
}
.here_bullet {
	text-indent: -20px;
	margin: 0px 0px 5px 20px;
}
.here_img {
	margin: 5px 0px 5px 20px;
}



/* navi text */
.navibox {
	width: 950px;
	margin: 30px auto 50px auto;
	border-radius: 20px;
	padding: 10px;
	background-color: #b9eaff;
}
.navi {
	font-family: MapleStoryL;
	font-size: 20px;
}
.navi1 {
	width: 41px;
	height: 61px;
	margin: 0px 5px 0px 5px;
}



/* 광고 */
.ad_top {
	margin: 5px auto 0px auto;
}
.ad_bottom {
	margin: 0px auto 5px auto;
}



/* 텍스트 */
.bodytext1 {
	font-family: MapleStoryL;
	font-size: 18px;
	padding: 0px 5px 0px 5px;
}
.bgcolor1 {
	background-color: #99dcff;
	color: #333333;
	padding: 0px 5px 0px 5px;
}
.bgcolor2 {
	background-color: #a6ff4d;
	color: #333333;
	padding: 0px 5px 0px 5px;
}
.bgcolor3 {
	background-color: #ffdaed;
	color: #333333;
	padding: 0px 5px 0px 5px;
}
.bgcolor4 {
	background-color: #0000ff;
	color: #333333;
	padding: 0px 5px 0px 5px;
}
.bgcolor5 {
	background-color: #e4ff75;
	color: #333333;
	padding: 0px 5px 0px 5px;
}
.bgcolor6 {
	background-color: #ffa700;
	color: #333333;
	padding: 0px 5px 0px 5px;
}
.bgcolor7 {
	background-color: #cc9900;
	color: #333333;
	padding: 0px 5px 0px 5px;
}
.bgcolor8 {
	background-color: #009999;
	color: #333333;
	padding: 0px 5px 0px 5px;
}
.bgcolor9 {
	background-color: #ff6600;
	color: #333333;
	padding: 0px 5px 0px 5px;
}
.bgcolor10 {
	background-color: #ff0000;
	color: #333333;
	padding: 0px 5px 0px 5px;
}
.dashed {
	border: none;
	border-bottom: 2px dashed #cdcdcd;
	background-color: #fafafa;
}