/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/

#boardlist {padding-top: 20px;}
#boardlist .board_search form {display:flex; align-items:center; gap:10px; width:100%; max-width:495px; margin:0 auto 30px;}
#boardlist .board_search select {width:86px; border:none; background-color:#F6F6F6;}
#boardlist .board_search .box {position:relative; width:100%;}
#boardlist .board_search .box .form_input {border:none; background-color:#F6F6F6;}
#boardlist .board_search .box .btn_search {display:inline-block; position:absolute; top:0; right:0; z-index:5; width:42px; height:100%; border:0; background:url('/board/_skin/basic_faq_rsp/img/btn_search.png') no-repeat center /22px; color:transparent; font-size:0; cursor:pointer;}
#boardlist .cate {display: flex;}
#boardlist .cate > ul {display: flex; flex-wrap: wrap; gap: 5px;}
#boardlist .cate > ul > li a {display: inline-flex; height: 36px; align-items: center; justify-content: center; border: 1px solid #EAEAEA; border-radius: 20px; padding: 0 12px; font-size: 1.083rem; font-weight: 500;}
#boardlist .cate > ul > li.active a {border: 1px solid #151515; background: #151515; color: #fff;}
#boardlist .category {margin-bottom:30px;}
#boardlist .category .swiper-wrapper {justify-content:center;}
#boardlist .category .swiper-slide {width:auto; margin:0 5px;}
#boardlist .category .swiper-slide a {display:flex; align-items:center; justify-content:center; height:35px; padding:0 20px; border-radius:999px; border:1px solid #E5E5E5; background-color:#fff; font-size:1.33rem; letter-spacing:-0.16px; line-height:35px; transition:.2s;}
#boardlist .category .swiper-slide:hover a {background-color:#f6f6f6;}
#boardlist .category .swiper-slide.cate_all > a,
#boardlist .category .swiper-slide.selected > a {border:1px solid #000; background-color:#000; color:#fff; font-weight:600;}
#boardlist .list {display: flex; flex-direction: column; gap: 10px; margin-top: 20px;}
#boardlist .list > li {position: relative; border:1px solid #EAEAEA; border-radius: 10px; padding: 20px; cursor:pointer;}
#boardlist .list > li .subject {display: flex; flex-direction: column; gap: 10px;}
#boardlist .list > li .subject .title {position:relative; padding-right: 18px; color: #151515; background: url('/board/_skin/basic_faq_rsp/img/chevron_down.svg') no-repeat right; font-size: 1.250rem; font-weight: 500;}
#boardlist .list > li .subject.active .title {background: url('/board/_skin/basic_faq_rsp/img/chevron_up.svg') no-repeat right;}
#boardlist .list > li .subject .title strong {margin-right:5px; color:inherit; font-size:inherit;}
#boardlist .list > li .subject .title img {vertical-align:middle; height: 12px; font-size: 1.167rem;}
#boardlist .list > li .subject .date {color: #AFAFAF; font-size: 1.167rem;}
#boardlist .list > li .content {position: relative; margin-top: 20px; color: #888; font-size: 1.167rem;}
#boardlist .list > li .content .answer {position:relative;}
#boardlist .list > li .content .answer img {max-width:100%; height:auto;}
#boardlist .list > li .content * {color:inherit !important; font:inherit !important;}
#boardlist .list > li .content .btn {position: absolute; display: flex; gap: 10px; right: 0; top: -23px;}
#boardlist .list > li .content .btn span * {font-size: 1rem !important; color: #999 !important; text-decoration: underline;}
#boardlist .page_write {margin-top:20px; text-align:right;}

@media all and (max-width:1024px) {
	#boardlist .category .swiper-wrapper {justify-content:initial;}
	#boardlist .board_cate_slide {margin:0 -3.16%; margin-bottom:30px; padding:0 3.16%;}
}
@media all and (max-width:768px) {
	#boardlist .board_cate_slide {margin:0 -4.26%; margin-bottom:30px; padding:0 4.26%;}
	#boardlist .category .swiper-slide {margin:0 3px;}
	#boardlist .category .swiper-slide a {height:33px; font-size:1.167rem;}
	#boardlist .board_search select {height:48px;}
	#boardlist .list > li .subject .title {font-size:1.167rem;}
	#boardlist .list > li .content {font-size:1.167rem;}
}



