@charset "utf-8";

#bo_cate {margin-bottom:28px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}

#faq_wrap {margin:10px 0 30px}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li {border-bottom:1px solid #ececec;background:#fff;position:relative}
#faq_wrap li:first-child {border-top:1px solid #ececec}
#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative}
#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;font-size:1.2em}
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em}
#faq_wrap li h3.faq_li_open a {color:#3a8afd}

#faq_con .con_inner {display:none;padding:5px 5px 20px 50px}
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;font-size:1.2em}

#faq_sch {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px}
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#faq_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px}
#faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}

/* UXC tone alignment */
#faq_sch {padding:18px; border:1px solid #dde3ea; border-radius:14px; background:#f8fbff; margin-bottom:14px;}
#faq_sch .frm_input {height:44px; border-color:#d6dee8; border-radius:10px; background:#fff;}
#faq_sch .btn_submit {height:44px; border-radius:10px; background:var(--color-prime, #3a8afd);}

#bo_cate ul {display:flex; flex-wrap:wrap; gap:8px;}
#bo_cate li {padding:0;}
#bo_cate a {padding:8px 14px; border:1px solid #dbe5f1; border-radius:999px; background:#fff; color:#526177;}
#bo_cate #bo_cate_on {box-shadow:none; border-color:var(--color-prime, #3a8afd); background:var(--color-prime, #3a8afd);}

#faq_wrap ol {display:flex; flex-direction:column; gap:10px;}
#faq_wrap li {border:1px solid #e1e7ef; border-radius:12px; overflow:hidden;}
#faq_wrap li:first-child {border-top:1px solid #e1e7ef;}
#faq_wrap li h3 {padding:16px 52px 16px 50px; line-height:1.45;}
#faq_wrap li h3 .tit_btn {top:14px; right:14px; border-radius:50%; background:#f3f7fd;}
#faq_wrap li h3 .tit_bg {top:14px; left:14px; color:#334155; font-size:1.4em;}
#faq_wrap li h3.faq_li_open a {color:var(--color-prime, #3a8afd);}

#faq_con .con_inner {padding:8px 16px 18px 50px; border-top:1px solid #e8eef6; background:#fbfdff;}
#faq_con .con_inner .closer_btn {top:12px; right:12px; border-radius:50%; background:#fff;}

:root.darkMode #faq_sch,
:root.darkMode #faq_wrap li,
.darkMode #faq_sch,
.darkMode #faq_wrap li {background:#111827 !important; border-color:#334155 !important;}

:root.darkMode #faq_sch .frm_input,
:root.darkMode #bo_cate a,
:root.darkMode #faq_wrap li h3 .tit_btn,
:root.darkMode #faq_con .con_inner .closer_btn,
.darkMode #faq_sch .frm_input,
.darkMode #bo_cate a,
.darkMode #faq_wrap li h3 .tit_btn,
.darkMode #faq_con .con_inner .closer_btn {background:#1f2937 !important; border-color:#475569 !important; color:#d1d5db !important;}

:root.darkMode #faq_wrap li h3 a,
.darkMode #faq_wrap li h3 a {color:#f3f4f6 !important;}

:root.darkMode #faq_wrap li h3 .tit_bg,
.darkMode #faq_wrap li h3 .tit_bg {color:#cbd5e1 !important;}

:root.darkMode #faq_con .con_inner,
.darkMode #faq_con .con_inner {background:#1f2937 !important; border-top-color:#334155 !important; color:#d1d5db !important;}