@charset "utf-8";

/* FAQ */
.faq_page {padding-bottom: calc(var(--footerH) + 5rem);}
.faq_page .faq_list > li { border-bottom: 1px solid rgba(0, 0, 0, 0.10); font-size: var(--subTit);}
.faq_page .faq_list > li .que_box {padding: 1.3em 0; display: flex; align-items: center; cursor: pointer;}
.faq_page .faq_list > li .que_box .tit {font-weight: 700; padding-right: 1em;}
.faq_page .faq_list > li .que_box .arr_ico {flex-shrink: 0; width: 1em; height: 1em; margin-left: auto; background: url('data:image/svg+xml,<svg width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.75 0.75L7.25 6.75L0.75 0.75" stroke="%23787878" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain; transition: 0.3s ease-in-out;}
.faq_page .faq_list > li .answer_box {display: none; background-color: var(--bg); border-radius: 1em; padding: 1.25em;}
.faq_page .faq_list > li.active .arr_ico {transform: rotate(180deg);}
.faq_page .faq_list > li.active{border-bottom: none;}

.write_form .form_list li.textarea .inp {height: 10em;}
.write_form .form_list li .inp textarea {position:relative; width: 100%; height: 100%; padding: 1.5rem 2rem; border: 0.1rem solid var(--line); border-radius: 1rem; overflow: auto; color: #101010; resize: none;line-height: 1.7;}

.write_form .form_list li.terms .tit {display: flex; align-items: center;}
.write_form .form_list li.terms .tit label {margin-left: auto; display: flex; align-items: center; cursor: pointer;}
/*  .write_form .form_list li.terms .tit label .txt {color: var(--gray); font-weight: 500;}
.write_form .form_list li.terms .tit label .ico {display: flex; align-items: center; margin-right: 10px; width: 1.6em; height: 1.6em;}
.write_form .form_list li.terms .tit label .ico svg {width: 100%; height: auto;}
.write_form .form_list li.terms .tit label input:checked + .ico svg rect {fill: #000;}
.write_form .form_list li.terms .tit label input:checked + .ico svg path {stroke: #fff;} */
.write_form .form_list li.terms .terms_box {padding: 1.5em; border: 0.7px solid rgba(0, 0, 0, 0.20); color: var(--gray); border-radius: 1rem; overflow-y: auto; max-height: 15em;}
.write_form .form_list li.terms .terms_box p + p {margin-top: 1em;}
.write_form .form_list li.terms .com_info_box {margin-top: 1rem;}

.write_form .bot_btn_box { display: flex; justify-content: center; margin-top: 5rem;}
.write_form .bot_btn_box .btn {display: flex; align-items: center; justify-content: center; width: 10em; height: 4em; border-radius: 1rem; font-weight: 600;}
.write_form .bot_btn_box .btn.gray {background: #EBEBEB; }
.write_form .bot_btn_box .btn.bk {background-color: #000; color: #fff;}
.write_form .bot_btn_box .btn + .btn {margin-left: 15px;}


/* 추가 */
.faq_page .com_tab_wrap{margin-top: 2rem;}
.faq_page .faq_list{padding-top: 1rem;}
.faq_page .faq_list > li .answer_box{font-size: var(--txt);}

.write_form .form_list li.terms .terms_box{font-size: var(--subTxt);}