@charset "utf-8";
/* copyright(c) WEBsiting.co.kr */
/* 갤러리 새글 스킨 (latest) */

.rollingCWR{margin:0 auto; text-align:center; width:100%; }
.rollingC {position:relative; overflow:hidden; text-align:center; padding:20px; margin:0 auto; }
.rollingC .rollingCTit {display:block; }
.rollingC .rollingCTit a{color:#333; display:inline-block; position:relative; margin:0 auto 10px; padding:20px; font-size:20px; text-align:center; }
.rollingC .rollingCTit a u{display:block; width:50px; height:1px; background:#ddd; position:absolute; left:50%; bottom:0px; margin-left:-25px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
div:hover.rollingC .rollingCTit a u{width:100px;  margin-left:-50px;  }

.rollingC .rollingCREL{overflow:hidden; margin:0; padding:0 50px;}
.rollingC .rollingCREL .rollingCRELcon{width:100%; float:left; text-align:center; }
.rollingC .rollingCREL .rollingCRELcon a{display:block; margin:15px; position:relative; overflow:hidden;}
.rollingC .rollingCREL .rollingCRELcon a em{display:block; font-style:normal; position:absolute; left:0; top:50%; color:#ff0000; width:100%; text-align:center;; height:50px; line-height:48px; margin-top:-25px;}
.rollingC .rollingCREL .rollingCRELcon a em i{font-size:40px;text-shadow:0px 0px 10px rgba(0,0,0,0.3),0px 0px 14px rgba(0,0,0,0.3),0px 0px 10px rgba(0,0,0,0.3);}
.rollingC .rollingCREL .rollingCRELcon a > b{display:block; text-align:center; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; width:100%; }
.rollingC .rollingCREL .rollingCRELcon a .bo_cate_link{display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; width:100%; margin:10px 0 0 0; }
.rollingC .rollingCREL .rollingCRELcon a > i u{display:block; text-decoration:none; font-style:normal; position:absolute; left:0; top:50%; width:100%; margin-top:-10px; height:20px; line-height:20px; font-size:50px; color:#ddd; }
.rollingC .rollingCREL .rollingCRELcon a > i{display:block; width:100%; position:relative; overflow:hidden; margin:0 auto;
     /* border-radius:50%; */
    }
.rollingC .rollingCREL .rollingCRELcon a > i img{display:block; height:auto; width:100%; margin:0 auto; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.rollingC .rollingCREL .rollingCRELcon a:hover > i img{transform: scale(1.1); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.rollingC .rollingCREL .rollingCRELcon a > i .youtube_img{display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; overflow:hidden; background-repeat:no-repeat; background-size:auto 200%; background-color:#333; background-position:center center; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.rollingC .rollingCREL .rollingCRELcon a:hover > i .youtube_img{transform: scale(1.1);}
.rollingC .rollingCREL .rollingCRELcon a span{font-size:11px; }
.rollingC .rollingCREL .rollingCRELcon .fa-heart{color:#ff0000; }
.rollingC .rollingCREL .rollingCRELcon .fa-lock{display: inline-block; font-size:11px; line-height: 14px; width: 16px; color: #999; background: #efefef; text-align: center; border-radius: 2px; font-size: 12px; border:1px solid #ddd}
.rollingC .rollingCREL .rollingCRELcon .new_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px; color:#fff; background:#ff6600; text-align:center; border-radius: 50%; }
.rollingC .rollingCREL .rollingCRELcon .hot_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px ; color:#fff; background:#e52955; text-align:center; border-radius: 50%; }

.rollingC .lt_more {
    clear:both;
    letter-spacing: 1px;
    font-size: 14px;
    display: inline-block;
    padding: 10px 30px; color:#111; border-radius:50px; text-align:center; margin:20px auto 0; background: #fff !important; border:2px solid #00905b; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.rollingC .lt_more:hover{    opacity: 0.8;-moz-opacity: 0.8;background: RGBA(0,0,0,0.05) !important; }

/* .rollingC .lt_more {clear:both; font-size:12px; font-weight:bold; display:inline-block; padding:10px 30px; color:RGBA(255,255,255,0.7); border-radius:50px; text-align:center; margin:20px auto 0; background:#333; border:2px solid rgba(0,0,0,0.15); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.rollingC .lt_more:hover{color:#fff; border:2px solid rgba(0,0,0,0.1); } */
.rollingC .lt_more > i{display:inline-block; padding-left:10px; font-size:14px;}


.rollingC .empty_li {width:100% !important; line-height:204px; min-height:204px; color:#999; text-align:center; padding:0;}
/*  */
.rolling_circle_wrap .mainContents{max-width: 100% !important;}

@media all and (max-width:600px)
{
	.rollingC {padding:5px; }
	.rollingC .rollingCTit a{padding:15px; font-size:16px; }

	.rollingC .lt_more{font-size:12px;}

	.rollingC .rollingCREL .rollingCRELcon a{margin:5px; }

	.rollingC .rollingCREL .rollingCRELcon a em{ margin-top:-15px;}
	.rollingC .rollingCREL .rollingCRELcon a em i{font-size:30px;}


}

*, body {
  margin: 0;
  padding: 0;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.content {
  height: 100px;
  width: 45%;
  color: #fff;
  font-size: 24px;
  line-height: 100px; /* centering text just for view */
  text-align: center;
  background-color: grey;
  margin: 5px;
  border: 1px solid lightgrey;
  display: none;
}
#loadMore {
  width: 200px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: blue;
  transition: .3s;
}
#loadMore:hover {
  color: blue;
  background-color: #fff;
  border: 1px solid blue;
  text-decoration: none;
}
.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}