@charset "utf-8";

*, :after, :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
*, .pretendard {
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {appearance: textfield; -moz-appearance: textfield;}
a {
	color: #000; text-decoration:none; 
	outline: none;
	-webkit-tap-highlight-color: transparent; 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
}
.inner {
    width: 1200px; margin: 0 auto; 
}

th, td {vertical-align:middle;}
img[src=""] {display: none; }

/** width */
.half {
	width: 50%;
}
.full {
	width: 100%;
}

.excel_btn {display: flex; align-items: center; gap: 5px; height: 30px; padding: 0 15px; border: 1px solid #2f8034; border-radius: 5px; background: #FFF; font-size: 0.875rem; cursor: pointer;}
.excel_btn img {width: 16px; height: auto; }

/** footer */
footer {
	display: none;
    padding: 40px 0 60px;
    background: #3D3D3D;
}

footer .ft_logo {
    padding: 0 0 30px;
}
footer .term_ul {
    display: flex; 
    flex-direction: row;
    margin: 0 0 20px;
}
footer .term_ul li {
    margin-right: 20px;
}
footer .term_ul li:last-child {
    margin-right: 0;
}
footer .term_ul li a {
    display: block;
    line-height: 1em;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

footer .ft_info_wrap {
    color: #B2B2B2;
}
footer .ft_info_wrap ul {
    display: flex;
    flex-direction: row;
    margin: 10px 0;
}
footer .ft_info_wrap ul li:after {
    display: inline-block;
    clear: both;
    content: '|';
    padding: 0 10px;
}
footer .ft_info_wrap ul li:last-child:after {
    display: none;
}
footer .ft_copy {
    display: block;
    margin: 15px 0 0;
}

.c_red {color: #F04940;}
.bg_red {background: #F04940;}

.prev_del_btn {display:none;margin-top :10px;cursor:pointer;}




.section_wrap {display: flex; flex-direction: row; min-height: 800px;}
.navi_section {flex-shrink: 0; width: 100%; max-width: 220px;}
.content_section {flex: 4; flex-shrink: 0; padding: 0 20px; }
.section_header {
    display: flex; flex-direction: row; align-items: center; 
    /* height: 105px; */ margin: 0 0 10px; background: #FFF; 
    /* position: sticky; -webkit-position: sticky; top: 0; z-index: 10; */
}

.navi_section .navi_header {justify-content: center; padding: 10px 0 10px 10px;}
.navi_section .navi_header img {max-width: 100%; height: auto; margin-right: 10px; vertical-align: middle;}
.navi_section .navi_header span {font-size: 20px; font-weight: bold; vertical-align: middle; }
.navi_section .navi_body {padding: 0 0 120px;}
.navi_section .nav_ul *::selection {display: none;}
.navi_section .nav_ul > li {
    background: #F1F4F9;
}
.navi_section .nav_ul .depth1_title {
    display: flex;
    flex-direction: row;
    background: #FFF;
}
.navi_section .nav_ul .depth1_title:before {
    display: block; clear: both; content: '';
    width: 7px; border-radius: 5px;
}

.navi_section .nav_ul .depth1_title .wrap {
    flex: 1;
    position: relative;
    padding: 20px 0 20px 30px;
    border-radius: 10px;
}
.navi_section .nav_ul li:not(.no_sub) .depth1_title .wrap:after {
    display: block; clear: both; content: '';
    position: absolute; right: 30px; top: 50%;
    transform: translate(0, -50%) rotate(0deg); -webkit-transform: translate(0, -50%) rotate(0deg);
    width: 12px; height: 7px;
    background: url('/include/images/menu_arrow.png') no-repeat center;
}

.navi_section .nav_ul .depth1_title .wrap a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

}
.navi_section .nav_ul .depth1_title .wrap .icon {
    margin: -1px 0 0;
    font-size: 0;
}
.navi_section .nav_ul .depth1_title .wrap .title {
	line-height: 1.2em; 
    padding: 0 0 0 30px;
    color: #5C5D5E;
    font-size: 16px;
}

.navi_section .nav_sub_ul {
	display: none;
    background: url('/include/images/adm_sub_bg.png') no-repeat top 5px left 45px, #FFF;
	overflow: hidden;
}
.navi_section .nav_sub_ul:after {
    display: block; clear: both; content: '';
    width: 100%;
    padding: 0 0 5px;
    border-top: 1px solid #D2DCE8;
    background: #F1F4F9;
}

.navi_section .nav_sub_ul li {
    margin: 0 0 0 7px;
}
.navi_section .nav_sub_ul li:first-child {
    margin: 0 0 0 7px;
}
.navi_section .nav_sub_ul li a {
    display: flex; 
    align-items: center;
    position: relative;
    padding: 10px 0 10px 30px;
}
.navi_section .nav_sub_ul li a span {
    padding: 0 0 0 12px; 
    font-size: 16px;
}

.navi_section .nav_sub_ul li a:before {
    display: block;
    clear: both;
    content: '';

    width: 28px; height: 28px; 
    margin: 0 0 0 8px;
    border: 10px solid #FFF; border-radius: 28px; 
    background: #162A4B;
}
.navi_section .nav_sub_ul li:last-child a:after {
    display: block; clear: both; content: '';
    position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #FFF;
}



/** nav_ul > li.open , .nav_ul > li.active */
.navi_section .nav_ul > li.open .depth1_title:before {
    background: #162A4B;
}
.navi_section .nav_ul > li.open .depth1_title .wrap {
    background: #F2F3F5;
}
.navi_section .nav_ul > li.open:not(.no_sub) .depth1_title .wrap:after {
    transform: translate(0, -50%)  rotate(-180deg); -webkit-transform: translate(0, -50%) rotate(-180deg);
}
.navi_section .nav_ul > li.open:not(.no_sub) .nav_sub_ul {
}

/** nav_ul .active */
.navi_section .nav_ul > li.active .nav_sub_ul {
	display: block;
}
.navi_section .nav_ul > li.active .depth1_title .wrap .title {
    font-weight: bold;
}
.navi_section .nav_sub_ul li.active a span {
    font-weight: bold;
}


.content_section .content_header {justify-content: space-between; padding: 0 40px 0 0;}
.content_section .content_header .menu_info, 
.content_section .content_header .member_info {display: flex; justify-content: flex-start; align-items: center;padding-top:5px;}

.content_section .content_header .menu_info .title {padding: 0 0 0 20px; font-size: 16px; font-weight: bold; word-break: keep-all; }
.content_section .content_header .menu_info .sub_title {padding: 0 0 0 30px; color: #939393; word-break: keep-all; }

.content_section .content_header .member_info .profile {display: flex; align-items: center; }
.content_section .content_header .member_info .profile .prof_text {margin: 0 30px 0 0; text-align: right;}
.content_section .content_header .member_info .profile .prof_text .pos {line-height: 1.2em; font-size: 16px; font-weight: bold; word-break: keep-all; }
.content_section .content_header .member_info .profile .prof_text .name {line-height: 1.2em; color: #94A3AF; font-size: 14px; word-break: keep-all; }
.content_section .content_header .member_info .profile .prof_img {margin: 0 40px 0 0;}

.content_section .content_header .member_info .out a {display: flex; align-items: center;}
.content_section .content_header .member_info .out a .icon {font-size: 0; }
.content_section .content_header .member_info .out a .text {line-height: 20px; padding: 0 0 0 10px; color: #666666; font-size: 17px; word-break: keep-all; }

.content_body {padding: 20px 0 120px; }


/** btn */
.btn_group {
	display: flex;
	justify-content: center;
	align-items: center;

	margin: 0 -5px;
}
.btn_group > * {
	margin: 0 5px;
}
/*.btn img {max-width: 100%; height: auto;}*/
.btn {
	height: 30px; 
	line-height: 28px; 
	padding: 0 15px; 
	border: 1px solid transparent; 
	border-radius: 5px; 
	background: #FFF; 
	font-size: 0.875rem;
	vertical-align: middle;
	cursor: pointer;
}

.btn_regist, 
.btn_submit {
	background: #162A4B;
	border: 1px solid #162A4B;
	color: #FFF; 
}
.btn_left {
	margin: 0 10px 0 0;
}
.btn_right {
	margin: 0 0 0 10px;
}
.btn_cancel {
	border: 1px solid #D0D0D0;
}
.btn_gray {
	background: #F6F6F6;
	border: 1px solid #F6F6F6;
}
.btn_excel {padding: 0; }
.btn img {max-height: 100%; width: auto; }

/** list_top_board */
.list_top_board {padding: 0 20px; margin-bottom: 40px; border: 1px solid #D0D0D0; border-radius: 5px; }
.list_top_board ul {display: flex; margin: 20px -10px; }
.list_top_board ul li {display: flex; width: 16.66666666666667%; padding: 0 10px; }
.list_top_board ul li span {display: block;}
.list_top_board ul li span:nth-child(1) {padding: 0 10px 0 0; font-weight: bold; }
.list_top_board ul li span:nth-child(2) {flex: 1; }

/** list_top */
.list_top {
	display: flex;
	justify-content: space-between;
	margin: 0 0 10px; 
}
.list_top h3 {font-size: 24px}
.list_top .btn_wrap {
	display: flex;
	align-items: center;
}

/** search */
#fsch {
	display: flex;
}
#fsch .select_wrap select {
	flex: initial; 
	width: auto; 
	min-width: 100px; 
}
#fsch .sch_submit {
	width: 60px; 
	background: #FFF;
	cursor: pointer;
}


/** detail search */
.dtl_sch_wrap {
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #D0D0D0;
	border-radius: 5px; 
}
#fdtlsch {
	margin: 0 -10px;
}

.dtl_wrap {display: flex; flex-direction: column;}
.wrap_flex {display: flex; }
.wrap_row {flex-direction: row !important;}
.wrap_col {flex-direction: column !important;}
.wrap_col > div {flex: initial;}

.dtl_wrap .dtl_box_wrap:last-of-type {
	margin-bottom: 0;
}
.dtl_wrap .dtl_box_wrap {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	/* justify-content: space-between; */
	margin: 0 0 10px;
}

.dtl_box {
	/*flex: 1;*/
	margin: 0 10px;
}
.dtl_box.dtl_btn_box {flex: initial;}
.dtl_row {
	flex: 1;
	display: flex;
}
.dtl_row > div {
	flex: 4;
	display: flex; 
}
.dtl_row .dtl_label {
	flex: initial;
	width: 120px; 
	padding:  0 20px 0 0;
}
.dtl_row .dtl_label strong {
	flex: 1;
	padding: 0 5px 0 7px;
	line-height: 28px; 
	border: 1px solid transparent;
    /* text-align: center; */
	font-size: 0.875rem;
}


.dtl_row .select_wrap {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
}
.dtl_row .select_wrap select {
	flex: 1;
	height: 30px;
	padding: 0 5px; 
	border: 1px solid #D0D0D0;
    border-radius: 5px;
    font-size: 0.875rem;
	font-weight: bold;
	outline: none;
}





/** table */
.tbl_wrap {width: 100%; }
.tbl_head01 table {
	width: 100%; 
	border-bottom: 1px solid #BCBCBC; 
	font-size:14px;
	line-height:1.3;
}
.tbl_head01 thead th {
	height: 50px; 
	border-top: 1px solid #EEEEEE;
	background: #F6F6F6; 
	font-weight: 500; 
	vertical-align: middle; 
}
.tbl_head01 thead tr:nth-child(1) th {
	border: 0;
}
.tbl_head01 thead tr:nth-child(1) th:first-child {
	border-radius: 10px 0 0 0; 
}
.tbl_head01 thead tr:nth-child(1) th:last-child {
	border-radius: 0 10px 0 0; 
}
.tbl_head01 thead th input[type="checkbox"] {
	width: 16px; height: 16px; cursor: pointer;
}
.tbl_head01 tbody td {
	padding: 15px 10px; 
	text-align: center; 
    border: 1px solid #eee;
}
.tbl_head01 tbody td input[type="checkbox"] {
	width: 16px; height: 16px; cursor: pointer;
}

.td_num {
	width: 80px; 
	font-weight: bold; 
}
.td_num2 {
	width: 100px;
}
.td_name,
.td_date {
	width: 120px;
}
.td_status,
.td_mng {
	width: 160px;
}
.td_period,
.td_phone {
	width: 200px;
}
.td_period {
	/* width: 300px; */
}

.status_wrap,
.mng_wrap {
	display: flex; 
	justify-content: center;
	align-items: center;
}
.status_wrap span {
	padding: 5px 12px;
	border: 1px solid transparent;
	border-radius: 5px;
	cursor: default;
}
.status_wrap .done, .stat_done {
	background: #162A4B;
	color: #FFF; 
}
.status_wrap .yet, .stat_yet {
	border-color: #162A4B;
	background: #FFF;
	color: #162A4B; 
}
.mng_wrap > * {
	width: 45px;
	height:45px; 
	line-height: 43px;
	margin: 0 4px;
	padding: 0;
	border: 1px solid #EAEAEA; 
	border-radius: 5px;
	background: #FFF;
	cursor: pointer;
}
.mng_wrap img {
	vertical-align: middle;
}

/** paging */
.page_wrap {
	display: flex; 
	justify-content: flex-end;
	align-items: center;

	padding: 30px 0 0;
}
.page_wrap label {
	font-size: 16px; font-weight: 500;
}
.page_wrap span {
	font-size: 16px;
}
.page_wrap select {
	height: 40px; 
	margin: 0 15px; 
	padding: 0 15px;
	border: 1px solid #E2E2E2;
	border-radius: 5px; 
	font-size: 16px; font-weight: bold;
}
.page_wrap .anc_wrap {
	display: flex;
	margin: 0 0 0 20px;
}
.page_wrap .anc_wrap a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px; 
	margin: 0 0 0 10px; 
	border-radius: 5px;
	background: #F4F4F4;
	color: #9D9D9D;
	font-size: 16px;
	cursor: default;
}
.page_wrap .anc_wrap .active {
	background: #162A4B;
	color: #FFF; 
	cursor: pointer;
}


/** form */
.tbl_frm01 {}
.frm_foot {
	margin-top: 20px;
}


/** field */
.file_hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.fld_wrap {
	display: flex; 
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 -10px; 
}
.fld_wrap.justify-content-center {
	justify-content: center;
}
.dvd_wrap {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #888;}
.dvd_wrap:last-of-type {margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.fld_box {
	flex: 0 0 calc((100% / 2) - 20px);
	min-height: 100px;
	margin: 0 10px 20px;
	padding: 20px 20px;
	border-radius: 5px; 
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
}
.fld_box .fld_head {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
	padding: 0 0 20px; 
	border-bottom: 1px solid #BCBCBC;
}
.fld_box .fld_head h2 {
	padding: 0 10px 0 0;
	font-size: 16px; 
}
.fld_box .fld_head p {
	font-size: 16px; 
}

.fld_box .fld_sub_wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px 20px; 
}
.fld_box .fld_sub_wrap:last-of-type {
	margin: 0 -10px 0; 
}
.fld_sub_wrap.half {width: auto;}
.fld_sub_wrap.half:after {
	flex: 1;
	display: block;
	clear: both;
	content: '';
	margin: 0 10px;
	height: 0; 
}
.fld_sub_wrap {}
.fld_box .fld_row {
	flex: 1;
	margin: 0 10px;
}

.fld_col_wrap {
	flex: 1;
	display: flex;
	flex-direction: column; 
	gap: 20px; 
	margin: 0;
}
.fld_col_wrap .fld_row {
	flex: initial;
}


.fld_label {
	margin: 0 0 10px; 
	font-weight: bold;
}
.fld_content {
	display: flex; 
}
.fld_content > div {
	margin: 0 0 10px; 
}
.fld_content > div:last-child {
	margin-bottom: 0;
}
.fld_content .text_wrap {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	min-height: 40px; 
	padding: 5px 0;
}
.fld_content .text_wrap span,
.fld_content .text_wrap > div {
	line-height: 1.2em;
}
.fld_content .group {
	flex: 1; 
	display: flex; 
	flex-wrap: wrap;
	align-items: center;
	margin-left: -5px;
	margin-right: -5px;
}
.fld_content .group > * {
	margin-left: 5px;
	margin-right: 5px;
}
.fld_content .content_group {
	display: flex; 
	flex-wrap: wrap;
	margin: -5px -10px; 
}
.fld_content .content_group > * {
	flex: initial;
	width: calc(50% - 20px);
	margin: 5px 10px; 
}
.fld_content .input_group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.fld_content .input_wrap {
	flex: 1;
	display: flex;
	align-items: center;
}
.fld_content .input_wrap input,
.fld_content .input_wrap select {
	display: block;
	width: 100%;
	height: 30px;
	padding: 0 5px; 
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	font-size: 0.875rem;
	outline: none;
}
.fld_content .input_wrap .input_div {
	display: flex; align-items: center;
	width: 100%; 
	height: 30px; 
	padding: 0 5px;
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	font-size: 0.875rem;
	cursor: default;
}
.fld_content .input_wrap .input_div span {
	flex: 1;
	display: block; 
}
.fld_content .check_group,
.fld_content .radio_group {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.fld_content .check_group label,
.fld_content .radio_group label {
	display: flex;
	justify-content: center;
	align-items: center;

	/* width: calc(50% - 10px); */
	position: relative;
	margin: 0 5px;
}
.fld_content .check_group.flex_full label,
.fld_content .radio_group.flex_full label {
	flex: 1;
}
.fld_content .check_group label input[type="checkbox"],
.fld_content .radio_group label input[type="radio"] {
	position: absolute;
	bottom: 0;
	left: 50%; 
	width: 1px;
	height: 1px;
	margin: -1px;
	opacity: 0;
	overflow: hidden;
	outline: none;
}
.fld_content .check_group label .chk_btn,
.fld_content .radio_group label .radio_btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	border: 1px solid #D0D0D0;
}
.fld_content .radio_group label .radio_btn.ver2 {background:#fafafa;color:#999;}
.fld_content .check_group label .chk_btn *::selection,
.fld_content .radio_group label .radio_btn *::selection {
	display: none;
}
.fld_content .check_group label input[type="checkbox"]:checked ~ .chk_btn,
.fld_content .radio_group label input[type="radio"]:checked ~ .radio_btn {
	border: 1px solid #162A4B;
	background: #162A4B;
	color: #FFF;
	font-weight: bold;
}
.fld_content .textarea_wrap {
	flex: 1;
	display: flex;
	align-items: center;	
}
.fld_content .textarea_wrap textarea {
	flex: 1;

	min-height: 200px;
	padding: 5px;
	border: 1px solid #D0D0D0;
	border-radius: 5px; 
	resize: none;
	font-size: 16px; 
	
	outline: none;
}
.fld_content .file_group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}
.fld_content .file_group label {
}
.fld_content .dt_picker_wrap {
	flex: 1 !important;
}
.fld_content .dt_picker_wrap input {
	background: url('/include/images/calendar.png') no-repeat right 10px center/ 16px;
	cursor: pointer;
	/* max-width: 120px; */
}

.fld_content .select_wrap {
	display: flex;
	flex-wrap: wrap;
}

.fld_content .select_wrap select {
	flex: 1; 
	width: calc(50% - 10px); 
	height: 30px; 
	padding: 0 5px;
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	font-size: 0.875rem;
}

.fld_content .submit_wrap {
	display: flex;
	align-items: center;
}
.fld_content .submit_wrap input[type="button"],
.fld_content .submit_wrap input[type="submit"] {
	min-width: 60px;
	height: 30px; 
	padding: 0 5px;
	border: 1px solid #E2E2E2;
	font-size: 0.875rem;
}
.fld_content .ul_table {}
.fld_content .ul_table li {
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.fld_content .ul_table li span {flex: 1; display: block;}
.fld_content .ul_table li span:nth-child(1) {font-weight: 500;}

.fld_content.fld_date_content,
.fld_content.fld_column_content {
	flex-direction: column;
}
.fld_content.fld_date_content .input_wrap {flex: initial}
.fld_content.fld_date_content .btn {width: 100%; padding: 0 10px; text-align: center;}
.fld_content.fld_filter_content {gap: 10px;}
.fld_content.fld_filter_content .select_wrap {flex: initial; margin: 0;}



.multiple label {
	flex: 1 0 calc(25% - 30px);
}

.input_info {
	width: 100%;
	padding: 10px 0 0;
}

.none {display: none !important;}

/** login */
.login_wrap {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%; height: 100%; 
}
#flogin {
	width: 100%; max-width: 600px;
}
#flogin .fld_head h2 {
	font-size: 18px; 
}
#flogin .fld_foot .btn_wrap {
	display: flex; 
	justify-content: center;
	align-items: center;

	margin: 20px 0 0; 
}
.login_inner {
	justify-content: center;
	align-items: center;
}

.center_all {
	display: flex; 
	justify-content: center;
	align-items: center;
}

/** index */
.main_body > div {
    margin: 0 0 50px; 
    padding: 0 0 20px;
}
.main_body > div .con_title {
    position: relative;
    line-height: 1.2em;
    margin: 0 0 20px; 
    font-size: 18px;
}
.main_body > div h3 {
    position: relative;
    line-height: 1.2em;
    margin: 0 0 20px; 
    font-size: 16px;
}
.main_body > div .con_title a {
    display: block;
    position: absolute;
    top: 50%; right: 0; 
    transform: translateY(-50%); -webkit-transform: translateY(-50%);

    padding: 5px 10px;
    background: #DFD;
    font-size: 14px;
    font-weight: 400;
}
.main_body > div .con_title .tab_ul {
	display: flex; 
	position: absolute;
    top: 50%; right: 0; 
    transform: translateY(-50%); -webkit-transform: translateY(-50%);	
}
.main_body > div .con_title .tab_ul::selection,
.main_body > div .con_title .tab_ul *::selection {background: none;}
.main_body > div .con_title .tab_ul li {
	width: 50px;
	line-height: 2em;
	margin-right: -1px; 
	border: 1px solid #555; 
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
}
.main_body > div .con_title .tab_ul li:last-child {
	margin-right: 0;
}
.main_body > div .con_title .tab_ul li.on {
	background: #555;
	color: #FFF; 
	font-weight: bold;
}

.main_body .reservation_wrap .stat_wrap {
    display: flex; 
    justify-content: center; 
    align-items: center;
}
.main_body .reservation_wrap .stat_wrap > div {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 300px;
    margin: 0  20px 0 0;
    padding: 30px 40px; 
    border-radius: 18px;
    background: #F6F6F6;
}
.main_body .reservation_wrap .stat_wrap > div:last-child {
    margin: 0;
}
.main_body .reservation_wrap .stat_wrap > div .text {
    flex-shrink: 0;
    margin: 0 10px 0 0;
    word-break: keep-all;
}

.main_body .chart_wrap {
	flex: 1; 
}

.main_body .board_wrap {
    display: flex;
    justify-content: space-between;
}

.board_group {
	display: flex; 
	gap: 20px; 
}
.main_board {
	flex: 1; 
}

.main_board ul > li {
    padding: 10px 0 10px;
    border-bottom: 1px solid #EBEBEB;
}
.main_board ul > li.empty_li {
	display: flex; 
	justify-content: center; 
	align-items: center;

	padding: 30px 0; 
}
.main_board ul > li.empty_li::selection,
.main_board ul > li.empty_li *::selection {background: none; }
.main_board ul > li a {
    display: flex;
    justify-content: space-between;
    align-items: stretch;

    width: 100%;
    margin: 0 0 10px; 
    padding: 10px 0; 
}


.main_body .chart_wrap > div canvas {
    width: 100%;
}
.main_body .chart_wrap .canvas_wrap > div {
	display: none;
}
.main_body .chart_wrap .canvas_wrap > div.on {
	display: block;
}


#sheepform .fld_wrap .fld_box {
	flex: 1 0 calc(25% - 30px);
}


/** term */
.term_section {position: relative; padding: 20px 15px; line-height: 1.5em; font-size: 14px; }
.term_section .flexRow {display: flex; flex-direction: row;}
.term_section .flexCol {display: flex; flex-direction: column; }
.term_section .para {text-indent: 10px; margin-bottom: 20px;}
.term_section .box_wrap {margin-top: 30px; border: 1px solid #121212; }
.term_section .box_wrap .box {flex: 1; display: flex; padding: 10px; }
.term_section .box_wrap .box:first-of-type {border-right: 1px solid #121212; }
.term_section .group {margin-top: 30px; }
.term_section .group h2 {margin-bottom: 20px; padding: 0 10px; font-size: 16px; }
.term_section .group > div {padding: 0 10px; }

.centerStart {
	justify-content: center;
	align-items: flex-start;
}

.term_section ul li {
	position: relative;
	margin-bottom: 10px; 
	padding-left: 20px; 
}
.term_section ul li > span {
	position: absolute; top: 0; left: 0;
}
.term_section .table_wrap {
	overflow: auto
}
.term_section .table_wrap table {width: 100%;}
.term_section .table_wrap ul li {
	padding-left: 10px; 
}
.term_section dl {margin-bottom: 20px; }
.term_section dt {
	position: relative;
	margin-bottom: 10px; 
	padding-left: 16px; 
	font-weight: bold; 
}
.term_section dt span {
	position: absolute; top: 0; left: 0; 
}
.term_section .info_dd {
	margin-top: 10px;
}

.term_section thead th {
	padding: 0 5px; 
	border: 1px solid #A3A3A3;
	background: #F2F2F2;
	text-align: center; 
	word-break: keep-all; 
	vertical-align: middle; 
}
.term_section tbody td {
	padding: 0 5px; 
	border: 1px solid #A3A3A3;
	text-align: center;
	word-break: keep-all;
	vertical-align: middle; 
}

.go_top {
	position: fixed;
	bottom: 20px;
	right: 20px; 
	width: 60px;
	height: 60px; 
	border-radius: 60px; 
	background: #D86018;
	z-index: 10;
}
.go_top_box {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%; 
	height: 100%; 
	color: #FFF; 
}

.term_modal {
	display: none;
	position: fixed;
	top: 0; left: 0; width: 100%; height: 100vh; z-index: 10;
}
.term_modal.on {display: block; }
.modal_back {
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);
	z-index: 10;
}
.modal_close {
	display: block;
	text-align: center;
	color: #FFF; 
	font-size: 0;
}
.modal_close * {
	display: inline-block;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
}
.memo_word {
	background: #D86018;
	font-weight: bold;
}
.memo_wrap {
	position: absolute;
	top: 50vh;
	margin-top: -50%; 
	z-index: 10;
}
.memo_wrap > div {
	padding: 20px;
	background: #FFF;
}


.fld_content input[type="checkbox"] {
    width:20px;
    height:20px;
    margin:0 auto;
}

input[type="text"]:read-only {cursor: default;}
input[type="text"]:read-only::selection {
	background: none;
}


#user_menu {display: none; position: absolute; width: 140px; }
#user_menu li.closed {cursor: pointer; font-size: 0.875rem;}
#user_menu li div { line-height: 1.2rem; padding: 5px 0; text-align: center; }

/*
dialog modal
*/
#dialog_modal_background {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000066;}
#dialog_modal {}
#dialog_modal .tbl_wrap table {width: 100%; }
#dialog_modal .tbl_wrap th, 
#dialog_modal .tbl_wrap td {padding: 10px 7px; border-bottom: 1px solid #E0E0E0; text-align: left; font-size: 0.875rem; }
#dialog_modal .tbl_wrap th {}
#dialog_modal .tbl_wrap td textarea {height: 60px; resize: none; outline: none;}
.dialog_button_wrap {display: flex; justify-content: center; align-items: center; margin: 20px 0 10px; }
.dialog_button_wrap button {margin: 0 5px; padding: 0 10px; line-height: 2rem; outline: none; appearance: none; border: 0; font-size: 0.875rem; cursor: pointer}
.dialog_button_wrap .dialog_close {background: #E0E0E0;}
.dialog_button_wrap .dialog_detail {background: #162A4B; color: #FFF; }

.payment_modal {display:none;}
.payment_modal .tbl_wrap table {width: 100%; }
.payment_modal .tbl_wrap th, 
.payment_modal .tbl_wrap td {padding: 10px 7px; border-bottom: 1px solid #E0E0E0; text-align: left; font-size: 0.875rem; }
.payment_modal .tbl_wrap th {}
.payment_modal .tbl_wrap td textarea {height: 60px; resize: none; outline: none;}


/*
///////////BY BAN
*/

.pop{
    cursor: pointer;
}
.proc_content{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    justify-content: space-between;
}
.subInfo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:5px;
}
.member_profile{
    cursor: pointer;
}


.proc_button_wrap {display: flex; align-items: center; }


/* jquery ui */

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #162A4B;
	background: #162A4B;
	font-weight: normal;
	color: #ffffff;
}

/* 채팅내역 */
.chat_section {display: flex; }
.chat_section .chat_list {width: 600px; height: 700px; overflow: hidden;}
.chat_section .chat_list ul {height:100%; overflow-y: auto; }
/* .chat_section .chat_list ul::-webkit-scrollbar {width: 15px; }
.chat_section .chat_list ul::-webkit-scrollbar-thumb {border-radius: 10px; background: #2f3542;}
.chat_section .chat_list ul::-webkit-scrollbar-track {border-radius: 10px; background: #ccc;} */
.chat_section .chat_list ul li {display: flex; height: 70px; padding: 10px 15px; border: 1px solid #CED3D6; border-radius: 5px; cursor: pointer;}
.chat_section .chat_list ul li .chat_left {display: flex; flex-direction: column; justify-content: space-between; width: 50%; color: #707070;}
.chat_section .chat_list ul li .chat_left .chat_name {color: #000; font-size: 18px; font-weight: bold; }
.chat_section .chat_list ul li .chat_left .chat_content {width: 100%; color: #707070; font-size: 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.chat_section .chat_list ul li .chat_right {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; width: 50%;}
.chat_section .chat_list ul li .chat_right .last_datetime {font-size: 14px; }
.chat_section .chat_list ul li .chat_right .trash {font-size: 0;}
.chat_section .chat_list ul li .chat_right .trash {font-size: 20px;}
.chat_section .chat_list ul li.on {background: #048ABF; color: #FFF;}
.chat_section .chat_list ul li.on .chat_left .chat_name {color: #FFF;}
.chat_section .chat_list ul li.on .chat_left .chat_content {color: #FFF; }

.chat_section .chat_page {display: flex; flex-direction: column; width: 600px; height: 700px;}
.chat_section .chat_page .chat_record {flex: 1; padding: 30px 20px; border: 1px solid #CED3D6; border-radius: 10px; overflow: hidden;}
.chat_section .chat_page .chat_record .scrollbox {height: 100%; overflow: auto;}
.chat_section .chat_page .chat_record .scrollbox .date_wrap {padding-right:20px;}
.chat_section .chat_page .chat_record .scrollbox .date_wrap .date_box {position: relative; width: 80%; margin: 20px auto 40px; text-align: center; font-size: 0; z-index: 10;}
.chat_section .chat_page .chat_record .scrollbox .date_wrap .date_box:before {display: block; clear: both; content: ''; position: absolute; top: 50%; width: 100%; border: 1px solid #CED3D6; margin: 0 auto; z-index: 1;}
.chat_section .chat_page .chat_record .scrollbox .date_wrap .date_box span {position: relative; display: inline-block; padding: 0 10px; background: #FFF; font-size: 12px; font-weight: bold; z-index: 2; }
.chat_section .chat_page .chat_record .scrollbox .date_wrap:first-child .date_box {margin: 0 auto 30px; }

.chat_section .chat_page .chat_record .scrollbox .chat_box > div {display: flex; flex-direction: column; }
.chat_section .chat_page .chat_record .scrollbox .chat_box .time_box {position: relative; margin-bottom: 20px;}
.chat_section .chat_page .chat_record .scrollbox .chat_box .msg_box {color: #FFF; max-width: 380px; margin-bottom: 20px; padding: 10px; border: 1px solid #CED3D6; color: #fff; font-size: 15px; word-wrap: break-word; }
.chat_section .chat_page .chat_record .scrollbox .chat_box .msg_box:last-of-type {margin-bottom: 0; }
.chat_section .chat_page .chat_record .scrollbox .chat_box .msg_box img {max-width: 100%; height: auto; }
.chat_section .chat_page .chat_record .scrollbox .chat_box .time_wrap {display: block; position: absolute; bottom: 0; font-size: 12px; font-weight: bold;}
.chat_section .chat_page .chat_record .scrollbox .chat_box .time_wrap .download_ico {text-align: center; font-size: 0; }
.chat_section .chat_page .chat_record .scrollbox .chat_box .time_wrap .download_ico i {cursor: pointer; font-size: 20px; }
.chat_section .chat_page .chat_record .scrollbox .chat_box .you {align-items: flex-start; }
.chat_section .chat_page .chat_record .scrollbox .chat_box .you .time_box {padding-right: 50px; }
.chat_section .chat_page .chat_record .scrollbox .chat_box .you .time_box .time_wrap {right: 0; }
.chat_section .chat_page .chat_record .scrollbox .chat_box .me {align-items: flex-end; }
.chat_section .chat_page .chat_record .scrollbox .chat_box .me .time_box {padding-left: 50px; }
.chat_section .chat_page .chat_record .scrollbox .chat_box .me .time_box .time_wrap {left: 0; }
/* .chat_section .chat_page .chat_record .scrollbox .chat_box .me .msg_box {background: #048ABF; color: #FFF; } */
/* .chat_section .chat_page .chat_record .scrollbox .chat_box .me .msg_box {color: #FFF; } */

.chat_section .chat_page .chat_send {display: flex; justify-content: space-between; align-items: center; height: 54px; padding: 10px 20px; border: 1px solid #CED3D6;}
.chat_section .chat_page .chat_send .add_file {position: relative; }
.chat_section .chat_page .chat_send .add_file label {cursor: pointer; }
.chat_section .chat_page .chat_send .add_file input[type="file"] {position: absolute; top: 0; left: 0; width: 0; left: 0; visibility: hidden; appearance: none; -webkit-appearance: none;}
.chat_section .chat_page .chat_send .text_input {flex: 1; padding: 0 20px; }
.chat_section .chat_page .chat_send .text_input input {width: 100%; height: 34px; padding: 0 10px; border: 1px solid #CED3D6; font-size: 16px; }
.chat_section .chat_page .chat_send .send_msg button {width: 54px; height: 34px; border: 1px solid #CED3D6; border-radius: 5px; background: #048ABF; color: #FFF; font-size: 16px; }

.new_btn {
	height: 30px; 
	line-height: 28px; 
	padding: 0 10px; 
	border: 1px solid transparent; 
	border-radius: 5px; 
	/* background: #FFF;  */
	font-size: 0.85em;
	vertical-align: middle;
	cursor: pointer;
}

.content_link {
    cursor: pointer;
}

.state_box {margin-bottom:5px;}
.state_box p {font-size:12px;}
.state_box p + p {margin-top:2px;}

.mod_btn_box {width:100%;display:flex;justify-content:space-between;}
.mod_btn {display:flex;align-items:center;justify-content:center;width:100%;height:25px;background:#fff;border:1px solid #D0D0D0;border-radius:5px;font-size:0.75rem;cursor:pointer;}
.mod_btn.ver2 {width:calc(50% - 3px);}

.cm_pop {width:100%;height:100%;position:fixed;left:0;top:0;z-index:10000;display:none;}
.cm_pop_back {width:100%;height:100%;background:rgba(0,0,0,0.5);}
.cm_pop_box {max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);width:600px;background:#fff;padding:20px;overflow-y:auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.cm_pop_title {text-align:center;font-size:20px;line-height:1.1;font-weight:600;}
.cm_pop_cont {margin-top:30px;}
.cm_pop_cont textarea {display:block;width:100%;height:120px;background:#fff;border:1px solid #ddd;padding:15px;resize:none;font-size:14px;}
.cm_pop_btn_cont {display:flex;justify-content:space-between;margin-top:30px;}
.cm_pop_btn {width:calc(50% - 10px);height:40px;background:#162A4B;border:none;font-size:15px;color:#fff;cursor:pointer;}
.cm_pop_btn.ver2 {background:#dfdfdf;color:#999;}

.txt_left {text-align:left !important;}

.font_weight500 {font-weight:500;}

.not_open {display:flex;align-items:center;justify-content:flex-end;margin-top:5px;}
.not_open label {padding-left:3px;font-size:13px;}

.multiple_ver2 {display:flex;flex-wrap:wrap; width: 100%;}
.multiple_ver2 p {width:calc(25% - 7px);margin-right:9.333px;}
.multiple_ver2 p:nth-child(4n) {margin-right:0;}
.multiple_ver2 p:nth-child(n+5) {margin-top:9.333px;}
.multiple_ver2 p input {display:none;}
.multiple_ver2 p input + label {display:flex;align-items:center;justify-content:center;width:100%;height:30px;border:1px solid #D0D0D0;border-radius:5px;font-size:0.875rem;cursor:pointer;}
.multiple_ver2 p.disabled input + label {background:#fafafa;color:#999;}
.multiple_ver2 p input:checked + label {background:#162A4B;border-color:#162A4B;font-weight:bold;color:#fff;}

.multiple_ver2.ver2 p {width:calc(33.333% - 6.6667px);margin-right:10px;}
.multiple_ver2.ver2 p:nth-child(4n) {margin-right:10px;}
.multiple_ver2.ver2 p:nth-child(3n) {margin-right:0;}
.multiple_ver2.ver2 p:nth-child(n+4) {margin-top:10px;}

.exe_ul {width:100%;}
.exe_li {display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid #d0d0d0;border-radius:5px;}
.exe_li + .exe_li {margin-top:10px;}
.exe_li_not {border:none;padding:0;color:#999;}
.exe_li p {width:calc(100% - 45px);}
.exe_li button {display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#fff;border:1px solid #d0d0d0;border-radius:5px;cursor:pointer;}

.cycle_box {}
.cycle_box + .cycle_box {margin-top:30px;}
.exe_title {font-size:16px;line-height:1.1;font-weight:500;}
.cycle_flex {display:flex;align-items:center;justify-content:space-between;}
.cycle_radio {display:flex;align-items:center;flex-wrap:wrap;margin-top:10px;}
.cycle_radio.ver2 {margin-top:0;}
.cycle_radio li {margin-right:10px;}
.cycle_radio.ver2 li {margin-top:10px;}
.cycle_radio li input {display:none;}
.cycle_radio li input + label {display:flex;align-items:center;justify-content:center;height:30px;padding:0 10px;background:#fff;border:1px solid #d0d0d0;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;}
.cycle_radio li input:checked + label {background:#162A4B;border-color:transparent;color:#fff;}
.cycle_cnt_box {display:flex;align-items:center;}
.cycle_cnt_box button {display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#fff;border:1px solid #d0d0d0;cursor:pointer;}
.cycle_cnt_box input {width:50px;height:30px;border:none;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;text-align:center;font-size:15px;}
.cycle_cnt_box span {font-size:14px;margin-left:5px;}

.fld_label.ver2 {position:relative;}
.add_btn {padding:3px 10px;background:#333;border:none;border-radius:3px;color:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer;}

.itv_ul {flex: 1}
.itv_li {}
.itv_li + .itv_li {margin-top:10px;padding-top:10px;border-top:1px solid #d0d0d0;}
.itv_title {font-weight:500;}
.itv_cont {color:#666;margin-top:5px;}
.itv_tag {font-size:14px;line-height:1.4;padding-left:45px;position:relative;}
.itv_tag span {position:absolute;left:0;top:-1px;}

.hobby_ul {flex: 1; }
.hobby_li + .hobby_li {margin-top:10px;padding-top:10px;border-top:1px solid #d0d0d0;}
.hobby_title {font-weight:500;}
.hobby_cont {color:#666;margin-top:5px;}
.hobby_li p {font-size:14px;line-height:1.4;}

.fld_desc {font-size:13px;line-height:1.3;color:#666;}
.readonly {background:#fafafa;color:#999;}
.direct_btn {width:100%;height:45px;background:#D1913C;border:none;border-radius:5px;font-size:15px;font-weight:600;color:#fff;margin-top:10px;cursor:pointer;}