/* BASIC css start */
/* FAQ */
#faq-wrap .faq-notice {line-height:46px; background: var(--pri-black);}
#faq-wrap .faq-notice a {padding: var(--defalt-padding); color: var(--pri-white); font-size:13px; font-weight:500; display:flex; align-items: center; gap:10px;}
#faq-wrap .faq-notice a:after {content: ""; display: inline-block; width: 7px; height: 7px; transform: rotate(45deg); border-top: 1px solid var(--pri-white); border-right: 1px solid var(--pri-white);}
#faq-wrap .faq-notice a span {flex:1;}


/* 문의 */
.faq-inner {padding: var(--defalt-padding);}
.faq-inner .faq-title {padding:32px 0 24px; font-size:22px; font-weight:700;}
.faq-inner .inquiry-menu h4 {line-height:50px; font-size:15px; font-weight:600; border-bottom:1px solid var(--gray-40);}
.faq-inner .inquiry-menu ul {margin-bottom:12px;}
.faq-inner .inquiry-menu ul li {line-height:44px; border-bottom:1px solid var(--gray-15);}
.faq-inner .inquiry-menu ul li a {display:block; padding:var(--defalt-padding); color:var(--gray-40); font-weight:400; font-size:14px; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: space-between;}
.faq-inner .inquiry-menu ul li a:after {content: ""; display: inline-block; width: 5px; height: 5px; transform: rotate(45deg); border-top: 1px solid var(--gray-40); border-right: 1px solid var(--gray-40);}


/* 공지 */
.faq-inner .info-menu {margin-bottom:32px;}
.faq-inner .info-menu ul li {line-height:50px; border-bottom:1px solid var(--gray-40);}
.faq-inner .info-menu ul li a {font-weight:600; font-size:15px; letter-spacing: -0.5px; padding-right:20px; display: flex; align-items: center; justify-content: space-between;}
.faq-inner .info-menu ul li a:after {content: ""; display: inline-block; width: 5px; height: 5px; transform: rotate(45deg); border-top: 1px solid var(--pri-black); border-right: 1px solid var(--pri-black);}


/* cs */
.faq-inner .cs-info {margin-bottom:32px;}
.faq-inner .cs-info h4 {font-size:18px; font-weight:600; line-height:61px; border-bottom: 3px solid var(--pri-black);}
.faq-inner .cs-info .cs-info-area {padding:0 10px;}
.faq-inner .cs-info .cs-info-area .area-text {font-size:13px; color:var(--gray-35); padding:24px 0 16px;}
.faq-inner .cs-info .cs-info-area .area-text p b {color:var(--pri-black);}
.faq-inner .cs-info .cs-info-area .area-btn .black-btn {font-size:14px; font-weight:600; letter-spacing:1px; margin-top:8px; }
.faq-inner .cs-info .cs-info-area .area-btn .black-btn:before {content:''; display:inline-block; background:url(/design/xexymix/new_xexy/img/mo/w-call-icon.svg)no-repeat center; width:16px; height:16px; background-size:cover; margin-right:4px; vertical-align: middle; pointer-events: none;}


