._con { padding-top: 0; } 
.customerList ._table { border: 0; } 
.customerList ._table th,._table td { vertical-align: middle; border: 0; background-color: transparent; } 
.customerList ._table th { position: relative; border-bottom: 1px solid var(--line_02); height: 72px; } 
.customerList ._table th:after { content: ""; display: block; width: 1px; height: 20px; background-color: var(--line_02); position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.customerList ._table th:last-child:after { display: none; } 
.customerList ._table td { cursor: pointer; border-bottom: 1px solid var(--line_02); height: 52px; } 
.customerList ._table tr:hover { background-color: var(--bg_03); } 
.inquire_list ._table td.txtL { max-width: 640px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.inquire_list .inquireBtn { position: absolute; right: 0; top: -46px;; } 
.inquire_list .inquireBtn button { width: 120px; height: 36px; font-size: 16px; font-weight: 600; } 

.customerDetail .noticeTit { padding: 10px 0; font-size: 18px; font-weight: 600; width: 100%; padding: 24px 0; } 
.customerDetail ul li { display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px solid var(--line_02); } 
.customerDetail ul li div { padding:16px 20px; } 
.customerDetail ul li .tit { width: 160px; font-size: 16px;; background-color: var(--bg_02); } 
.customerDetail ul li .txt { width: calc(100% - 160px); font-size: 16px;; font-weight: 600; } 
.customerDetail ul li .detailTxt { padding: 30px; font-weight: 500; line-height: 28px; width: 100%; min-height: 320px; font-size: 16px;; font-size: 16px;; } 
.customerDetail .btnWrap { text-align: right; padding-top: 20px; } 
.customerDetail .btnWrap button { width: 100px; height: 42px; } 
.customerDetail ul li.answer { display: block; background-color: #fff; padding: 30px; border-top: 1px solid #000; border-bottom: 1px solid #000; } 
.customerDetail ul li.answer div { padding: 0; width: 100%; background-color: #fff; } 
.customerDetail ul li.answer div.tit { font-size: 18px; font-weight: 600; } 
.customerDetail ul li.answer div.txt { margin-top: 20px; line-height: 28px; } 
.customerDetail ul li.answer div.time { color: var(--txt_02); margin-top: 10px; } 

.faqList._con { padding-top: 0; } 
.faqList .bestFaq .tit { width: 100%; line-height: 60px; border-bottom: 1px solid var(--line_02); font-size: 20px; font-weight: 700; padding-left: 10px; } 
.faqList .bestFaq ul { display: flex; flex-wrap: wrap; padding: 20px 0; border-bottom: 1.5px solid #000; } 
.faqList .bestFaq ul li { width: calc((100% - 40px) / 5); margin-right: 10px; background-color: var(--bg_02); margin-bottom: 10px; padding: 24px; font-size: 16px; display: flex; cursor: pointer; align-items: center; line-height: 24px; font-weight: 600; text-align: center; border-radius: 5px; justify-content: center; } 
.faqList .bestFaq ul li:nth-child(5n) { margin-right: 0; } 
.faqList .faqCate { display: flex; padding: 20px 0; justify-content: center; border-bottom: 1px solid var(--line_01); } 
.faqList .faqCate li { position: relative; margin-right: 10px; padding-right:10px; } 
.faqList .faqCate li input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; cursor: pointer; } 
.faqList .faqCate li input:checked + label { border-bottom: 1.5px solid #000 } 
.faqList .faqCate li label { font-size: 16px; line-height: 30px; display: block; font-weight: 500; } 
.faqList .faqCate li:after { content: ""; display: block; width: 1px; height: 12px; background-color: var(--line_01); position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.faqList .faqCate li:last-child:after { display: none; } 
.faqList .faq li { font-size: 16px; padding: 16px 20px; cursor: pointer; transition: 0.1s all; font-weight: 600; border-bottom: 1px solid var(--line_03); } 
.faqList .faq li:hover { background-color: var(--bg_03); } 
.faqList .faq li span { font-size: 16px; font-weight: 500; padding-right: 10px; } 


/*문의작성*/
._qna {width: 720px;margin: 0 auto;}
._qna .topTxt { text-align: center; padding: 30px 0; font-size: 22px; line-height: 34px; font-weight: 600; } 
._qna .bottom { width: 100%; display: flex; justify-content: space-between; border-top: 1px solid var(--line_02); padding-top: 30px; margin: 0 auto;; margin-top: 50px;} 
._qna .bottom .saveBtnWrap { display: flex; } 
._qna .bottom .saveBtnWrap button { width: 110px; font-weight: 600; height: 52px; margin-left: 10px; } 


@media screen and (max-width: 720px){
 ._con { padding-top:var(--100); } 


.inquire_list .inquireBtn { position: relative; right: initial; top: initial;padding: var(--36); } 
.inquire_list .inquireBtn button { width: 100%; height: var(--86); font-size: var(--28); font-weight: 600; } 


._con.customerDetail{padding-top: var(--100);}.customerDetail .noticeTit { padding: var(--40) 0; font-size: var(--30); width: 100%; border-bottom: 1px solid #000; } 
.customerDetail ul { padding: var(--36); padding-top: 0; } 
.customerDetail ul li:last-child { margin-bottom: 0; } 
.customerDetail ul li { border: 0;; margin-bottom: var(--40); } 
.customerDetail ul li div { padding:0; line-height: var(--42); } 
.customerDetail ul li .tit { width: initial; margin-right: var(--20); color:var(--txt_02); font-size: var(--24);; background-color: #fff; } 
.customerDetail ul li .txt { font-size: var(--24);; } 
.customerDetail ul li .detailTxt { padding: var(--36) 0; line-height: var(--52); border-bottom: 1px solid var(--line_02); border-top: 1px solid var(--line_02); width: 100%; min-height:initial; font-size: var(--30); } 
.customerDetail ul li .flie a { color: blue; border-bottom: 1px solid blue; } 
.customerDetail .btnWrap { width: calc(100% - var(--72)); margin: 0 auto;; text-align: center; padding-top: var(--30); border-top: 1px solid #000; } 
.customerDetail .btnWrap button { width: var(--140); height: var(--72); } 
.customerDetail ul li.answer { padding: var(--36) 0; border-bottom: 0; } 
.customerDetail ul li.answer div.tit { font-size: var(--28); } 
.customerDetail ul li.answer div.txt { margin-top: var(--36); line-height:var(--48); font-size: var(--26); } 


.faqList._con { padding-top: var(--100); } 
.faqList .bestFaq ul { padding: var(--36); } 
.faqList .bestFaq .tit { display: none; } 
.faqList .bestFaq ul li { width: 100%; justify-content: left; margin-bottom: var(--16); padding:var(--18) var(--24); font-size: var(--26); line-height: var(--36); font-weight: 600; text-align: left; border-radius: 0; margin-right: 0; } 
.faqList .faqCate { padding: var(--40) 0; } 
.faqList .faqCate li { position: relative; margin-right: var(--26); padding-right:var(--26); } 
.faqList .faqCate li input:checked + label { border-bottom: var(--2) solid #000 } 
.faqList .faqCate li label { font-size: var(--26); line-height: var(--42); } 
.faqList .faqCate li:after { height: var(--20); } 
.faqList .faq li { font-size: var(--24); padding: var(--30) var(--36); cursor: pointer; transition: 0.1s all; font-weight: 600; border-bottom: 1px solid var(--line_03); line-height: var(--42); } 
.faqList .faq li:hover { background-color: var(--bg_03); } 
.faqList .faq li span { font-size: var(--24); padding-right: var(--10); } 

/*문의작성*/
._qna {width:100%;}
._qna .topTxt { padding: var(--56) 0 var(--40); font-size: var(--28); line-height: var(--44); } 
._qna .bottom { width: calc(100% - var(--72)); display: block; padding-top: var(--30); margin: 0 auto;; margin-bottom: var(--100); } 
._qna .bottom ._check { margin-bottom:var(--30); } 
._qna .bottom ._check .lineTxt { float: right; margin: 0; line-height: var(--42); } 
._qna .bottom .saveBtnWrap { justify-content: space-between; border-top: 1px solid var(--line_02); padding-top: var(--36); } 
._qna .bottom .saveBtnWrap button { width:calc(50% - var(--10)); font-weight: 600; height: 42px; margin-left: 0; font-size: var(--30); height: var(--86); } 




 }/*720*/







