@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_ct.dpp_ct.won {border: 0; margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5;}
#dpp_ct_ul.dpp_ct_ul.won {text-align: left;}
#dpp_ct.dpp_ct.won li {text-align: center; margin: 0; min-width: 110px;}
#dpp_ct.dpp_ct.won li + li {margin-left: 40px;}
#dpp_ct.dpp_ct.won #bo_cate_on {background: none; font-weight: 700; color: #3e499e;}
#dpp_ct.dpp_ct.won a {position: relative; color: #878787; font-size: 20px; font-weight: 700; border-radius: 0; height: auto; line-height: normal; padding: 0; padding-bottom: 20px; word-break: keep-all;}
#dpp_ct.dpp_ct.won #bo_cate_on:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #3e499e;}

.dpp_gal_list.won_gal_wrap {border-top: 0; border-bottom: 0;}
.dpp_gal_list.won_gal_wrap li .dpp_imgArea a {height: 330px; overflow: hidden;}
.dpp_gal_list.won_gal_wrap li .dpp_imgArea a img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); max-width: none; max-height: none; width: auto; height: auto;}

.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea a:before {background: none; border: 10px solid #fff;}
.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 20px rgba(0,0,0,0.5);}
.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea a:after {top: auto; left: auto; transform: translate(0); bottom: 30px; right: 30px; width: 60px; height: 60px; background-size: 14px;}


/* 보기 페이지 */

.won_bord_title {text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #ccc; padding: 30px 0;}
.won_bord_title em {display: inline-block; height: 30px; line-height: 30px; background: #323232; color: #fff; border-radius: 50px; font-size: 15px; font-weight: 500; padding: 0 15px;}
.won_bord_title .won_title {color: #000; font-size: 30px; line-height: 40px; font-weight: 500; margin-top: 10px;}
.won_bord_title span {display: inline-block; color: #838282; font-size: 16px; line-height: 25px; font-weight: 300; }
.dpp_view_con.won_wrap .dpp_v_img {text-align: center;}
.dpp_view_con.won_wrap .dpp_v_img img {display: inline-block; vertical-align: middle;}
.dpp_view_con.won_wrap div.dpp_v_txt {color: #010101; font-size: 18px; line-height: 30px; font-weight: 300; text-align: center;}
.dpp_list_btn.won {background: #000; color: #fff;}

@media (max-width: 1400px) {
	
	/* 리스트 */

	#dpp_ct.dpp_ct.won li {min-width: 7.86vw;}
	#dpp_ct.dpp_ct.won li + li {margin-left: 2.86vw;}
	#dpp_ct.dpp_ct.won a {  font-size: 1.43vw; padding-bottom: 1.43vw}
	#dpp_ct.dpp_ct.won #bo_cate_on:before {height: 0.29vw; }

	.dpp_gal_list.won_gal_wrap li .dpp_imgArea a {height: 23.57vw; }
	.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea a:before {border: 0.71vw solid #fff;}
	.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea:before {box-shadow: 0 0 1.43vw rgba(0,0,0,0.5);}
	.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea a:after {bottom: 2.14vw; right: 2.14vw; width: 4.29vw; height: 4.29vw; background-size: 1.00vw;}


	/* 보기 페이지 */

	.won_bord_title {padding: 2.14vw 0;}
	.won_bord_title em { height: 2.14vw; line-height: 2.14vw; border-radius: 3.57vw; font-size: 1.07vw; padding: 0 1.07vw;}
	.won_bord_title .won_title { font-size: 2.14vw; line-height: 2.86vw;  margin-top: 0.71vw;}
	.won_bord_title span {  font-size: 1.14vw; line-height: 1.79vw;  }
	.dpp_view_con.won_wrap div.dpp_v_txt { font-size: 1.29vw; line-height: 2.14vw;  }
}

@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_ct.dpp_ct.won li {min-width: 10.74vw;}
	#dpp_ct.dpp_ct.won li + li {margin-left: 0.98vw;}
	#dpp_ct.dpp_ct.won a {  font-size: 1.95vw; padding-bottom: 1.95vw}
	#dpp_ct.dpp_ct.won #bo_cate_on:before {height: 0.39vw; }

	.dpp_gal_list.won_gal_wrap li .dpp_imgArea a {height: 32.23vw; }
	.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea a:before {border: 0.98vw solid #fff;}
	.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea:before {box-shadow: 0 0 1.95vw rgba(0,0,0,0.5);}
	.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea a:after {bottom: 2.93vw; right: 2.93vw; width: 5.86vw; height: 5.86vw; background-size: 1.37vw;}


	/* 보기 페이지 */

	.won_bord_title {padding: 2.93vw 0;}
	.won_bord_title em { height: 2.93vw; line-height: 2.93vw; border-radius: 4.88vw; font-size: 1.46vw; padding: 0 1.46vw;}
	.won_bord_title .won_title { font-size: 2.93vw; line-height: 3.91vw;  margin-top: 0.98vw;}
	.won_bord_title span {  font-size: 1.56vw; line-height: 2.44vw;  }
	.dpp_view_con.won_wrap div.dpp_v_txt { font-size: 1.76vw; line-height: 2.93vw;  }
}

@media (max-width: 768px) {
	


	/* 리스트 */

	#dpp_ct.dpp_ct.won li {min-width: auto; width: 25%;}
	#dpp_ct.dpp_ct.won li + li {margin-left: 0;}
	#dpp_ct.dpp_ct.won li:nth-child(n+5) {margin-top: 2.60vw;}
	#dpp_ct.dpp_ct.won a {  font-size: 3.13vw; padding-bottom: 2.60vw}
	#dpp_ct.dpp_ct.won #bo_cate_on:before {height: 0.52vw; }

	.dpp_gal_list.won_gal_wrap li .dpp_imgArea a {height: 42.97vw; }
	.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea a:before {border: 1.30vw solid #fff;}
	.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea:before {box-shadow: 0 0 2.60vw rgba(0,0,0,0.5);}
	.dpp_gal_list.won_gal_wrap > li:hover .dpp_imgArea a:after {bottom: 3.91vw; right: 3.91vw; width: 7.81vw; height: 7.81vw; background-size: 1.82vw;}


	/* 보기 페이지 */

	.won_bord_title {padding: 3.91vw 0;}
	.won_bord_title em { height: 7.81vw; line-height: 7.81vw; border-radius: 6.51vw; font-size: 3.13vw; padding: 0 1.95vw;}
	.won_bord_title .won_title { font-size: 3.91vw; line-height: 5.21vw;  margin-top: 1.30vw;}
	.won_bord_title span { font-size: 3.52vw; line-height: 5.21vw;  }
	.dpp_view_con.won_wrap div.dpp_v_txt { font-size: 3.52vw; line-height: 5.21vw;  }
}