@charset "utf-8";
@import url("../default_/style.css");
.info_table:nth-child(8) { border-bottom:0 none !important; box-sizing:border-box; }
/*갤러리 일반 목록형*/
#xb_view { }
#xb_view:after { content:""; display:block; clear:both; }
.choice {  height:38px; border:1px solid #ccd0d7; float:right; clear:both; position:relative;  }
.choice:after { content:""; display:block; clear:both; }
.choice2 { border-left:1px solid #ccd0d7;  border-right:1px solid #ccd0d7; }
.choice li { float:left; }
.choice li a { display:block; width:49px; height:38px; background:#f1f3f6; text-align:center; color:#949494; line-height:38px; font-size:18px; }
#galley_theme li a.on{ color:#fff; background:#5e5e5e; }
 
.g_top { float:left;    margin:0px 0 10px; display:block;}

.totalpage {  font-size:14px; color:#333;   }
.totalpage span { color:#ff9600; }
.select_bg { position:relative; display:inline-block;  width:78px; height:28px; border:1px solid #ccd0d7; background:url(img/select.png) right center no-repeat;   font-size:12px;}
.select_bg select {opacity: 0; filter: alpha(opacity=0); /* IE 8 */  }
.select_bg label { position:absolute; left:5px; top:2px;   }
.size1 { width:118px; }

/*일반*/
.board_gallery_default { clear:both; overflow:hidden;   margin:0 0 0px 0; }
.board_gallery_default ul li{float:left; width:calc(50% - 15px); display:table-cell; text-align:center;  padding:0px 0 0px 0; margin-bottom:44px; box-shadow:0 1px 3px rgba(0,0,0,0.2); transition:all 0.4s;  }
.board_gallery_default ul li.no_images { height:75px; line-height:75px;  width:100%; }
.board_gallery_default ul li:nth-child(even) { float:right; }
.board_gallery_default ul li div{display:block; width:100%; position:relative; border:1px solid #ddd; box-sizing:border-box; height:405px;}
.board_gallery_default ul li div .photo {position:relative;  width:100%; margin:0 auto; height:268px; overflow:hidden;}
.board_gallery_default ul li div .photo img {width:100%; height:268px;}
.board_gallery_default ul li div .photo img:hover {transform:scale(1.02,1.02); transition:0.3s;}
.board_gallery_default ul li div .photo .zoomOverlay{position:absolute;top:0; bottom:0 ;display:none; width:248px; height:178px; background-image:url(../../../data_files/images/board/zoom.png); background-repeat:no-repeat; background-position:center;}

.board_gallery_default ul li div dl { padding:20px 26px 0; text-align:left;  }
.board_gallery_default ul li div dl dt{  }
.board_gallery_default ul li div dl dt a { font-size:16px; display:block; width:100%; color:#333; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold;  }
.board_gallery_default ul li div dl dt img { vertical-align:middle;}
.board_gallery_default ul li div dl dd.contents { margin:10px 0 20px; }
.board_gallery_default ul li div dl dd.contents a { font-size:14px; display:block; width:100%; color:#666; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }

.board_gallery_default ul li div dl dt img.sec { vertical-align:middle;  }
.board_gallery_default ul li div dl dd{ }
.board_gallery_default ul li div dl dd.info{ display:block !important;  }
.board_gallery_default ul li div dl dd.info p { display:inline-block; vertical-align:top; position:relative; overflow:hidden; font-size:14px; color:#666; line-height:20px; }
.board_gallery_default ul li div dl dd.info span{ position:absolute; left:-999999px; top:-9999px; opacity:0; }

.board_gallery_default ul li div dl dd.info p.gal_ic1 { padding:0 15px 0 20px; background:url(./img/gal_ic1.png) left 3px no-repeat; }
.board_gallery_default ul li div dl dd.info p.gal_ic1::before { content:""; display:block; width:1px; height:10px; background:#e2e2e2; position:absolute; right:0; top:6px; }

.board_gallery_default ul li div dl dd.info p.gal_ic2 { padding:0 0 0 19px; margin-left:12px; background:url(./img/gal_ic2.png) left 5px no-repeat;}

.board_gallery_default ul li div input { position:absolute; left:10px; top:10px; width:15px; height:15px; }

/*웹진*/
#board_gallery_show.board_gallery_zine { clear:both; overflow:hidden; border-top:2px solid #535353; margin:0 0 20px 0; }
#board_gallery_show.board_gallery_zine ul li{float:left; width:100%;  padding:21px 0 24px 0; border-bottom:1px #ddd solid;}
#board_gallery_show.board_gallery_zine ul li.no_images { text-align:center; }
#board_gallery_show.board_gallery_zine ul li:hover{background:#f8f8f8;}
#board_gallery_show.board_gallery_zine ul li div{float:left;  width:100%; position:relative; }
#board_gallery_show.board_gallery_zine ul li div .photo{float:left;margin:0 10px 0 0px; height:192px; width:195px; }
#board_gallery_show.board_gallery_zine ul li div .photo img {width:100%; height:192px;}
#board_gallery_show.board_gallery_zine ul li div input {position:absolute; left:10px; top:10px; width:15px; height:15px; }
#board_gallery_show.board_gallery_zine ul li div dl {margin:0 20px 0 0px; float:right; width:calc(100% - 265px);   overflow: hidden; border-top:0 none !important; box-sizing:border-box; padding:24px 0 0 0; }
#board_gallery_show.board_gallery_zine ul li div dl dt{}
#board_gallery_show.board_gallery_zine ul li div dl dt a {  color:#444; display:block; font-weight:bold; width:100%; margin:0 0px 22px 0; padding:0 0px 0 0; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; vertical-align:top; font-size:1.385em; box-sizing:border-box;}
#board_gallery_show.board_gallery_zine ul li div dl dt img {vertical-align:middle;}
#board_gallery_show.board_gallery_zine ul li div dl dd{padding:0 0px 0 0; }
#board_gallery_show.board_gallery_zine ul li div dl dd.contents { margin-bottom:27px; }
#board_gallery_show.board_gallery_zine ul li div dl dd.contents a { display:block;  width:100%; overflow:hidden; box-sizing:border-box; color:#777; font-size:1.231em;/* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 24px;
    height:48px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

#board_gallery_show.board_gallery_zine ul li div dl dd.info{ display:block !important; }
#board_gallery_show.board_gallery_zine ul li div dl dd.info p { display:inline-block; vertical-align:top; position:relative; overflow:hidden; font-size:14px; color:#666; line-height:20px; }
#board_gallery_show.board_gallery_zine ul li div dl dd.info span{ position:absolute; left:-999999px; top:-9999px; opacity:0; }

#board_gallery_show.board_gallery_zine ul li div dl dd.info p.gal_ic1 { padding:0 15px 0 20px; background:url(./img/gal_ic1.png) left 3px no-repeat; }
#board_gallery_show.board_gallery_zine ul li div dl dd.info p.gal_ic1::before { content:""; display:block; width:1px; height:10px; background:#e2e2e2; position:absolute; right:0; top:6px; }

#board_gallery_show.board_gallery_zine ul li div dl dd.info p.gal_ic2 { padding:0 0 0 19px; margin-left:12px; background:url(./img/gal_ic2.png) left 5px no-repeat;}

/*이미지없음*/
.board_gallery_list {clear:both; overflow:hidden; margin:0 0 15px 0; }
.board_gallery_list ul li{float:left; width:99.7%;  border:1px #ddd solid; margin:0 0 10px 0; border-left:0 none; border-right:0 none;}
.board_gallery_list ul li:hover{background:#f8f8f8; }
.board_gallery_list ul li div{float:left;  width:100%; position:relative;  }
.board_gallery_list ul li div .photo{display:none; }
.board_gallery_list ul li div dl {padding:10px; border-top:0 none !important;}
.board_gallery_list ul li div dl dt{font-weight:bold;width:93%; margin:0 10px 5px 0; padding:0 20px 0 0; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; font-size:1.077em;}
.board_gallery_list ul li div dl dt a {  color:#444;}
.board_gallery_list ul li div dl dt img {vertical-align:middle;}
.board_gallery_list ul li div dl dd{width:93%; padding:0 10px 0 0; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; font-size:1.0em;}
.board_gallery_list ul li div dl dd a{color:#555;}
.board_gallery_list ul li div dl dd.info{padding:20px 0 15px 0; float:right; width:auto; color:#777;}
.board_gallery_list ul li div input { position:absolute; right:10px; top:15px; width:15px; height:15px; }

.board_gallery_list ul li.no_images{ width:100%; text-align:center; }

.board_img_view .fancybox-thumbs { display:inline-block !important; }

 
/*레이어 돋보기*/
.fancy_center a span { content:""; display:block; width:58px; height:58px; background:#fff url(./img/gal_search.png) center center no-repeat; position:absolute; right:11px; bottom:10px; z-index:2; border-radius:50%; box-shadow:0 2px 2px rgba(0,0,0,0.3); }

.fancy_center a span::before {}
.fancy_center a:hover span::before { content: "";
	display:block;
	 box-sizing:border-box;
	  
  position: absolute;
  border-radius: 50%;
  padding: 46px;
  border: 5px solid #5893ff;
  opacity: 0.75;
  left:0px;
    top:-1px;
  animation-name: pulse-border;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
 animation-fill-mode:forwards;  }
 
.media_search a span { content:""; display:block; width:58px; height:58px; background:#fff url(./img/media_search.png) center center no-repeat; position:absolute; right:11px; bottom:10px; z-index:2; border-radius:50%; box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.media_search a:hover span::before { content: "";
	display:block;
	 box-sizing:border-box;
	  
  position: absolute;
  border-radius: 50%;
  padding: 46px;
  border: 5px solid #ff585d;
  opacity: 0.75;
  left:0px;
    top:-1px;
  animation-name: pulse-border;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
 animation-fill-mode:forwards;  }

 
 
@keyframes pulse-border {
  0% {
    padding: 26px;
    opacity: 0.75;
	left:0px;
    top:-1px;
  }
  75% {
    padding: 46px;
    opacity: 0;
	left:-23px;
    top:-23px;
  }
  100% {
    opacity: 0;
	
  }
}

.add_none a span { display:none !important; }

/*리스트 레이어*/
#glayer_cont { display:none; }
#glayer_cont.glayer_view { display:block; position:fixed; width:100%; height:100%; left:0; top:0; z-index:999; }
#glayer_cont.glayer_view .glayer_bg { width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); }
#glayer_cont.glayer_view #glayer_box { display:inline-block; position:absolute;  width:94%;  left:3%; top:0px; z-index:10; box-sizing:border-box; padding:0 50px; }
#glayer_cont.glayer_view #glayer_box .glayer_center {  }
#glayer_cont.glayer_view #glayer_box .glayer_center .slick-slide { opacity:0; }
#glayer_cont.glayer_view #glayer_box .glayer_center .slick-active { opacity:1; }
#glayer_cont.glayer_view #glayer_box .glayer_center .slick-slide p {  height:auto; overflow:auto; text-align:center; position:relative; }
#glayer_cont.glayer_view #glayer_box .glayer_center .slick-slide img { margin:0 auto; width:100%; }
#glayer_cont.glayer_view #glayer_box .gslider-nav { position:relative; margin:20px auto 0;  text-align:center;  }

#glayer_cont.glayer_view #glayer_box .gslider-nav .slick-slide { opacity:0.8; width:120px; height:80px; overflow:hidden; margin:0 10px; cursor:pointer; margin-top:15px; }
#glayer_cont.glayer_view #glayer_box .gslider-nav .slick-current { width:150px; height:110px; margin-top:0; opacity:1; }
#glayer_cont.glayer_view #glayer_box .gslider-nav .slick-slide img { width:100%; height:80px; }
#glayer_cont.glayer_view #glayer_box .gslider-nav .slick-current img { width:100%; height:110px; }

.layer_btn { }
.layer_btn li { position:absolute; top:calc(50% - 90px); }
.layer_btn li.glbtn01 { left:0; }
.layer_btn li.glbtn02 { right:0; }
.layer_btn li a { display:block; width:34px; height:52px; text-indent:-99999px; }
.layer_btn li.glbtn01 a { background:url(img/gal_bt1.png) center top no-repeat; }
.layer_btn li.glbtn02 a { background:url(img/gal_bt2.png) center top no-repeat; }
.layer_btn li.slick-disabled { display:none !important;}

.glayer_close { position:absolute; right:70px; top:20px; }
.glayer_close a { display:block; width:52px; height:52px; text-indent:-999999px; background:url(img/l_close.png) center center no-repeat; }

.sc_guide { position:absolute; left:calc(50% - 45px); bottom:15px; border-radius:50%; box-sizing:border-box; padding:10px 0 0; background:rgba(0,0,0,0.6); height:90px; width:90px;  text-align:center; z-index:3; }
.sc_guide span { position:relative; width: 30px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box; display:block; margin:0 auto 0; }
.sc_guide span::before { position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box; }

.sc_guide p { color:#fff; text-transform:capitalize; }

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}



/*모바일1*/
@media all and (max-width:1024px)  {
.board_gallery_default { padding:0px 0 20px; }
/*일반*/
.board_gallery_default ul li{  }
.board_gallery_default ul li div{width:100%; box-sizing:border-box; height:auto;}
.board_gallery_default ul li div dl { padding:15px 18px 15px; text-align:left;  }

.board_gallery_default ul li div .photo { width:100%; height:200px;}
.board_gallery_default ul li div .photo img {width:100%; height:200px;  max-width:100%;}

.board_gallery_default ul li div dl {  }
#glayer_cont.glayer_view #glayer_box { position:absolute;  width:94%;  left:3%; padding:0 0; }
.glayer_close { right:5%; }

/*페이지 카운트, 버튼*/
.page_list_cont {  }
.button { margin:10px 0; }
.b_right { float:right !important; }
.button:after { content:""; display:block; clear:both; }
.board_img_view_box p img { width:100%; }
.board_img_view { width:100%; }
.g_top {margin:10px 0;}

.sc_guide { display:none !important;  transform:scale(0.5);   }

}

/*모바일1*/
@media all and (max-width:765px)  {

/*일반*/



/*이미지없음*/
.board_gallery_list ul li{width:100%;  border-right:0px; border-left:0px;}
.board_gallery_list ul li div dl dd{padding:0; }

}
@media all and (max-width:590px)  {
/*갤러리 출력방식 선택 버튼*/
.g_top:after { content:""; display:block; clear:both; }
.gallery_search { float:none !important; }
.gallery_search:after { content:""; display:block; clear:both; }


}

@media all and (max-width:530px)  {
	
.board_gallery_default ul li{float:left; width:100%; display:table-cell; text-align:center;  padding:0px 0 0px 0; margin-bottom:24px;   }
.board_gallery_default ul li:nth-child(even) { float:right; }
	
}


@media all and (max-width:490px)  {
 #board_gallery_show.board_gallery_zine ul li{float:left; width:100%;  padding:21px 0 24px 0; border-bottom:1px #ddd solid;}
#board_gallery_show.board_gallery_zine ul li:hover{background:#f8f8f8;}
#board_gallery_show.board_gallery_zine ul li div{float:none;  width:100%; position:relative; }
#board_gallery_show.board_gallery_zine ul li div .photo{float:none;margin:0 auto 0px; height:192px; width:195px; }
#board_gallery_show.board_gallery_zine ul li div dl {margin:0 0px 0 0px; float:none; width:100%;   overflow: hidden; border-top:0 none !important; box-sizing:border-box; padding:24px 0 0 0; }

}