@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-top:25px;padding:0;list-style:none;border-top:2px solid #9560e6;}
#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:70px;position:relative}
#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;color:#c5cdd8;font-size:18px;}
#faq_wrap li h3 .tit_btn img {width:30px;}
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:13px;left:15px;width:40px;line-height:40px;text-align:center;color:#7a40d2;font-size:18px;background-color:#ffffff;border:1px solid #d7d7d7;border-radius:50%;}
#faq_wrap li h3.faq_li_open {background-color:#efe5fe;}
#faq_wrap li h3.faq_li_open a {color:#7034c8;font-weight:600;}

#faq_con .con_inner {display:none;padding-bottom:15px;border-top:1px dotted #d4d6e3;font-size:16px;padding-left:70px;}
#faq_con .con_inner .tit_bg2 {display:inline-block;position:absolute;width:40px;line-height:40px;text-align:center;color:#5e5e5e;font-size:18px;background-color:#ffffff;border:1px solid #d7d7d7;border-radius:50%;margin-left:-55px;}

#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;font-size:18px;}
#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#efe5fe;color:#3a8afd;font-size:18px;}

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


/**********************
여기서부터 빌더전용 CSS입니다.
스킨작업은 가급적 CSS를 수정하지마시고, 
주석 후 새로 라인을 추가해주세요.
************************/

