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

#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 .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 {border-top:1px solid #000;}
#boardlist .list > li {border-bottom:1px solid #EFEFEF; letter-spacing:-0.3px; cursor:pointer;}
#boardlist .list > li .subject {padding:26px 0;}
#boardlist .list > li .subject .title {position:relative; padding-left:22px; color:#000; font-size:1.25rem;}
#boardlist .list > li .subject .title::before {content:'Q'; position:absolute; left:0; font-size:1.33rem; font-weight:700;}
#boardlist .list > li .subject .title strong {margin-right:5px; color:inherit; font-size:inherit;}
#boardlist .list > li .subject .title img { vertical-align:middle;}
#boardlist .list > li .content {padding:20px; background-color:#F6F6F6; font-size:1.25rem;}
#boardlist .list > li .content .answer {position:relative; padding-left:22px;}
#boardlist .list > li .content .answer::before {content:'A'; position:absolute; left:0; font-size:1.33rem; font-weight:700;}
#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 {padding-top:20px; text-align:left;}
#boardlist .list > li.notice .subject .title {padding-left:0; font-size:1.33rem;}
#boardlist .list > li.notice .subject .title::before {display:none;}
#boardlist .list > li.notice .content .answer {padding-left:0;}
#boardlist .list > li.notice .content .answer::before {display:none;}
#boardlist .page_write {margin-top:20px; text-align:right;}

@media all and (max-width:1023px) {
	#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:767px) {
	#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;}
	#boardlist .list > li.notice .subject .title {font-size:1.25rem;}
}



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

#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:767px) {
	#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%; 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; padding-left:140px; 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:absolute; 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 .check {padding:8px 0 10px;}
#boardwrite fieldset > div.name .check label {margin-right:15px;}
#boardwrite fieldset > div.contents > label {top:50%; transform:translateY(-50%);}
#boardwrite fieldset > div.file .filebox {display:inline-block; margin:0 18px 5px 0;}
#boardwrite fieldset > div.file .filebox .icon {display:inline-block; width:70px; height:55px; border-radius:6px; border:1px solid #E5E5E5; background:url('/board/_skin/basic_faq_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; margin-left:10px; color:#666; font-size:1.167rem;}
#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;}

@media all and (max-width:1023px) {
	#boardwrite form {width:100%; padding-top:0;}
	#boardwrite fieldset > div {padding-left:130px;}
	#boardwrite fieldset > div > label {width:130px;}
}
@media all and (max-width:767px) {
	#boardwrite fieldset > div {padding-left:0; margin-bottom:20px;}
	#boardwrite fieldset > div > label {position:static; width:auto; height:auto;padding-bottom:6px; font-size:1.167rem;}
	#boardwrite fieldset > div.name {font-size:1.167rem;}
	#boardwrite fieldset > div.name .check {padding-bottom:0;}
	#boardwrite fieldset > div.name .check label {font-size:1.083rem;}
	#boardwrite fieldset > div.contents > label {transform:none;}
	#boardwrite fieldset > div.file .filebox .icon {width:60px; height:45px;}
	#boardwrite fieldset > div.file .filebox .upload_name {font-size:1.083rem;}
}

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

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