@charset "utf-8";
/* common */
#responBoard .imgwh {padding-bottom:75%;}
.restboard .nocolor {color:#999;}
.restboard .nocolor a {color:#999;}
.restboard .nocolorlist {color:#222;}
.restboard .nocolorlist a {color:#222;}
.restboard .width30 {width:30px;}
.restboard .width50 {width:50px;}
.restboard .width70 {width:70px;}
.restboard .width100 {width:100%;}
.restboard .padding10 {padding:10px;}
.restboard .paddingt10 {padding:10px 0px 0px 0px;}
.restboard .paddingb10 {padding:0px 0px 10px 0px;}
.restboard .paddingb20 {padding:0px 0px 20px 0px;}
.restboard .paddingtb10 {padding:10px 0px;}
.restboard .font12 {font-size:14px;}
.restboard .font9 {font-size:9px !important;}
.restboard .relative {position:relative;}
.restboard .fa-calendar {margin-right:3px;}
.restboard .fa-calendar-o {margin-right:3px;}
.restboard .title {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.restboard .content {overflow:hidden;text-overflow:ellipsis;text-align:justify;word-break:break-all;}

div.buttonArea {padding: 10px 0; text-align: right;}

ul.categoryTab {position: relative; margin: 0; padding: 0; list-style: none; zoom: 1; border: 0;}
ul.categoryTab li {float: left; margin: 0 2px 0 0; border: 1px solid #e0e0e0; border-top: 0; border-bottom: 0;}
ul.categoryTab li a {position: relative; border-top: 1px solid #e0e0e0; float: left; height: 28px; line-height: 28px; padding: 0 20px; font-size: 11px; text-decoration: none; color: #666; box-sizing: border-box;}
ul.categoryTab li.on a {color: #000; border-top: 2px solid #CDA25A;}

table {width: 100%; border-collapse: collapse; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; color: #4a4a4a;}
table thead th {margin: 0; border: 0; padding: 14px 0 15px; border-bottom: double #DBDBDB; height: 14px; white-space: nowrap;}
table tbody td {padding: 8px 10px; border: 0; border-bottom: 1px solid #e6e6e6;}
	table tbody td.browse_thumbnail img {width: 120px; height: 90px;}
table .browse_thumbnail {width: 120px;}
table .browse_channel {width: 80px; text-align: center;}
table .browse_date {width: 80px; text-align: center;}
table a {color: #4a4a4a;}

div.pages {padding: 13px 0; text-align: center; font-size: 13px;}
	div.pages a, div.pages strong {display: inline-block; padding: 1px 8px; border-radius: 2px; background-color: #F6F6F6; color: #767676; font: 700 11px/22px Tahoma,Sans-serif; vertical-align: top; text-decoration: none;}
	div.pages strong {color: #D88700;}

div.youtube_popup {z-index: 99999; background-color: rgba(0,0,0,0.75); color: #FFF; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; white-space: nowrap;}
div.youtube_popup:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;}
div.youtube_popup .centered {display: inline-block; vertical-align: middle; white-space: initial;}

/*peruse*/
div.peruse {margin-bottom: 75px;}
div.peruse_header{margin-bottom: 20px;}
	h1.peruse_title {font-size: 21px; font-weight: 400; line-height: 36px;}
		h1.peruse_title a {color: #444; text-decoration: none;}
	p.peruse_meta {margin: 0; padding: 8px 0 13px; border-bottom: 1px solid #DDD; zoom: 1; white-space: nowrap; color: #666;}
		p.peruse_meta span.peruse_channel a {color: #666; text-decoration: none;}

div.peruse_contents {padding: 15px 10px;}
	div.peruse_player {padding-bottom: 15px; text-align: center;}
	div.peruse_description {color: #333; line-height: 1.5;}

div.peruse_footer div.peruse_sns {margin-top: 50px;}
div.peruse_footer div.peruse_sns ul {text-align: center;}
div.peruse_footer div.peruse_sns li {display: inline; vertical-align: top;}
div.peruse_footer div.peruse_sns a {display: inline-block; width: 32px; height: 32px; border: 1px solid #e0e0e0; background-color: #f4f4f4; border-radius: 2px; text-decoration: none;}
div.peruse_footer div.peruse_sns a i {font-size: 22px; line-height: 32px; color: #bcbcbc;}

.restgallery .checkbox {position:absolute;right:7px;top:5px;padding:0px !important;margin:0px !important;}
/*.restgallery .caption {position:absolute;left:0;width:100%;overflow:hidden;text-overflow:ellipsis;}*/
.restgallery .caption {width: auto;min-height:50px;padding: 10px 5%;background: #fff;margin-bottom: 20px;overflow: hidden;}
.restgallery .ribonicon {position:absolute;left:7px;top:7px;}
.restgallery .marginb30 {margin-bottom:30px;}
.restgallery .effect .caption{opacity:0;transition: all 1s ease;} 
.restgallery .effect .nothumbnail{display:block;} 
.restgallery .effect:hover .caption,
.restgallery .noeffect:hover .caption {color:#fff;background-color: #77818d;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#7f000000);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
opacity: .8;}
.restgallery .effect:hover .thumbnailgrow,
.restgallery .noeffect:hover .thumbnailgrow {zoom:1.1;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.restgallery .effect .thumbnailfocus,
.restgallery .noeffect .thumbnailfocus{background-color:#000;transition: all 1s ease;opacity:0}
.restgallery .effect:hover .thumbnailfocus,
.restgallery .noeffect:hover .thumbnailfocus {opacity: 0.3}
.restgallery .effect:hover .caption .viewbtn span,
.restgallery .noeffect:hover .viewbtn span{padding:3px 5px;color:#333;background-color:#fff;border-radius:2px}
.restgallery .marketing .caption {top:0;height:100%;padding:20px 20px 30px 20px;text-align:center;color:#fff}
.restgallery .marketing .top {height:100%;overflow:hidden;opacity:0;filter:alpha(opacity=0)}
.restgallery .marketing:hover .top {opacity:.9;filter:alpha(opacity=90)}
.restgallery .marketing .title {margin:0px; padding:10px 0px 15px 0px;}
.restgallery .marketing .content {font-size:14px;text-align:center;}
.restgallery .marketing .viewbtn {position:absolute; bottom:20px; width:100%;left:50%;margin-left:-50%;}
.restgallery .viewinfo .caption {padding:10px;bottom:0;color:#fff;background:rgba(0,0,0,.5); 
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#7f000000)} 
.restgallery .viewinfo .title {padding:0 0 5px;margin:0;} 
.restgallery .viewinfo .caption p{padding:0;margin:0;font-size:11px} 
.restgallery .flatinfo .caption {top:0;height:100%;min-height:100%;padding:15% 20px 20px 20px;text-align:center;color:#000;}
.restgallery .flatinfo .caption p{padding:0;margin:0;font-size:11px} 
.restgallery .flatinfo .title {padding:3px 0px !important;}
.restgallery .videobtn  {position:absolute;right:7px; bottom:7px;}
.restgallery .border-line {margin-bottom:30px;border:1px solid #ddd}

.restboard .imgwh {position:relative;width:100%;height:0;overflow:hidden;}
.restboard .imgwh .wrap {position: absolute;left:0; width:100%;height:100%;background-color:#efefef;}
.restboard .thumbnailgrow {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.restboard .thumbnailgrow:hover {zoom:1.1;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.restboard .thumbnailfocus {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.restboard .thumbnailfocus:hover {background-color:#000;opacity: 0.3;}
.restboard .rthumbnailimg {width:100%;height:270px;}