﻿h1 {font-size: 30px;}

h3.title {
  margin-bottom: 20px;
}

#sidebar {
  padding-left:0;
  padding-right:0;
}

.article {
  font-size:12pt;
}
.article p {margin:1em 0; text-align:center;}

#footer {
  min-height: 140px;
}
.article h1 { font-size: 22px; }
.article h2, h2.title { font-size: 20px; }
.article h3 { font-size: 18px; }
.article h4 { font-size: 16px; }
.article h5 { font-size: 14px; }
.article h6 { font-size: 12px; }

.actionTrail {
  margin: 20px 0;
}

.article td h2, .article td h3, .article td h4, .article td h5, .article td h6 {border-bottom:0px solid transparent; border-left:0px solid transparent;}
h1.title {line-height:32px; margin-bottom:20px; padding-bottom:1.5px; padding-left:10px; padding-top:3px; border-bottom:2px solid gray; border-top:2px solid gray; color:#0099FF; font-size:16pt;}
.user-search {background-color:#fff; border-color:#e6e9ed; border-radius:10px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); padding:5px 0; margin-bottom:20px;}
.btc_selm {margin:10px auto; width:270px; height:30px;}

/* 상단 네비게이션바(모바일) */
.navbar-header .visible-xs {overflow:hidden; height:50px; line-height:2.5em; font-size: 1.4em; font-weight: bold; text-align: center; color: #fff;}

/* 방명록쓰기 */
.col-sm-12 #secret {display:inline;}

/* 방명록읽기 */
#guestList .media .pull-left img {width:60px;border-radius:50em;margin:3px 3px 3px 10px;}
#guestList .media .pull-left img {width:60px;border-radius:50em;margin:3px 3px 3px 10px;}

/* 본문 검색 리스트 */
#content .btn-group {margin-top:5px;}

/* 공지사항 글 */
#content .article-attr-wrap .label-info {display:inline}
#content .article-attr-wrap .label-default {display:inline}

/* 보호 글 */
#content .ggs_article_protected {text-align: center;}

/* 댓글쓰기 */
.commentWrite .col-sm-12 .checkbox {display:inline;}

/* 댓글읽기 */
.commentList .media .pull-left img {width:60px;border-radius:50em;margin:3px 3px 3px 10px;}

/* 최근 포스트 모듈 */
#recentPost .ggrecentPost {text-indent:-4px}

/* 달력 모듈 */
#sidebar .tt-calendar {width:100%; table-layout:fixed}
#sidebar .tt-calendar .cal_month {margin-bottom: 10px}

/* 검색창 모듈 */
.btc_selm .gggoogle {border:3px solid #32ADFF; height:30px; font-size:14px; font-weight:bold; padding:5px; ime-mode:active;}

/* 푸터메뉴 */
#footer .container {padding-top:7px; padding-left:20px; padding-right:20px;}

/* 포스트 본문 내용 광고 */
.ggAds3 {text-align:center; margin:15px auto}
#adcode1{text-align:center; margin:25px auto;}

/* 개별 포스트 내 동영상 */
.m_movie {position:relative; padding-bottom:58.4%; padding-top:30px; overflow:hidden; max-width:100%; height:auto;} 
.m_movie iframe, .m_movie object, .m_movie embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* 커버 관련 - type text */
#content .inner {
	max-width: 605px;
	margin: 0 auto;
}
#content .inner::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

ul li {list-style: none;}

.cover-text {
	margin-bottom: -1px;
	padding: 0;
	border-bottom: 1px solid #ebebeb;
}
.cover-text h2 {
	margin: 0;
	font-size: 1em;
}
.cover-text ul li {
	border-top: 1px solid #ebebeb;
}
.cover-text ul li:first-child {
	border-top: 0;
}
.cover-text ul li .title {
	display: block;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.4444em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.cover-text ul li .excerpt {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 4.8em;
	font-size: 0.9375em;
	line-height: 1.6;
	color: #666;
}
.cover-text ul li a {
	display: block;
	min-height: 172px;
	padding: 30px 0 30px;
	text-decoration: none;
	color: #080808;
}
.cover-text ul li a:hover .title {
	text-decoration: underline;
	color: #3cbcd0;
}

@media screen and (max-width: 991px) {
  #content {
    margin-top:235px;
  }
}

/* Media Screen - Tablet */
@media screen and (max-width:1023px) {
	.cover-text {
		padding: 0;
	}
}

/* Media Screen - Mobie */
@media screen and (max-width:767px) {
	.cover-text {
		padding: 0;
	}
	.cover-text h2{
		margin: 0;
	}
	.cover-text ul li a {
		min-height: 98px;
	}
	.cover-text ul li .title {
		-webkit-line-clamp: 2;
		margin-bottom: 3px;
		padding-top: 6px;
		font-size: 1em;
	}
	.cover-text ul li .excerpt {
		-webkit-line-clamp: 2;
		font-size: 0.8125em;
		line-height: 1.5;
	}
}

/* 커버 관련 - type list */
#content .inner {
	max-width: 605px;
	margin: 0 auto;
}
#content .inner::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

ul li {list-style: none;}

.cover-list {
	margin-bottom: -1px;
	padding: 0;
	border-bottom: 1px solid #ebebeb;
}
.cover-list h2 {
	margin: 0;
	font-size: 1em;
}
.cover-list ul li {
	border-top: 1px solid #ebebeb;
}
.cover-list ul li:first-child {
	border-top: 0;
}
.cover-list ul li .title {
	display: block;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.4444em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.cover-list ul li .excerpt {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 4.8em;
	font-size: 0.9375em;
	line-height: 1.6;
	color: #666;
}
.cover-list ul li a {
	display: block;
	min-height: 172px;
	padding: 30px 0 30px;
	text-decoration: none;
	color: #080808;
}
.cover-list ul li a:hover .title {
	text-decoration: underline;
	color: #3cbcd0;
}
.cover-list ul li figure {
	float: right;
	position: relative;
	width: 172px;
	height: 113px;
	margin: 0 0 0 80px;
	background-color: #f6f6f6;
}
.cover-list ul li figure::before {
	content: "NO IMAGE";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18px;
	margin: -9px 0 0 0;
	text-align: center;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 0.875em;
	color: #cbcbcb;
}
.cover-list ul li figure img {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
}

/* Media Screen - Tablet */
@media screen and (max-width:1023px) {
	.cover-list {
		padding: 0;
	}
}

/* Media Screen - Mobie */
@media screen and (max-width:767px) {
	.cover-list {
		padding: 0;
	}
	.cover-list h2{
		margin: 0;
	}
	.cover-list ul li a {
		min-height: 98px;
	}
	.cover-list ul li figure {
		width: 113px;
		height: 64px;
		margin: 0 0 0 18px;
	}
	.cover-list ul li .title {
		-webkit-line-clamp: 2;
		margin-bottom: 3px;
		padding-top: 6px;
		font-size: 1em;
	}
	.cover-list ul li .excerpt {
		-webkit-line-clamp: 2;
		font-size: 0.8125em;
		line-height: 1.5;
	}
}

/* 본문 검색 리스트 */
#search_title ol li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#search_title ol li span {
	font-size: x-small;
	font-style: italic;
	margin: 0 10px 0 0;
}