/* 질문 */
.ask-wrap h4 {font-size:18px; font-weight:600; height:82px; border-bottom: 3px solid var(--pri-black); display:flex; align-items:center;}
.ask-wrap > div {border-bottom: 1px solid var(--gray-15);}
.search-wrap .search-inner {padding:0 12px;}
.search-wrap .item-search {background:var(--gray-05); display:flex; align-items: center; margin-bottom:16px;}
.search-wrap .item-search select {width:27%; display: inline-block; font-size:13px; font-weight:600; border:none; padding:0 8px 0 11px; background:url(/design/xexymix/new_xexy/img/mo/b-b-arrow.svg)no-repeat right 11px center; background-size:13px auto;}
.search-wrap .item-search .input-keyword {flex:1;}
.search-wrap .item-search .input-keyword input {width:100%; background:none; border:none; text-indent:10px; font-size:13px;}
.search-wrap .item-search .input-keyword input::placeholder {color: var(--gray-20);}
.search-wrap .item-search .faq-btn {display: inline-block; width:24px; padding-right:12px;}
.search-wrap .faq-menu {display:flex; border-bottom:1px solid var(--gray-25); margin-bottom:8px;}
.search-wrap .faq-menu a {line-height:36px; padding:0 8px; color: var(--gray-30); font-size:13px;}
.search-wrap .faq-menu a.now {border-bottom:2px solid var(--pri-black); color: var(--pri-black); font-weight:600;}
.search-wrap .faq-table {width:100%; table-layout: fixed;}
.search-wrap .faq-table tr.slide-hide {display:none;}
.search-wrap .faq-table tr th, 
.search-wrap .faq-table tr td {padding:0 8px 0 2px; font-size:13px;}
.search-wrap .faq-table tr.faq-tr td {height:40px; display: flex; align-items: center;}
.search-wrap .faq-table tr.faq-tr.on td {border-bottom:1px solid var(--gray-10); box-sizing:border-box;}
.search-wrap .faq-table tr.faq-tr td:after {content: ""; display: inline-block; width: 5px; height: 5px; transform: rotate(135deg); border-top: 1px solid var(--gray-25); border-right: 1px solid var(--gray-25); transition: all .3s ease;}
.search-wrap .faq-table tr.faq-tr.on td:after {transform:rotate(-45deg); margin-bottom:-4px;}
.search-wrap .faq-table tr td .faq-cate {width:50px; padding:0 2px; color: var(--gray-30); font-size:12px; font-weight:500; margin-right:16px; display: inline-block; vertical-align: bottom;}
.search-wrap .faq-table tr td .faq-subject {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; vertical-align: middle; flex: 1; padding-right:5%;}
.search-wrap .faq-table tr.slide-hide td, 
.search-wrap .faq-table tr.slide-show td {background-color: var(--gray-01);}
.search-wrap .faq-table tr.slide-show td {padding: 32px 16px; color: var(--gray-50); font-size:13px; line-height:19px;}
.search-wrap .faq-table tr td dd .q {margin-bottom:25px; font-weight: 700; color: var(--pri-black); position:relative; padding-left:20px;}
.search-wrap .faq-table tr td dd .q:before {content:'Q.'; display:inline-block; font-weight: 700; color: var(--pri-black); margin-right:5px; position:absolute; left:0; top:0;}
.search-wrap .faq-table tr td dd .q p {display:inline-block;}
.toggle-tit {display:flex; align-items:center; height:50px; padding:0 12px; gap:10px;}
.toggle-tit:after {content: ""; display: inline-block; width: 5px; height: 5px; transform: rotate(135deg); border-top: 1px solid var(--pri-black); border-right: 1px solid var(--pri-black); transition:all .3s ease;}
.toggle-tit.on:after {transform:rotate(-45deg);}
.toggle-tit span {flex:1; font-size:15px; font-weight:600;}
.toggle-cont {display:none;}

/* 공지사항 */
.notice-wrap {}
.notice-wrap ul {}
.notice-wrap ul li {line-height:40px; padding: 0 20px;}
.notice-wrap ul li a { font-size:13px; font-weight:400; display:flex; justify-content: space-between; align-items: center;}
.notice-wrap ul li a:after {content: ""; display: inline-block; width: 5px; height: 5px; transform: rotate(45deg); border-top: 1px solid var(--gray-15); border-right: 1px solid var(--gray-15);}
.notice-wrap ul li a b {font-size:13px; font-weight:400;}
.notice-wrap ul li a b:before {content:''; display:inline-block; background:url(/design/xexymix/new_xexy/img/mo/bold-noti-icon.svg)no-repeat center; width:14px; height:14px; margin-right:2px; background-size:cover; vertical-align: middle;}
.notice-wrap ul li a img {transform: rotate(-90deg);}
.notice-wrap .black-btn {margin:20px 20px 24px;}
.notice-wrap .black-btn img {margin-left:4px;}
/* BASIC css end */