@charset "utf-8";

.ht{
	height:30px;
}

.list-tsearch{border:1px solid #ddd;background:#fafafa;padding:20px 15px 3px;margin-bottom:15px;}

.board-pagination{
	margin:-30px 0 30px 0;
}

/* 목록 보기 */
.nodata{width:100%;text-align:center;padding:50px 0;}

#board-container .dropdown-menu{
	padding:0;
	margin:0;
}

#board-container .dropdown-item{
	padding:10px;
	font-size:14px;
}

.tsearch-top, .tsearch-bottom{display:none;}

#board-container .product-item{
	position:relative;
    margin-bottom:30px;
	background-color:#eee;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#board-container .product-item:hover{
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

#board-container .product-img{
	width:100%;
	height:100%;
	overflow:hidden;
}

#board-container .product-img img{
    width:100%;
}

#board-container .product-info{
    background:#f6f6f6 none repeat scroll 0 0;
    padding:20px 5px;
    text-align:center;
}

#board-container .product-title{
    color:#434343;
    font-size:18px;
	line-height:22px;
    margin-bottom:10px;
	display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
}

#board-container .pro-rating{
    color:#666666;
	font-size:15px;
    font-weight:400;
    line-height:20px;
    margin:20px 0;
}

#board-container .pro-price{
    line-height:1;
	color:#888;
}

#board-container .action-button{
    padding:15px 5px 0 5px;
	display:table;
	table-layout:fixed;
	width:100%;
	max-width:186px;
	box-sizing:border-box;
	margin:0 auto;
}

#board-container .action-button > li{
	list-style:none;
    display:table-cell;
	vertical-align:middle;
    padding-left:1%;
    width:24%;
	text-align:center;
}

#board-container .action-button > li:first-child{
    margin:0;
}

#board-container .action-button > li a{
    position: relative;
    display:inline-block;
	vertical-align:middle;
	width:100%;
	max-width:39px;
	padding:30% 0;
    font-size:1.2em;
    line-height:1.4em;
    text-align: center;
    background-color: transparent;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
	color:#999;
}

#board-container .action-button > li.twitter a:hover{
	background-color:#00aced;
	color:#fff;
}

#board-container .action-button > li.facebook a:hover{
	background-color:#3b5998;
	color:#fff;
}

#board-container .action-button > li.googleplus a:hover{
	background-color:#db4437;
	color:#fff;
}

#board-container .action-button > li.pinterest a:hover{
	background-color:#bd081c;
	color:#fff;
}

#board-container .action-button > li a i{
    display:block;
}


#board-container .chk-wrap{
	position:relative;
}

#board-container .chk-item{
	position:absolute;
	top:0;
	z-index:20;
}

/* 글보기 폼 */
.product-carousel{
	background-color:#eee;
}

.view-subj{
	display:block;
    margin:0 0 15px 0;
    padding-bottom:10px;
    letter-spacing:normal;
    font-size:24px;
    text-transform:uppercase;
    font-weight:600;
    position:relative;
}

.view-subj:after{
    /*background:#ff6c3a;*/
    /*height:2px;*/
    width:40px;
    position:absolute;
    content:"";
    left:0px;
    margin-top:45px;
}

.product-list{
	margin:0;
	padding:0;
}

.product-list li{
	list-style:none;
	display:table;
	table-layout:fixed;
	width:100%;
	padding:6px;
	margin-bottom:6px;
	border-bottom:1px dotted #eee;
}

.product-list li .t{
	display:table-cell;
	width:100px;
	color:#999;
}

.product-list li .c{
	display:table-cell;
	width:auto;
}

.product-thumb{
	margin-top:10px;
	display:table;
	table-layout:fixed;
	width:100%;
}

.product-thumb .arw{
	display:table-cell;
	vertical-align:middle;
	width:20px;
}

.product-thumb .arw-l{
	text-align:left;
}

.product-thumb .arw-r{
	text-align:right;
}

.product-thumb .arw a{
	display:block;
	color:#999;
	cursor:pointer;
	height:100%;
}

.product-thumb .arw a:hover{
	color:#ff6c3a;
}

.product-thumb .thumb-wrap{
	display:table-cell;
	vertical-align:middle;
	width:auto;
}

.product-thumb .item{
	background-color:#eee;
	padding:5px;
	cursor:pointer;
}

.view-content-wrap{
	margin-top:80px;
}

.view-content-wrap img{
	max-width:100%;
}

