caption.none {
	visibility:hidden;
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	overflow:hidden;
	text-indent:-9999px;
	line-height:0px;
}

/* 달력형게시판 필수 CSS - 탭처리 */
#contentsArea div.sectionf { width:100%; float:left; display:inline; }
#contentsArea div.article-calendar { position:relative; margin:4px 0 18px 0px; }
#contentsArea div.article-calendar #calendar { clear:both; }

#contentsArea div #article-tab1, #contentsArea div #article-tab2 { position:relative; height:47px; padding:30px 0 20px; letter-spacing:0em; font:16px "맑은고딕", 'Malgun Gothic', "굴림", "Trebuchet MS", Tahoma; clear:both; BORDER-left:#eaeaea 0px solid; }
#contentsArea div #article-tab1 li, #contentsArea div #article-tab2 li { float:left; width:150px; height:45px; color:#fff; text-decoration:none;  line-height:1.0em; text-align:center; display: block; background:#646e6d; cursor:pointer; border-top:#eaeaea 0px solid; border-right:#eaeaea 1px solid; border-bottom:#eaeaea 0px solid; }
#contentsArea div #article-tab1 li.on, #contentsArea div #article-tab2 li.on { float:left; font-weight:bold; background:#cf006c; color:#fff; text-decoration:none; }
#contentsArea div #article-tab1 li a, #contentsArea div #article-tab1 li a:link, #contentsArea div #article-tab2 li a, #contentsArea div #article-tab2 li a:link { color:#fff; text-decoration:none; height:45px; padding:0; display: block;  LINE-HEIGHT:40px; }
#contentsArea div #article-tab1 li a:visited, #contentsArea div #article-tab2 li a:visited { text-decoration:none; }
#contentsArea div #article-tab1 li a:hover, #contentsArea div #article-tab2 li a:hover { color:#fff; text-decoration:none; background:#cf006c; font-weight:bold; }
#contentsArea div #article-tab1 li span, #contentsArea div #article-tab2 li span { position:absolute; visibility:hidden; width:0; height:0; font-size:0; overflow:hidden; }


.container p.month_view { margin-top:50px; text-align:center; padding:10px 0; }
.btnPage { padding:0 10px; }

.container p.btnArea {text-align:right; }

/* */

