@charset "utf-8";
.blueimp-gallery.simple {
    background: rgba(243,243,243,.9);
	background: rgba(0,0,0,.9);
}


.blueimp-gallery.simple>.close, .blueimp-gallery.simple>.prev, .blueimp-gallery.simple>.next {
    opacity: 1;
}

.blueimp-gallery.simple>.close:before, .blueimp-gallery.simple>.close:after {
    margin-top: -3px;
    top: 50%;
    left: 50%;
    margin-left: -18px;
}

.blueimp-gallery.simple>.close:before, .blueimp-gallery.simple>.close:after, .blueimp-gallery.simple>.prev:before, .blueimp-gallery.simple>.prev:after, .blueimp-gallery.simple>.next:before, .blueimp-gallery.simple>.next:after {
    content: "";
    display: block;
    background-color: #fff;
    height: 1px;
    width: 100%;
    position: absolute;

	-webkit-transition: background-color .3s;
	   -moz-transition: background-color .3s;
	     -o-transition: background-color .3s;
	        transition: background-color .3s;
	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	   -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
			box-shadow: 0 1px 1px rgba(0,0,0,.2);
}

.blueimp-gallery.simple>.close:before, .blueimp-gallery.simple>.close:after, .blueimp-gallery.simple>.prev:before, .blueimp-gallery.simple>.prev:after, .blueimp-gallery.simple>.next:before, .blueimp-gallery.simple>.next:after {
    box-shadow: none;
    height: 3px;
    background-color: #999;
}

.blueimp-gallery.simple>.close:hover:before, .blueimp-gallery.simple>.close:hover:after, .blueimp-gallery.simple>.prev:hover:before, .blueimp-gallery.simple>.prev:hover:after, .blueimp-gallery.simple>.next:hover:before, .blueimp-gallery.simple>.next:hover:after {
    background-color: #fff !important;
}

.blueimp-gallery.simple > .title {
    top: 40px;
    left: 60px;
	font-size:18px;
    color: #fff;
    text-shadow:none;
	opacity: 1;
	line-height:140%;
	/*display:none;*/
	/*font-weight:700;*/
}
.blueimp-gallery.simple > .title br {
	display:block;
}
.blueimp-gallery.simple > .title:hover {
	color: #fff;
	opacity: 1;
}
.blueimp-gallery.simple > .count {
	position:absolute;
	display:inline-block;
	width:auto;
	white-space:nowrap;
	z-index:10;
    bottom: 40px;
    left: 60px;
	font-size:14px;
    color: #999;
    text-shadow:none;
	opacity: 1;
	line-height:140%;
}
.blueimp-gallery.simple > .count strong {
    color: #fff;
}
.blueimp-gallery.simple>.close {
    z-index: 20;
	font-size: 0;
    width: 10px;
    height: 10px;
    top: 56px;
    right: 74px;
	/*top:31px;
	right:30px;*/
}
.blueimp-gallery.simple> .play-pause {
  right: 60px;
  bottom: 40px;
}


