@charset "utf-8"; 

@import url('button.css');

ul, li {margin:0;padding:0;list-style:none;}
hr{display:none;}
caption{	display:none;}
legend{ position:absolute; width:0; height:0; overflow:hidden; font-family:Sans-serif; visibility:hidden;}


/**********   list  *************/
#list_top { clear:both;height:17px;margin-bottom:5px;margin-top:12px;}
#list{	border:0; border-spacing:0; border-collapse:separate; border-color:#fff;}
#list th{color: #000000; font-weight: bold;border:0;height:31px;background:#fff url(images/bgThDefault.gif) repeat-x left bottom;border-left:1px solid #fff; border-bottom: 1px solid #fff; vertical-align:middle;text-align:center;}
#list th.first-child{color: #000000; border-left:0; vertical-align:middle;text-align:center;}
#list td{color: #000000; vertical-align: middle; border-left-style:hidden;padding:3px; border-bottom:1px solid #ddd; background: url(images/lineVr11.gif) no-repeat left center;}
#list td.first-child{color: #000000; border-left:0;background: none;}

#list a { color:#000000; }
#list a:active,  
#list a:focus,
#list a:hover { color: #259AFF; }

#bottom {margin-top:10px; }
#bottom .btm_left{float:left;}
#bottom .btm_right{float:right;}

#page {	text-align:center;	clear:both;}
#search {text-align:center;}
#view_bottom1{padding:10px 0 0 0;}
/* Pagination Reset */
#page{ padding:10px; margin:0; text-align:center;}
#page *{ margin:0; padding:0;}
#page img{ border:0;}
#page a,
#page .page_on{ position:relative; display:inline-block; text-decoration:none;line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
#page a:hover,
#page a:active,
#page a:focus{ background-color:#f4f4f4 !important; }
#page .page_on{ color:#7e0d08 !important; text-decoration:underline;}
#page a.prev,
#page a.prevEnd,
#page a.next,
#page a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

/* Pagination A1 */
#page a,
#page .page_on{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd;  font-weight:bold; font-size:12px; background:#fff;}
#page a.prev{ padding-left:10px; background:#fff url(images/arrowPrevA1.gif) no-repeat left center; }
#page a.prevEnd{ padding-left:15px; background:#fff url(images/arrowPrevEndA1.gif) no-repeat left center; }
#page a.next{ padding-right:10px; background:#fff url(images/arrowNextA1.gif) no-repeat right center; }
#page a.nextEnd{ padding-right:15px; background:#fff url(images/arrowNextEndA1.gif) no-repeat right center; }

