@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:dotum;background:#292929 url('../img/bg.png') repeat;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}

.clear {clear:both;}
.onspan {cursor:pointer;font-weight:bold;}
.onspan:hover {text-decoration:underline;}

#wrap {position:relative;width:900px;margin:0 auto;background-color:#fff;border:1px solid #777;border-top:0;}

#top {line-height:36px;height:36px;text-align:center;color:#fff;font-weight:bold;font-size:1.1em;}

#head_info {padding:0px 0px;background-color:#fff;border-bottom:1px solid #cacaca;}

#info_table {width:100%;border-collapse:collapse;border-spacing:0;}
#info_table th {width:70px;padding:7px 10px;border-top:1px solid #ddd;border-right:1px solid #ddd;background:#f5f8f9;text-align:left}
#info_table th.th2 {border-left:1px solid #ddd;;}
#info_table td {padding:7px 10px;border-top:1px solid #ddd;background:transparent}
#info_table td img {padding-bottom:1px;}

#file_box {position:relative;margin:7px;padding:0px;border:2px solid #777;background-color:#777;}
#file_box .file_div {padding:0px;padding-top:0;background-color:#fff;}
#file_table {width:100%;margin-top:3px;}
#file_table th,
#file_table td {line-height:32px;height:32px;}
#file_table th {}
#file_table th.subject {padding-left:5px;text-align:left;}
#file_table td .file_01 {color:#ff0000;}
#file_table td .file_02 {color:#555555;font-weight:normal;}
#file_table td {border-top:1px dotted #777;}
#file_table td.file_list {border-bottom:0;}
#file_table .file_01 {padding:3px 0 3px 28px;background:url('../img/save.png') no-repeat left center;}
#file_table .file_02 {padding:3px 0 3px 28px;background:url('../img/save.png') no-repeat left center;}

.btn_you { display:inline-block;margin:4px 0px;line-height:100%;font-weight:bold;;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;	color:#333333;background-color:#ffffff;border-color:#aaa; padding:7px 10px;font-size:12px;border-radius:3px; text-decoration:none; }

#main {position:relative;padding:10px;border-top:1px solid #555;}
#main .dn_btn {margin:30px 0;text-align:center;}
#main .msgbox {margin:0 auto;padding:10px 0 30px;text-align:center;font-size:13px;line-height:30px;font-weight:bold;}
#main .msg_01 {color:#0068b7;}
#main .msg_02 {color:#ff0000;}
#main .msg_03 {color:#1ba100;}

/* 본문 부분 */
#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_img {margin:20px 0 50px 0;text-align:center;}

#main .player {position:relative;width:786px;height:548px;margin:30px auto;background:url('../img/player.png') no-repeat;}
#main .player_top {position:absolute;top:0;left:0;width:786px;line-height:27px;height:27px;color:#eee;text-align:center;}
#main .player_btn {position:absolute;top:205px;left:342px;width:100px;height:100px;background:url('../img/player_btn.png') no-repeat;}
#main .player_btn:hover {background-image:url('../img/player_btn_a.png');}
#main .player_bar {position:absolute;bottom:0;left:234px;width:320px;height:60px;}

/* 댓글 부분 */
#comment {border-top:1px dotted #777;padding-top:10px;}

#comment .cmt_msg {line-height:30px;height:30px;padding-left:5px;color:#ff0000;}

#comment .cmt_write {position:relative;}
#comment .cmt_input {float:left;width:765px;border:1px solid #bbb;line-height:28px;height:28px;}
#comment .sbm_input {float:right;width:100px;border:1px solid #bbb;line-height:30px;height:30px;background-color:#fff;}

#comment .cmt_list {margin-top:20px;}
#comment .cmt_list ul {margin:0;padding:0;border-top:1px dotted #bbb;}
#comment .cmt_list li {position:relative;line-height:30px;height:30px;padding:0 5px;list-style:none;border-bottom:1px dotted #bbb;}
#comment .cmt_list li .cmt-icon {float:left;width:24px;height:24px;margin-right:5px;}
#comment .cmt_list li .cmt-icon img {width:24px;height:24px;}
#comment .cmt_list li .cmt-name {float:left;width:100px;font-weight:bold;color:#555;}
#comment .cmt_list li .cmt-text {float:left;width:500px;color:#333;}
#comment .cmt_list li .cmt-text span {padding-right:18px;background:url('../img/cmt_new.gif') no-repeat right center;}
#comment .cmt_list li .cmt-date {float:right;width:120px;text-align:right;color:#777;}

/* Footer(하단) 부분 */
#footer {position:relative;width:900px;margin:0 auto 0;padding:10px 0;font-size:11px;color:#777;line-height:160%;background-color:#f0f0f0;border:1px solid #999;border-top:2px solid #888;text-align:center;}