/* 달력형게시판 필수 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 .month_view { text-align:center; padding:10px 0; font-size:30px; }
.container .month_view { text-align:center; padding:10px 0; }
.container .month_view i { color:#555 !important; }
.container .month_view i:hover { color:#0075df !important; }
.container .month_view strong { color:#000 !important; font-weight: 700 !important; }
.container .month_view span { color:#555 !important; font-size: 20px !important; font-weight: 500 !important; }

.btnPage { padding:0 10px; }

.container .btnArea {float:right; margin-bottom:30px; }
/* #contentsArea p.btnArea {position:absolute; top:345px; right:0;} */

 

#calendar { margin-bottom:50px; }
#calendar table.calendarList { margin:0px; border-left:#ccc 0px solid; }
#calendar table.calendarList thead { margin:0px; border-right:#5a6475 1px solid; }
#calendar table.calendarList tbody { margin:0px; border-left:#ccc 1px solid; }
.calendarList thead tr { padding:10px 0 15px; font-size:16px; font-weight:bold; background:#5a6475; }
.calendarList th { padding:5px 0 10px; 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 td ul { margin::0; padding:0 0 0 15px; font-size:11px; line-height:1.5em; }
.calendarList td ul li { padding-bottom:4px; font-size:11px; line-height:1.3em; }

#schedule table.calendarList td.dataNo { padding:25px 0; text-align:center; font-size:18px; }
caption.none { display: none; }

#schedule { margin-bottom:20px; }
#schedule table.calendarList { margin:0px; }
#schedule table.calendarList thead { background:#5a6475; }
#schedule table.calendarList th { padding:10px 0;  }

#schedule table.calendarList th.colum_no_1 { background:#5a6475; }
#schedule table.calendarList th.colum_writer_1 { background:#5a6475;  }

#schedule table.calendarList td { margin:0; padding:15px 0;  border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dashed; }
#schedule table.calendarList td.cal_num { text-align:center; }
#schedule table.calendarList td.cal_date { text-align:center; }
#schedule table.calendarList td.cal_title { padding-left:10px; }
#schedule table.calendarList td.cal_name { text-align:center; }
#schedule 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:none; }
p.commonDay { font-weight:bold; color:#666666; font-family:tahoma; background:none; }

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; }

.schedule_m_table tbody th { text-align: center; background-color: #f9f9f9; }
.schedule_m_table .sch-tb-left { background:#5a6475; color:#fff; border-top:#5a6475 1px solid; border-right:#7b8492 1px solid; border-bottom:#5a6475 1px solid; border-left:#5a6475 1px solid; text-align: center; }
.schedule_m_table .sch-tb-right { background:#5a6475; color:#fff; border-top:#5a6475 1px solid; border-right:#5a6475 1px solid; border-bottom:#5a6475 1px solid; border-left:#5a6475 0px solid; text-align: center; }

.schedule_m_table .holiDay { background-color: #fff !important; color:#ff0000 !important; }
.schedule_m_table .sunDay { background-color: #fff !important; color:#0075df !important; }
.schedule_m_table .commonDay { background-color: #fff !important; color:#555 !important; }
.schedule_m_table ul { margin:0 !important; padding:0 0 0 20px !important; }


/* 글작성 */ 
#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;
	}
}


/* 글읽기 */ 
@media (min-width: 768px) {
	#st-view .viewbox .subject h1 { padding:15px 0 17px; font-size:18px; font-weight:500; line-height:1.5em; }
}
@media (max-width: 767px) {
	#st-view .viewbox .subject h1 { padding:12px 0 10px; font-size:15px; font-weight:600; line-height:1.5em; }
}

#st-view {margin:auto; padding:0 0 30px; z-index:1; }
#st-view .viewbox .boardheader { margin:5px 0 0; padding:0; border-top:2px solid #2b2b2b; border-bottom:1px solid #d5d5d5; }
#st-view .viewbox .subject { margin:0; }
#st-view .viewbox .subject h1 { width:100%; margin:0; padding-left:3px; padding-right:3px; font-weight: 600 !important; border-bottom:#d5d5d5 dotted 1px; word-break:break-all; word-break:break-word; overflow:auto;}
#st-view .viewbox .info { padding:3px 0 0; margin:0; color:#777; }
#st-view .viewbox .info .common { position:relative; width:100%; padding:3px 3px 0px 3px; margin:0; border:0px solid #ff0000; }
#st-view .viewbox .info .btn-group .btn {color:#777;}
#st-view .viewbox .info .split {padding:0 5px;color:#ccc;font-size:90%; }

#st-view .viewbox .info .attach { position:relative; width:100%; padding:12px 0 10px; margin-top:5px; background:#f9f9f9; }
#st-view .viewbox .info .attach ul {padding:0; margin:0; line-height:1.5}
#st-view .viewbox .info .attach li {list-style-type:none; background:url('../images/contents/ico_file.png') 5px 2px no-repeat; padding:0 0 0 22px; line-height:120%; padding-bottom:5px;}
#st-view .viewbox .info .attach li a {color:#000;}
#st-view .viewbox .info .attach li a:hover {text-decoration:underline; color:#0075df; }
#st-view .viewbox .info .attach li .size {font-size:90%; font-family:arial; color:#999;}
#st-view .viewbox .info .attach li .down {font-size:90%; font-family:arial;color:#333;}

#st-view .viewbox .content {min-height:300px; padding: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:20px 0 0 0; }
#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; line-height:120%;}
#st-view .viewbox .content .attach li a {color:#000;}
#st-view .viewbox .content .attach li a:hover {text-decoration:underline; color:#0075df; }
#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 .ReadFile {padding:1px 0 0 0; }
#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; }