@charset "EUC-KR";

/*-------------------------------------------------------- global */
html, body, div, span, img, applet, embed, canvas, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, u, i, s, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background:none repeat scroll 0 0 transparent;
    border:0;
    color:inherit;
    font-size:100%;
    letter-spacing:normal;
    margin:0;
    outline:0;
    padding:0;
    text-align:left;
    vertical-align:baseline;
}
html {height:100%;}
body {
    color:#000;
    background:#FFF;
    font:75%/1 "µ¸¿ò", Dotum, Arial, sans-serif;
    height:100%;
    position:relative;
}
/* TABLE */
table {border-collapse:collapse; border-spacing:0;}
table caption {display:none;}
table th {font-weight:bold;}
table th, table td {vertical-align:top;}
/* FORM */
legend {display:none;}
input, select, textarea, button {vertical-align:middle; display:inline-block;}
select, textarea {border:1px solid #bbb;}
select {height:20px;}
textarea {overflow:auto;}
button {
    letter-spacing:normal;
    margin:0;
    outline:0 none;
    padding:0;
}
input.text {border:1px solid #bbb; height:14px; padding:2px; width:140px;}
input.text:focus, textarea:focus, select:focus {border-color:#666;}
input.radio, input.checkbox {margin:0 3px 3px 0; width:13px; height:13px;}
/* ETC */
a, a:link, a:visited, a:active {text-decoration:none;}
form dt, form dd {position:relative;}
.hidden {display:none;}
.btn {
    background:none no-repeat scroll 0 0 transparent;
    border:0;
    cursor:pointer;
    display:inline-block;
    margin:0;
    overflow:hidden;
    padding:0;
    text-decoration:none !important;
    white-space:nowrap;
}
/*------------------------------------------------------- event main page */
#wrapper div img {display:block;}
#msg_event {
    background:transparent url("https://img.appstory.co.kr/www.appstory.co.kr/event/bongshin_02.jpg") no-repeat left top;
    height:397px;
    width:770px;
}
#msg_list_wrap {padding-top:35px;height:255px;width:653px;margin-left:57px;}
#msg_event .info {
    line-height:normal;
    margin-top:20px;
    text-align:center;
    font-weight:bold;
    color:#8F8F91;
}
#msg_event .info a {color:#C9C9CB;}
#msg_event .info strong {color:#8F8F91;}

/* ÃÖ±Ù µî·ÏµÈ URL 5°³ */
.board {
    width:650px;
    position:relative;
    margin:0;
    padding:0;
}
/* ¸®½ºÆ® */
.list_wrap {height:250px;}
.board table {width:100%;}
.board td, .board th {
    color:#9DA9A9;
    height:51px;
    line-height:51px;
    padding:0 5px;
    vertical-align:middle;
    white-space:nowrap;
}
.board td.col2 {width:100%; white-space:normal;}
.board td.col2 p {width:475px;line-height:1.2;overflow:hidden; white-space:normal;}
.board td.col2 .del_btn {color:red; float:left; margin-right:5px;}
.board td.col3 {text-align:center;}

/* ¸Þ¼¼Áö µî·Ï Æû*/
#msg_event {overflow:hidden;}
#msg_event dl {overflow:hidden;padding:13px 0 0 74px;}
#msg_event dd {overflow:hidden;padding-top:4px;width:100%;}
#msg_event dd input {float:left;}
#gunju {width:202px;padding-bottom:1px;}
#gunju, #msg {
    background-color:#222127;
    border:1px solid #373946;
    color:#707A84;
    font-weight:bold;
}
.board form {
	overflow:hidden;
	width:100%;
    position:relative;
}
#msg {
	float:left;
	height:29px;
	line-height:29px;
	padding:2px 2px 0;
	width:477px;
}
#type_count {
	background-color:#DCDADB;
	border:1px solid #D5D5D5;
	border-left:none;
	color:#716F70;
	float:left;
	height:31px;
	line-height:31px;
	text-align:center;
	width:44px;
}
#type_count strong {font-weight:normal;}
#type_count .over {color:red;font-weight:bold;}
#msg_event span.btn {
    display:block;
    height:51px;
    position:absolute;
    right:76px;
    top:22px;
    width:83px;
    
}
/* paging */
.page_link {padding:5px 0 0; text-align:center;}
.page_link a,
.page_link strong,
.page_link span {
	position:relative;
	color:#323232;
	font:bold 12px/16px Tahoma, Sans-serif;
	display:inline-block;
	padding:1px 8px;
	margin:0 -1px 0 0;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	z-index:2;
}
.page_link a {text-decoration:none;}
.page_link a:hover,
.page_link a:active,
.page_link a:focus { background-color:#E7E7E7;}
.page_link strong{ color:#E42F00;}
.page_link .direction {
	margin:0;
	padding:1px 5px;
	border:0;
	z-index:1;
	color:#767676;
	font-weight:normal;
}
.page_link a.direction:hover,
.page_link a.direction:active,
.page_link a.direction:focus {color:#000;background:none;}

/*----------------------------------------------------------- msg list Æ˾÷ */
.pop #msg_event {
    height:560px;
    background:transparent url("https://img.appstory.co.kr/www.appstory.co.kr/event/bongshin_list_pop.jpg") no-repeat left top;
    width:716px;
}
.pop #msg_list_wrap {
    background:none;
    height:508px;
    margin:0 0 0 32px;
    padding:0;
    width:651px;
}
.pop .board td.col2 p {width:460px;}

.pop .page_link {padding-top:16px;}
.pop .page_link a,
.pop .page_link span {color:#9DA9A9;}
.pop .page_link strong { color:#079AEA;}
.page_link a:hover,
.page_link a:active,
.page_link a:focus { background-color:#3A3A3A;}