/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/

#boardview .infoview .subject {padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #EFEFEF;}
#boardview .infoview .subject .title {font-size:1.5rem; line-height:1.3;}
#boardview .infoview .subject .stat {padding-top:5px;}
#boardview .infoview .subject .stat span {display:inline-block; position:relative; margin-right:16px; color:#666; font-size:1.167rem;}
#boardview .infoview .subject .stat span:not(:last-child)::after {content:''; position:absolute; top:50%; right:-8px; width:1px; height:10px; margin-top:-5px; background-color:#E5E5E5;} 
#boardview .infoview > p {padding:10px 0; border-bottom:1px solid #EFEFEF; color:#666; font-size:1.167rem;}
#boardview .infoview > p span {display:inline-block; width:100px; padding-right:10px; vertical-align:top;}
#boardview .boxview {padding:40px 0; border-bottom:1px solid #EFEFEF; text-align:left;}
#boardview .boxview > div {word-break:break-all; word-wrap:break-word;}
#boardview .boxview > div * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview .boxview > div img {max-width:100%;}
#boardview .btn {display:flex; gap:4px; padding:20px 0;}
#boardview .btn .btn_list {margin-left:auto;}

@media all and (max-width:768px) {
	#boardview .infoview .subject .title {font-size:1.33rem;}
	#boardview .infoview > p {font-size:1.083rem;}
	#boardview .boxview {padding:30px 0;}
}


/*-----------------------------------------------------------------*/
/* 쓰기
/*-----------------------------------------------------------------*/

#boardwrite {width:100%; text-align:center;}
#boardwrite form {display:inline-block; width:100%; padding-top:0; max-width:1000px; border-top:1px solid #000; text-align:left;}
#boardwrite fieldset {padding:20px 0; border-bottom:1px solid #EFEFEF;}
#boardwrite fieldset > div {position:relative; font-size:1.25rem; margin-bottom:10px;}
#boardwrite fieldset > div:last-child {margin-bottom:0;}
#boardwrite fieldset > div > label {display:flex; align-items:center; position:static; width:auto; height:auto; padding-bottom:6px; font-size:1.167rem; top:0; left:0; width:140px; height:48px; padding-right:10px; color:#333; font-size:1.25rem;}
#boardwrite fieldset > div > .form_input {display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; width:100%; max-width:580px; min-height:48px;}
#boardwrite fieldset > div > select {width:100%; max-width:580px;}
#boardwrite fieldset > div.name {font-size:1.167rem;}
#boardwrite fieldset > div.name .check {padding:8px 0 0;}
#boardwrite fieldset > div.name .check label {margin-right:15px;}
#boardwrite fieldset > div.contents > label {font-size:1.083rem; top:50%; transform:none;}
#boardwrite fieldset > div.contents iframe {width: 100% !important;}
#boardwrite fieldset > div.file .filebox {display:inline-flex; align-items: center; margin:0 18px 5px 0;}
#boardwrite fieldset > div.file .filebox .icon {display:inline-block; width:60px; height:45px; border-radius:6px; border:1px solid #E5E5E5; background:url('/board/_skin/basic_general_rsp/img/icon_file.png') no-repeat center /20px auto; color:transparent; font-size:0;}
#boardwrite fieldset > div.file .filebox .upload_name {display:inline-block; flex: 1; width: 100%; margin-left:10px; color:#666; font-size:1.083rem;}
#boardwrite fieldset > div.file .filebox .upload_name label {margin-left:8px; font-size:inherit;}
#boardwrite fieldset > div.file .filebox .upload_name label input {margin-right:3px;}
#boardwrite .btn {padding-top:40px;}
#grecaptcha_element {display:block !important; padding:30px 0 0;}
#grecaptcha_element > div {margin:0 auto;}

/*-----------------------------------------------------------------*/
/* 비밀번호 확인 - 스킨공통css 적용
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 댓글목록, 댓글쓰기 - 스킨공통css 적용
/*-----------------------------------------------------------------*/