@charset "utf-8";

/******************************  메인  ******************************/
/* 메인 배너 */
.main_banner_area {}
.main_banner_area img {}


/* 메인 콘텐츠 */
.main_content_area { padding: 90px 0; height: 630px; }
.main_content_area::after { display: block; clear: both; content: ""; }
.main_content_area .main_content_box { display: relative; float: left; width: calc(50% - 10px); height: 100%; }
.main_content_area .main_content_box.left .main_menu { float: left; width: calc(50% - 2px); margin-bottom: 4px; }
.main_content_area .main_content_box.left .main_menu:nth-child(2n + 2) { margin-left: 4px; }
.main_content_area .main_content_box.left .main_menu img { width: 100%; }
.main_content_area .main_content_box.right { margin-left: 20px; }
.main_content_area .main_content_box.right .main_board { height: calc(50% - 10px); border: 1px solid #ddd; box-sizing: border-box; }
.main_content_area .main_content_box.right .main_board::after { display: block; clear: both; content: ""; }
.main_content_area .main_content_box.right .main_board.top { margin-bottom: 20px; }
.main_content_area .main_content_box.right .main_board.top .main_tab { float: left; width: 50%; height: 70px; border-bottom: 1px solid #ddd; background: #f6f6f6; font-size: 24px; color: #4e4e4e; transition: .15s; }
.main_content_area .main_content_box.right .main_board.top .main_tab:first-child { border-right: 1px solid #ddd; }
.main_content_area .main_content_box.right .main_board.top .main_tab.on, 
.main_content_area .main_content_box.right .main_board.top .main_tab:hover { background: #fff2f2; color: #ff8184; }
.main_content_area .main_content_box.right .main_board.top .main_board_list { float: left; width: 100%; height: 233px; padding: 22px 40px; box-sizing: border-box; }
.main_content_area .main_content_box.right .main_board.top .main_board_list li { position: relative; display: flex; line-height: 1.8; font-size: 18px; font-weight: 300; }
.main_content_area .main_content_box.right .main_board.top .main_board_list li::before { position: absolute; top: 0; left: 0; content: "·"; line-height: 32.5px; }
.main_content_area .main_content_box.right .main_board.top .main_board_list li .subject { padding-left: 15px; width: calc(100% - 90px); box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
.main_content_area .main_content_box.right .main_board.top .main_board_list li .regdate { width: 90px; margin-top: 2px; font-size: 15px; text-align: right; color: #a5a5a5; }
.main_content_area .main_content_box.right .main_board.bottom {}
/* .main_content_area .main_content_box.right .main_board.bottom .title { line-height: 70px; text-indent: 40px; border-bottom: 1px solid #ddd; font-size: 24px; color: #4e4e4e; } */
.main_content_area .main_content_box.right .main_board .title { line-height: 70px; text-indent: 40px; border-bottom: 1px solid #ddd; font-size: 24px; color: #4e4e4e; }
.main_content_area .main_content_box.right .main_board.bottom .main_gallery_list { height: 233px; padding: 27px 40px; box-sizing: border-box; }
.main_content_area .main_content_box.right .main_board.bottom .main_gallery_list li { width: 190px; margin-right: 20px; }
.main_content_area .main_content_box.right .main_board.bottom .main_gallery_list li .img_box { height: 128px; overflow: hidden; }
.main_content_area .main_content_box.right .main_board.bottom .main_gallery_list li .img_box img { width: 100%; }
.main_content_area .main_content_box.right .main_board.bottom .main_gallery_list li p { margin-top: 12px; font-size: 18px; font-weight: 300; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }

@media screen and (max-width:750px) {
	.main_content_area { padding: 4vh 0; height: auto; }
	.main_content_area .main_content_box { width: 100%; height: auto; }
	.main_content_area .main_content_box.left .main_menu { width: 100%; margin-bottom: 2vh; }
	.main_content_area .main_content_box.left .main_menu:nth-child(2n + 2) { margin-left: 0; }
	.main_content_area .main_content_box.right { margin-left: 0; }
	.main_content_area .main_content_box.right .main_board { height: auto; }
	.main_content_area .main_content_box.right .main_board.top { margin-bottom: 2vh; }
	.main_content_area .main_content_box.right .main_board.top .main_tab { height: 7vh; font-size: 5vw; }
	.main_content_area .main_content_box.right .main_board.top .main_board_list { height: auto; padding: 2vh 6%; }
	.main_content_area .main_content_box.right .main_board.top .main_board_list li { font-size: 17px; }
	/* .main_content_area .main_content_box.right .main_board.bottom .title { line-height: 7vh; text-indent: 6%; font-size: 5vw; } */
	.main_content_area .main_content_box.right .main_board .title { line-height: 7vh; text-indent: 6%; font-size: 5vw; }
	.main_content_area .main_content_box.right .main_board.bottom .main_gallery_list { height: auto; padding: 2vh 6%; }
	.main_content_area .main_content_box.right .main_board.bottom .main_gallery_list li p { margin-top: 1vh; font-size: 17px; }
}


/******************************  서브  ******************************/
/* 공통 */
.subbanner_area { position: relative; }
.subbanner_area img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.subbanner_area.info { background: url('/images/sub_banner01.png') no-repeat center center / cover; }
.subbanner_area.service01 { background: url('/images/sub_banner02.png') no-repeat center center / cover; }
.subbanner_area.service02 { background: url('/images/sub_banner03.png') no-repeat center center / cover; }
.subbanner_area.board { background: url('/images/sub_banner01.png') no-repeat center center / cover; }
.subbanner_area.support { background: url('/images/sub_banner02.png') no-repeat center center / cover; }

.sub_title { margin-top: 75px; font-size: 32px; line-height: 70px; text-indent: 40px; border: 3px solid #ff8184; }

@media screen and (max-width:750px) {
	.subbanner_area img { width: 65%; }

	.sub_title { margin-top: 6vh; font-size: 24px; line-height: 7vh; text-indent: 8%; }
}

/* 시설소개 */
#daumRoughmapContainer1669804576982 { width: 100%; margin-top: 55px; }
#daumRoughmapContainer1669804576982 .wrap_map { height: 600px; }

.info05_txt { font-size: 18px; line-height: 1.6; text-align: center; margin-top: 25px; }

@media screen and (max-width:750px) {
	#daumRoughmapContainer1669804576982 .wrap_map { height: 40vh !important; }
}

/* 후원/자원봉사 */
.support_minitxt { font-size: 18px; font-weight: 300; margin-left: 40px; position: relative; top: -3px; }
.support_box { margin-top: 60px; }
.support_box .sub_stitle { position: relative; font-size: 34px; color: #ff8184; padding-left: 20px; }
.support_box .sub_stitle::before { position: absolute; left: 0; top: calc(50% + 3px); width: 6px; height: 30px; background: #ff8184; content: ""; transform: translateY(-50%); }
.support_box .sub_txt { margin-top: 30px; line-height: 1.6; font-size: 18px; }
.support_box img.pc { display: block; margin: 0 auto; margin-top: 45px; }
.support_btn { margin-top: 85px; width: 310px; height: 68px; border: 0; background: #ff8184; border-radius: 3px; color: #fff; font-size: 24px; font-weight: 500; letter-spacing: -0.05em; }

.support_box .support_tbl { margin-top: 35px; width: 100%; border-top: 2px solid #ff8184; }
.support_box .support_tbl th, .support_box .support_tbl td { padding: 35px 0; font-size: 18px; border: 1px solid #ddd; }
.support_box .support_tbl th { width: 340px; background: #fff6f6; }
.support_box .support_tbl td { width: calc(100% - 340px); padding-left: 30px; }

@media screen and (max-width:750px) {
.support_minitxt { display: none; }
.support_box { margin-top: 6vh; }
.support_box .sub_stitle { font-size: 28px; }
.support_box .sub_stitle::before { top: calc(50% + 1px); }
.support_box .sub_txt { margin-top: 3vh; line-height: 1.6; font-size: 18px; }
.support_box img.pc { display: none; }
.support_box img.mob { margin: 0 auto; margin-top: 4vh; }
/* .support_btn { display: none; } */

.support_box .support_tbl { margin-top: 35px; width: 100%; border-top: 2px solid #ff8184; }
.support_box .support_tbl th, .support_box .support_tbl td { padding: 3vh 0; font-size: 17px; border: 1px solid #ddd; }
.support_box .support_tbl th { width: 120px; background: #fff6f6; }
.support_box .support_tbl td { width: calc(100% - 340px); padding-left: 10px; padding-right: 10px; }
}



/* 접속자 수 통계 관련 css 추가 2025-03-09 */
.statistics_table {
	width: 800px;
	margin: 0 auto;
	margin-top: 40px;
}

.statistics_table th,
.statistics_table td {
	font-size: 16px;
	text-align: center;
	border: 1px solid #ddd;
}

.statistics_table th {
	padding: 12px 0;
	background: #f1f1f1;
}

.statistics_table td {}