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

#boardlist .board_search form {display:flex; align-items:center; gap:10px; width:100%; max-width:495px; margin:0 auto 40px;}
#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/gallery_general_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 {display:grid; gap:0 2.5%; grid-template-columns:repeat(3, 1fr);}
#boardlist .list > li {width:100%; padding-bottom:40px;}
#boardlist .list > li .img img {width:100%; height:auto;}
#boardlist .list > li .title {padding-top:15px; color:#000; font-size: 1.667rem; font-weight:600; line-height:1.3; letter-spacing:-0.2px;}
#boardlist .list > li .title * {color:inherit; font:inherit;}
#boardlist .list > li .date {padding-top:6px; color:#999; font-size:1.167rem;}
#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%;}
	#boardlist .list {grid-template-columns:repeat(2, 1fr);}
	#boardlist .list > li .title {font-size:1.5rem;}
}
@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 {grid-template-columns:repeat(1, 1fr);}
	#boardlist .list > li {padding-bottom:25px;}
	#boardlist .list > li .title {font-size:1.417rem;}
	#boardlist .list > li .date {font-size:1.083rem;}
}

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

#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/gallery_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; 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 적용
/*-----------------------------------------------------------------*/