@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_gal_list {border: 0 !important;}
.dpp_gal_in .dpp_pic_cn {display: table; width: 100%; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px;}
.dpp_gal_list > li:hover .dpp_imgArea a:before {display: none;}
.dpp_gal_list > li:hover .dpp_imgArea a:after {display: none;}
.dpp_pic_cn .dpp_imgArea {margin-bottom: 0 !important; display: table-cell; vertical-align: middle; width: 100px; height: 100px;}
.dpp_pic_cn .txt_wrap {display: table-cell; width: calc(100% - 100px); vertical-align: middle; padding-left: 40px;}
.dpp_pic_cn .txt_wrap a {display: block;}
.dpp_pic_cn .txt_wrap h2 {color: #000; font-size: 30px; line-height: 38px; font-weight: 700;}
.dpp_pic_cn .txt_wrap h2 span {font-size: 20px; line-height: 28px;}
.dpp_pic_cn .txt_wrap p {color: #7c7c7c; font-size: 23px; line-height: 30px; font-weight: 300; margin-top: 10px;}

@media (max-width: 1400px) {
	.dpp_gal_in .dpp_pic_cn {padding-bottom: 2.1429vw;}
	.dpp_pic_cn .dpp_imgArea {width: 7.1429vw; height: 7.1429vw;}
	.dpp_pic_cn .txt_wrap { width: calc(100% - 7.1429vw);  padding-left: 2.8571vw;}
	.dpp_pic_cn .txt_wrap h2 { font-size: 2.1429vw; line-height: 2.7143vw; }
	.dpp_pic_cn .txt_wrap h2 span {font-size: 1.4286vw; line-height: 2.0000vw;}
	.dpp_pic_cn .txt_wrap p { font-size: 1.6429vw; line-height: 2.1429vw;  margin-top: 0.7143vw;}
}

@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: 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_gal_in .dpp_pic_cn {padding-bottom: 3.9063vw;}
	.dpp_pic_cn .dpp_imgArea {width: 13.0208vw; height: 13.0208vw;}
	.dpp_pic_cn .txt_wrap { width: calc(100% - 13.0208vw);  padding-left: 5.2083vw;}
	.dpp_pic_cn .txt_wrap h2 { font-size: 3.9063vw; line-height: 4.9479vw; }
	.dpp_pic_cn .txt_wrap h2 span {font-size: 3.1250vw; line-height: 4.1667vw; display: inline-block; margin-left: 1.3021vw;}
	.dpp_pic_cn .txt_wrap p { font-size: 3.1250vw; line-height: 4.1667vw;  margin-top: 1.3021vw;}

}