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

/* 팝업 */
.popup{display:none;}
.popup.open{display:block;}
.popup .popBg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:10000;}
.popup .popInner{padding:30px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:600px; background:#fff; z-index:10001;}
.popup .popInner .head{font-size:25px; padding-bottom: 20px; border-bottom: 2px solid #000; color:#000; font-weight: 800; display: flex; align-items: center; justify-content: space-between;}
.popup .popInner .head .close{width:18px; aspect-ratio: 1/1; display: block;}
.popup .popInner .head .close img{width: 100%; display: block;}
.popup .popInner .body{margin-top: 30px;}
.popup .popInner .body .textWrap .tit{font-size:20px; line-height: 1.5; font-weight: 600; margin-bottom: 10px; color:#000;}
.popup .popInner .body .textWrap .desc{font-size:18px; line-height: 1.5; color:#6d6d6d; font-weight: 400; word-break: keep-all;}
.popup .popInner .body .formWrap{margin-top: 27px;}
.popup .popInner .body .formItem{width:100%; height:60px; font-size: 16px; border:1px solid #E5E5E5; padding:0 20px; color:#000; box-shadow: none !important;}
.popup .popInner .body .formItem::placeholder{color:#AAA; font-weight:500;}
.popup .popInner .body .formItem:focus{border-color: #000 !important;}
.popup .popInner .body .formWrap .desc {display: none; margin-top: 15px; font-size: 14px; font-weight: 400; color: #FF0000; width: 100%;}
.desc.active{display: block !important;}
.popup .popInner .body .popup-scrolling{max-height:350px; overflow-y:auto;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar {background:#DDD; width:3px;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar-thumb {background:#888;}
.popup .popInner .body .popup-scrolling p{display:block; font-size:18px; line-height:1.5; padding-right: 25px; color:#AAA;}
.popup .popInner .body .popup-scrolling p + p{margin-top: 25px;}
.popup .popInner .body .popup-scrolling p span{color:#000; font-weight: 600; display: block;}
.popup .popInner .foot .btnWrap{margin-top: 30px;}
.popup .popInner .foot .btnWrap .flex{display:flex; justify-content: center; gap:10px;}
.btnWrap a{display:inline-block; height:60px; line-height:60px; font-size:18px; font-weight:800; text-align:center; width:150px; border:1px solid #000;}
.btnWrap a.close{background:#555; color:#fff; border: none;}

@media screen and (max-width:1420px){
	/* 팝업 */
	.popup .popInner{padding:2.11vw; width:42.25vw;}
	.popup .popInner .head{font-size:1.76vw; padding-bottom: 1.41vw;}
	.popup .popInner .head .close{width:1.27vw;}
	.popup .popInner .body{margin-top: 2.11vw;}
	.popup .popInner .body .textWrap .tit{font-size:1.41vw; margin-bottom: 0.70vw;}
	.popup .popInner .body .textWrap .desc{font-size:1.27vw;}
	.popup .popInner .body .formWrap{margin-top: 1.90vw;}
	.popup .popInner .body .formItem{height:4.23vw; font-size: 1.13vw; padding:0 1.41vw;}
	.popup .popInner .body .formWrap .desc {margin-top: 1.06vw; font-size: 0.99vw;}
	.popup .popInner .body .popup-scrolling{max-height:24.65vw;}
	.popup .popInner .body .popup-scrolling p{font-size:1.27vw; padding-right: 1.76vw;}
	.popup .popInner .body .popup-scrolling p + p{margin-top: 1.76vw;}
	.popup .popInner .foot .btnWrap{margin-top: 2.11vw;}
	.popup .popInner .foot .btnWrap .flex{gap:0.70vw;}
	.btnWrap a{height:4.23vw; line-height:4.23vw; font-size:1.27vw; width:10.56vw;}
}


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

	/* 팝업 */
	.popup .popInner{padding:2.11vw; width:42.27vw;}
	.popup .popInner .head{font-size:1.80vw; padding-bottom: 1.41vw;}
	.popup .popInner .head .close{width:1.25vw;}
	.popup .popInner .body{margin-top: 2.11vw;}
	.popup .popInner .body .textWrap .tit{font-size:1.41vw; margin-bottom: 0.70vw;}
	.popup .popInner .body .textWrap .desc{font-size:1.25vw;}
	.popup .popInner .body .formWrap{margin-top: 1.88vw;}
	.popup .popInner .body .formItem{height:4.22vw; font-size: 1.09vw; padding:0 1.41vw;}
	.popup .popInner .body .formWrap .desc {margin-top: 1.09vw; font-size: 1.02vw;}
	.popup .popInner .body .popup-scrolling{max-height:24.69vw;}
	.popup .popInner .body .popup-scrolling p{font-size:1.25vw; padding-right: 1.80vw;}
	.popup .popInner .body .popup-scrolling p + p{margin-top: 1.80vw;}
	.popup .popInner .foot .btnWrap{margin-top: 2.11vw;}
	.popup .popInner .foot .btnWrap .flex{gap:0.70vw;}
	.btnWrap a{height:4.22vw; line-height:4.22vw; font-size:1.25vw; width:10.55vw;}

}

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

	/* 팝업 */
	.popup .popInner{padding:5.21vw 4.69vw 6.51vw; width: calc(100% - (3.13vw * 2));}
	.popup .popInner .head{font-size:5.21vw; padding-bottom: 4.17vw;}
	.popup .popInner .head .close{width:3.13vw;}
	.popup .popInner .body{margin-top: 4.17vw;}
	.popup .popInner .body .textWrap .tit{font-size:4.69vw; margin-bottom: 2.10vw;}
	.popup .popInner .body .textWrap .desc{font-size:3.65vw;}
	.popup .popInner .body .formWrap{margin-top: 3.52vw;}
	.popup .popInner .body .formItem{height:10.42vw; font-size: 3.26vw; padding:0 3.13vw;}
	.popup .popInner .body .formWrap .desc {margin-top: 2.60vw; font-size: 3.13vw;}
	.popup .popInner .body .popup-scrolling{max-height:45.57vw;}
	.popup .popInner .body .popup-scrolling p{font-size:3.26vw; padding-right: 3.26vw;}
	.popup .popInner .body .popup-scrolling p + p{margin-top: 3.26vw;}
	.popup .popInner .foot .btnWrap{margin-top: 4.69vw;}
	.popup .popInner .foot .btnWrap .flex{gap:2.60vw;}
	.btnWrap a{height:10.42vw; line-height:10.42vw; font-size:3.26vw; width:25.53vw;}

}