.rb_faq {margin-top: 30px;padding:0px;}
.rb_faq h2 {font-size: 22px; text-align: center;}
.rb_faq .rb_faq_sub_tit {font-size: 14px; text-align: center; margin-top: 20px; line-height: 130%;}
.rb_faq .faq_ser_wrap {width: 400px; margin: 0 auto; position: relative; margin-top: 50px;}
.rb_faq .faq_ser_wrap input {width: 100%; height:60px; border-radius: 60px; border:1px solid #9560e6; color:#9560e6; font-size: 16px; padding-left: 30px; padding-right: 60px; box-sizing: border-box;}
.rb_faq .faq_ser_wrap button {position: absolute; top:20px; right:30px;}

.rb_faq #bo_cate {margin-bottom: 0px; margin-top: 30px; display: flex;}
.rb_faq #bo_cate #bo_cate_ul {flex:1; position: relative;}
.rb_faq #bo_cate a {display: inline-flex; padding: 0px 20px; border:0px; font-size: 18px; color:#111111; background-color: transparent; line-height: 56px; position: relative;}
.rb_faq #bo_cate a:first-child {padding-left: 0px;}
/*.rb_faq #bo_cate a:hover {background-color: transparent; font-family:'Noto Sans KR',sans-serif;}*/
.rb_faq #bo_cate #bo_cate_on {font-size: 18px; line-height: 56px;background-color: transparent; font-weight: normal; box-shadow: none; color:#9560e6; border:0px;}
.rb_faq #bo_cate li {padding: 0px; display: inline-block;}
.rb_faq #bo_cate #bo_cate_ul:before {content: "";bottom: 0;position: absolute;width: 100%;margin: 0;height: 1px;background-color: rgba(0, 0, 0, .1);}
.rb_faq #bo_cate #bo_cate_on::after {content: "";position: absolute;bottom: 0;right: 20px;left: 0px;height: 2px;background-color: currentColor;}

.rb_faq #faq_wrap {margin-top: 0px;}
.rb_faq #faq_con .con_inner .closer_btn {color:#9560e6;}
/*.rb_faq #faq_wrap li h3.faq_li_open a {color:#000; font-family:'Noto Sans KR',sans-serif;}*/

.rb_faq #faq_wrap li h3 {font-family:'Noto Sans KR',sans-serif; font-size: 18px; font-weight: normal; min-height: 60px; padding-top: 20px; padding-bottom: 20px;}
.rb_faq #faq_wrap li h3 .tit_bg {font-family:'Noto Sans KR',sans-serif; top:18px; font-size: 18px;}
.rb_faq #faq_wrap li h3 .tit_btn {top:20px;}
.rb_faq #faq_con .con_inner .closer_btn {top:20px;}
.rb_faq #faq_con .con_inner {padding-top: 0px;}
.rb_faq #faq_con .con_inner img {max-width:100%;}
.rb_faq #faq_wrap li:first-child {border-top:0px;}

.rb_faq .btns_gr_wrap {position:fixed; top:128px; left: 0px; width: 100%; z-index: 0; height:0px;}
.rb_faq .btns_gr_wrap .sub {padding: 0px; height:0px; min-height: 0px;}
.rb_faq .btns_gr_wrap .btns_gr {float:right; width: 50px; margin-right: -100px;}
.rb_faq .btns_gr_wrap .btns_gr .fl_btns {width: 50px; height:50px; border:1px solid #ddd; background-color: #fff; border-radius: 6px; text-align: center; margin-bottom: 10px; position: relative; display: block; line-height: 45px;}
.rb_faq .btns_gr_wrap .btns_gr .fl_btns:hover {border-color:#9560e6;}

/* 툴팁 { */
.rb_faq .tooltips {
    opacity: 0;
    transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: default;
    position: absolute;
    left:50px;
    width: max-content;
    color: #fff;
    background-color: #212121;
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 100%;
    top:50%;
    transform: translateY(-50%);
}
.rb_faq .tooltips:after {
    border-top: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid #212121;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    left: -7px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}


.rb_faq .btns_gr_wrap .btns_gr .fl_btns:hover .tooltips {left: 0px; opacity: 1;}

.faq_box {justify-content:center;margin-bottom:40px;padding:25px;border:10px solid #efe5fe;width:100%;height:150px;}

/* } */

.stock_search_img {float:right;margin-top:-67px;padding-right:40px;}  
.faq_title_box1 {float:left;width:60%;}
.faq_title_box2 {float:left;width:40%;}
.faq_title_box2 select {float:left;width:150px;} 

.sch_bar1 {float:left;padding-left:10px;}

.faq_title1 {float:left;font-size:60px;color:#935fe5;font-family: 'Giants-Regular';padding-left:10px;}
.faq_title2 {float:left;padding-top:15px;padding-left:20px;font-size:18px;color:#333333;}
.faq_txt1 {clear:both;width:100%;text-align:left;color:#9560e6;font-size:16px;padding-top:5px;}

@media all and (max-width:1220px) {

	.rb_faq {margin-top: 0px;padding:0px;}

    .stock_search_img {display:none;}
	
	.faq_title_box1 {float:left;width:50%;}
	.faq_title_box2 {float:left;width:50%;}
	
	.faq_box {justify-content:center;margin-bottom:40px;padding:25px;border:10px solid #efe5fe;width:100%;height:auto;}

}

@media all and (max-width:1024px) {
	
	.faq_box {justify-content:center;margin-bottom:40px;padding:15px;border:10px solid #efe5fe;width:100%;height:auto;}
	
	.stock_search_img {display:none;}
	
	.faq_title_box2 select {float:left;width:100px;} 
	.faq_title_box2 .input {float:left;width:250px;}
	.sch_bar1 input {width: calc(100% - 40px);}
	.faq_title_box1 {float:left;width:100%;}
	.faq_title_box2 {float:left;width:100%;padding-top:5px;}
	
    .rb_faq .faq_ser_wrap {width: 100%; padding-left: 40px; padding-right: 40px;}
    .rb_faq .faq_ser_wrap button {right: 70px;}
    .rb_faq {padding-left: 0px; padding-right: 0px;}
	
	.faq_title1 {float:left;width:20%;font-size:40px;color:#935fe5;font-family: 'Giants-Regular';padding-left:0px;}
	.faq_title2 {float:left;width:80%;padding-top:5px;padding-left:20px;font-size:16px;color:#333333;}
	.faq_txt1 {clear:both;width:100%;text-align:left;color:#9560e6;font-size:14px;padding-top:5px;}
}