@charset "UTF-8";

/* 메인 */
.mainA_spinner {width: 100%; display: flex; align-items: center;}
.mainA_spinner .spinner_tit {color: #000; font-size: 20px; font-weight: 600; padding-left: 14px; line-height: 70px;}
.mainA_spinner .ui-spinner {height: 50px; position: relative; background: #fff; margin: 0 10px 0 30px;}
.mainA_spinner .ui-spinner .ui-spinner-input {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; font-size: 18px !important; font-weight: 600; font-family: 'Noto Sans Kr', sans-serif;}
.mainA_spinner .ui-spinner .ui-spinner-input:focus {outline: 2px solid rgba(72, 152, 255, 0.52) !important;}
.mainA_spinner .ui-spinner a.ui-spinner-button {position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; cursor: pointer;}
.mainA_spinner .ui-spinner a.ui-spinner-down {left: 0;}
.mainA_spinner .ui-spinner a.ui-spinner-up {right: 0;}

@media screen and (min-width: 640px) and (max-width: 1199px) {
	.Menu_select > ul > li:nth-child(3) {margin-left: 2%;}
	.Menu_select > ul > li:nth-child(3) .label-name2 {margin-left: 1.2%;}
	.mainA_spinner .spinner_tit {padding-left: 10px;}
	.mainA_spinner .ui-spinner {margin: 0 25px 0 30px;}
}

@media screen and (max-width: 639px) {
	.Menu_select > ul > li:nth-child(3) .label-name2 {margin-left: 1.4%;}
	.mainA_spinner .spinner_tit {padding-left: 4%;}
	.mainA_spinner .ui-spinner {margin: 0 5% 0 10px;}
}

.mainB_spinner {width: 74%; height: 100%; float: right; color: #333; font-size: 19px; font-weight: 600; font-family: 'Noto Sans Kr', sans-serif; padding-left: 10px;}
.mainB_spinner .spinner_tit {vertical-align: middle;}
.mainB_spinner .ui-spinner {position: relative; margin: 0 10px 0 5px; width: calc(100% - 75px) !important; height: 100%; background: transparent;}
.mainB_spinner .ui-spinner .ui-spinner-input {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; font-size: 19px !important; font-weight: 600; font-family: 'Noto Sans Kr', sans-serif;}
.mainB_spinner .ui-spinner a.ui-spinner-button {position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; cursor: pointer; width: 30px; height: 30px;}
.mainB_spinner .ui-spinner a.ui-spinner-down {left: 0;}
.mainB_spinner .ui-spinner a.ui-spinner-up {right: 0;}

@media screen and (min-width: 640px) and (max-width: 1199px) {
	.mainB_spinner {width: 76%;}
}

@media screen and (max-width: 639px) {
	.mainB_spinner {width: 82%; box-sizing: border-box; padding-left: 14px;}
	.mainB_spinner .spinner_tit {font-size: 17px;}
	.mainB_spinner .ui-spinner {margin: 0 10px 0 30px; width: calc(100% - 100px) !important;}
}


/* 예약 목록 */
.exp1_table.sb4 {width: 46%;}
.exp1_table_inner.sb4 > ul li p {line-height: 1.4;}
.table_inner.sb4 > ul {justify-content: normal;}
.table_inner.sb4 > ul li {width: auto; padding: 5px 15px; line-height: normal; margin-right: 5px;}
.table_inner.sb4 > ul li:nth-child(3) {padding: 5px 10px;}

@media screen and (min-width: 640px) and (max-width: 1199px) {
	.table_inner.sb4 > h3 {width: 100%;}
	.table_inner.sb4 > ul li:nth-child(3) {width: auto; padding: 5px 15px;}
}

@media screen and (max-width: 639px) {
	.exp1_table.sb4 {width: 100%;}
	.table_inner.sb4 > h3 {width: 100%;}
}


/* 추천 산림복지시설 */
.rec_tit h4 {background: none; padding-left: 0;}


/* 프로그램 목록 */
.program_text.sb5 {width: 46%;}
.program_text.sb5 > img {margin: 0; float: none;}
.program_text.sb5 > h3 {font-size: 25px;}
.program_text.sb5 > ul {width: 100%; display: block; float: left;}
.program_text.sb5 > ul > li {float: left; margin-right: 5px; margin-bottom: 5px; font-size: 13px;}
.program_text.sb5 > ul > li:nth-child(1) {border: 2px solid #61CA8D;} 
.program_text.sb5 > ul > li:nth-child(2) {border: 2px solid #61CA8D;} 
.program_text.sb5 > ul > li:nth-child(3) {border: 2px solid #6CA4D9;} 
.program_text.sb5 > ul > li:nth-child(4) {border: 2px solid #FF8123;} 
.program_text.sb5 > ul > li:nth-child(5) {border: 2px solid #FF8123;} 
.program_text.sb5 > ul > li:nth-child(6) {border: 2px solid #FF8123;} 
.program_text.sb5 > ul > li:nth-child(7) {border: 2px solid #FF8123;} 
.program_text.sb5 > ul > li:nth-child(8) {border: 2px solid #FF8123;} 
.program_text.sb5 > ul > li:nth-child(9) {border: 2px solid #FF8123;}
.program_text_inner.sb5 {float: left;}

.exp1 .program_slide .slick-slide {height: 100%;}
.exp1 .program_slide .slick-arrow {box-shadow: none;}

@media screen and (min-width: 640px) and (max-width: 1199px) {
	.program_text.sb5 > ul {float: none;}
	.program_text.sb5 > ul > li {width: auto; margin-left: 0;}
}

@media screen and (max-width: 639px) {
	.program_text.sb5 {width: 100%;}
	.program_text.sb5 > img {margin-top: 10px; float: left;}
	.program_text.sb5 > h3 {width: calc(100% - 75px);}
	.program_text.sb5 > ul > li {width: auto; margin-left: 0; margin-bottom: 10px;}
}

/* 프로그램 예약 */
.edit_area .ui-spinner {border-radius: 0; overflow: visible;}
.edit_area .ui-spinner-button {position: relative;}
.edit_area .spinner:focus {outline: 2px solid rgba(72, 152, 255, 0.52) !important; border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important;}


/* 다른 산림복지 프로그램 */
.other_tit {background: none; padding-left: 0;}