.boardSearchForm *{ margin:0; padding:0;}
.boardSearchForm fieldset{ border:0; position:relative; clear:both; text-align:center;}
.boardSearchForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.boardSearchForm fieldset *{ vertical-align:middle;}
.boardSearchForm legend{ position:absolute; width:0; height:0; overflow:hidden; font-family:Sans-serif; visibility:hidden;}
.boardSearchForm select{ font-size:12px; height:23px;border:1px solid #ccc;}
.boardSearchForm input{}


/**********  write  *************/
.write .writeBody{ padding:20px; margin:10px 0; background:#f4f4f4; border-radius:5px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; background:url('images/bgWrite.gif') left top repeat-x;}
.write .star{ font-weight:bold; color:#3d8e2a; }
/* .write label{display:block;} */
/*
.write input,
.write textarea{border:1px solid #ccc; background:#fff; height:18px;}
*/
.BoardInputText {
	border:1px solid #9BC3DD; background:#FFFFFF; height:18px;
}
.write dl{ margin-bottom:10px;}
.write dt{ float:left; width:130px; font-weight:bold; clear:left; padding-top:5px;}
.write dd{ margin-left:130px; clear:right; padding:2px;}
.write .writeBody{ margin-bottom:10px;}
/*
.write .writeBody textarea{ width:95%; height:100px; overflow:auto; font-size:1em; margin-bottom:10px;}
*/
.write .boardNavigation{ padding:10px 0; clear:both; text-align:center;}


/**********  view  *************/
#view_top {height:30px;}
#view_bar {height:31px; background: url(images/bgThDefault.gif) repeat-x left bottom;}
#view_bar .subject {color: #000000; font-weight: bold;margin-top: 8px; margin-left: 0px;float:left;}
#view_bar .subject h2{visibility:visible; width:100%; height:100%; color: #000000; display:block; font-size:1em; background:none; padding:0; margin:0;}
.view_info {color: #000000; border-bottom:1px #eee solid;padding:10px 0;}
.view_info li{color: #000000; background: url(images/iconView.gif) no-repeat left 5px;padding-left: 15px;}

.view_info li a { color:#000000; }
.view_info li a:active,  
.view_info li a:focus,
#view_info li a:hover { color: #259AFF; }

.view_info li .title{color: #000000; font-weight: bold;}
.view_info:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;	}	
/* Hides from IE-mac \*/
* html #view_info {height: 1%;}
/* End hide from IE-mac */	
#view_contents {color: #000000; border-bottom:1px #eee solid;padding:15px 0;}
#view_contents .data_view {}
#view_bottom {margin: 10px 0;}
#view_bottom .btm_left{float:left;}
#view_bottom .btm_right{float:right;}
#view_bottom:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}	
/* Hides from IE-mac \*/
* html #view_bottom {height: 1%;}
/* End hide from IE-mac */

.comment {clear:both;border-top:2px #eee solid;border-bottom:1px #eee solid;}
.comment dl {padding: 10px 0;border-bottom:1px #eee solid;}
.comment .no {width:20px;float:left;}
.comment .subject {float:left;text-align:left;font-weight: bold;}
.comment .btn {width:80px;float:right;text-align:right;}
.comment .date { float:left;}
.comment .name {float:left;}
.comment .text {clear:both;}
.comment:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}	
/* Hides from IE-mac \*/
* html .comment {height: 1%;}
/* End hide from IE-mac */

.replyForm{ padding:10px 20px 15px 20px; margin:10px 0; background:#f4f4f4; border-radius:5px;}
.replyForm *{ margin:0; padding:0;}
.replyForm fieldset{ border:0;}
/* .replyForm label{display:block;} */
.replyForm .title{ font-size: 13px;}
.replyForm textarea{ width:95%; height:50px; }
.replyForm input,
.replyForm textarea{}
.replyForm dl{ margin-bottom:10px;}
.replyForm dt{ width:50px; float:left; font-weight:bold;}
.replyForm dd{ margin-bottom:5px;margin-right: 10px; float:left;}
.replyForm .buttonArea{margin-top: 10px; float: right;}




/**********   gallery  *************/
#gallery_list{ float:left;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding:10px 0;}
#gallery_list dl{ float: left; margin-right: 22px; text-align: center; margin-bottom: 10px; padding-bottom:5px;width:122px; height: 130px;}
#gallery_list dt{ border:1px solid #ddd; padding:3px;}
#gallery_list .img img {max-width:100%;}
#gallery_list .img a:hover img { border-color: orange; background: #fff;}
#gallery_list .title {letter-spacing:-1px;}
#gallery_list .date { font-size: 0.9em; color: #ccc; line-height: 100%;}
#gallery_list:after{ content:""; display:block; float:none; clear:both;}
/* Hides from IE-mac \*/
* html #gallery_list {height: 1%;}
/* End hide from IE-mac */


/**********   calender  *************/
#calender_top{position:relative;}
#calender_month{ background: url(images/calender_month_bg.gif) 0 bottom no-repeat; width: 195px; float: left;}
#calender_month .month_date { background: url(images/calender_month_bg.gif) 0 0 no-repeat;text-align: center; padding-top: 20px; padding-bottom: 10px; font-weight:bold;}
#calender_month .month_date .prev{}
#calender_month .month_date .next{}
#calender_month .month_table{ width: 140px; margin:0 auto; margin-bottom: 20px;}
#calender_month .month_table th{ background:url(images/calender_month_th.gif) 0px -20px repeat-x; font-size: 9px; font-family: Verdana;line-height:10px; height: 12px;}
#calender_month .month_table .sun{background:url(images/calender_month_th.gif) 0px 0px repeat-x; color: #fff;}
#calender_month .month_table .set{background:url(images/calender_month_th.gif) 0px -40px repeat-x; color: #fff;}
#calender_month .month_table .today{ color: orange; font-weight:bold;}
#calender_month .month_table td{ font-size: 10px;font-family: Verdana; text-align:right; border-bottom: 1px solid #ddd;}

#calender_today{ min-height: 130px;margin-left: 200px;border:1px solid #ddd;background:url(images/calender_today_bg.gif) 0 0 repeat-x; padding: 20px 10px;}
#calender_today .date{color:#a5693c; font-weight:bold;}
#calender_today dl{margin:0;padding:0;margin-top: 10px;}
#calender_today dl dt{float:left;padding-left: 30px; padding-right: 0px; color:orange;background: url(images/calender_today_list.gif) left 0px no-repeat;}
#calender_today dl dd{margin-bottom:3px;padding-left: 70px; background: url(images/calender_today_list.gif) right -20px no-repeat;color:#333;}
#calender_today p{font-size: 11px; margin-top: 10px;}

#calender_week{ clear: both;}


/* 동영상 */
#contents div.board #moviebox {margin:10px 0; background:url('../images/board/movie_info_bg.gif') no-repeat right bottom;}
#contents div.board #moviebox .movie {float:left; width:379px;}
#contents div.board #note {float:right; width:295px;}
#contents div.board #note  #note_subject {margin:10px 0 5px; height:250px; overflow:auto; padding:5px; border:2px solid #dde7d5;}
#contents div.board .movieInfo {width:365px; margin-top:10px; clear:right;}
#contents div.board .movieInfo .info_group {float:left; margin-right:2px; width:180px;}
#contents div.board #moviebox .movieInfo ul {margin-left:10px;}
#contents div.board #moviebox .movieInfo ul li {margin:5px 0; padding-left:15px; background:url('../images/board/movie_info_bul.gif') no-repeat left center;}


/* 실명인증 */

#attestation {width:680px;}
	.att_title {margin-bottom:5px; color:#696969; font-size:16px; font-weight:bold;}

#att_1_group {float:left; width:340px; height:137px; border-bottom:1px solid #71aa60;}
	#att_1 {border-top:2px solid #71aa60;}
	#att_1 dt {float:left; width:90px; height:25px; background:#f6f6f6; padding-top:8px; padding-left:5px; border-bottom:1px solid #e7e7e7;}
	#att_1 dd {height:25px; padding-top:8px; border-bottom:1px solid #e7e7e7;}

	#att_1_group .type-text {width:150px; margin-left:10px;}

#att_2_group {float:right; width:335px; height:137px; border-bottom:1px solid #6081aa;}
	#att_2 {border-top:2px solid #6081aa;}
		#att_2_title {padding:25px 0; background:#f6f6f6; border-bottom:1px solid #e7e7e7; font-size:11px; font-weight:bold; text-align:center;}
	
.att_btn {margin-top:10px; text-align:center;}

#attestation #gpin_img {text-align:center;}

#appraisal_box {
	border:1px solid #ddd;
	padding:10px;
}
	#appraisal_box p{
	background:#F5F5F3;
	padding:5px;
	font-weight:bold;
	}
	
#prevnext {
	margin-top:30px;
	padding:10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
	
	
#view_bar1 {height:31px;background: url(images/bgThDefault_1.gif) repeat-x left bottom;}
#view_bar1 .subject {font-weight: bold;margin-top: 8px; margin-left: 10px;float:left;}
#view_bar1 .subject h2{width:auto; height:auto; visibility:visible; display:block; font-size:1em; color:#000; background:none; padding:0; margin:0;}
#view_contents1 {}
#view_contents1 .data_view { font-size:1.3em; line-height:2.1em; }

/* 게시물 이동, 삭제/삭제이유 */
#transPort {margin-top:20px; border:1px solid #e0e0e0; background:url('images/trans_bgtop.gif') repeat-x left top; background-color:#f7f7f7; padding:7px 20px 20px 20px; width:680px;}
#transPort h3 {font-weight: bold; font-size:1.0em; color:#000000; clear: left; margin: 0; padding: 0; background: transparent; font-weight: bold; font-size: 1em;  letter-spacing:0;}
#transPort .transPort_writeBody01 { margin-top:20px;}
#transPort .transPort_writeBody01 dl dt { float:left; font-weight:bold; color:#666666; width:90px;} 

#delDiv { margin-top:20px; border:1px solid #e0e0e0; background:url('images/trans_bgtop.gif') repeat-x left top; background-color:#f7f7f7; padding:7px 20px 20px 20px; }
#delDiv h3 { font-weight:bold; font-size:1.0em; color:#000000; clear: left; margin: 0; padding: 0; background: transparent; font-weight: bold; font-size: 1em;  letter-spacing:0;}
#delDiv .delDiv_writeBody01 { margin-top:20px;}
#delDiv .delDiv_writeBody01 dl dt { float:left; font-weight:bold; color:#666666; width:90px;}