@charset "UTF-8";

/*=========================================================
  1. 레이아웃
=========================================================*/
.gallery_list_box {padding-top:20px; padding-bottom:58px;}
.gallery_list_box ul {margin:-10px;}
.gallery_list_box ul:after {content: ""; display:block; clear:both;}
.gallery_list_box ul li {float:left; width:33.333%; padding:10px;}
.gallery_list_box ul li .list_item_wrap {position:relative;}
.gallery_list_box ul li .list_item_wrap img {vertical-align: top;}
.gallery_list_box ul li .list_item_wrap .thum {min-height: 191px; overflow: hidden;}
.gallery_list_box ul li .list_item_wrap .cont_desc_unit {margin-top:5px;}
.gallery_list_box ul li .list_item_wrap .cont_desc_unit a {position: static; top:inherit; left:inherit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size:13px; color:#333; font-weight:600;}
.gallery_list_box ul li .list_item_wrap .thum img {width:100%;}
.gallery_list_box ul li .list_item_wrap .hover_bg img {width:100%;}
.gallery_list_box ul li .list_item_wrap a {display:block; position:absolute; top:0; left:0; width:100%;}
.gallery_list_box ul li .list_item_wrap .hover_cont_container {position:relative;  opacity: 0; visibility: hidden; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.gallery_list_box ul li .list_item_wrap .hover_cont_container .txt_box {position: absolute; top:50%; left:50%; margin-left:-36px; margin-top:-26px; width:72px; text-align: center;}
.gallery_list_box ul li .list_item_wrap a:hover .hover_cont_container { opacity: 1; visibility: visible;}
.gallery_list_box ul li .list_item_wrap .hover_cont_container .txt_box i,
.gallery_list_box ul li .list_item_wrap .hover_cont_container .txt_box span {display:block; font-size:16px; color:#fff;}
.gallery_list_box ul li .list_item_wrap .hover_cont_container .txt_box i {background:url(/wp-content/themes/postech/images/icons/icon_gallery_thum_more.png) no-repeat 0 0; width:26px; height:26px; margin:0 auto 5px auto;}
.gallery_list_box ul li:first-child + li + li + li,
.gallery_list_box ul li:first-child + li + li + li + li + li + li,
.gallery_list_box ul li:first-child + li + li + li + li + li + li + li + li + li {clear:both;} 

/*페이징*/
.paging_box .box_container {text-align: center;}
.paging_box .box_container ul {display:inline-block; font-size: 0; line-height: 0;}
.paging_box .box_container ul li {display:inline-block; position:relative; vertical-align: middle;}
.paging_box .box_container ul li span:before {content:"/"; display:block; position:absolute; top:0;  left:-3px; color:#dbdbdb;}
.paging_box .box_container ul li.first span:before {display:none;}
.paging_box .box_container ul li.active a span,
.paging_box .box_container ul li:hover a span {color:#c90164;}
.paging_box .box_container ul li a {display:block;}
.paging_box .box_container ul li a span {font-size:15px; color:#666666; padding:15px;}
.paging_box .box_container ul li.prev_btn a {width:34px; height:34px; border:1px solid #dbdbdb;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.paging_box .box_container ul li.prev_btn a:hover {border:1px solid #c90164;}
.paging_box .box_container ul li.prev_btn a i {position:relative; display:block; width:100%; height:100%; background:url(/wp-content/themes/postech/images/icons/icon_paging_angle_prev.png) no-repeat center center; text-indent: -9999px;}
.paging_box .box_container ul li.prev_btn a i:after {content:""; display:block; position: absolute; top:0; left:0; width:100%; height:100%; background:url(/wp-content/themes/postech/images/icons/icon_paging_angle_prev_h.png) no-repeat center center; opacity: 0; visibility: hidden; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.paging_box .box_container ul li.prev_btn a:hover i:after {opacity: 1; visibility: visible}
.paging_box .box_container ul li.next_btn a {display:block; width:34px; height:34px; border:1px solid #dbdbdb; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.paging_box .box_container ul li.next_btn a:hover {border:1px solid #c90164;}
.paging_box .box_container ul li.next_btn a i {position:relative; display:block; width:100%; height:100%; background:url(/wp-content/themes/postech/images/icons/icon_paging_angle_next.png) no-repeat center center; text-indent: -9999px;}
.paging_box .box_container ul li.next_btn a i:after {content:""; display:block; position: absolute; top:0; left:0; width:100%; height:100%; background:url(/wp-content/themes/postech/images/icons/icon_paging_angle_next_h.png) no-repeat center center; opacity: 0; visibility: hidden; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.paging_box .box_container ul li.next_btn a:hover i:after {opacity: 1; visibility: visible}

.paging_box .box_container ul li.head_btn a {width:34px; height:34px; border:1px solid #dbdbdb;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.paging_box .box_container ul li.head_btn a:hover {border:1px solid #c90164;}
.paging_box .box_container ul li.head_btn a i {position:relative; display:block; width:100%; height:100%; background:url(/wp-content/themes/postech/images/icons/icon_paging_angle_head.png) no-repeat center center; text-indent: -9999px;}
.paging_box .box_container ul li.head_btn a i:after {content:""; display:block; position: absolute; top:0; left:0; width:100%; height:100%; background:url(/wp-content/themes/postech/images/icons/icon_paging_angle_head_h.png) no-repeat center center; opacity: 0; visibility: hidden; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.paging_box .box_container ul li.head_btn a:hover i:after {opacity: 1; visibility: visible}
.paging_box .box_container ul li.tail_btn a {display:block; width:34px; height:34px; border:1px solid #dbdbdb; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.paging_box .box_container ul li.tail_btn a:hover {border:1px solid #c90164;}
.paging_box .box_container ul li.tail_btn a i {position:relative; display:block; width:100%; height:100%; background:url(/wp-content/themes/postech/images/icons/icon_paging_angle_tail.png) no-repeat center center; text-indent: -9999px;}
.paging_box .box_container ul li.tail_btn a i:after {content:""; display:block; position: absolute; top:0; left:0; width:100%; height:100%; background:url(/wp-content/themes/postech/images/icons/icon_paging_angle_tail_h.png) no-repeat center center; opacity: 0; visibility: hidden; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.paging_box .box_container ul li.tail_btn a:hover i:after {opacity: 1; visibility: visible}
.paging_box .box_container ul li.head_btn {margin-right:5px;}
.paging_box .box_container ul li.tail_btn {margin-left:5px;}

/*갤러리 팝업*/
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: pointer!important;}

/*=========================================================
  00. 반응형
=========================================================*/

@media screen and (max-width: 639px) and (min-width: 480px) {

	/*포토갤럴리*/
	.gallery_list_box ul li {width:100%; padding:10px 70px;}
	
}

@media screen and (max-width: 479px) and (min-width: 420px) {

	/*포토갤럴리*/
	.gallery_list_box ul li {width:100%; padding:10px 20px;}

}

@media screen and (max-width: 419px) and (min-width: 400px) {

	/*포토갤럴리*/
	.gallery_list_box ul li {width:100%; padding:10px 20px;}
	
}

@media screen and (max-width: 399px) and (min-width: 380px) {

	/*포토갤럴리*/
	.gallery_list_box ul li {width:100%; padding:10px 20px;}
	
}

@media screen and (max-width: 379px) and (min-width: 360px) {

	
	/*포토갤럴리*/
	.gallery_list_box ul li {width:100%; padding:10px 20px;}

}

@media screen and (max-width: 359px) {

	/*포토갤럴리*/
	.gallery_list_box ul li {width:100%; padding:10px 20px;}


}