.bbsTop{margin: 0 0 40px; gap:10px 30px; flex-wrap: wrap;}

.fap-cont{overflow:hidden;}

.cate-style{}
.cate-style ul{display:flex; align-items:flex-start;}
.cate-style ul li{width:auto; margin-right:5px;}
.cate-style ul li:last-child{margin-right:0;}
.cate-style ul li a{display:flex; align-items:center; justify-content:center; height:60px; padding:0 25px; box-sizing:border-box; border-radius:100px; border:1px solid #ddd; background:var(--white); font-size:1rem; font-weight:400; line-height:159%; letter-spacing:-0.51px; color:#777; white-space:nowrap; transition:all .3s linear;}
.cate-style ul li.hover a{background:rgba(0,168,90,0.1); border-color:rgba(0,168,90,0.2); color:var(--main); font-weight:700;}


/*********** List *************/
.faq_list{border-top:2px solid var(--main);}
.faq_list dl{border-bottom:1px solid var(--border); position:relative;}
.faq_list dl .checkbox{position:absolute; left:5px; top:8px; z-index:2;}
.faq_list dl .checkbox input{margin:0;}
.faq_list dl .faq_tit{width: 40px; height: 40px; line-height: 40px; text-align:center; border-radius:50%; font-size:1.176rem; color:var(--white); font-weight:700; position:absolute; left:20px; top:18px; background:var(--main);}
.faq_list dl .faq_tit.a{background:var(--black);}
.faq_list dl dt{padding:26px 70px 26px 80px; box-sizing:border-box; position: relative; cursor:pointer; font-size:1rem; font-weight: 700; letter-spacing:-0.35pt; line-height:160%; color:var(--black);}
.faq_list dl dt h4{font-size:1.125rem; font-weight: 400; letter-spacing:-0.5pt; line-height:150%; color:var(--black); padding:0 0 0 150px; box-sizing:border-box; position:relative;}
.faq_list.contest_faq dl dt h4{padding: 0 !important;}
.faq_list dl dt h4 strong{display: inline-block; font-weight: 700; letter-spacing: inherit; position:absolute; left:0; top:0;}
.faq_list dl dt .faq_arrow{display: inline-block; font-size:24px; color:#bbb; position:absolute; right:24px; top:50%; transform:translateY(-50%); transition:all .3s linear;}
.faq_list dl.on dt .faq_arrow{transform:translateY(-50%) rotate(180deg);}
.faq_list dl dd{padding:26px 20px 26px 80px; font-size:1.125rem; letter-spacing:-0.35pt; line-height:160%; box-sizing:border-box; position: relative;  background:var(--grayBg); border-top:1px solid var(--border);}
.faq_list dl dd img{max-width:100% !important; height: auto !important;}
.faq_list dl dd::after{content:''; display: block; clear: both;}



.faq_list dl .btn{width:100%; padding-top:10px; display: flex;}
.faq_list dl .btn a{margin:0 5px 0 0; background:#fff;}

.cs-info{padding-top: 30px; margin-top: 30px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; gap:20px; flex-wrap:wrap;}
.cs-info .cs-info-txt{display: flex; flex-direction: column; gap:5px;}
.cs-info .cs-info-txt strong{line-height: 100%; font-weight: 600; color:var(--black); display: flex; align-items:center; gap:6px;}
.cs-info .cs-info-txt strong::before{content:'\ef49'; display: block; width: 24px; height: 24px; line-height: 24px; font-size:24px; font-family: var(--icon); color:inherit; font-weight: 400;}
.cs-info .cs-info-txt ul{display: flex; gap:5px; flex-wrap:wrap;}
.cs-info .cs-info-txt ul li{line-height: 160%;}
.cs-info .cs-info-txt ul li a.tel{line-height: 160%; display: flex; align-items:center; gap:6px; color:var(--basic);}
.cs-info .cs-info-txt ul li a.tel::before{content:'\e0b0'; display: block; width: 20px; height: 20px; line-height: 20px; font-size:20px; font-family: var(--icon); color:inherit; font-weight: 400;}
.cs-info .cs-info-btn{display: block; width: 160px; height: 50px; line-height: 48px; border-radius:var(--borderR6); text-align:center; border:1px solid var(--main); background:var(--main); color:var(--white); font-size:0.882rem; font-weight: 700; letter-spacing: -0.45px; transition:all .3s;}
.cs-info .cs-info-btn:hover{background:var(--grayBg); color:var(--main);}

/*********** View *************/
.bbs_view{border-top:2px solid var(--main);}
	.bbsView_tit{border-bottom:1px solid var(--border); padding:33px 100px 33px 20px; box-sizing:border-box; position: relative;}
	.bbsView_tit .subject{font-size:26px; letter-spacing:-1pt; line-height:130%; font-weight:700; color:var(--black);}
	.bbsView_tit .subject span{display:inline-block; margin-right: 5px; letter-spacing:-1pt; font-weight:400;}
	.bbsView_tit .view_detail{margin:10px 0 0; display:flex;}
	.bbsView_tit .view_detail li{font-size:1rem; color:var(--basic); line-height:150%; padding:0 37px 0 0; position:relative;}
	.bbsView_tit .view_detail li:last-child{padding:0;}
	.bbsView_tit .view_detail li:after{content:''; display:block; width:1px; height:16px; background:#ccc; position:absolute; right:18px; top:50%; margin-top:-8px;}
	.bbsView_tit .view_detail li:last-child:after{display:none;}
	.bbsView_tit .count{font-size:1rem; color:var(--basic); line-height:120%; position:absolute; right:20px; top:50%; transform:translateY(-50%);}
	.bbsView_tit .count span{display:inline-block; vertical-align:middle; margin:-2px 7px 0 0; color:var(--black);}
	.view_content{padding:30px 0; box-sizing:border-box;}
	.view_content img{max-width:100%; height:auto !important;}

	.view_file{margin:30px 0 0; padding:20px; box-sizing:border-box; background:var(--grayBg); display:flex;}	
	.view_file .btit{width:170px; font-size:0.941rem; letter-spacing:-0.35pt; font-weight: 600; line-height: 120%; color:var(--black); box-sizing:border-box; position: relative;}	
	.view_file .btit .material-symbols-outlined{display: inline-block; vertical-align: middle; transform:rotate(90deg); margin:0; font-size:20px;}
	.view_file .bstxt{width:calc(100% - 170px); font-size:0.941rem; letter-spacing:-0.35pt; line-height: 120%; box-sizing:border-box;}	
	.view_file .bstxt a{display:inline-block; font-size:0.941rem; letter-spacing:-0.25pt; line-height:150%; color:var(--basic); margin: 5px 0 0;}
	.view_file .bstxt a:first-child{margin: 0;}	

	.bbs_bottom{border-top:1px solid var(--border); display:flex;}
	.bbs_bottom.last{border-bottom:1px solid var(--border);}
	.bbs_bottom dt{width:170px; padding:20px; font-size:0.941rem; font-weight: 600; letter-spacing:-0.35pt; line-height: 120%; color:var(--black); box-sizing:border-box; position: relative;}
	.bbs_bottom dt .arrow{color:var(--black); position:absolute; right:0; top:50%; transform:translateY(-50%);}
	.bbs_bottom dd{width:calc(100% - 170px); padding:20px; font-size:0.941rem; letter-spacing:-0.35pt; line-height: 120%; box-sizing:border-box;}
	.bbs_bottom dd a{text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}





/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){

/*********** Category *************/
.bbsTop{margin: 0 0 30px;}
.cate-style{width: 100% !important;}
.cate-style ul li a{height:50px; padding:0 20px;}

.bbs_search{width:100% !important;}
.bbs_search dl{max-width:100% !important;}

/*********** List *************/
.faq_list dl .faq_tit{width: 30px; height: 30px; line-height: 30px; left:15px; top:16px;}
.faq_list dl dt{padding:20px 50px 20px 60px;}
.faq_list dl dt h4{padding:0 0 0 120px;}
.faq_list dl dt .faq_arrow{font-size:20px; right:20px;}
.faq_list dl dd{padding:20px 20px 20px 60px;}




}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/*********** Category *************/
.bbsTop{margin: 0 0 20px;}
.cate-style{}
.cate-style ul li{margin-right:4px;}
.cate-style ul li a{height:40px; padding:0 15px; font-size:0.941rem;}

/*********** List *************/
.faq_list dl .faq_tit{width: 25px; height: 25px; line-height: 25px; left:10px; top:12px; font-size:13px;}
.faq_list dl dt{padding:15px 50px 15px 45px;}
.faq_list dl dt h4{padding:0 0 0 100px;}
.faq_list dl dt .faq_arrow{right:15px;}
.faq_list dl dd{padding:15px 20px 15px 45px;}

.cs-info{padding-top: 20px; margin-top: 20px; gap:10px;}
.cs-info .cs-info-txt strong::before{width: 20px; height: 20px; line-height: 20px; font-size:20px;}
.cs-info .cs-info-txt ul li a.tel::before{width: 16px; height: 16px; line-height: 16px; font-size:16px;}
.cs-info .cs-info-btn{width: 120px; height: 40px; line-height: 38px;}

}
/*******************************************************************************
    @media ~480px            
*******************************************************************************/
@media all and (max-width:480px){


/*********** List *************/
.faq_list dl dt h4{padding:0;}
.faq_list dl dt h4 strong{position: relative; left: auto; top:auto; display: block; margin: 0 0 3px;}



}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}