@charset "utf-8";


/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}

.bd_list_wrap .gal_list li .txt{overflow: visible !important; text-overflow: initial !important; white-space: normal !important; text-align: center;}

/****** list ******/
.gallery_list_wrap {margin: 40px 0;}
.gallery_list_wrap ul {display: flex; align-items: center; flex-wrap: wrap; margin: -25px -10px;}
.gallery_list_wrap .list_item {width: 25%; height: auto; padding: 25px 10px; cursor: pointer; position:relative;}
.gallery_list_wrap .list_item .dpp_pci_chk {position: absolute; top: 32.5px; left: 20px;}
.gallery_list_wrap .list_item .img_item {position: relative; width: 100%; height: 425px; border: 1px solid #E7E7E7; overflow:hidden;}
.gallery_list_wrap .list_item .img_item::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; transition:all 0.5s;}
.gallery_list_wrap .list_item:hover .img_item::before {opacity: 1;}
.gallery_list_wrap .list_item .img_item::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background: #fff url("/theme/basic/img/gall_hover.png") center no-repeat; background-size: 21px; z-index: 2; border-radius: 50%; cursor: pointer; transition: 0.5s all; opacity: 0;}
.gallery_list_wrap .list_item:hover .img_item::after {opacity:1;}
.gallery_list_wrap .list_item .img_item .ov_txt{display: none;}
/* .gallery_list_wrap .list_item:hover .img_item:before{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 67, 131, 0.80); opacity: 0; transition:all 0.3s;}
.gallery_list_wrap .list_item:hover .img_item:before{opacity: 1;}
.gallery_list_wrap .list_item .img_item .ov_txt{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); font-size: 22px; font-weight: 600; color: #FFF; font-family: 'Montserrat'; opacity: 0; transition:all 0.3s; white-space: nowrap;}
.gallery_list_wrap .list_item .img_item .ov_txt i{display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: url("/img/board/view_arrow.svg") no-repeat center / 100%; margin: -2px 0 0 5px;} */
.gallery_list_wrap .list_item:hover .img_item .ov_txt{opacity: 1;}
.gallery_list_wrap .list_item .img_item img {width: 100%; height: 100%; object-fit: cover;}
.gallery_list_wrap .list_item p {text-align: center; font-size: 20px; font-weight: 600; margin-top: 20px;}

/* pagination */
#board_gallery_content .pagination {padding-top: 1.74vw; display: flex; align-items: center; justify-content: center;}
#board_gallery_content .pagination li {width: 2.60vw; height: 2.60vw; margin: 0 0.52vw;}
#board_gallery_content .pagination li a {font-size: 1.30vw; font-weight: 500; color: #868686; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
#board_gallery_content .pagination li.active a {background: #000; color: #fff; font-weight: 700; border-radius: 100%;}

/* popup */
.popup_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 10000;}
.popup_wrap .popup_cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto;}
.popup_wrap .popup_cont .close_btn {/* display: flex; justify-content: flex-end; margin-bottom: 15px; */ position: absolute; top: 0; right: -2vw;}
.popup_wrap .popup_cont .close_btn img {width: 1.3vw; cursor: pointer;}
.popup_wrap .popup_cont .cont {width: 600px; aspect-ratio: 10/13; overflow-y: scroll;}
.popup_wrap .popup_cont .cont{-ms-overflow-style: none;}
.popup_wrap .popup_cont .cont::-webkit-scrollbar{display:none;}
.popup_wrap .popup_cont .cont p{width:100%; height:100%;}
.popup_wrap .popup_cont .cont img {width: 100%; height: 100%; object-fit: cover;}


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

	.gallery_list_wrap .list_item .img_item {height: 28.36vw;}

}


/* 테블릿 */
@media screen and (max-width:1280px) {

	.gallery_list_wrap .list_item {width: 33.3%;}
	.gallery_list_wrap .list_item .img_item {height: 37.26vw;}
	.gallery_list_wrap .list_item p {font-size: 2vw;}
	/* popup */
	.popup_wrap .popup_cont .cont {width: 45.32vw;}

}

/* 모바일 */
@media screen and (max-width:768px) {

    .gallery_list_wrap ul {margin: -3.26vw -1.30vw;}
    .gallery_list_wrap .list_item {width: 50%; padding: 3.26vw 1.30vw;}
    .gallery_list_wrap .list_item p {margin-top: 5vw; font-size: 3.65vw;}
  
    .page_navigation {margin: 6.51vw 0;}
    #board_gallery_content .pagination li {width: 3.91vw; height: 3.91vw; margin: 0 0.39vw;}
    #board_gallery_content .pagination li a {font-size: 2.34vw;}
    
    .popup_wrap .popup_cont {width: 100%; height: 120.8vw; padding: 0 3.13vw; top: 50%;}
    .popup_wrap .popup_cont .close_btn {right: 3.13vw; top: -7.5vw;}
    .popup_wrap .popup_cont .close_btn img {width: 4.69vw;}
    .popup_wrap .popup_cont .cont {width: 100%; margin: 0 auto;}
    .gallery_list_wrap .list_item .img_item {height: 55.8vw;}

    /* .popup_wrap .popup_cont .cont img {height: auto;} */
}