@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:dotum;background:#fff/* 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;}
#file_table .f_avi {padding:3px 0 3px 28px;background:url('../img/icon_avi_16x.gif') no-repeat left center;}
#file_table .f_zip {padding:3px 0 3px 28px;background:url('../img/icon_zip_16x.gif') no-repeat left center;}
#file_table .f_txt {padding:3px 0 3px 28px;background:url('../img/icon_txt2_16x.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_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;}

/* 광고부분 */

#wrap .adbottom {text-align:center;margin-bottom:20px;z-index:9999;}

#wrap .adside_left .adl_title,
#wrap .adside_right .adl_title {text-align:center;font-size:14px;font-weight:bold;color:#ff0000;}

div.backLayer {
	display:none;
	background-color:black; 
	position:absolute;
	left:0px;
	top:0px;
	z-index:9999;
}

div#loadingBox{
	display: none;
	position: absolute;
	width:640px;
	height:374px;
	z-index:99999;
}

.pb_BOX {
	position: absolute;
	top: 54px;
	left: 79px;
	width: 500px;
	height: 11px;
	margin: 0 auto;
}
.pb_BOX2,
.pb_BOX3 {
	position:absolute;
	left:400px;
	width:135px;
	height:15px;
	color:#fff;
	font-size:11px;
}
.pb_BOX2 {
	top:162px;
	background:#ccc;
}
.pb_BOX3 {
	top:186px;
	background:#ddd;
}

.ldBOX {
}
.boxbody {
	position:relative;
	width:640px;
	height:374px;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 10px 10px #333;
	-moz-box-shadow: 0 0 10px 10px #333;
	-webkit-box-shadow: 0 0 10px 10px #333;
}
.progress_CL {
  width: 0;
  height: 11px;
  line-height: 11px;
  border-radius: 0px;
  font-family: calibri;
  color: white;
  text-align: center;
  overflow: hidden;
}
.progress_CL2 {
  width: 0;
  height: 15px;
  line-height: 15px;
  border-radius: 0px;
  font-family: calibri;
  color: white;
  text-align: center;
  overflow: hidden;
}
.pb_percent {position:absolute;top:53px;left:586px;color:#2463b0;font-size:11px;font-weight:bold;}

.ld_title {position:absolute;top:15px;left:37px;color:#1d1d1d;font-family:'굴림', Gulim, Sans-serif;font-weight:bold;}
.flist_01 {position:absolute;top:162px;left:18px;color:#2263b2;padding-left:21px;line-height:17px;}
.fiist_02 {position:absolute;top:186px;left:18px;color:#2263b2;padding-left:21px;line-height:17px;}
.fl_avi {background:url('../img/icon_avi_16x.gif') no-repeat left -1px;}
.fl_zip {background:url('../img/icon_zip_16x.gif') no-repeat left -1px;}
.fl_smi {background:url('../img/icon_txt_16x.png') no-repeat left -1px;}

.ld_hd {width:92px;height:15px;line-height:15px;color:#666666;}
.ld_hd01 {position:absolute;top:86px;left:83px;}
.ld_hd02 {position:absolute;top:86px;left:401px;}
.ld_hd03 {position:absolute;top:107px;left:83px;}
.ld_hd04 {position:absolute;top:106px;left:401px;color:#2263b2;}

.flist_tl_01 {position:absolute;top:163px;left:537px;width:92px;height:15px;line-height:15px;color:#2263b2;text-align:center;}
.flist_tl_02 {position:absolute;top:187px;left:537px;width:92px;height:15px;line-height:15px;color:#2263b2;text-align:center;}