@charset "utf-8";
/* 새글 스킨 (latest) */

/* bootstrap */
section {display: block;}
.col-lg-6, .col-md-6, .col-lg-6, .col-md-12 {position: relative;  min-height: 1px;}

@media (min-width: 992px) {
  .col-md-6, .col-md-12 {float: left;}
  .col-md-12 {width: 100%;}
  .col-md-6 {width: 50%;}
}

@media (min-width: 1200px) {
  .col-lg-6 {float: left;}
  .col-lg-6 {width: 50%;}
}

.review_list_con:before, .review_list_con:after {display: table; content: " ";}
.review_list_con {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

/* text, btn */
.dark-text {color: #000}
.white-text {color: #FFF;}

/* PROJECT DETAILS LOADER */
#review_list_btn {text-align:right; margin-top:20px;}
#back-button {display: none; text-align: center;text-transform: uppercase;margin: 10px; position: absolute; top: 0; right: 0; font-size: 22px; color: #777; cursor:pointer;}
#back-button:hover, #back-button:active {color:#000}

/* work */
.review_list {padding:25px 0;}
.review_list h1,.review_list h2,.review_list h3,.review_list h4,.review_list h5,.review_list h6 {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
.review_list h1,.review_list h2 {font-weight: 700;	text-transform: uppercase;}
.review_list h1 {font-size: 55px;}
.review_list h2 {font-size: 45px !important; line-height: 55px;}
.review_list h3 {font-size: 24px;}

.section-header {text-align: center; padding-bottom: 75px;}
.section-header h2 {padding-bottom: 10px; line-height: 40px; position: relative; display: inline-block;}
.section-header h6 {font-size: 16px;}

/* IMAGE GRID */
.cbp-rfgrid {margin: auto; padding: 0; list-style: none; position: relative; width: 100%;}
.cbp-rfgrid li {position: relative;	float: left; overflow: hidden; width: 16.666666%; /* Fallback */	width: -webkit-calc(100% / 6); width: calc(100% / 6); -webkit-transition: 0.4s all linear;         transition: 0.4s all linear;}
.cbp-rfgrid li a .project-info {position:absolute; bottom:0; background:rgba(255, 255, 255, 0.7); width:100%; padding:7px 10px 4px;}
.cbp-rfgrid li a .project-info h5 {line-height:1.5; font-size:1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/* media queries:  change number of items per row */
@media screen and (max-width: 1199px) {
	.cbp-rfgrid li {width: 16.66666%; /* Fallback */ width: -webkit-calc(100% / 6); width: calc(100% / 6);}
}
@media screen and (max-width: 768px) {
	.cbp-rfgrid li {width: 25%; /* Fallback */width: -webkit-calc(100% / 4); width: calc(100% / 4);}
}
@media screen and (max-width: 480px) {
	.cbp-rfgrid li {width: 33.3333%; /* Fallback */width: -webkit-calc(100% / 3); width: calc(100% / 3);}
}
@media screen and (max-width: 300px) {
	.cbp-rfgrid li {width: 100%;}
}


/* ========================================= */
/* -----------------------------------------*/
/*   SINGLE PROJECT PAGE                     */
/* -----------------------------------------*/
/* ========================================= */

.single-project {font-size:14px; color:#808080; font-weight:normal; overflow-x:hidden !important; line-height:1.8; text-align: center;}
.single-project {text-align:left;;}
.single-project h3 {margin-top:10px; font-size:1.8em; color:#000; line-height: 40px; font-weight:600}
.single-project h3 small {display:block; line-height:14px}
.single-project h3 small img {width:84px;}
.single-project dt {float:left; width:45%; margin-right:2%;}
.single-project dd {float:left; width:50%; padding-left:3%; border-left:1px dashed #dfdfdf;}
.single-project .project-image {width: 100%;}
.single-project .project-description {margin-bottom:25px; color:#000; font-size:15px; font-weight:500; line-height:1.5}
.single-project .button {margin-left:0;}
.single-project .project-information ul li {line-height:1.5}
.single-project .project-information ul li.store {background:#eee; padding: 5px 10px; margin-top: 10px; font-size:13px; color:#000}
.single-project .project-information ul li.store img {width: 15px; vertical-align: sub; opacity: .5;}
.single-project .project-information ul li span {font-weight:700; margin-right:5px;}
.single-project ul, .single-project ol {padding-left:0 !important;}
.single-project li {list-style:none;}

.modal {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: scale(1.1);}
.modal.is-visible {opacity: 1; visibility: visible; transform: scale(1.0);}

.review_list_pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 3%; width: 80%; border-radius: 0.5rem;}

@media screen and (max-width: 768px) {
	.single-project {font-size:13px;}
	.single-project h3 {font-size:1.3em}
	.single-project .project-description {font-size:13px}
	.single-project dt {float:none; width:100%; margin-right:0;}
	.single-project dd {float:none; width:100%; padding-left:0; border-left:none;}
	.review_list_pop {padding:5%;}
	#back-button {margin:7px 15px; padding:5px 10px; background:#fff; font-size:18px;}
}