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


/* faq */

.faq_cate_list {margin-top: 30px;}
.faq_tabnav {position: relative; margin: -5px;}
.faq_tabnav:after {content: ""; display: block; clear: both;}
.faq_tabnav li {width: 33.33%; float: left; padding: 5px;}
.faq_tabnav li a {display: flex; justify-content: center; align-items: center; height: 65px; border: 1px solid #e5e5e5; border-radius: 30px; padding: 0 20px; font-size: 22px; color: #bebebe; font-weight: 800;}
.faq_tabnav li a.active {border: 1px solid #fae100; background: #fae100; color: #000;}
.faq_tabnav li a#bo_cate_on {border: 1px solid #fae100; background:#fae100; color: #000;}
.faq_wrap {border-top: 1px solid #000; margin-top: 30px;}
.faq_wrap > ul > li {}
.faq_wrap .quest_list {display: flex; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid #e5e5e5; cursor: pointer;}
.quest_list .quest_ic {width: 130px; font-family: "Montserrat"; font-size: 20px; color: #222; font-weight: 700; text-align: center;}
.quest_list .faq_cate {width: 130px; font-size: 20px; letter-spacing: -1px; color: #525252; text-align: center;}
.quest_list .faq_llist {font-size: 20px; letter-spacing: -1px; color: #111; width: calc(100% - 260px);}
.answer_list {position: relative; display: none; align-items: flex-start;  background: #fafafa; padding: 40px 0 80px; border-bottom: 1px solid #e5e5e5;}
.answer_list.on {display: flex;}
.answer_list .answer_ic {width: 130px; font-family: "Montserrat"; font-size: 20px; color: #fae100 ; font-weight: 700; text-align: center;}
.answer_llist {font-size: 20px; letter-spacing: -1px; color: #757575; font-weight: 300; word-break: keep-all; width: calc(100% - 130px);}
.answer_admin {position: absolute; right: 20px; bottom: 20px; display: flex; justify-content: center; align-items: center;}
.answer_admin a {display: flex; justify-content: center; align-items: center; height: 30px; color: #fff; font-size: 16px; padding: 0 30px;}
.answer_admin a + a {margin-left: 10px;}
.answer_admin a.revise_btn {background: #000;}
.answer_admin a.remove_btn {background: #ee1c24;}

@media screen and (max-width: 1500px) {
	
	/* faq */

	.faq_cate_list {margin-top: 2.00vw;}
	.faq_tabnav { margin: -0.33vw;}
	.faq_tabnav li {width: 33.33%; padding: 0.33vw;}
	.faq_tabnav li a {height: 4.33vw; border-radius: 2.00vw; padding: 0 1.33vw; font-size: 1.47vw;  }
	.faq_wrap { margin-top: 2.00vw;}
	.faq_wrap .quest_list {padding: 1.33vw 0; }
	.quest_list .quest_ic {width: 8.67vw;  font-size: 1.33vw;   }
	.quest_list .faq_cate {width: 8.67vw; font-size: 1.33vw; }
	.quest_list .faq_llist {font-size: 1.33vw; width: calc(100% - 17.33vw); }
	.answer_list {padding: 2.67vw 0 5.33vw; }
	.answer_list .answer_ic {width: 8.67vw;  font-size: 1.33vw;   }
	.answer_llist {font-size: 1.33vw; width: calc(100% - 8.67vw);}
	.answer_admin { right: 1.33vw; bottom: 1.33vw; }
	.answer_admin a {height: 2.00vw;  font-size: 1.07vw; padding: 0 2.00vw;}
	.answer_admin a + a {margin-left: 0.67vw;}
}

@media screen and (max-width: 1024px) {
	
	/* faq */

	.faq_cate_list {margin-top: 2.93vw;}
	.faq_tabnav { margin: -0.49vw;}
	.faq_tabnav li { padding: 0.49vw;}
	.faq_tabnav li a {height: 6.35vw; border-radius: 2.93vw; padding: 0 1.95vw; font-size: 2.15vw;  }
	.faq_wrap { margin-top: 2.93vw;}
	.faq_wrap .quest_list {padding: 1.95vw 0; }
	.quest_list .quest_ic {width: 12.70vw;  font-size: 1.95vw;   }
	.quest_list .faq_cate {width: 12.70vw; font-size: 1.95vw; }
	.quest_list .faq_llist {font-size: 1.95vw; width: calc(100% - 25.39vw); }
	.answer_list {padding: 3.91vw 0 7.81vw; }
	.answer_list .answer_ic {width: 12.70vw;  font-size: 1.95vw;   }
	.answer_llist {font-size: 1.95vw; width: calc(100% - 12.70vw);}
	.answer_admin { right: 1.95vw; bottom: 1.95vw; }
	.answer_admin a {height: 2.93vw;  font-size: 1.56vw; padding: 0 2.93vw;}
	.answer_admin a + a {margin-left: 0.98vw;}
}

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

	.faq_cate_list {margin-top: 3.91vw;}
	.faq_tabnav { margin: -0.65vw;}
	.faq_tabnav li { padding: 0.65vw;}
	.faq_tabnav li a {height: 8.46vw; border-radius: 3.91vw; padding: 0 2.60vw; font-size: 2.86vw;  }
	.faq_wrap { margin-top: 3.91vw;}
	.faq_wrap .quest_list {padding: 2.60vw 0; flex-wrap: wrap;}
	.quest_list .quest_ic {width: 16.93vw;  font-size: 3.26vw;   }
	.quest_list .faq_cate {width: 16.93vw; font-size: 3.26vw; }
	.quest_list .faq_llist {font-size: 3.26vw; width: 100%; margin-top: 2.60vw; padding-left: 6.51vw;}
	.answer_list {padding: 5.21vw 0 10.42vw; flex-wrap: wrap;}
	.answer_list .answer_ic {width: 16.93vw;  font-size: 3.13vw;   }
	.answer_llist {font-size: 3.13vw; width: 100%; margin-top: 2.60vw; padding-left: 6.51vw;}
	.answer_admin { right: 2.60vw; bottom: 2.60vw; }
	.answer_admin a {height: 6.51vw;  font-size: 3.13vw; padding: 0 3.91vw;}
	.answer_admin a + a {margin-left: 1.30vw;}
}