#calendar { margin-bottom:50px; }
#calendar table.calendarList { margin:0px; border-left:#ccc 0px solid; background:url(../images/common/calendar_left_line.gif) repeat-y 0 0; }
.calendarList thead tr { padding:10px 0 15px; font-size:16px; font-weight:bold; background:#5a6475; }
.calendarList th { padding:10px 0 15px; color:#fff; margin-top:10px; text-align:center; font-weight:bold; border-right:#7b8492 1px solid; }
#calendar table.calendarList th.sunDay { color:#fff; background:#5a6475; border-right:#7b8492 1px solid; }
#calendar table.calendarList th.saturDay { color:#fff; background:#5a6475; border-right:#7b8492 0px solid; }
#calendar table.calendarList td { width:124px; height:100px; padding:8px; border-right:#cccccc 1px solid; border-bottom:#cccccc 1px solid; background: none transparent scroll repeat 0% 0%; }

.calendarList ul { padding:0px 10px 0px 13px; }
.calendarList ul li { font-size:11px; line-height:1.5em; }

#column { margin-bottom:200px; }
#column table.calendarList { margin:0px; }
#column table.calendarList th.colum_no { background:#5a6475; }
#column table.calendarList th.colum_writer { background:#5a6475;  }
#column table.calendarList td { margin:0; padding:15px 0; }
.cal_num { padding:15px 0; text-align:center; background:url(../images/contents/board_mid.gif) repeat-x bottom;  }
.cal_date { padding:15px 0; text-align:center; background:url(../images/contents/board_mid.gif) repeat-x bottom; }
.cal_title { padding:15px 0; background:url(../images/contents/board_mid.gif) repeat-x bottom; }
.cal_name { padding:15px 0; text-align:center; background:url(../images/contents/board_mid.gif) repeat-x bottom; }
#column table.calendarList td.dataNo { padding:20px 0; text-align:center; font-size:18px; }

p.sunDay, p.holiDay { font-weight:bold; color:#ff0000; font-family:tahoma; background:#fff; }
p.commonDay { font-weight:bold; color:#666666; font-family:tahoma; background:#fff; }

p.sunDay_before, p.holiDay_before, p.sunDay_after, p.holiDay_after { color:#fe9d9d; font-family:tahoma; }
p.commonDay_before, p.commonDay_after { color:#5bafdd; font-family:tahoma; }

p.commonDay span, p.sunDay span, p.holiDay span, p.commonDay_before span, p.sunDay_before span, p.holiDay_before span,  p.commonDay_after span, p.sunDay_after span, p.holiDay_after span { position:absolute; visibility:hidden; width:0; height:0; font-size:0; overflow:hidden; }

p.commonTitle , p.holidayTitle { padding-left:18px; margin-top:-20px; font-size:11px; }

/* 글작성 */ 
#st-write {padding:0 0 30px 0;}
#st-write .input-item {margin-bottom:10px;}
#st-write .editbox {width:100%; padding-bottom:5px;}
#st-write .editbox textarea {width:100%; margin-bottom:5px;}
#st-write .input-item label {color:#666; font-weight:normal;}
#st-write .input-item label input {position:relative; top:2px;}
#st-write .input-item.after {margin:25px 0 10px; color:#999;}
#st-write .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;border-top:#dfdfdf solid 1px;}
#st-write .mb-0 {margin-bottom:0;}

/* Hack codes for old browser */
@media (min-width: 767px) {
	#st-write .input-group-addon {
		min-width: 100px;
		max-width: 100px;
	}
}
@media (max-width: 768px) {
	#st-write .input-group-addon-sm {
		height: 28px;
		padding: 0 10px;
	}
}


/* 글읽기 */ 
#st-view {margin:auto;padding:0 0 30px 0; z-index:100;}
#st-view .viewbox .header {border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
#st-view .viewbox .subject h1 {padding:10px 0;margin:0;font-size:15px;font-weight:bold;border-bottom:#d5d5d5 dotted 1px;word-break:break-all;word-break:break-word;overflow:auto;}
#st-view .viewbox .subject .cat {color: #888;letter-spacing: -1px;font-size:90%;}
#st-view .viewbox .info {padding:6px 0 5px;color:#888;}
#st-view .viewbox .info .common {padding-top:2px;}
#st-view .viewbox .info .btn-group .btn {color:#888;}
#st-view .viewbox .info .split {padding:0 5px 0 5px;color:#ccc;font-size:90%;}

#st-view .viewbox .content {padding:20px 0 20px 0; line-height:160%; border-bottom:1px solid #d5d5d5; word-break:break-all; word-break:break-word; overflow:auto;}
#st-view .viewbox .content p {margin-bottom:0;}
#st-view .viewbox .content img {max-width:100%; height:auto;}
#st-view .viewbox .content .wp-img {
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}
#st-view .viewbox .content .tag {padding:10px 0 0 0;}
#st-view .viewbox .content .tag a {color:#222;}
#st-view .viewbox .content .tag a:hover {text-decoration:underline;}
#st-view .viewbox .content .attach {padding:10px 0 0 0; line-height:120%;}
#st-view .viewbox .content .attach ul {padding:0; margin:0; line-height:1.5}
#st-view .viewbox .content .attach li {list-style-type:none; background:url('../images/contents/ico_file.png') left no-repeat; padding:0 0 0 15px;}
#st-view .viewbox .content .attach li a {color:#666;}
#st-view .viewbox .content .attach li a:hover {text-decoration:underline;}
#st-view .viewbox .content .attach li .size {font-size:90%; font-family:arial; color:#999;}
#st-view .viewbox .content .attach li .down {font-size:90%; font-family:arial;color:#333;}
#st-view .viewbox .content .scorebox {text-align:center; padding-top:20px;}
#st-view .viewbox .content .scorebox .btn {font-weight:bold;}
#st-view .viewbox .content .snsbox {padding-top:20px; text-align:right;}
#st-view .viewbox .content .snsbox img {cursor:pointer;}
#st-view .viewbox .content .hidden-content {margin: 0 0 20px 0; color: #F07090;}
#st-view .action {padding:10px 0; text-align:left;}
#st-view .action .right {float:right; text-align:right;}

#comment .input-item {margin-bottom:10px;}

div.PrevNext { margin:100px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:16px; }
div.PrevNext dt { float:left; padding:10px 30px 15px 0; }
div.PrevNext dd { margin:0; padding:10px 0 15px; background: url(../images/cafe/view_bar.gif) no-repeat 3.9em 1.1em; }
div.PrevNext dl.prev_next dd.prev, div.PrevNext dl.prev_next dd.view { border-bottom:1px solid #ececea; }
div.PrevNext dl.prev_next dt.view, div.PrevNext dl.prev_next dd.view { color:#024f96; }
div.PrevNext .rightDate { float:right; padding-right:10px; font-size:0.98em; font-family:Tahoma; }
div.PrevNext img { padding-top:4px; }