/*     2430984 : 타이틀 텍스트      */
.title__2430984__ {font-size:0}
.title__2430984__ p {
	display:inline-block;position:relative;margin:0;padding:0 0 6px;
	font-size:20px;font-weight:bold;color:#ffffff;letter-spacing:-.07em;line-height:1.2em;
}
.title__2430984__ p:before {content:'';position:absolute;right:0;bottom:0;left:0;width:40px;height:0px;margin:0 auto;background:#000000;font-size:0}

@media all and (min-width:768px){
	.title__2430984__ p {font-size:25px}
}

@media all and (min-width:1024px){
	.title__2430984__ p {padding-bottom:00px;font-size:48px}
	.title__2430984__ p:before {width:60px;height:0px}
}

/*     2430994 : 장문 텍스트      */
.textarea__2430994__ p {
	display:block;margin:0;padding:0;
	font-size:13px;font-weight:normal;color:#ffffff;letter-spacing:-0.1em;line-height:1.4em;
}

@media all and (min-width:1024px){
	.textarea__2430994__ p {font-size:22px;line-height:1.6em}
}

/*     2431004 : HTML 편집기      */
@charset "utf-8";

*{box-sizing:border-box}
body{margin:0;color:#222;font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;background:#fff}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.sound_only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}

.sec_wrap{width:min(1400px,100%);min-height:100vh;margin:0 auto;padding:0 24px 80px}
.faq_tit{margin:100px auto 30px;font-size:3em}
.faq_tit h2{margin:0;font-size:1em;line-height:1.2}
.faq_layout{display:flex;gap:50px;align-items:flex-start;margin:10px 0 30px}
.faq_right{flex:1 1 auto;min-width:0}

/* Category */
#bo_cate{position:sticky;top:24px;flex:0 0 200px;width:200px;margin:0}
#bo_cate h2,#faq_wrap h2{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#cate_trigger{display:none}
#bo_cate_ul{display:block;margin:0;padding:0;list-style:none}
#bo_cate_ul li{display:block;margin:0;padding:0}
#bo_cate_ul a{display:block;padding:13px 0;line-height:1.4;color:#8b95a1;font-size:1.1em}
#bo_cate_ul a:hover,#bo_cate_ul a:focus,#bo_cate_ul a:active{text-decoration:none;color:#3a8afd}
#bo_cate_ul li.on a,#bo_cate #bo_cate_on{color:#3a8afd;font-weight:bold}
.cate_check{display:none}

/* FAQ */
#faq_wrap{margin:0 0 30px}
#faq_wrap ol{margin:0;padding:0;list-style:none}
#faq_wrap li{position:relative;border-bottom:1px solid #ececec;background:#fff}
#faq_wrap li:first-child{border-top:1px solid #ececec}
#faq_wrap li h3{position:relative;min-height:50px;margin:0;padding:15px 60px 15px 50px;line-height:1.6;font-size:1em;word-break:keep-all;overflow-wrap:anywhere}
#faq_wrap li h3 a{display:inline-block}
#faq_wrap li h3 .tit_bg{position:absolute;top:15px;left:15px;display:inline-block;color:#000;font-size:1.6em;text-align:center}
#faq_wrap li h3 .tit_btn{position:absolute;top:15px;right:15px;width:30px;height:30px;border:0;background:#fff;color:#c5cdd8;font-size:1.2em}
#faq_wrap li h3.faq_li_open a{color:#3a8afd}
#faq_wrap li.faq_category{scroll-margin-top:24px;border-bottom:0;background:#f7f9fc}
#faq_wrap li.faq_category h3{min-height:auto;padding:18px 20px;color:#111;font-size:1.15em;font-weight:700}
#faq_wrap li.faq_hidden{display:none}

#faq_con .con_inner{display:none;padding:5px 60px 24px 50px;line-height:1.8;color:#444;word-break:keep-all;overflow-wrap:anywhere}
#faq_con .con_inner p{margin:0}
#faq_con .con_inner .closer_btn{position:absolute;top:15px;right:15px;width:30px;height:30px;border:0;background:#fff;color:#3a8afd;font-size:1.2em}

.faq_icon{position:relative;display:block;width:16px;height:16px;margin:0 auto}
.faq_icon:before,.faq_icon:after{content:"";position:absolute;left:2px;right:2px;top:7px;height:2px;background:currentColor}
.tit_btn .faq_icon:after{top:2px;bottom:2px;left:7px;right:auto;width:2px;height:auto}
.faq_li_open .tit_btn .faq_icon:after{display:none}

@media (max-width:1024px){
    .sec_wrap{padding:0 20px 60px}
    .faq_tit{margin-top:70px;font-size:2.4em}
    .faq_layout{gap:30px}
    #bo_cate{flex-basis:180px;width:180px}
    #bo_cate_ul a{font-size:1em}
}

@media (max-width:768px){
    .sec_wrap{padding:0 16px 50px}
    .faq_tit{margin:48px auto 24px;font-size:2em}
    .faq_layout{display:block;margin-top:0}

    #bo_cate{position:relative;top:auto;width:auto;margin:24px 0 20px;z-index:20}
    #cate_trigger{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 2px;border:0;background:none;color:#191f28;font-size:1.45em;font-weight:700;text-align:left}
    #cate_trigger .cate_current{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    #cate_trigger .cate_arrow{width:8px;height:8px;flex:0 0 auto;margin-top:-4px;border:solid #4e5968;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}
    #bo_cate.open #cate_trigger .cate_arrow{margin-top:2px;transform:rotate(-135deg)}
    #bo_cate.open:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.04);z-index:40}

    #bo_cate_ul{display:none;position:absolute;left:0;right:0;top:100%;z-index:50;max-height:60vh;overflow-y:auto;margin:0;padding:8px 0;background:#fff;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.12)}
    #bo_cate.open #bo_cate_ul{display:block}
    #bo_cate_ul a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;color:#4e5968;font-size:1.1em;white-space:normal}
    #bo_cate_ul li.on a,#bo_cate #bo_cate_on{color:#191f28;font-weight:700;background:#fff}
    #bo_cate_ul a:active{background:#f2f4f6}
    .cate_check{display:inline-block;width:6px;height:12px;flex:0 0 auto;margin-left:10px;border:solid #3182f6;border-width:0 2px 2px 0;transform:rotate(45deg)}
#faq_wrap	li{margin:20px 0;background:#fff;border-radius:3px;-webkit-box-shadow: 0 1px 4px #cbd1df;-moz-box-shadow: 0 1px 4px #cbd1df;box-shadow: 0 1px 4px #cbd1df;}

#faq_wrap li.faq_category{display:none;}
    #faq_wrap li h3{padding:14px 52px 14px 42px;font-size:.98em}
    #faq_wrap li h3 .tit_bg{top:8px;left:12px;font-size:1.35em}
    #faq_wrap li h3 .tit_btn,#faq_con .con_inner .closer_btn{top:13px;right:12px}
    #faq_wrap li.faq_category{scroll-margin-top:12px}
    #faq_wrap li.faq_category h3{padding:15px 14px;font-size:1.05em}
    #faq_con .con_inner{padding:0 52px 22px 42px;font-size:.95em}
}

@media (max-width:480px){
    .sec_wrap{padding:0 12px 40px}
    .faq_tit{font-size:1.65em}
    #cate_trigger{font-size:1.25em}
    #bo_cate_ul a{font-size:1em}
    #faq_wrap li h3{padding-right:46px}
    #faq_con .con_inner{padding-right:46px}
}