.blueimp-gallery.simple>.prev, .blueimp-gallery.simple>.next {
    margin-top: -25px;
    border: none;
    background: none;
}
.blueimp-gallery.simple>.close:after, .blueimp-gallery.simple>.prev:before, .blueimp-gallery.simple>.next:after {
    -webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
.blueimp-gallery.simple>.prev:before, .blueimp-gallery.simple>.prev:after, .blueimp-gallery.simple>.next:before, .blueimp-gallery.simple>.next:after {
    width: 24px;
    top: 50%;
}
.blueimp-gallery.simple>.close:before, .blueimp-gallery.simple>.close:after {
    margin-left: -15px;
}

.blueimp-gallery.simple>.prev {
    left: 0;
}
.blueimp-gallery.simple>.next {
    right: 0;
}
.blueimp-gallery.simple>.prev, .blueimp-gallery.simple>.next {
    font-size: 0;
    border-radius: 0;
    width: 120px;
    height: 120px;
    margin-top: -60px;
}

.blueimp-gallery.simple>.prev:after, .blueimp-gallery.simple>.next:before {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
			transform: rotate(45deg);
}

.blueimp-gallery.simple>.close:before, .blueimp-gallery.simple>.prev:after, .blueimp-gallery.simple>.next:before {
   -webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
			transform: rotate(45deg);
}

.blueimp-gallery.simple>.prev:before, .blueimp-gallery.simple>.prev:after {
    left: 60px;
}
.blueimp-gallery.simple>.next:before, .blueimp-gallery.simple>.next:after {
    right: 60px;
}

.blueimp-gallery.simple>.prev:before, .blueimp-gallery.simple>.next:before {
    margin-top: -7.5px;
}
.blueimp-gallery.simple>.prev:after, .blueimp-gallery.simple>.next:after {
    margin-top: 8px;
}

@media screen and (max-width: 768px) {
	.blueimp-gallery.simple > .title {
		top: 15px;
		left: 20px;
	}
	.blueimp-gallery.simple > .count {
		bottom: 15px;
		left: 20px;
	}
	.blueimp-gallery.simple>.close {
		top:31px;
		right:30px;
	}
	.blueimp-gallery.simple>.play-pause {
		bottom:15px;
		right:15px;
	}
	.blueimp-gallery.simple>.prev, .blueimp-gallery.simple>.next {
		width: 60px;
		height: 80px;
		margin-top: -40px;
	}

	.blueimp-gallery.simple>.prev:before, .blueimp-gallery.simple>.prev:after {
		left: 16px;
	}
	.blueimp-gallery.simple>.prev:before, .blueimp-gallery.simple>.prev:after {
		left: 16px;
	}
	.blueimp-gallery.simple>.next:before, .blueimp-gallery.simple>.next:after {
    	right: 16px;
	}
	.blueimp-gallery.simple>.next:before, .blueimp-gallery.simple>.next:after {
 	   right: 16px;
	}
	.blueimp-gallery.simple>.indicator {
		display: none !important;
	}
}


/* photo Title */
#photo-title {position:relative;color:#fff;padding:60px 0px 20px;/*border-bottom:1px solid #444444;*/text-align:center;}
#photo-title h2 {
	font-size:18px;
	letter-spacing:0px;
	color:#999999;
	font-family:"Georgia",'Nanum Gothic';
	display:none;
}
#photo-title .subTitle {clear:both;}
#photo-title h3 {
	font-size:40px;
	letter-spacing:-0.5px;
	line-height:110%;
	/*text-transform:uppercase;*/
	font-family:'Georgia','Nanum Gothic';
}
#photo-title h3.one {
	text-transform:uppercase;
}
#photo-title h3.kor {font-size:22px;letter-spacing:0px;margin-bottom:15px;text-transform:inherit;}
#photo-title .subDesc {font-size:16px;letter-spacing:0px;line-height:170%;margin:50px 0 0;text-align:left;}
#photo-title img {width:60px;}
#photo-title .btnList {position:absolute;top:30px;right:0px;padding:0;margin:0;}
#photo-title .btnList img {width:40px;}

@media screen and (max-width: 1100px) {
	#photo-title {text-align:left;}
}
@media screen and (max-width: 640px) {
	#photo-title .btnList {display:none}
	#photo-title {padding:30px 0px 20px;}
	#photo-title .subDesc {margin:30px 0 0;}
}
@media screen and (max-width: 480px) {
	#photo-title h3 {
		font-size:32px;
		letter-spacing:-0.5px;
	}
	#photo-title h3.kor {font-size:18px;}
	#photo-title .subDesc {font-size:15px;margin:30px 0 0;}
}

.page-load-status {
  display: none; /* hidden by default */
  padding: 20px 0;
  /*border-top: 1px solid #fff;*/
  text-align: center;
  color: #fff;
}

