@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_w_form textarea {width: 100%; max-width: 800px; height: 220px;}

/* 뷰페이지 */

.dpp_thumb_img {position: relative; max-width: 1000px; margin: 0 auto; text-align: center;}
.w_show_wrap {margin-top: 50px;}
.w_show_wrap dl + dl {margin-top: 50px;}
.w_show_wrap dl dt {position: relative; color: #8997cc; font-size: 20px; font-weight: 700; padding-left: 20px; margin-bottom: 20px;}
.w_show_wrap dl dt:before {content: ""; position: absolute; top: 6px; left: 0; width: 3px; height: 18px; background: #fff;}
.w_show_wrap dl dd {color: #fff; font-size: 16px; line-height: 28px; word-break: keep-all;} 

.dpp_v_slider_wrap {margin: 80px auto 0; max-width: 1000px; width: 100%;}
#show_list_slider {margin: 10px -5px;}
#show_list_slider .slick-slide {margin: 0 5px; cursor: pointer;}
.pro-arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; z-index: 20; cursor: pointer;}
.pro-arrow.pro-prev {left: -70px; background: #fff url("/images/prev_black.png") center no-repeat; background-size: 12px;}
.pro-arrow.pro-next {right: -70px; background: #fff url("/images/next_black.png") center no-repeat; background-size: 12px;}

@media (max-width: 1200px) {
	.pro-arrow.pro-prev {left: -20px;}
	.pro-arrow.pro-next {right: -20px;}
}

@media (max-width: 800px) {
	.dpp_thumb_img {max-width: 100%;}
	.w_show_wrap {margin-top: 30px;}
	.w_show_wrap dl + dl {margin-top: 30px;}
	.w_show_wrap dl dt {font-size: 16px;padding-left: 13px; margin-bottom: 10px;}
	.w_show_wrap dl dt:before {top: 4px;height: 15px; }
	.w_show_wrap dl dd {font-size: 12px; line-height: 20px;} 

	.dpp_v_slider_wrap {margin: 50px auto 0; max-width: 100%;}
	#show_list_slider {margin: 5px -2.5px;}
	#show_list_slider .slick-slide {margin: 0 2.5px;}
	.pro-arrow {width: 8.7500vw; height: 8.7500vw; }
	.pro-arrow.pro-prev {left: -15px; background-size: 1.88vw;}
	.pro-arrow.pro-next {right: -15px; background-size: 1.88vw;}
}