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


header {color:#333 !important;}
header * {color:#333 !important;}
header > h1.black > a img.mo {display:block !important;}
nav.mobile {display:block !important;}
nav.mobile .menu_trigger span {background-color:#000 !important;}
.title.visual.contact {display:none;}
.popup_fixed {display:none !important;}
h3.title_board {padding:5.69rem 0; font-size:2.143rem; text-align:center;}

#boardlist {margin-top:40px;}
#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_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 {border-top:1px solid #000;}
#boardlist .list > li {padding:20px 0; border-bottom:1px solid #EFEFEF; letter-spacing:-0.3px; cursor:pointer; text-align:left;}
#boardlist .list > li .title {color:#000; font-size:1.25rem;}
#boardlist .list > li .title strong {color:inherit; font-size:inherit;}
#boardlist .list > li .title img {width:auto; height:15px; margin-right:3px; vertical-align:middle;}
#boardlist .list > li .info {padding-top:6px;}
#boardlist .list > li .info span {display:inline-block; position:relative; margin-right:16px; color:#666; font-size:1.167rem;}
#boardlist .list > li .info span:first-child::after {content:''; position:absolute; top:50%; right:-8px; width:1px; height:10px; margin-top:-5px; background-color:#E5E5E5;}
#boardlist .list > li.notice .title {font-size:1.33rem;}
#boardlist .page_write {margin-top:20px; text-align:right;}

@media all and (min-width:768px) {
	header > h1.white > a img.mo {display:none !important;}
	header > h1.black > a img.mo {display:block !important;}
	header > h1.black > a img.pc {display:none !important;}

}

@media all and (min-width:1024px) {
	
	header > h1.white > a img.mo {display:none !important;}
	header.scroll > h1.black > a img.mo {display:none !important;}
	header > h1.black > a img.pc {display:block !important;}
	header > h1.black > a img.mo {display:none !important;}
}

@media all and (min-width:1240px) {
	nav.mobile {display:none !important;}
}


@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 .title {font-size:1.167rem;}
	#boardlist .list > li .info span {font-size:1.083rem;}
	#boardlist .list > li.notice .title {font-size:1.25rem;}
}

@media all and (max-width:720px) {
	div.title {height:auto !important;}
}

.infoview {margin-top:40px; text-align:left;}

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

.farm-A-mgt {padding:0px 10px;}

#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; width:100px; padding-right:10px; font-size:1.167rem; vertical-align:middle;}
#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;}
	#boardview .infoview > p span {font-size:1.083rem;}
}

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

#boardwrite {width:100%; margin-top:80px; 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 10px; 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:60px; 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_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:1024px) {
	#boardwrite form {width:100%; padding-top:0;}
	#boardwrite fieldset > div {padding-left:130px;}
	#boardwrite fieldset > div > label {width:130px;}
}
@media all and (max-width:768px) {
	#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 적용
/*-----------------------------------------------------------------*/



/* 버튼스타일 - 기본 */
.box_btn {display:inline-block; text-align:center;}
.box_btn > * {display:inline-flex; align-items:center; justify-content:center; min-width:70px; height:44px; margin:0; padding:0 10px; border:1px solid #000; border-radius:6px; outline:none; background-color:#000; color:#fff; font-size:1.25rem; font-family:'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-weight:normal; line-height:44px; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;}
.box_btn > *:hover,
.box_btn > *:active,
.box_btn > *:focus {background:#222;}

@media all and (max-width:768px) {
	.box_btn > * {font-size:1.167rem;}
}

/* 버튼스타일 - 라운드 */
.box_btn.radius > * {min-width:auto; height:38px; padding:0 15px; border-radius:30px; font-size:1.167rem; line-height:38px;}
.box_btn.radius.mini > * {height:30px; line-height:30px;}

@media all and (max-width:768px) {
	.box_btn.radius > * {height:34px; font-size:1.083rem; line-height:34px;}
}

/* 버튼스타일 - 크기 */
.box_btn.mini > * {height:36px; font-size:1.167rem; line-height:36px;}
.box_btn.small > * {height:40px; line-height:40px;}
.box_btn.large > * {height:48px; line-height:48px;}
.box_btn.huge > * {height:54px; font-size:1.417rem !important; font-weight:600; line-height:54px;}

@media all and (max-width:768px) {
	.box_btn.mini > * {font-size:1.083rem !important;}
	.box_btn.small > * {font-size:1.167rem !important;}
	.box_btn.large > * {height:50px; font-size:1.167rem !important; line-height:50px;}
	.box_btn.huge > * {height:50px; font-size:1.33rem !important; line-height:50px;}
}

/* 버튼스타일 - 가로길이 */
.box_btn.block {display:block;}
.box_btn.block > * {width:100%;}
.box_btn.w50 > * {width:50px; min-width:50px;}
.box_btn.w90 > * {width:90px;}
.box_btn.w110 > * {width:110px;}
.box_btn.w115 > * {width:115px;}
.box_btn.w150 > * {width:150px;}
.box_btn.w160 > * {width:160px;}
.box_btn.w200 > * {width:200px;}
.box_btn.w300 > * {width:300px;}

/* 버튼스타일 - 색상 */
.box_btn.white > * {border-color:#000; background-color:#fff; color:#000;}
.box_btn.white:hover > *,
.box_btn.white:active > *,
.box_btn.white:focus > * {background-color:#000 !important; color:#fff !important;}
.box_btn.gray > * {border-color:#F5F6F8; background-color:#F5F6F8; color:#333;}
.box_btn.gray:hover > *,
.box_btn.gray:active > *,
.box_btn.gray:focus > * {border-color:#000; background-color:#fff; color:#000;}
.box_btn.grline > * {border-color:#E5E5E5; background-color:#fff; color:#333 !important;}
.box_btn.grline:hover > *,
.box_btn.grline:active > *,
.box_btn.grline:focus > * {background-color:#f6f6f6;}
.box_btn.lightgray > * {border-color:#e4e4e4; background-color:#e4e4e4; color:#fff;}

/* 나열 버튼 */
.btn_col {display:flex; gap:10px; align-items:center; justify-content:center;}
.btn_col2 {display:flex; gap:10px; align-items:center; justify-content:center; width:100%; margin:0 auto;}
.btn_col2 .box_btn {width:50%;}
.btn_col2 .box_btn > * {width:100%;}
.btn_col2.nogap {gap:0;}
.box_btn.mt {margin-top:5px;}


/* 마이페이지 공통 박스 */
.box_mp {margin-bottom:40px; padding:55px 20px; border-radius:6px; background-color:#F5F6F8; text-align:center;}
.box_mp > h5 {font-size:1.25rem; font-weight:400;}
.box_mp > span {font-size:2rem; font-weight:700;}
.box_mp .msg {font-size:1.167rem; word-break:keep-all;}
.box_mp > h5 + .msg {padding-top:15px;}
.box_mp .mo_br {display: none;}
.box_mp .form_input {width:100%; max-width:450px; margin:20px auto 0;}
.box_mp .form_input + .form_input {margin-top:10px;}
.box_mp.sml {padding:30px;}

@media all and (max-width:1024px) {
	.box_mp {margin-bottom:35px;}
	.box_mp .mo_br {display: block;}
	.box_mp > h5 {font-size:1.167rem;} 
	.box_mp > span {font-size:1.5rem;}
	.box_mp.sml {padding:18px;}
	#edit_pw .title {display: none;}
} 

#boardpw {margin-top:40px;}