.loader-ellips {
  font-size: 10px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #fff; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}


/*#wrap {max-width:1200px;}*/
:root {
    --gutter:1%;
	--gutter-minus:-1%;
}    
.photo-grid {
	position:relative;
	padding: 40px 0 30px;
	overflow:hidden;
}
.photo-grid .viewEnd {
	padding:50px 0px 30px;
	text-align:center;
	display:none;
}
.photo-grid.end .viewEnd {
	display:block;
}
.photo-grid .grid-items {
	position:relative;
	overflow: hidden;
	font-size:0;
	margin: 0px var(--gutter-minus) 0px 0;
}
.grid-gutter-sizer {
	width: var(--gutter);
}
.photo-grid .photo-item {
	position:relative;
	float: left;
	display: inline-block;
	vertical-align:top;	
	overflow:hidden;
	width:calc(33.33333% - var(--gutter));
	margin:0 0 var(--gutter) 0;
}
.photo-grid .photo-item,
.photo-grid .grid-col-sizer {
	width:calc(33.33333% - var(--gutter));
}
.photo-grid .x2 {
	width:calc(66.66666% - var(--gutter));
}
.photo-grid .photo-item a {
}

/* 직사각형 */
.photo-grid .photo-item .img {
	position:relative;
}
.photo-grid .photo-item .img img {
	position:relative;
	width:100%;height:auto;
}

/* 정사각형 */
.photo-grid.square .photo-item a:after {
	content:'';
	display:block;
    padding-bottom: 100%;
}

.photo-grid.square .photo-item .img {
	position:absolute;
	display:block;
	left:0;
	top:0;
	bottom:0;
	right:0;
}

.photo-grid.square .photo-item .img img {
	position:relative;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width:auto;height:100%;
	width:100%;height:auto;
}
.photo-grid.square .photo-item .hoz img {
	width:auto;height:100%;
}

/* column */
.photo-grid.type1 {
	text-align:center;
}
.photo-grid.type1 .photo-item,
.photo-grid.type1 .grid-col-sizer {
	width:calc(100% - var(--gutter));
}
.photo-grid.type1 .photo-item {
	margin:0 0 10% 0;
}
.photo-grid.type1 .x2 {
	width:calc(100% - var(--gutter));
}
.photo-grid.type1 .photo-item .img {
	position:relative;
}
.photo-grid.type1 .photo-item .img img {
	top: 0;
	left:0;
	transform: none;
	-webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
	width:auto;height:auto;
	max-width:100%;
}
.photo-grid.type1 .photo-item a {
	display:inline-block;
}
.photo-grid.type1 .photo-item a:after {
	content:'';
	display:block;
    padding-bottom:0;
}


.photo-grid.type2 .photo-item,
.photo-grid.type2 .grid-col-sizer {
	width:calc(50% - var(--gutter));
}
.photo-grid.type2 .x2 {
	width:calc(100% - var(--gutter));
}
.photo-grid.type3 .photo-item,
.photo-grid.type3 .grid-col-sizer {
	width:calc(33.33333% - var(--gutter));
}
.photo-grid.type3 .x2 {
	width:calc(66.66666% - var(--gutter));
}
.photo-grid.type4 .photo-item,
.photo-grid.type4 .grid-col-sizer {
	width:calc(25% - var(--gutter));
}
.photo-grid.type4 .x2 {
	width:calc(50% - var(--gutter));
}
.photo-grid.type5 .photo-item,
.photo-grid.type5 .grid-col-sizer {
	width:calc(20% - var(--gutter));
}
.photo-grid.type5 .x2 {
	width:calc(40% - var(--gutter));
}


.photo-grid .photo-item a .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:10;
	background:rgba(0,0,0,.0);
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}
.photo-grid .photo-item a .cover:after {
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-family: 'themify'; content: "\e611"; font-size: 26px; font-weight: normal;color:#fff;line-height:26px;
	display:inline-block;
	margin-top:5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}
.photo-grid .photo-item a:hover .cover {
	background:rgba(0,0,0,.3);
}

.photo-grid .photo-item a:hover .cover:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
@media screen and (max-width: 640px) {
	.photo-grid {
		padding: 10px 0 30px;
	}
	
}
@media screen and (max-width: 480px) {
	
	.photo-grid.type1 .photo-item {
		width:calc(100% - var(--gutter))  !important;
		margin:0 0 var(--gutter) 0;
	}
	
	.photo-grid.type4 .photo-item,
	.photo-grid.type4 .grid-col-sizer {
		width:calc(50% - var(--gutter))  !important;
	}
	.photo-grid.type4 .x2 {
		width:calc(100% - var(--gutter))  !important;
	}
	.photo-grid.type5 .photo-item,
	.photo-grid.type5 .grid-col-sizer {
		width:calc(33.33333% - var(--gutter))  !important;
	}
	.photo-grid.type5 .x2 {
		width:calc(66.66666% - var(--gutter))  !important;
	}

}