@charset "utf-8";
#bo_cate_ul { overflow: hidden; display: flex; margin-top: 3rem; scroll-behavior: smooth; }
#bo_cate_ul.dragging { cursor: grab; scroll-behavior: auto;}
#bo_cate_ul.dragging li { user-select: none; pointer-events: none; transition: 0.3s;}
#bo_cate_ul li { flex:1; border-left: 1px solid var(--border-color-dd); white-space: nowrap; }
#bo_cate_ul li:first-of-type{ border-left: 0;}
#bo_cate_ul a { display: flex; justify-content: center; align-items: center;  padding: 0 2rem; height: 5rem; font-size: 1.6rem; color: var(--gray33);background: var(--grayF1);}
#bo_cate_ul a:hover { background: var(--grayDd); transition: 0.3s;}
#bo_cate_ul a#bo_cate_on { color: var(--white); background: var(--main-color); ;}


#faq_wrap {margin:3rem 0; border-top: 2px solid var(--border-color-33);}
#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 var(--border-color-dd);background:#fff;position:relative}
#faq_wrap li.open {background: var(--grayF8);}
#faq_wrap li h3 { position: relative; padding: 1.7rem 9rem; font-size: 1.6rem; font-weight: 500;}
#faq_wrap li h3 .tit_bg{ position: absolute; left: 5rem; color: var(--main-color);}
#faq_wrap li h3 .tit{ color: var(--gray33);}
#faq_wrap li h3 .tit_btn { position: absolute;top: 0; right: 1.7rem; z-index: 2; padding: 1.3rem; border: 0; color: var(--gray33); font-size: 2.2rem; background: transparent; transition: 0.3s;}
#faq_wrap li h3.faq_li_open .tit_btn { transform: rotate(180deg);}
#faq_wrap li .con_inner {padding: 0 9rem 1.8rem ; font-size: 1.6rem; color: var(--gray66); }


#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}


.btn_sch_open {float:right; display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; font-size: 1.9rem;border: 1px solid var(--border-color-dd);  }

.faq_sch_box {display: none;;  position: fixed;  top: 0; left: 0; z-index: 10; width: 100%; height: 100%;  }
#faq_sch { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 48rem; background: var(--white);   }

.sch_tit { padding: 1.6rem 3rem; font-size: 1.6rem; font-weight: 500; color: var(--white); background: var(--gray55); }

.faq_sch_form {    display: block; padding: 2.8rem 3rem 3rem; text-align:center; }

.faq_sch_bar {    display: inline-block; padding: .5rem 1.6rem .5rem 2.5rem; width: 100%; max-width: 36rem; height: 5rem; font-size: 1.6rem; clear: both;  border:1px solid var(--border-color-dd); 
}
.faq_sch_bar .stx { width: calc(100% - 60px); height: 38px; border: 0; padding: 0; background-color: transparent; float: left; }
.faq_sch_bar .btn_submit {height: 38px; float: right; color: #656565; background: none; border: 0; width: 40px; font-size: 1.5rem;}

.btn_sch_cls { position: absolute; right: 0; top: 0; color: var(--white); border: 0; padding: 1.4rem 3rem; font-size: 2rem; background: transparent; }


.faq_sch_box_bg{background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%;}


@media(width<=740px){
    #faq_wrap li h3 { padding: 2rem 7rem 2rem 5rem;font-size: 1.8rem;}
    #faq_wrap li h3 .tit_bg { left: 2rem; }
    #faq_wrap li h3 .tit_btn { right: 0.5rem; font-size: 2rem; }
    #faq_wrap li .con_inner { padding: 0 7rem 2rem 5rem; font-size: 1.8rem;}
}