@charset "utf-8";


._faqContainer{--faq-subject-size:17px;--faq-con-size:15px;}

/*faqWrap*/
.faqWrap{width:100%;position:relative;text-align:left;}
	.faq_li{border-bottom:1px solid #e6e6e6;position:relative;}
	.faq_li:first-child{border-top:1px solid #e6e6e6;}

	.faq-header{position:relative;color:#3e3e3e;transition: all .2s ease-in-out;width:100%;cursor:pointer;display:flex;align-items:center;align-items:stretch;gap:10px;padding:0 10px;}
	.faq-header:before{content:'Q.';color:var(--red);font-size:var(--faq-subject-size);font-weight:var(--bold);line-height:1.5em;margin-right:-4px;margin-top:15px;}
	.faq-header:hover, .open .faq-header{background:rgba(53,57,69,0.02);}
	.faq-header .labelCheck{display:flex;align-items:center;justify-content:center;width:50px;border-right:1px solid rgba(0,0,0,0.1);}
	.faq-header .faqSubject{flex:1;font-size:var(--faq-subject-size);font-weight:var(--bold);color:#0d0d0d;line-height:1.5em;cursor:pointer;padding:15px 0px;}
	/*.faq-header .faqSubject:before{content:'Q.';color:var(--red);}*/
	.faq-header .faqSubject:hover{color:#000;}
	.faq-header .faqSubject .cate_link{font-size:0.85em;font-weight:normal;color:#949494;display:inline;white-space:nowrap;vertical-align:middle;}
	.faq-header .faqSubject .cate_link:before{content:'';display:inline-flex;width:1px;height:12px;background:rgba(53,57,69,0.15);margin:0 15px;vertical-align:middle;}
	.faq-header .faqSubject:after{}
	
	.faq-header .icon_more{margin-left:auto;width:30px;opacity:0.8;display:inline-flex;align-items:center;justify-content:center;}
	.faq-header .icon_more:before{content:'';width:13px;height:1px;display:inline-block;background:#6a6a6a;transition:all 0.4s cubic-bezier(0.5,0,0,1.25);}
	.faq-header .icon_more:after{content:'';width:13px;height:1px;display:inline-block;background:#6a6a6a;transform:rotate(90deg);position:absolute;transition:all 0.4s cubic-bezier(0.5,0,0,1.25);}
	.open .icon_more:before{transform:rotate(180deg);opacity:0;}
	.open .icon_more:after{transform:rotate(180deg);}
	/*.faq-header .icon_more:before{content:'\e91f';font-family:'myfont';font-size:13px;color:#0d0d0d;margin-left:auto;transition:all 0.35s cubic-bezier(0.5,0,0,1.25);}
	.open .icon_more:before{transform:rotate(180deg);}*/
	.faq-header .faqBtn{margin-left:10px;display:flex;align-items:center;justify-content:center;}
	
	.faq-container{display:none;text-align:left;}
	.faq-container{border-top:1px solid #e6e6e6;width:100%;padding:25px 10px;font-size:14px;line-height:1.7em;z-index:3;display:none;}
	.faq-container p{margin:5px 0;}
	.faq-container img{max-width:100%;max-height:600px;}

.attach_link{margin-top:20px;padding:20px;border-radius:3px;background:rgba(0,0,0,0.04);}
.attach_link li{display:inline-flex;align-items:center;justify-content:center;gap:7px;}
.attach_link li:before{content:'\e98f';font-family:'myfont';font-size:11px;}
.attach_link a{position:relative;display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:rgba(0,0,0,0.85);transition:all .1s ease-in-out;}
.attach_link a:hover{color:var(--blue);}
.attach_link a:hover:after{content:'';width:100%;height:1px;background:var(--blue);position:absolute;bottom:0;left:0;}


.attach_link.buttonStyle{padding:0;background:transparent;text-align:center;}
.attach_link.buttonStyle li:before{display:none;}
.attach_link.buttonStyle a{display:inline-block;padding:0 20px;min-width:180px;height:45px;border-radius:4px;background:#fff;color:#528fff;font-size:14px;font-weight:600;border:1px solid #528fff;
	box-shadow:0px 5px 3px rgba(0, 0, 0, 0.015);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;}
.attach_link.buttonStyle a:hover{background:#528fff;color:#fff;}
.attach_link.buttonStyle a:hover:after{display:none;}
.attach_link + *{margin-top:15px;}




._faqContainer .masonry_wrap{position:relative;}
._faqContainer .masonry_wrap .gall_ul{}
._faqContainer .masonry_wrap .gall_li{position:relative;padding-bottom:60px;line-height:1.6em;}
._faqContainer .masonry_wrap .gall_li:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(0,0,0,0.15);transition:all .2s ease-in-out;}
._faqContainer .masonry_wrap .gall_li .labelCheck{left:-2px;top:-21px;}
._faqContainer .masonry_wrap .gall_li .faqContents{display:flex;flex-direction:column;gap:10px;}
._faqContainer .masonry_wrap .gall_li .faqContents .bo_cate_link{font-size:13px;}
._faqContainer .masonry_wrap .gall_li .faqContents .textSubject{font-size:var(--faq-subject-size);font-weight:600;color:#0d0d0d;line-height:1.4em;}
._faqContainer .masonry_wrap .gall_li .faqContents .textSubject:hover{position:relative;z-index:16;}
._faqContainer .masonry_wrap .gall_li .faqContents .cate_link,
._faqContainer .masonry_wrap .gall_li .faqContents .category{display:inline-block;font-size:12px;font-weight:var(--bold);color:rgba(53,57,69,0.6);}
._faqContainer .masonry_wrap .gall_li .faqContents .cate_link:hover{color:var(--mainColor);}
._faqContainer .masonry_wrap .gall_li .faqContents .con{position:relative;font-size:var(--faq-con-size);line-height:1.7em;font-weight:400;word-break: keep-all;color:#5a5a5a;}
._faqContainer .masonry_wrap .gall_li .faqContents .con a{color:#5a5a5a;}
._faqContainer .masonry_wrap .gall_li .faqContents .title + con{margin-top:15px;}
._faqContainer .masonry_wrap .gall_li .faqContents .more{position:absolute;right:0;bottom:5px;font-size:0;color:rgba(71,78,103,0.7);transition:all 0.2s cubic-bezier(0.5,0,0,1.25);}
._faqContainer .masonry_wrap .gall_li .faqContents .more:before{position:relative;content:'\e921';font-family:'myfont';font-size:17px;font-weight:normal;}

._faqContainer .masonry_wrap .gall_li:hover:after{height:4px;background:#000;}
._faqContainer .masonry_wrap .gall_li:hover .faqContents .more{color:#000;}






@media screen and (max-width:780px) {
	._faqContainer{--faq-subject-size:14px;--faq-con-size:12px}

	._faqContainer .faq-header .faqSubject .cate_link:before{height:10px;margin:0 8px;}
	._faqContainer .faq-header .faqBtn{display:none;}
	
	._faqContainer .attach_link{padding:15px;}
	._faqContainer .attach_link li{align-items:flex-start;line-height:1.4em;}
	._faqContainer .attach_link a{font-size:11px;}

	._faqContainer .masonry_wrap .gall_li .faqContents{display:flex;flex-direction:column;gap:8px;}
	._faqContainer .masonry_wrap .gall_li .faqContents .more:before{font-size:12px;}
}