@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;}


/****** list ******/
.dpp_bd_wrap{border: none !important;}
.gallery_list_wrap ul {display: flex; align-items: center; flex-wrap: wrap; margin: -30px -12.5px;}
.gallery_list_wrap .list_item {width: 33.33%; height: auto; padding: 30px 12.5px; cursor: pointer; position:relative;}
.gallery_list_wrap .list_item .dpp_pci_chk {position: absolute; top: 30px; left: 12.5px;}
.gallery_list_wrap .list_item .img_item {position: relative; width: 100%; height: 375px; overflow:hidden;}
.gallery_list_wrap .list_item .img_item img {width: 100%; height: 100%; object-fit: cover;}
.gallery_list_wrap .list_item .txt{margin-top: 40px;}
.gallery_list_wrap .list_item .title strong{display: inline-block; font-family: 'yg-jalnan'; font-size: 25px; letter-spacing: -1px; color: #4C250D;}
.gallery_list_wrap .list_item .title span{display: inline-block; font-size: 19px; font-weight: 500; letter-spacing: -0.4px; color: #4C250D; margin-left: 20px;}
.gallery_list_wrap .list_item .txt .title span{color: #C0AC9F;}
.gallery_list_wrap .list_item p{font-size: 20px; letter-spacing: -0.4px; color: #4C250D; font-weight: 500; margin-top: 10px; line-height: 1.5; min-height: 60px;}
.gallery_list_wrap .list_item .txt p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gallery_list_wrap .list_item .pop_wrap{position: absolute; bottom: 0; left: 50%; transform:translateX(-50%); width: calc(100% - 25px); padding: 45px 35px 55px; background: #FFCB4E; box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.20);  z-index: 10; color: #4C250D;}
.gallery_list_wrap .list_item .pop_wrap .pop_close{position: absolute; width: 32px; top: 17px; right: 17px; cursor: pointer;}



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

	/****** list ******/
	.gallery_list_wrap ul {margin: -2.08vw -0.87vw;}
	.gallery_list_wrap .list_item {padding: 2.08vw 0.87vw;}
	.gallery_list_wrap .list_item .dpp_pci_chk {top: 2.08vw; left: 0.87vw;}
	.gallery_list_wrap .list_item .img_item {height: 24.04vw;}
	.gallery_list_wrap .list_item .txt{margin-top: 2.78vw;}
	.gallery_list_wrap .list_item .title strong{font-size: 1.74vw; letter-spacing: -0.07vw;}
	.gallery_list_wrap .list_item .title span{font-size: 1.2vw; letter-spacing: -0.03vw; margin-left: 1.39vw;}
	.gallery_list_wrap .list_item p{font-size: 1.39vw; letter-spacing: -0.03vw; margin-top: 0.69vw; min-height: 4.17vw;}
	.gallery_list_wrap .list_item .pop_wrap{width: calc(100% - 1.74vw); padding: 3.13vw 2.43vw 3.82vw; box-shadow: 0.00vw 0.56vw 1.67vw 0.00vw rgba(149, 157, 165, 0.20);}
	.gallery_list_wrap .list_item .pop_wrap .pop_close{width: 2.22vw; top: 1.18vw; right: 1.18vw;}

}


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

	/****** list ******/
	.gallery_list_wrap ul {margin: -2.34vw -0.98vw;}
	.gallery_list_wrap .list_item {padding: 2.34vw 0.98vw;}
	.gallery_list_wrap .list_item .dpp_pci_chk {top: 2.34vw; left: 0.98vw;}
	.gallery_list_wrap .list_item .img_item {height: 24.30vw;}
	.gallery_list_wrap .list_item .txt{margin-top: 3.13vw;}
	.gallery_list_wrap .list_item .title strong{font-size: 1.75vw; letter-spacing: -0.08vw;}
	.gallery_list_wrap .list_item .title span{font-size: 1.36vw; letter-spacing: -0.05vw; margin-left: 1.06vw;}
	.gallery_list_wrap .list_item p{font-size: 1.36vw; letter-spacing: -0.03vw; margin-top: 0.78vw; min-height: 4.69vw;}
	.gallery_list_wrap .list_item .pop_wrap{width: calc(100% - 1.95vw); padding: 3.52vw 1.03vw 4.30vw 2.03vw; box-shadow: 0.00vw 0.63vw 1.88vw 0.00vw rgba(149, 157, 165, 0.20);}
	.gallery_list_wrap .list_item .pop_wrap .pop_close{width: 2.50vw; top: 1.33vw; right: 1.33vw;}



}

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

    /****** list ******/
	.gallery_list_wrap ul {margin: 0;}
	.gallery_list_wrap .list_item {width: 100%; padding: 0;}
	.gallery_list_wrap .list_item + .list_item{margin-top: 8vw;}
	.gallery_list_wrap .list_item .dpp_pci_chk {top: 3.91vw; left: 0;}
	.gallery_list_wrap .list_item .img_item {height: 70.83vw;}
	.gallery_list_wrap .list_item .txt{margin-top: 5.21vw;}
	.gallery_list_wrap .list_item .title strong{font-size: 4.65vw; letter-spacing: -0.13vw;}
	.gallery_list_wrap .list_item .title span{font-size: 3.60vw; letter-spacing: -0.05vw; margin-left:3.6vw;}
	.gallery_list_wrap .list_item p{font-size: 3.60vw; letter-spacing: -0.05vw; margin-top: 2.30vw; min-height: 10.81vw;}
	.gallery_list_wrap .list_item .pop_wrap{width: 100%; padding: 6.86vw 5.56vw 8.16vw; box-shadow: 0.00vw 1.04vw 3.13vw 0.00vw rgba(149, 157, 165, 0.20);}
	.gallery_list_wrap .list_item .pop_wrap .pop_close{width: 6.17vw; top: 3.21vw; right: 3.21vw;}
}