.view-content-wrap .view-detail-subj{
	display:block;
    margin:0 0 10px 0;
    padding-bottom:10px;
    letter-spacing:normal;
    font-size:18px;
    text-transform:uppercase;
    font-weight:600;
	color:#666;
    position:relative;
}

.view-content-wrap .view-detail-subj:after{
    background:#ff6c3a;
    height:2px;
    width:40px;
    position:absolute;
    content:"";
    left:0px;
    margin-top:30px;
}

.view-content-wrap .list-group{
	margin-bottom:15px;
}

.view-wrap .dropdown-menu{
	padding:0;
	margin:0;
}

.view-wrap .dropdown-item{
	padding:10px;
	font-size:14px;
}

.sns-icon-box{
	margin-top:10px;
	text-align:center;
}

.sns-icon-box img{
	width:37px;
	border-radius:5px;
	margin:5px 0;
}

/* 글쓰기 폼 */
.write-wrap .form-group{margin-top:15px;padding-top:15px;border-top:1px dotted #eee;}
.write-wrap .form-group:nth-child(2){margin:0;padding:0;border:0;}
.form-control, .well, .btn, .alert, .input-group-addon, .label{
    border-radius:0 !important;
}
.cursor{cursor:pointer;}
.write-wrap{overflow:hidden;padding-top:15px;}
.write-wrap h2{padding:0px;margin:0px;font-size:14px;font-weight:bold;}
.write-wrap label{font-weight:bold;margin-top:4px;line-height:normal;}
.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;}

#variableFiles{width:100%;margin:0;border:0;}
#variableFiles td{padding:0px 0px 7px;border:0;}
#variableFiles input[type=file]{box-shadow :none;border:1px solid #ccc !important;outline:none;}
#variableFiles .form-group{margin:0 0 10px 0;border:0;}
#variableFiles .checkbox-inline{padding-top:0px;font-weight:normal;}

.more-loader-btn{
	display:none;
}

.board-list-loader-wrap{
	display:none;
	position:fixed;
	z-index:99;
	top:30%;
	left:50%;
	opacity:0.5;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.board-list-loader,
.board-list-loader:before,
.board-list-loader:after{
	/*background:#ff6c3a;*/
	-webkit-animation:load1 1s infinite ease-in-out;
	animation:load1 1s infinite ease-in-out;
	width:1em;
	height:4em;
}
.board-list-loader{
	/*color:#ff6c3a;*/
	text-indent:-9999em;
	margin:88px auto;
	position:relative;
	font-size:11px;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation-delay:-0.16s;
	animation-delay:-0.16s;
}
.board-list-loader:before,
.board-list-loader:after{
	position:absolute;
	top:0;
	content:'';
}
.board-list-loader:before{
	left:-1.5em;
	-webkit-animation-delay:-0.32s;
	animation-delay:-0.32s;
}
.board-list-loader:after{
	left:1.5em;
}
@-webkit-keyframes load1{
	0%,
	80%,
	100%{
		box-shadow:0 0;
		height:4em;
	}
	40%{
		box-shadow:0 -2em;
		height:5em;
	}
}
@keyframes load1{
	0%,
	80%,
	100%{
		box-shadow:0 0;
		height:4em;
	}
	40%{
		box-shadow:0 -2em;
		height:5em;
	}
}
.view-comment{margin:0px;padding:0px 0px 5px;text-transform:capitalize;overflow:hidden;border-bottom:1px solid rgb(51, 51, 51);display:inline-block;position:relative;}

/* Comment */
.comment-media{margin:10px 0px;}
.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-mobile .comment-media .photo i{padding:10px;width:54px;height:54px;}
.view-mobile .comment-media .photo img{width:54px !important;height:54px !important;}

.comment-media .media{border-top:1px solid #999;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{padding:10px 0;margin:10px 0;border-top:1px dotted #eee;}
.comment-media .media .media-content .re{color:#ff8400;}
.comment-media .media .media-btn {	margin-left:4px;}
.comment-btn-wrap .btn{
	padding:5px 0 !important;
	width:30px;
	text-align:center;
}
.comment-form{padding-top:10px;}
.comment-box{border:1px solid #ddd;padding:12px 12px 0px;margin-bottom:15px;background:#fbfbfb;}
.comment-content{display:table;width:100%;table-layout:fixed;}
.comment-content .comment-cell{display:table-cell;padding:0px;text-align:center;vertical-align:middle;}
.comment-content .comment-cell.comment-submit{width:80px;height:100%;background:#fafafa;border:1px solid #ccc;border-left:0px;cursor:pointer;}
.comment-btn .cursor{margin-left:12px;color:#787878;}