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

/* 게시판 커스텀 */

/* 뷰페이지 */

.dpp_view_con.menu {border-bottom: 0; padding: 0; padding-top: 70px; margin-top: 70px; border-top: 2px solid #000;}
.dpp_view_con.menu .menu_txt {text-align: center;}
.dpp_view_con.menu .menu_txt em {display: block; color: #02924e; font-family: 'Poppins', sans-serif; font-size: 20px; line-height: 30px; font-weight: 800;}
.dpp_view_con.menu .menu_txt h2 {font-family: 'GmarketSansBold'; color: #000; font-size: 45px; line-height: 55px;}
.menu_content {margin-top: 30px; color: #000; font-size: 22px; line-height: 32px; font-weight: 300;}
.dpp_view_con .dpp_v_img.menu_img {margin-bottom: 0; padding: 0 40px; margin-top: 60px;}
.dpp_view_con .dpp_v_img.menu_img img {width: 100%;}

/* 리스트 페이지 */

#dpp_ct.dpp_ct.food {border: 0; margin: 80px 0 60px; padding: 0;}
#dpp_ct.dpp_ct.food li {min-width: 200px; margin: 0 10px;}
#dpp_ct.dpp_ct.food a {font-family: 'GmarketSansBold';  border-radius: 15px; height: 70px; line-height: 70px; color: #979797; font-size: 23px; background: #e8e8e8; padding: 0;}
#dpp_ct.dpp_ct.food #bo_cate_on {background: #ffde00; color: #000;}
.dpp_gal_list.menu > li:hover .dpp_imgArea a:before {display: none;}
.dpp_gal_list.menu > li:hover .dpp_imgArea a:after {display: none;}
.dpp_gal_list.menu {border: 0;}
.dpp_gal_list.menu .dpp_gal_in {border-radius: 25px; overflow: hidden;}
.dpp_gal_list.menu .dpp_pci_chk {top: 20px; left: 20px; z-index: 50;}
.dpp_gal_list.menu .dpp_gal_in .dpp_imgArea {margin-bottom: 0;}

.dpp_gal_list.menu li .dpp_fd_txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30;}
.dpp_gal_list.menu li:hover .dpp_fd_txt a {opacity: 1;}
.dpp_gal_list.menu li .dpp_fd_txt a {position: relative; display: block; height: 100%; padding: 100px 0; background: rgba(255,222,0,0.95); text-align: center; opacity: 0; transition: opacity .5s ease; }
.dpp_fd_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); text-align: center; width: 100%;}
.dpp_fd_txt em {display: block; color: #02924e; font-family: 'GmarketSansBold'; font-size: 20px; line-height: 30px; font-weight: 800;}
.dpp_fd_txt h2 {position: relative; color: #000; font-size: 50px; line-height: 60px; font-weight: 700;}
.dpp_fd_txt h2:before {display: none; content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: 20px; background: #02924e; bottom: -40px;}
.dpp_fd_txt .dpp_fd_content {position: relative; color: #000; font-size: 22px; line-height: 1.2; height: 2.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 300; padding: 0 180px; margin-top: 60px; word-break: keep-all;}
.dpp_fd_txt .more_ic {display: inline-block; vertical-align: middle; width: 70px; height: 70px; background: #02924e url("/images/more_plus.png") center no-repeat; background-size: 30px; border-radius: 50%; margin-top: 30px;}

@media (max-width: 1600px) {
	
	/* 뷰페이지 */

	.dpp_view_con.menu {padding-top: 4.38vw; margin-top: 4.38vw; border-top: 0.13vw solid #000;}
	.dpp_view_con.menu .menu_txt em { font-size: 1.25vw; line-height: 1.88vw; }
	.dpp_view_con.menu .menu_txt h2 { font-size: 2.81vw; line-height: 3.44vw;}
	.menu_content {margin-top: 1.88vw; font-size: 1.38vw; line-height: 2.00vw; }
	.dpp_view_con .dpp_v_img.menu_img {padding: 0 2.50vw; margin-top: 3.75vw;}

	/* 리스트 페이지 */

	#dpp_ct.dpp_ct.food {margin: 5.00vw 0 3.75vw; }
	#dpp_ct.dpp_ct.food li {min-width: 12.50vw; margin: 0 0.63vw;}
	#dpp_ct.dpp_ct.food a {  border-radius: 0.94vw; height: 4.38vw; line-height: 4.38vw;  font-size: 1.44vw; }
	.dpp_gal_list.menu .dpp_gal_in {border-radius: 1.56vw; }
	.dpp_gal_list.menu .dpp_pci_chk {top: 1.25vw; left: 1.25vw; }
	.dpp_gal_list.menu li .dpp_fd_txt a {padding: 6.25vw 0; }
	.dpp_fd_txt em {font-size: 1.25vw; line-height: 1.88vw; }
	.dpp_fd_txt h2 {font-size: 3.13vw; line-height: 3.75vw; }
	.dpp_fd_txt h2:before {height: 1.25vw; bottom: -2.50vw;}
	.dpp_fd_txt .dpp_fd_content {font-size: 1.38vw; padding: 0 11.25vw; margin-top: 3.75vw; }
	.dpp_fd_txt .more_ic {width: 4.38vw; height: 4.38vw; background-size: 1.88vw; margin-top: 1.88vw;}
}

@media (max-width: 1050px) {
	.dpp_gal_list .num-0, .dpp_gal_list .num-1, .dpp_gal_list .num-2, .dpp_gal_list .num-3, .dpp_gal_list .num-4, .dpp_gal_list .num-5, .dpp_gal_list .num-6, .dpp_gal_list .num-7, .dpp_gal_list .num-8, .dpp_gal_list .num-9, .dpp_gal_list .num-10 {width: 50% !important;}
}

@media (max-width: 1024px) {
	/* 뷰페이지 */

	.dpp_view_con.menu {padding-top: 6.84vw; margin-top: 6.84vw; border-top: 0.20vw solid #000;}
	.dpp_view_con.menu .menu_txt em { font-size: 1.95vw; line-height: 2.93vw; }
	.dpp_view_con.menu .menu_txt h2 { font-size: 4.39vw; line-height: 5.37vw;}
	.menu_content {margin-top: 2.93vw; font-size: 2.15vw; line-height: 3.13vw; }
	.dpp_view_con .dpp_v_img.menu_img {padding: 0 3.91vw; margin-top: 5.86vw;}

	/* 리스트 페이지 */

	#dpp_ct.dpp_ct.food {margin: 7.81vw 0 5.86vw; }
	#dpp_ct.dpp_ct.food li {min-width: 19.53vw; margin: 0 0.98vw;}
	#dpp_ct.dpp_ct.food a {  border-radius: 1.46vw; height: 6.84vw; line-height: 6.84vw;  font-size: 2.25vw; }
	.dpp_gal_list.menu .dpp_gal_in {border-radius: 2.44vw; }
	.dpp_gal_list.menu .dpp_pci_chk {top: 1.95vw; left: 1.95vw; }
	.dpp_gal_list.menu li .dpp_fd_txt a {padding: 9.77vw 0; }
	.dpp_fd_txt em {font-size: 1.95vw; line-height: 2.93vw; }
	.dpp_fd_txt h2 {font-size: 4.88vw; line-height: 5.86vw; }
	.dpp_fd_txt h2:before {height: 1.95vw; bottom: -3.91vw;}
	.dpp_fd_txt .dpp_fd_content {font-size: 2.15vw; padding: 0 17.58vw; margin-top: 5.86vw; }
	.dpp_fd_txt .more_ic {width: 6.84vw; height: 6.84vw; background-size: 2.93vw; margin-top: 2.93vw;}
}

@media (max-width: 768px) {

	.dpp_gal_list .num-0, .dpp_gal_list .num-1, .dpp_gal_list .num-2, .dpp_gal_list .num-3, .dpp_gal_list .num-4, .dpp_gal_list .num-5, .dpp_gal_list .num-6, .dpp_gal_list .num-7, .dpp_gal_list .num-8, .dpp_gal_list .num-9, .dpp_gal_list .num-10 {width: 100% !important;}
	
	/* 뷰페이지 */

	.dpp_view_con.menu {padding-top: 9.11vw; margin-top: 9.11vw; border-top: 0.26vw solid #000;}
	.dpp_view_con.menu .menu_txt em { font-size: 2.60vw; line-height: 3.91vw; }
	.dpp_view_con.menu .menu_txt h2 { font-size: 5.86vw; line-height: 7.16vw;}
	.menu_content {margin-top: 3.91vw; font-size: 3.13vw; line-height: 4.17vw; word-break: keep-all;}
	.menu_content br {display: none;}
	.dpp_view_con .dpp_v_img.menu_img {padding: 0 5.21vw; margin-top: 7.81vw;}

	/* 리스트 페이지 */

	#dpp_ct.dpp_ct.food {margin: 10.42vw 0 7.81vw; }
	#dpp_ct.dpp_ct.food li {min-width: 19.53vw; margin: 0 1.30vw;}
	#dpp_ct.dpp_ct.food a {  border-radius: 1.95vw; height: 9.11vw; line-height: 9.11vw;  font-size: 3.13vw; }
	.dpp_gal_list.menu .dpp_gal_in {border-radius: 3.26vw; }
	.dpp_gal_list.menu .dpp_pci_chk {top: 2.60vw; left: 2.60vw; }
	.dpp_gal_list.menu li .dpp_fd_txt a {padding: 13.02vw 0; }
	.dpp_fd_txt em {font-size: 3.13vw; line-height: 4.17vw; }
	.dpp_fd_txt h2 {font-size: 6.51vw; line-height: 7.81vw; }
	.dpp_fd_txt h2:before {height: 2.60vw; bottom: -5.21vw;}
	.dpp_fd_txt .dpp_fd_content {font-size: 2.86vw; padding: 0 23.44vw; margin-top: 7.81vw; }
	.dpp_fd_txt .more_ic {width: 9.11vw; height: 9.11vw; background-size: 3.91vw; margin-top: 2.93vw;}
}