@import url("./layout.css");     /* layout css*/
@import url("./board.css");     /* board css*/
@font-face {font-family:'NanumGothic';
			src:url(../_font/nanum.eot); 
			src:local('☺'), url(../_font/nanum.woff) format("woff") , url(../_font/nanum.ttf) format("truetype");
}
@font-face {font-family:'NanumBarunGothic';
			src:url(../_font/nanum.eot); 
			src:local('☺'), url(../_font/NanumBarunGothic.woff) format("woff") , url(../_font/NanumBarunGothic_0.ttf) format("truetype");
}
/* 기본 left 정렬 */

*{margin:0px;padding:0px;}
/*html,body{width:100%;height:100%;}*/
body{ background:ulr(foo) fixed; }

html{overflow-y:scroll;}

form, td, div, span, ul, li, dl, dt, dd, textarea, h2, h3 {margin:0px;  padding:0px;}
body, table, th, td { color:#2A2A2A; font:normal 12px/1.7 NanumBarunGothic,Gulim,GulimChe, Dotum,DotumChe,verdana;*word-break:break-all;-ms-word-break:break-all;}

table { border:0px; border-spacing: 0px;  border-collapse: collapse; }
img, fieldset { border:0 none;}
form, fieldset { display: inline;}
input,select{vertical-align:middle;}
legend, caption { display: none; }
a:link { text-decoration: none; color: #666666; }
a:visited { text-decoration: none; color: #666666; }
a:active { text-decoration: none; color: #666666; }
a:hover {  text-decoration:none; color:#0150A1; }

a.awhite:link { text-decoration: none; color: #ffffff; }
a.awhite:visited { text-decoration: none; color: #ffffff; }
a.awhite:active { text-decoration: none; color: #ffffff; }
a.awhite:hover {  text-decoration:none; color:#ffffff; }


.al{text-align:left;}	.ar{text-align:right;}	.ac{text-align:center;}	.aj{text-align:justify;}
.at{vertical-align:top;}	.am{vertical-align:middle;}	.ab{vertical-align:bottom;}


.fix input { border:1px solid #C1C1C1; background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:99%; vertical-align:middle;}
.input30 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:30px;}
.input35 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:35px;}
.input40 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:45px;}
.input50 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:50px;}
.input70 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:70px;}
.input80 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:80px;}
.input90 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:90px;}
.input100 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:100px;}
.input120 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:120px;}
.input150 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:150px;}
.input200 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:200px;}
.input230 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:230px;}
.input250 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:250px;}
.input300 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:300px;}
.input330 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:330px;}
.input350 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:350px;}

