body {margin:0; /* background: #f9f9f9; */ height:100%; background: #f9f2f3;}
a {text-decoration-line: none; color: inherit;}
.ofr_container {position: absolute; width:100%; height:100%; box-sizing: border-box; color:#333; background: #f9f2f3;}

table {border-spacing: 0px; border-style: none; padding: 0px;}
table tr th, table tr td {padding:0.5em; border-spacing: 0px; border-style: none;}

/* 메인 */
.ofr_main_section {width:100%; height:100%; background:linear-gradient(160deg, #efaaaa 0%, #b65f70 48% 52%, #fdbdb9 100%); display: flex; justify-content: space-around; align-items: center; color:#fff;}

.ofr_main_left_wrap {}

.ofr_login_wrap {padding:5em; border-radius:2em; background:#fff; color:#333;}
.ofr_login_header {display: flex; flex-direction: column; margin-bottom:2em;}
.ofr_login_form {}
.ofr_login_form_inp_wrap {margin:1em 0 1.5em;}
.ofr_login_form_inp_wrap span {display:block; font-size:1.5em;}
.ofr_login_form_inp_wrap input[type='number'], .ofr_login_form_inp_wrap input[type='password'] {width:100%; border:#ddd solid 1px; border-radius:0.2em; font-size:1.1em; padding:0.5em; margin-top:0.5em; box-sizing:border-box;}
.ofr_login_form_btn_wrap {display: flex; justify-content: space-between; flex-wrap:wrap; margin-top:2em;}
.ofr_login_form_btn {padding:0.725em 0; border-radius:0.5em; width:calc(100% / 2 - 0.5em); text-align:center; margin-top:0.725em; font-size: 1.1em; font-weight: 700; background:#EBEDF1; border:none; box-sizing:border-box; white-space: nowrap; color:#333;}

.ofr_main_left_wrap .ofr_main_left_btn_wrap {display: flex; flex-direction: column; align-items: center; margin-top:3em;}
.ofr_main_left_wrap .ofr_main_left_btn_wrap i {font-size:2em; margin-bottom:0.2em;}

.ofr_main_right_wrap  {width: 40em; height:40em;}
.ofr_main_right_wrap .ofr_main_right_menu {width: 100%; height:100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.ofr_main_right_wrap .ofr_main_right_menu .ofr_main_right_menu_wrap {width:50%; height:50%; display: flex; justify-content: center; align-items: center; border:#fff solid 1px; box-sizing:border-box;}
.ofr_main_right_wrap .ofr_main_right_menu .ofr_main_right_menu_wrap:nth-child(1) {border-left:none; border-top:none;}
.ofr_main_right_wrap .ofr_main_right_menu .ofr_main_right_menu_wrap:nth-child(2) {border-top:none; border-right:none;}
.ofr_main_right_wrap .ofr_main_right_menu .ofr_main_right_menu_wrap:nth-child(3) {border-left:none; border-bottom:none;}
.ofr_main_right_wrap .ofr_main_right_menu .ofr_main_right_menu_wrap:nth-child(4) {border-bottom:none; border-right:none;}
.ofr_main_right_wrap .ofr_main_right_menu .ofr_main_right_menu_wrap .ofr_main_right_menu_btn_wrap {display: flex; flex-direction: column; align-items: center;}
.ofr_main_right_wrap .ofr_main_right_menu .ofr_main_right_menu_wrap .ofr_main_right_menu_btn_wrap i {font-size:3.5em; margin-bottom:0.2em;}




/* 헤더 */
header.ofr_header_wrap {display:flex; color:#804e23; padding-top:1.5em;}
header.ofr_header_wrap .ofr_header_left_wrap {width:24em; padding:1em 3em; box-sizing:border-box;}
header.ofr_header_wrap .ofr_header_left_wrap span {font-size:1.3em;}
header.ofr_header_wrap .ofr_header_left_wrap .ofr_header_logo {}
header.ofr_header_wrap .ofr_header_right_wrap {}

.ofr_gnb_wrap {float: left; width:18em; margin:1em 3em; padding:1.2em; border-radius:2em; background:#fff; box-sizing:border-box; box-shadow: 0px 3px 5px 0px #00000033;}
.ofr_gnb_wrap .ofr_gnb_info_wrap {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; padding: 0 0.5em 0 1em; margin-bottom:2.5em;}
.ofr_gnb_wrap .ofr_gnb_info_wrap span {font-size:1.15em; font-weight:bold; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.ofr_gnb_wrap .ofr_gnb_info_wrap a {font-size:0.8em;}

.ofr_gnb_wrap .ofr_gnb_menu_wrap {min-height: 60em; display: flex; flex-direction: column; justify-content: space-between;}
.ofr_gnb_wrap .ofr_gnb_menu_wrap .ofr_gnb_menu_btn_wrap {}
.ofr_gnb_wrap .ofr_gnb_menu_wrap .ofr_gnb_menu_btn_wrap .ofr_gnb_menu_btn {display:block; padding:1em; margin:0.75em 0; border-radius:1em; font-size:1.05em; font-weight:bold;}
.ofr_gnb_wrap .ofr_gnb_menu_wrap .ofr_gnb_menu_btn_wrap .ofr_gnb_menu_btn.select {color:#fff; background:#c26f7c; box-shadow: 0px 3px 5px 0px #00000033;}
.ofr_gnb_wrap .ofr_gnb_menu_wrap .ofr_gnb_menu_btn_wrap .ofr_gnb_menu_btn_link {}

.ofr_gnb_wrap .ofr_gnb_menu_wrap .ofr_gnb_menu_link_btn {display: flex; flex-direction: column; align-items: center; margin-bottom:1em;}
.ofr_gnb_wrap .ofr_gnb_menu_wrap .ofr_gnb_menu_link_btn i {font-size:2em; margin-bottom:0.2em;}

.ofr_inner_container_wrap {float:left; width:calc(100% - 24em);}




/* 리스트 */
.ofr_inner_container_list_wrap {margin-top:1em; padding-right: 2.5em;}
.ofr_inner_container_list_category {padding:1.2em; border-radius:1.2em; background:#fff; display:flex; align-items: center; box-shadow: 0px 3px 5px 0px #00000033;}
.ofr_inner_container_list_category input[type="radio"] {display:none;}
.ofr_inner_container_list_category input[type="radio"] + i{display: inline-block; width: 1em; height: 1em; border:2px solid #b6b6b6; border-radius:30%; position: relative; margin-right:0.3em;}
.ofr_inner_container_list_category input[type="radio"]:checked + i{border:2px solid #804e23;}
.ofr_inner_container_list_category input[type="radio"]:checked + i::before{content:'✔'; width: 1em; height: 1em; text-align: center; position: absolute; left: -0.15em; top:-0.25em;}
.ofr_inner_container_list_category input[type="radio"] + i + label {margin-right:1em;}

.ofr_inner_container_list_search_wrap {margin-top:1em; display: flex; justify-content: space-between; align-items: flex-end;}
.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left {display: flex; justify-content: flex-start; align-items: center;}
.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left .ofr_inner_container_list_search_date_wrap {display: flex; flex-direction: column; margin-right:1em;}
.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left .ofr_inner_container_list_search_date_wrap .ofr_inner_container_list_search_date_btn {margin-bottom:0.5em;}
.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left .ofr_inner_container_list_search_date_wrap .ofr_inner_container_list_search_date {}
.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left .ofr_inner_container_list_search_date_wrap .ofr_inner_container_list_search_date input[type="text"] {padding:0.75em; border-radius:0.75em; border:none; box-shadow: 0px 3px 5px 0px #00000033;}

.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left .ofr_inner_container_list_count {}

.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_right {position: relative;}
.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_right input[type="search"] {position: relative; padding:0.75em; border-radius:0.75em; border:none; box-shadow: 0px 3px 5px 0px #00000033;}
.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_right button[type="submit"] {position: absolute; top: 0.65em; right: 0.65em; border:none; background:none; cursor:pointer;}

.ofr_inner_container_list {margin-top:1em; border-radius:0.75em; background:#fff; box-shadow: 0px 3px 5px 0px #00000033;}
.ofr_inner_container_list table {width:100%;}
.ofr_inner_container_list tr {}
.ofr_inner_container_list tr.ofr_inner_container_list_hd {background:#fef2f4; box-shadow: 0px 3px 5px 0px #00000033; border-radius:1em;}
.ofr_inner_container_list tr th {position: relative; font-weight:normal; padding:0.9em 0.5em;}
.ofr_inner_container_list tr th:first-child {border-radius:0.75em 0 0 0.75em;}
.ofr_inner_container_list tr th:last-child {border-radius:0 0.75em 0.75em 0;}
.ofr_inner_container_list tr th::after {position: absolute; content:'|'; color:#f8bac5; font-size:1.25em; font-weight:bold; top:0.5em; right:0;}
.ofr_inner_container_list tr th:last-child::after {content:none;}

.ofr_inner_container_list tr td {padding:1.25em 0;}
.ofr_inner_container_list tr td {text-align:center;}
.ofr_inner_container_list tr td {border-bottom:#e3e3e3 solid 1px;}
/*.ofr_inner_container_list tr:last-child td {border:none;}*/

.ofr_inner_container_list tr td.td_mng {}
.ofr_inner_container_list tr td.td_mng a {padding:0.35em 1em; border-radius:1.25em; color:#fff; background:#c26f7c;}

.ofr_inner_container_pager_wrap {padding:0.75em 0;}
.ofr_inner_container_pager_wrap ul {list-style:none; text-align:center; display: flex; justify-content: center; gap: 0.25em;}
.ofr_inner_container_pager_wrap ul li {width:2em; height:2em; border-radius:1em; background:#fef2f4;}
.ofr_inner_container_pager_wrap ul li.active {color:#fff; background:#c26f7c;}
.ofr_inner_container_pager_wrap ul li a {display: flex; align-items: center; justify-content: center; width:100%; height:100%;}



/* 헌금 분석 */
.ofr_inner_container_report_wrap {margin-top:1em; padding-right: 2.5em;}
.ofr_inner_container_report_wrap .ofr_inner_container_report_search_date_wrap {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.ofr_inner_container_report_wrap .ofr_inner_container_report_search_date_wrap .ofr_inner_container_report_search_date_btn {display: flex; align-items: center; gap: 1em;}
.ofr_inner_container_report_wrap .ofr_inner_container_report_search_date_wrap .ofr_inner_container_report_search_date_btn button {padding:1em 2em; border-radius:0.75em; border:none; background:#fff; box-shadow: 0px 3px 5px 0px #00000033; font-size:1em;}
.ofr_inner_container_report_wrap .ofr_inner_container_report_search_date_wrap .ofr_inner_container_report_search_date_btn button.select {color:#fff; background:#d9a29f; font-weight:bold;}
.ofr_inner_container_report_wrap .ofr_inner_container_report_search_date_wrap .ofr_inner_container_report_search_date {}
.ofr_inner_container_report_wrap .ofr_inner_container_report_search_date_wrap .ofr_inner_container_report_search_date input[type="text"] {padding:0.75em; border-radius:0.75em; border:none; box-shadow: 0px 3px 5px 0px #00000033;}

.ofr_inner_container_report_wrap .ofr_inner_container_report {display:flex; margin: 2em 0; gap:2em;}
.ofr_inner_container_report_wrap .ofr_inner_container_report .ofr_inner_container_report_category_warp h3, .ofr_inner_container_report_wrap .ofr_inner_container_report .ofr_inner_container_report_graph_wrap h3 {color:#804e23;}
.ofr_inner_container_report_wrap .ofr_inner_container_report .ofr_inner_container_report_category_warp ul {list-style:none; width:15em; padding:1em; background:#fff; border-radius:1em; box-shadow: 0px 3px 5px 0px #00000033; box-sizing:border-box;}
.ofr_inner_container_report_wrap .ofr_inner_container_report .ofr_inner_container_report_category_warp ul li {border-bottom:#e3e3e3 solid 1px; padding:0.25em;}
.ofr_inner_container_report_wrap .ofr_inner_container_report .ofr_inner_container_report_category_warp ul li:last-child {border-bottom:none;}
.ofr_inner_container_report_wrap .ofr_inner_container_report .ofr_inner_container_report_category_warp ul li a {display: flex; justify-content: space-between; padding:0.5em 1em; border-radius:0.75em;}
.ofr_inner_container_report_wrap .ofr_inner_container_report .ofr_inner_container_report_category_warp ul li.select a {background:#edd3d2; font-weight:bold;}

.ofr_inner_container_report_wrap .ofr_inner_container_report .ofr_inner_container_report_graph_wrap {width:100%; display:flex; flex-direction: column;}
.ofr_inner_container_report_wrap .ofr_inner_container_report .ofr_inner_container_report_graph_wrap .ofr_inner_container_report_graph_1 {padding:1em; background:#fff; border-radius:1em; box-shadow: 0px 3px 5px 0px #00000033; box-sizing:border-box;}
.ofr_inner_container_report_wrap .ofr_inner_container_report .ofr_inner_container_report_graph_wrap .ofr_inner_container_report_graph_2 {margin-top:1em; padding:1em; background:#fff; border-radius:1em; box-shadow: 0px 3px 5px 0px #00000033; box-sizing:border-box;}




/* 모바일버전 반응형 */
@media (max-width: 1220px){
	/* 메인 */
	.ofr_container {height:auto; min-height:100%;}
	.ofr_main_section {position: absolute; flex-direction: column; justify-content: flex-end; gap:0;}
	.ofr_main_left_wrap {width:100%;}
	.ofr_login_wrap {margin:2em 1em; padding:2em;}
	
	.ofr_main_divide_block {width:100%; height:3em; background: linear-gradient(0deg, #ffffff 0%, #ffffff00 100%);}
	/* .ofr_main_left_wrap .ofr_main_left_btn_wrap {display:none} */

	.ofr_main_right_wrap {width: 100%; display: flex; flex-direction: column; overflow-y: auto;}
	.ofr_main_right_wrap .ofr_main_right_menu {min-height:25em;}
	/* .ofr_main_right_wrap .ofr_main_right_menu .ofr_main_right_menu_wrap {border:none;} */
	.ofr_main_right_wrap .ofr_main_right_menu .ofr_main_right_menu_wrap:nth-child(1) {border-top: #fff solid 2px;}
	.ofr_main_right_wrap .ofr_main_right_menu .ofr_main_right_menu_wrap:nth-child(2) {border-top: #fff solid 2px;}



	/* 헤더 */
	header.ofr_header_wrap {flex-direction: column;}
	header.ofr_header_wrap .ofr_header_left_wrap {width:auto; padding-bottom:0;}
	header.ofr_header_wrap .ofr_header_right_wrap {padding: 0 3em;}

	.ofr_gnb_wrap {float:none; width:90%; margin:auto;}
	.ofr_gnb_wrap .ofr_gnb_menu_wrap {min-height:unset;}
	.ofr_gnb_wrap .ofr_gnb_menu_wrap .ofr_gnb_menu_btn_wrap {display:flex; flex-wrap: wrap; justify-content: space-around;}
	.ofr_gnb_wrap .ofr_gnb_menu_wrap .ofr_gnb_menu_btn_wrap .ofr_gnb_menu_btn {width:48%; box-sizing:border-box; text-align:center; margin:0.2em 0; background:#f8f8f8;}
	.ofr_gnb_wrap .ofr_gnb_menu_wrap .ofr_gnb_menu_link_btn {display:none;} /* layout 위치상 반응형으로 만들기 무리가 있음 */



	/* 리스트 */
	.ofr_inner_container_wrap {float:none; width:auto;}

	.ofr_inner_container_list_wrap {width:90%; margin:auto; margin-top:1em; padding:unset;}

	.ofr_inner_container_list_category {white-space: nowrap; overflow-x: auto; display:block;}
	.ofr_inner_container_list_category label {position: relative; top: -0.175em;}
	.ofr_inner_container_list_search_wrap {flex-direction: column; align-items: center;}
	.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left {width:100%; flex-direction: column-reverse;}
	.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left .ofr_inner_container_list_search_date_wrap {width:100%; margin:auto;}
	.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left .ofr_inner_container_list_search_date_wrap .ofr_inner_container_list_search_date {display:flex; justify-content: space-between; align-items: center; margin:0.25em 0;}
	.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left .ofr_inner_container_list_search_date_wrap .ofr_inner_container_list_search_date input[type="text"] {width: 33%; text-align:center;}
	.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left .ofr_inner_container_list_count {margin:0 0 0.25em;}
	.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_left .ofr_inner_container_list_search_date_wrap .ofr_inner_container_list_search_date_btn {display:none;}
	.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_right {width:100%; margin:0.5em 0 1em;}
	.ofr_inner_container_list_search_wrap .ofr_inner_container_list_search_right input[type="search"] {width:100%;}
	
	.ofr_inner_container_list {overflow-x: auto; white-space: nowrap; margin:1em 0 2em;}



	/* 헌금 분석 */
	.ofr_inner_container_report_wrap {width: 90%; margin: auto; margin-top: 1em; padding: unset}
	.ofr_inner_container_report_wrap .ofr_inner_container_report_search_date_wrap {flex-direction: column; gap:1em;}
	.ofr_inner_container_report_wrap .ofr_inner_container_report_search_date_wrap .ofr_inner_container_report_search_date_btn {width:100%; flex-wrap: wrap;}
	.ofr_inner_container_report_wrap .ofr_inner_container_report_search_date_wrap .ofr_inner_container_report_search_date_btn button {width: calc(50% - 0.5em);}
	.ofr_inner_container_report_wrap .ofr_inner_container_report_search_date_wrap .ofr_inner_container_report_search_date {width:100%; display:flex; justify-content: space-between; align-items: center; margin:0.25em 0;}
	.ofr_inner_container_report_wrap .ofr_inner_container_report_search_date_wrap .ofr_inner_container_report_search_date input[type="text"] {width: 33%; text-align:center;}

	.ofr_inner_container_report_wrap .ofr_inner_container_report {flex-direction: column; gap:1em;}
	.ofr_inner_container_report_wrap .ofr_inner_container_report .ofr_inner_container_report_category_warp ul {width:100%;}
}