@charset "utf-8";

/* Colorset Reset */
.at-page { background: none; padding:0px 0px 15px; border:0; margin-bottom:20px; }
.at-page.at-page-mobile { padding:0px 0px 15px; }

/* Category */
.list-category { margin-bottom:10px; }
.list-category .tabs { margin: 0px; padding:0px; }
.list-category .tabs::before { display: table; content: " "; }
.list-category .tabs::after { display: table; content: " "; clear:both; }
.list-category .tabs ul.nav-tabs { margin: 0px; padding:0px; border:0px; border-left:1px solid #ddd; }
.list-category .tabs ul.nav-tabs li.active a { background: rgb(255, 255, 255); color: rgb(233, 27, 35); font-weight:bold; cursor:pointer; }
.list-category .tabs ul.nav-tabs a { letter-spacing:-1px; padding:10px 12px; background: rgb(247, 247, 247); color: #333; margin-right: 0px; border-radius: 0px; -moz-border-radius: 0; -webkit-border-radius: 0; border:1px solid #ddd; border-left:0px; }
.list-category .tabs ul.nav-tabs a:hover, .list-category .tabs ul.nav-tabs a:active, .list-category .tabs ul.nav-tabs a:focus { color: #fff; background: rgb(233, 27, 35); }
.list-category .tabs ul.nav-tabs li .dropdown-menu { padding:0px; }
.list-category .tabs ul.nav-tabs li .dropdown-menu a { color: #333; background:#fff; border:0px; }
.list-category .tabs ul.nav-tabs li .dropdown-menu a:hover { color: #fff; background: rgb(233, 27, 35); }
.list-category .tabs ul.nav-tabs li.sort-on a { font-weight:bold; }
.list-category-select { display:none; }
.list-category-select .form-group { margin-bottom:10px; }
@media (max-width: 992px) {
	.list-category .tabs { display:none; }
	.list-category-select { display:block; }
}

/* List */
.list-wrap { width:100%; }
.list-wrap #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.list-wrap .list-more { text-align:center; margin-bottom:30px; }
.list-wrap .list-more a { color:#333; font-size:60px; }
.list-wrap .list-more a:hover { color:crimson; }
.list-cnt { color: orangered; font-size: 10px; font-weight:bold; font-family:verdana; letter-spacing:-1px; }
.list-btn-box { margin: 15px 0px; }
.list-btn-box a span { margin-left: 4px; }
.list-none { margin:0px 0px 15px; padding:80px 0px; }
.list-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }

/* Masonry */
.list-masonry { position:relative; margin-right:-8px; opacity: 1; overflow:hidden; }
.list-masonry.fade { opacity: 0; }
.list-masonry .grid-sizer { width:1%; }
.list-masonry .grid-sizer-px { width:1px; }
.list-masonry .grid-100 { width:100%; }
.list-masonry .grid-50 { width:50%; }
.list-masonry .grid-33 { width:33.3%; }
.list-masonry .grid-25 { width:25%; }
.list-masonry .grid-20 { width:20%; }
.list-masonry .list-item { float:left; }
.list-masonry .item-box { position:relative; padding:0px; margin-right:8px; margin-bottom:8px; overflow:hidden; }
@media all and (max-width:767px) {
	.list-item { width:100% !important }
}

.list-masonry .img { position:relative; overflow:hidden; }
.list-masonry .img .text { padding:0px 12px; color:#888; }
.list-masonry .img img { display:block; width:100%; height:auto; border:0px; }
.list-masonry .img-fix { display:block; position:relative; height:0; overflow:hidden; }
.list-masonry .img-fix img { display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:0px; }
.list-masonry .img-fix .text { display:block; position:absolute; top:0; left:0; margin:0 auto; width:100%; height:100%; border:0px; overflow-x:hidden; overflow-y:auto; }

.list-masonry .item-content { margin:2px; line-height:22px; border:1px solid #ddd; background:#fff; }
.list-masonry .item-content.now { padding:0px; margin:0px; border:3px solid rgb(114,192,44); }
.list-masonry .item-box:hover .item-content { padding:0px; margin:0px; border:3px solid rgb(231,76,60); }
.list-masonry h2 { margin:0px; padding:10px 12px; display:block; overflow:hidden; }
.list-masonry h2 a { line-height:26px; font-size: 15px; font-weight: 500; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.list-masonry h3 { color:#333; line-height:26px; padding:15px 0px 10px; font-size: 15px; font-weight: 500; letter-spacing:-1px; margin:0px; }
.list-masonry .dotum { line-height:22px; font-weight:bold; font-family:dotum; font-size:13px; letter-spacing:-1px; }
.list-masonry .item-info { padding:9px 12px; }
.list-masonry .item-info i { margin-right:2px; }
.list-masonry .label-band { 
	z-index:2; font-family: tahoma; top: 5px; color: #fff; letter-spacing:1px; width: 100px; padding: 5px; right: -32px; font-size: 11px; position: absolute; text-align: center; 
	transform: rotate(45deg); -o-transform: rotate(45deg);	-ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); 
}
.list-masonry .label-red { background-color: rgb(231,76,60); }
.list-masonry .label-blue{ background-color: rgb(52,152,219); }
.list-masonry .label-green { background-color: rgb(114,192,44); }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.view-wrap .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.view-wrap .img-resize img { max-width:100%; height:auto; }
.view-wrap h1 { font-weight:bold; margin:0px; padding:0px 10px 10px; color: rgb(59, 62, 67); line-height: 32px; font-size: 22px; letter-spacing:-1px; }
.view-wrap h1 .photo { border-radius: 50%; width: 44px; height: 44px; margin-right:10px; }
.view-wrap .no-attach { border-bottom:0px; }

.view-head { border-left:0px; border-right:0px; }
.view-head .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.view-head .list-group-item { padding:5px 15px; border-style:dotted; }

.view-cnt { margin-top:4px; }
.view-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
.view-content { margin-bottom:20px; }
.view-content img { width:auto; height:auto; max-width:100%; }
.view-content p { padding:0; margin:0; line-height:22px; }
.view-good-box { text-align:center; }
.view-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.view-good-box a { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.view-good-box .view-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.view-good-box .view-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.view-author { margin-top:10px; }
.view-author .auth-photo { width:160px; padding-right:15px; }
.view-tag { margin:10px 0px 0px; padding:0px; color:#888; }
.view-tag a { color:#888; }
.view-tag a:hover { color:crimson; }

#bo_v_sns {margin:4px 0 15px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Comment */
.comment-media { }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.view-wrap-mobile .comment-media .photo i { padding: 10px; width: 54px; height: 54px; }
.view-wrap-mobile .comment-media .photo img { width: 54px !important; height: 54px !important; }

.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content {	margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }

#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_opt ol li { float:left;margin:0; }
#bo_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_send_sns ul li {	float:left;margin:0 0 0 20px; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:bold; margin-top:4px; }
.write-wrap .write-content { height: 300px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }
.write-wrap .sp-label { font-weight:normal; margin-right:10px; }
.write-wrap .sp-label input[type="checkbox"], .write-wrap .sp-label input[type="radio"] { margin-top:0px; }

#autosave_pop div { text-align:right; }
#autosave_pop button { margin:0; margin-left:10px; padding:0; border:0; background:transparent; color:#888; }
#autosave_pop ul { margin:0; padding:0; padding-left:15px; list-style:disc; }
#autosave_pop li { padding:2px 5px;  }
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:""; }
#autosave_pop a { display:block; float:left; }
#autosave_pop span { display:block;; float:right; }

@media all and (max-width:460px) {
	.list-btn { text-align:center; margin:0px auto; }
	.pull-right.list-btn { float:none !important; margin-bottom:15px; }

	.view-head h1 { font-size:20px; line-height:24px; }
	.view-btn i { margin-right:0px; }
	.view-author .auth-photo { float:none; width:100%; padding-right:0px; }

	.comment-btn { text-align:center; }
	.comment-btn .pull-right { float:none !important; }

	i.big-fa { fon-size:1.3em; }
}