.input_70 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:80%;}
.input_80 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:85%;}
.input_90 { border:1px solid #C1C1C1;background-color:#ffffff; height:20px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:90%;}

input.login { border:0px; width: 53px; height:45px; padding-top:0px;}
input.board { border:0px; width: 50px; height:25px; padding-top:0px;}
input.search { border:0px; width: 50px; height:21px;}
input.search2 { border:0px; width: 140px; height:43px; margin-top:0px;}
input.search3 { border:0px; width: 90px; height:21px;}
input.search4 { border:0px; width: 100px; height:21px;}
input.nobox { border:0px; width: 44px; height:20px; padding-top:0px;}
input.nobox2 { border:0px; width: 44px; height:18px; padding-top:0px;}

input.member { BORDER-RIGHT: #CEDFF3 1px solid; BORDER-TOP: #CEDFF3 1px solid; BORDER-LEFT: #CEDFF3 1px solid; BORDER-BOTTOM: #CEDFF3 1px solid;
					background-color:#F0F5FA; width: 103px; height:19px; font-size:12px; font-family:Dotum,DotumChe,verdana; color:#333333; }
input.stamp { border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #DBDBDB;
					background-color:#FDFDFD; height:18px; font-size:12px; font-family:Dotum,DotumChe,verdana; width:40px;}

input.blue { width:50px; height:22px; margin:0px; padding:2px 0px 0px 0px; border:0px; background:#fff url('../images/board_write.gif') no-repeat top; font-weight:bold;color:#fff;}

textarea.cs { border:1px solid #DBDBDB; background-color:#ffffff; font-size:12px; font-family:Gulim,GulimChe,verdana; width:99%;line-height:14pt;padding:5px; overflow-y:scroll; overflow-x:hidden;}
.text_blue {font-weight:bold;line-height:14pt;color:#006AE5;}


.radio { border:0px; background-color:#ffffff; width:13px; vertical-align:middle;}
.radio2 { border:0px; background-color:#F3F3EE; width:13px; vertical-align:middle;}
.checkbox { border:0px; background-color:#ffffff; width:13px; vertical-align:middle;}
.checkbox2 { border:0px; background-color:#F3F3EE; width:13px; vertical-align:middle;}

.blank { padding:0px; margin:0px; border-right:0px;}
ul,ol {list-style:none; padding: 0px; margin: 0px;}
ol li, ul li { display: inline; padding: 0px; margin: 0px;}

.hid {visibility: hidden;font-size:0; width:0;height:0;line-height:0; overflow:hidden;}

.border {border: 1px #000000 outset}
.border_photo {border: 1px #ddd outset}
.line_dot { width:100%; height:10px;padding:0px;margin-top:10px; background: url(../images/line.gif) repeat-x;}



input.button { width:44px; height:22px; margin:0px; padding:2px 0px 0px 0px; border:0px; background:#fff url('../images/board_edit.gif') no-repeat top; font-weight:normal;color:#41494E;vertical-align:middle;}



/* height 여백 */
.sp2 { height: 2px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp3 { height: 3px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp5 { height: 5px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp6 { height: 6px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp10 { height: 10px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp15 { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp15_left { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; background:#F8F8F8;}
.sp20 { height: 20px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp30 { height: 30px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp35 { height: 35px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp40 { height: 40px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp45 { height: 45px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp50 { height: 50px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp100 { height: 100px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp400 { height: 400px; width:1px; font-size: 0; line-height: 0; clear:both; }


/*  메인 공지사항 박스  */
.box_info {width:363px; height:240px; padding:0px; border:1px solid #CDCDCD; background:#fff;}
.box_info h2{margin-bottom:0px;height:40px;}
.box_info ol {position:absolute; width:335px; clear:both; list-style:none; display:block;margin:0px; padding:3px 14px 0 14px; color:#555; }
.box_info ol li {clear:both; width:335px; margin:0 auto; padding:0; overflow:hidden;line-height:270% !important; display:block;}
.box_info ol li p {font-weight:bold;float:left; padding:0; /*letter-spacing:-0.02em;*/ padding-left:14px; text-decoration:none; background:url('../images/ball.gif') no-repeat 3px 45%;}
.box_info ol li p.first {vertical-align:top; line-height:790%;}
.box_info ol li span.detail {float:right; width:220px; font-size:1.0em;}
.box_info ol li span.first {line-height:200%;}
.box_info ol li span.first div.stitle { float:left; width:90px;}
.box_info ol li span div.svale { float:left; width:130px; color:#3498db; font-weight:bold;}

.line_bg { background:url('../images/line.gif'); height:1px; line-height:1px; width:100%; display:table;}

/*  메인 공지사항 박스  */
.box_notice {width:363px; height:240px; padding:0px; border:1px solid #CDCDCD; background:#fff;}
.box_notice h2{margin-bottom:0px;height:40px;}
.box_notice ol {position:absolute; width:335px; clear:both; list-style:none; display:block;margin:0px; padding:3px 14px 0 14px; color:#555; background:url(../images/table_box.gif) repeat-x center top;}
.box_notice ol li {clear:both; width:335px; margin:0 auto; padding:0; overflow:hidden;line-height:270% !important;}
.box_notice ol li p {float:left; width:255px; padding:0; /*letter-spacing:-0.02em;*/ display:table-cell;  overflow:hidden; height:32px;}
.box_notice ol li p a {padding-left:14px; text-decoration:none; background:url('../images/ball.gif') no-repeat 3px 45%;}
.box_notice ol li p a:hover {color:#000000 !important; text-decoration:none;}
.box_notice ol li span.date {float:right; font-size:0.9em; width:80px;}

.dk { display:block; }
.lbk { display:block; float:left;}
.tc { display:table-cell; }
.dt { display:table;}

#bar-page-chart    {
	display:block;
	width: 748px;
	height:280px;
	border: 1px solid  #cdcdcd;
	margin:0 0 10px 0;
}
	#chart1
	{
		width:250px;
		display:block;
		height:260px;
		padding-right:15px;
		float:left;

	}
	#chart2 
	{
		width:483px;
		height:260px;
		display:block;
		float:left;
	}
#bar-count-chart    {
	display:block;
	width: 748px;
	height:200px;
	border: 1px solid  #cdcdcd;
	margin:0 0 10px 0;
}
#list-new-ucc
{
	display:block;
	width: 750px;
	height:165px;
	margin:0 0 10px 0;
	background:url('../images/table_box_vod.gif');
}
	.ucc_group
	{
		display:block;
		float:left;
		width:250px;
		height:146px;
		padding:15px 0 0 0;
	}
		.ucc_cover 
		{
			display:block;
			text-align:center;
			background:url("../images/play.png");
			width:155px;
			height:116px;
			margin-left:47px;
		}
			.ucc_cover img {
				position:absolute;
				margin:7px;
				width:141px;
				height:102px;
				z-index:10;
				*margin-left:-70px;
			}
			.ucc_play{
				position:absolute;
				background:url("../images/play.png");
				width:155px;
				height:116px;
				z-index:20;
				cursor:pointer;
				*margin-left:-77px;
			}
		.ucc_title
		{
			display:block;
			padding:10px 30px 0 30px;
			width: 190px;
			height:20px;
			overflow:hidden;
			white-space:nowrap; 
			text-overflow:ellipsis;
			text-align:center;
		}
#list-new-book
{
	display:block;
	width: 750px;
	height:190px;
	margin:0 0 10px 0;
	background:url('../images/table_box_book.gif');
}
	.nb_box_cover {
		display:block;
		padding:20px 10px 0px 30px;
		width:101px;
		height:135px;
		float:left;
	}
	 .mcover {
		border:1px solid #898c93;
		width:98px;
		height:133px;
	 }
	.nb_box_button {
		display:block;
		float:left;
		padding: 20px 30px 0px 0px;
		width: 79px;
		height:135px;
		vertical-align:top;
	}
		.nb_box_button img {
			display:block;

		}
	.nb_box_title {
		display:block;
		padding:0px 30px 0 30px;
		width: 190px;
		height:20px;
		overflow:hidden;
		white-space:nowrap; 
		text-overflow:ellipsis;
		clear:both;
	}

.nb_group {
	display:block;
	float:left;
	width:250px;
	height:190px;
	
}

.mdate img {margin-right:1px;}

.box_right
{
	width:340px;
}
.no-line { line-height:0px; }
.box_right ul {list-style:none; padding:0; margin:0;}
.box_right li {
	display:block;
	background:url('../images/right_box_center.gif') repeat-y;
	width:340px;
	height:41px;
	padding: 0px;
	margin:0px;
}

.box_subject {
	width:213px;
	height:20px;
	margin : 10px 10px 10px 40px;
	display:block;
	color:#2A2A2A; font:normal 12px/1.7 '굴림',Gulim,GulimChe, Dotum,DotumChe,verdana;*word-break:break-all;-ms-word-break:break-all;
	float:left;
	overflow:hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
}
.box_icon {
	display:block;
	float:right;
	width:27px;
	height:27px;
	margin : 7px 40px 6px 0px;
	background:url('../images/btn/bt_delete.gif');
	cursor:pointer;
}

.rdot
{
	display:block;
	width:300px;
	height:1px;
	line-height:1px;
	background:url('../images/rline.gif');
	clear:both;
	margin:0px 20px; 
}

.guess_title {position:relative;}
.guess_title img
{	
	position:absolute; 
}

.ftitle { font-size:1.4em; font-weight:bold; color:#5b747e; }
.w160 { width:160px; display:block; float:left;}
.w200 { width:200px; display:block; float:left;}
.w250 { width:250px; display:block; float:left;}
.w300 { width:300px; display:block; float:left;}
.w320 { width:320px; display:block; float:left;}
.w360 { width:360px; display:block; float:left;}
.w590 { width:590px; }
.w290 { width:290px; }
.w390 { width:390px; }
.w150 { width:150px; }
.w100 { width:100px; }
.mt50 { padding-top:50px; clear:both;}
.mt25 { padding-top:25px; clear:both;}
.mt15 { padding-top:15px; clear:both;}
.h200 { height:200px; }
.h250 { height:250px; }
.h50 { height:50px; }
.h80 { height:80px; }
.gs1 { display:block;padding-right:10px; width:60px; height:30px; float:left; text-align:center; font-weight:bold;}
.gs3 { display:block; padding-right:5px; width:20px; height:30px; float:left; text-align:center;font-weight:bold;}
.gs2 { display:block; width:120px; height:30px; float:left; text-align:center;font-weight:bold;}


.ui-button-text{ *font:normal 11px/1.2 '굴림',Gulim,GulimChe, Dotum,DotumChe,verdana;}