/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';



/************** 평가하기 *************/
/**********************************/
.evaluation-wrap i.required:after {
	background:#fcaf17 !important;
}
.evaluation_table > .thead {
	border-top:2px solid #222;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	padding:1.4rem 0;
	background:#f9f9f9;
}
.evaluation_table > .tbody {
}
.evaluation_table > .thead > .tr,
.evaluation_table > .tbody > .tr{
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.evaluation_table > .tbody > .tr {
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	padding:1.2rem 0;
}
.evaluation_table > .thead > .tr > div,
.evaluation_table > .tbody > .tr > div{
	text-align:center;
	max-width:8%;
	flex:0 0 8%;
	-ms-flex:0 0 8%;
	color:#333;
	line-height:2;
}
.evaluation_table.myidea-wrap > .thead > .tr > div,
.evaluation_table.myidea-wrap > .tbody > .tr > div{
	max-width:10.6%;
	flex:0 0 10.6%;
	-ms-flex:0 0 10.6%;
}
.evaluation_table > .thead > .tr > .tit,
.evaluation_table > .tbody > .tr > .tit,
.evaluation_table.myidea-wrap > .thead > .tr > .tit,
.evaluation_table.myidea-wrap > .tbody > .tr > .tit{
	max-width:35%;
	flex:0 0 35%;
	-ms-flex:0 0 35%;
}
.evaluation_table > .thead > .tr > .tit.tit2,
.evaluation_table > .tbody > .tr > .tit.tit2{
	max-width:43%;
	flex:0 0 43%;
	-ms-flex:0 0 43%;
}
.evaluation_table > .thead > .tr > div.nodata,
.evaluation_table > .tbody > .tr > div.nodata{
	text-align:center;
	max-width:100%;
	flex:0 0 100%;
	-ms-flex:0 0 100%;
}
.evaluation_table > .tbody > .tr > .tit {
	text-align:left;
}
.evaluation_table > .tbody > .tr > .tit > a {
	color:#333;
}
.evaluation_table > .tbody > .tr > .tit > a:hover,
.evaluation_table > .tbody > .tr > .tit > a:focus {
	text-decoration:underline;
}
.evaluation_table > .tbody > .tr > .tit > p {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.evaluation_table > .thead > .tr > .day,
.evaluation_table > .thead > .tr > .modify,
.evaluation_table > .thead > .tr > .etc,
.evaluation_table > .tbody > .tr > .day,
.evaluation_table > .tbody > .tr > .modify{
	max-width:12%;
	flex:0 0 12%;
	-ms-flex:0 0 12%;
}
.evaluation_table > .tbody > .tr > .state > .step {
	position:relative;
	margin:0 auto;
	box-sizing:border-box;
	width:9.2rem;
	height:3.6rem;
	border-radius:3.6rem;
	background:#111;
	color:#fff;
	line-height:3.6rem;
}
.evaluation_table > .tbody > .tr > .state > .step.step_1 {
	background:#f5af27 !important;
}

.evaluation_table > .tbody > .tr > .state > .step.step_2 {
	background:#3d8bcb !important;
}

.evaluation_table > .tbody > .tr > .state > .step.step_3 {
	background:#102c5b !important;
}

.evaluation_table > .tbody > .tr > .state > .step.step_4 {
	background:#000 !important;
}



.evaluation_table > .tbody > .tr > .modify > a.btn_modify,
.evaluation_table > .tbody > .tr > .etc > a.btn_etc,
.evaluation_table > .tbody > .tr > .etc2 > a.btn_etc{
	display:inline-block;
	box-sizing:border-box;
	padding:0.6rem 3rem;
	background:#ededed;
	color:#222;
}

.evaluation_table > .tbody > .tr > .modify > a.btn_modify2,
.evaluation_table > .tbody > .tr > .etc > a.btn_etc2,
.evaluation_table > .tbody > .tr > .etc2 > a.btn_etc2{
	display:inline-block;
	box-sizing:border-box;
	padding:0.6rem 3rem;
	background:#000;
	color:#fff;
}

.evaluation_table > .tbody > .tr > .modify > a.btn_modify:focus,
.evaluation_table > .tbody > .tr > .modify > a.btn_modify:hover,
.evaluation_table > .tbody > .tr > .etc > a.btn_etc:focus,
.evaluation_table > .tbody > .tr > .etc > a.btn_etc:hover,
.evaluation_table > .tbody > .tr > .etc2 > a.btn_etc:focus,
.evaluation_table > .tbody > .tr > .etc2 > a.btn_etc:hover{
	background:#00529c;
	color:#fff;
}

.evaluation-wrap .sch-wrap .sch-box > dl {
	position:relative;
	display:flex;
	box-sizing:border-box;
	padding:1rem 3rem;
	border-bottom:1px solid #ddd;
	align-items:center;
}
.evaluation-wrap .sch-wrap .sch-box > dl:first-child {
	border-top:2px solid #222;
}
.evaluation-wrap .sch-wrap .sch-box > dl > dt {
	width:16rem;
}
.evaluation-wrap .sch-wrap .sch-box > dl > dd {
	width:calc(100% - 16rem);
	height:5rem;
}
.evaluation-wrap .sch-wrap .sch-box > dl > dd > .row {
	margin:0;
	height:100%;
	align-items:center;
}
/* 검색 추가 */
.evaluation-wrap .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] {
	margin-right:4rem;
}
.evaluation-wrap .sch-wrap .sch-box > dl > dd > .row > div[class^='col-']:last-child {
	margin-right:0;
}
.evaluation-wrap .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] > input[type=checkbox]{
	margin-right:0.5rem;
	width:22px;
	height:22px;
}
.evaluation-wrap .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] > label {
	position:relative;
	top:-5px;
}
.evaluation-wrap .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-'] {
	height:100%;
}
.evaluation-wrap .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-'] > input[type=text] {
	width:100%;
	height:5rem;
	border:1px solid #ddd;
}
.evaluation-wrap .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-']:nth-of-type(1){
	margin-right:1rem;
	width:calc(100% - 25rem);
}
.evaluation-wrap .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-']:nth-of-type(2){
	width:24rem;
}
.evaluation-wrap .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-'] > a {
	display:block;
	width:100%;
	height:100%;
	background:#222;
	color:#fff;
	line-height:5rem;
	text-align:center;
	box-sizing:border-box;
}
/* //검색 추가 */
@media (max-width: 991.98px) {
	.evaluation_table > .thead {
		display:none;
	}
	.evaluation_table > .tbody {
		border-top:2px solid #222;
	}
	.evaluation_table > .tbody > .tr {
		position:relative;
		height:auto;
		box-sizing:border-box;
		padding-bottom:5rem;
	}
	.evaluation_table > .tbody > .tr > .num,
	.evaluation_table > .tbody > .tr > .category{
		display:none;
	}
	.evaluation_table > .tbody > .tr > .tit{
		max-width:55%;
		flex:0 0 55%;
		-ms-flex:0 0 55%;
	}
	.evaluation_table > .tbody > .tr > .tit.tit2{
		max-width:70%;
		flex:0 0 70%;
		-ms-flex:0 0 70%;
	}
	.evaluation_table > .tbody > .tr > div.state {
		position:absolute;
		right:13rem;
		top:1.5rem;
	}
	.evaluation_table > .tbody > .tr > div.modify {
		position:absolute;
		right:0;
		top:1.5rem;
	}
	.evaluation_table > .tbody > .tr > .modify > a.btn_modify,
	.evaluation_table > .tbody > .tr > .etc > a.btn_etc,
	.evaluation_table > .tbody > .tr > .etc2 > a.btn_etc{
		display:inline-block;
		box-sizing:border-box;
		padding:0;
		width:9.2rem;
		height:3.6rem;
		border-radius:3.6rem;
		line-height:3.6rem;
	}
	.evaluation_table > .tbody > .tr > .write,
	.evaluation_table > .tbody > .tr > .count,
	.evaluation_table > .tbody > .tr > .day {
		position:absolute;
		bottom:1rem;
		max-width:22%;
		flex:0 0 auto;
		-ms-flex:0 0 auto;
		color:#888;
	}
	.evaluation_table > .tbody > .tr > .write {
		left:0;
	}
	.evaluation_table > .tbody > .tr > .count {
		left:20rem;
	}
	.evaluation_table > .tbody > .tr > .day {
		left:8rem;
	}


	/* 검색 추가 */
	.evaluation-wrap .sch-wrap .sch-box > dl > dt {
		width:11rem;
	}
	.evaluation-wrap .sch-wrap .sch-box > dl > dd {
		width:calc(100% - 11rem);
		height:auto;
	}
	.evaluation-wrap .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] {
		margin-right:0;
		width:50%;
		margin:1.5px 0;
	}
	.evaluation-wrap .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] > input[type=checkbox]{
		margin-right:0.5rem;
		width:22px;
		height:22px;
	}
	.evaluation-wrap .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] > label {
		position:relative;
		top:-6px;
	}
	.evaluation-wrap .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-']:nth-of-type(1){
		margin-right:1rem;
		width:calc(70% - 1rem);
	}
	.evaluation-wrap .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-']:nth-of-type(2){
		width:30%;
	}
	/* //검색 추가 */
}
@media (max-width: 767.98px) {
	.evaluation_table > .tbody > .tr > .tit.tit2{
		max-width:55%;
		flex:0 0 55%;
		-ms-flex:0 0 55%;
	}
	.evaluation_table > .tbody > .tr > div.state {
		right:15rem;
	}
	.evaluation_table > .tbody > .tr > div.modify {
		right:3rem;
	}
}



.evaluation-wrap.competition-wrap > div > .sec01 {
	max-width:100%;
}
.evaluation-wrap.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body {
	padding:8rem 0;
}
.evaluation-wrap.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body .manager {
	padding:1rem 2rem;
	display:flex;
	gap:5px;
	flex-wrap:wrap;
}
.evaluation-wrap.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body .manager > a {
	box-sizing:border-box;
	padding:1rem 3rem;
	text-align:center;
	color:#fff;
	background:#004b98;
}
.evaluation-wrap.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body .manager > a > i {
	font-size:1.2rem;
}
.evaluation-wrap.competition-wrap .btn-area {
	text-align:center;
}
.evaluation-wrap.competition-wrap .btn-area > a {
	display:inline-block;
	box-sizing:border-box;
	margin:0 0.3rem;
	width:19rem;
	height:6rem;
	color:#222;
	text-align:center;
	border:1px solid #ccc;
	line-height:6rem;
}
.evaluation-wrap.competition-wrap .btn-area > a > i {
	position:relative;
	top:2px;
	font-size:2rem;
}
.evaluation-wrap.competition-wrap .btn-area > a:nth-of-type(2){
	background:#004b98;
	color:#fff;
	border:0;
}
@media (max-width: 991.98px) {
	.evaluation-wrap.competition-wrap .btn-area > a {
		width:18rem;
	}
}


.evaluation2-wrap .evaluation_table > .thead > .tr > div,
.evaluation2-wrap .evaluation_table > .tbody > .tr > div{
	text-align:center;
	--wid:calc((100% - 30%) / 10);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	-ms-flex:0 0 var(--wid);
	color:#333;
	line-height:2;
}
.evaluation2-wrap .evaluation_table > .tbody > .tr > div.etc{
	--wid: calc(((100% - 30%) / 10)* 2);
    max-width: var(--wid);
    flex: 0 0 var(--wid);
	gap:5px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;

}
.evaluation2-wrap .evaluation_table > .tbody > .tr > div > select {
	width:90%;
	height:3.6rem;
}
.evaluation2-wrap .evaluation_table.myidea-wrap > .thead > .tr > div,
.evaluation2-wrap .evaluation_table.myidea-wrap > .tbody > .tr > div{
	max-width:10.6%;
	flex:0 0 10.6%;
	-ms-flex:0 0 10.6%;
}
.evaluation2-wrap .evaluation_table > .thead > .tr > .tit,
.evaluation2-wrap .evaluation_table > .tbody > .tr > .tit,
.evaluation2-wrap .evaluation_table.myidea-wrap > .thead > .tr > .tit,
.evaluation2-wrap .evaluation_table.myidea-wrap > .tbody > .tr > .tit{
	max-width:30%;
	flex:0 0 30%;
	-ms-flex:0 0 30%;
}
.evaluation2-wrap .evaluation_table > .thead > .tr > .etc {
	--wid:calc(((100% - 30%) / 10)*2);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	-ms-flex:0 0 var(--wid);
}
.evaluation2-wrap .evaluation_table > .thead > .tr > .tit.tit2,
.evaluation2-wrap .evaluation_table > .tbody > .tr > .tit.tit2{
	max-width:43%;
	flex:0 0 43%;
	-ms-flex:0 0 43%;
}
@media (max-width: 1300px) {
	.evaluation2-wrap .evaluation_table > .thead {
		display:none;
	}
	.evaluation2-wrap .evaluation_table > .tbody {
		border-top:2px solid #222;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr {
		position:relative;
		height:auto;
		box-sizing:border-box;
		padding-bottom:7rem;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .num,
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .category{
		display:none;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .modify > a.btn_modify,
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .etc > a.btn_etc,
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .etc2 > a.btn_etc{
		display:inline-block;
		box-sizing:border-box;
		padding:0;
		width:9.2rem;
		height:3.6rem;
		border-radius:3.6rem;
		line-height:3.6rem;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .write,
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .count,
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .day {
		position:absolute;
		bottom:1rem;
		max-width:22%;
		flex:0 0 auto;
		-ms-flex:0 0 auto;
		color:#888;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .tit {
		text-align:left;
		max-width:50%;
		flex:0 0 50%;
		-ms-flex:0 0 50%;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .write {
		left:0;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .count {
		left:20rem;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .day {
		left:8rem;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > div.modify {
		position:absolute;
		right:6rem;
		top:1.5rem;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > div.etc {
		position:absolute;
		right:6rem;
		bottom:1.5rem;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > div.etc2 {
		position:absolute;
		right:16rem;
		bottom:1.5rem;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > div.state {
		position:absolute;
		right:16rem;
		top:1.5rem;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > div.add {
		position:absolute;
		width:12rem;
		max-width:12rem;
		right:25rem;
		top:1.5rem;
	}
}
@media (max-width: 1199.98px) {
	.evaluation2-wrap .evaluation_table > .tbody > .tr > div.add {
		right:23rem;
	}
}
@media (max-width: 991.98px) {
	.evaluation2-wrap .evaluation_table > .tbody > .tr > div.add {
		right:22rem;
	}
}
@media (max-width: 767.98px) {
	.evaluation2-wrap .evaluation_table > .tbody > .tr > .tit {
		text-align:left;
		max-width:40%;
		flex:0 0 40%;
		-ms-flex:0 0 40%;
	}
	.evaluation2-wrap .evaluation_table > .tbody > .tr > div.add {
		right:20rem;
	}
}


/************** 마이페이지 테이블 신규 *************/
/********************************************/

.evaluation_table .eval_table {
	width:100%;
	border-top:2px solid #000;
}
.evaluation_table .eval_table thead th,
.evaluation_table .eval_table tbody td {
	box-sizing:border-box;
	padding:1.5rem 0;
	text-align:center;
	font-weight:400;
	width:calc(70%/9);
}
.evaluation_table .eval_table thead th {
	background:#f5f5f5;
	border-bottom:1px solid #ddd;
}
.evaluation_table .eval_table tbody td {
	border-bottom:1px solid #ddd;
}
.evaluation_table .eval_table thead th.tit,
.evaluation_table .eval_table tbody td.tit {
	width:20%;
}
.evaluation_table .eval_table tbody td.state > .step {
	margin:0 auto;
	width:80%;
	border-radius:3.6rem;
	background:#111;
	color:#fff;
	box-sizing:border-box;
	padding:0.4rem 0;
}
.evaluation_table > .tbody > .tr > .state > .step.step_1 {
	background:#fcaf17;
}
.evaluation_table .eval_table tbody td > a {
	display:inline-block;
	margin:0 auto;
	width:80%;
	border-radius:3.6rem;
	background:#ededed;
	color:#222;
	box-sizing:border-box;
	padding:0.4rem 0;
}
.evaluation_table .eval_table tbody td > a:hover,
.evaluation_table .eval_table tbody td > a:focus {
	background:#00529c;
	color:#fff;
}




/************** 매니저 팝업 *************/
/**********************************/
.modal-dialog {
	max-width:680px;
}
.modal-dialog .container {
	position:relative;
	border-radius:0;
	padding:5rem 3rem 3rem;
}
.modal-content {
}
.modal-content .pop_close {
	border:0;
	background:none;
	position:absolute;
	right:2rem;
	top:2rem;
	font-size:3rem;
	color:#999;
}
@media (max-width: 991.98px) {
	.modal-dialog .container {
		position:relative;
		border-radius:0;
		padding:5rem 2rem 3rem;
	}
}



.modal-content h3 {
	text-align:center;
}
.modal-content h3 .required:after {
	background:#fcaf17 !important;
}
.modal-content .manager_list{
	height:400px;
	overflow-y:auto;
}
.modal-content .manager_table table {
	width:100%;
	border:1px solid #ddd;
}
.modal-content .manager_table tbody tr {
	border-top:1px solid #ddd;
}
.modal-content .manager_table thead th,
.modal-content .manager_table tbody td{
	font-size:1.6rem;
	padding:1rem 0;
	text-align:center;
}
.modal-content .manager_table thead th{
	background:#f5f5f5;
}
.modal-content .manager_table tbody td {
	color:#666;
	font-weight:300;
	word-break:break-all;
}
.modal-content .manager_table thead th > input[type=checkbox],
.modal-content .manager_table tbody td > input[type=checkbox]{
	position:relative;
	top:2px;
	width:2rem;
	height:2rem;
}
.modal-content .btn-area {
	text-align:center;
	display:Flex;
}
.modal-content .btn-area > a {
	box-sizing:border-box;
	margin:0 0.3rem;
	width:19rem;
	height:6rem;
	color:#222;
	text-align:center;
	border:1px solid #ccc;
	line-height:6rem;
}
.modal-content .btn-area > a > i {
	position:relative;
	top:2px;
	font-size:2rem;
}
.modal-content .btn-area > a:nth-of-type(2){
	background:#004b98;
	color:#fff;
	border:0;
}
@media (max-width: 991.98px) {
	.modal-content .btn-area > a {
		margin:0 0.3rem;
		width:calc(32% - 0.6rem);
	}
	.modal-content .manager_table tbody td{
		font-size:1.4rem;
	}
	.modal-content .manager_list{
		height:300px;
		overflow-y:auto;
	}
}

.modal {padding-right:0 !important;}

/************** 평가하기 팝업 *************/
/**********************************/
.modal-dialog .container.evaluation_pop {
	background:#f7f7f7;
}
.evaluation_pop .evaluation-box {
	position:relative;
	height:auto;
	box-sizing:border-box;
	padding:2rem;
	border-radius:1rem;
	background:#fff;
	border:1px solid #ddd;
}
.evaluation_pop .evaluation-box .top {
	font-size:1.8rem;
	font-weight:600;
}
.evaluation_pop .evaluation-box .top span {
	display:inline-block;
	width:4.2rem;
	height:4.2rem;
	background:#004b98;
	color:#fff;
	text-align:center;
	line-height:4.2rem;
	margin-right:1rem;
}
.evaluation_pop .evaluation-box .mid {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
.evaluation_pop .evaluation-box .mid > div {
	max-width:20%;
	flex:0 0 20%;
	-ms-flex:0 0 20%;
	text-align:center;
	font-size:1.6rem;
}
.evaluation_pop .evaluation-box .mid > div > input[type=radio] {
	width:2.2rem;
	height:2.2rem;
	position:relative;
	top:4px;
	margin-right:5px;
}
.evaluation_pop .total {
	text-align:center;
}
@media (max-width: 991.98px) {
	.evaluation_pop .evaluation-box .mid > div {
		max-width:100%;
		flex:0 0 100%;
		-ms-flex:0 0 100%;
		text-align:left;
		font-size:1.4rem;
	}
	.evaluation_pop .evaluation-box .mid > div > input[type=radio] {
		top:5px;
	}
}



.etc_wrap p,
.etc_wrap dd,
.etc_wrap#information .on-off-ul-2 dl dd p,
.etc_wrap#information .on-off-ul-2 dl dd ul > li{
    font-size: 1.5rem;
    font-weight: 300;
    color: #333;
    line-height: 1.8;
    letter-spacing: -0.028em;
    word-break: keep-all;
}
.etc_wrap dl{
	margin-bottom: 2rem;
}
.etc_wrap dl dd{
	counter-reset:num2;
}
.etc_wrap h5{
    color: #222;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: -0.028em;
    word-break: keep-all;
}
.etc_wrap .contract_01{
	padding:1rem 0 1rem 1rem;
}
.etc_wrap .contract_02{
	padding:0 2rem;
}
.etc_wrap .table_1{
	margin-bottom: 2rem;
}
.etc_wrap .table_1 table th,
.etc_wrap .table_1 table td{
    font-size: 1.5rem;
}
.etc_wrap .on-off-ul-2{
	border:none;
	padding:1rem 0 1rem 1rem;
}
.etc_wrap .on-off-ul-2 .cont{
	display:block !important;
	padding:0;
	border:none;
}
.etc_wrap .border-box{
	/* background: url('../_img/sub/bg-p_1.jpg'); */
	background-color:#f7fbff;
	padding: 4rem;
	border:1px solid #00529c;
	font-size:16px;
	line-height:2;
	font-weight:300;
	letter-spacing:0.028em;
}


/* 통계 영역 */
.grape_wrap .grapeArea {
	position:relative;
	height:360px;
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
}
.grape_wrap .table-box{
	position:relative;
	height:auto;
}
.grape_wrap .tableArea {
	position:relative;
	width:100%;
	height:auto;
	overflow-x:auto;
    padding-left:8.8rem;
}
.grape_wrap .grape-table.fixed {
	width:8rem;
	min-width:auto;
	position:absolute;
	left:0;
	top:0;
	z-index:11;
	background:#fff;
	border-right:1px solid #ddd;
	box-sizing:border-box;
}
.grape_wrap .grape-table {
	width:100%;
	min-width:1200px;
	height:auto;
	border-top:2px solid #000;
	border-collapse:separate;
	border-spacing:0;
	box-sizing:border-box;
}
.grape_wrap .grape-table thead th,
.grape_wrap .grape-table thead td {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-width:0 1px 1px 0;
	text-align:center;
	height:auto;
	box-sizing:border-box;
	padding:0.8rem 1rem;
	font-size:1.4rem;
	line-height:1.2;
}
.grape_wrap .grape-table tbody th,
.grape_wrap .grape-table tbody td {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-width:0 1px 1px 0;
	text-align:center;
	height:auto;
	box-sizing:border-box;
	padding:10px 5px;
	font-size:1.4rem;
	line-height:1.2;
}
.grape_wrap .grape-table thead th:last-child,
.grape_wrap .grape-table tbody td:last-child {
	border-right:0;
}
.grape_wrap .grape-table thead th {
	background:#f5f5f5;
    white-space: nowrap;
}
.grape_wrap .grape-table tbody td {
	color:#666;
}
.grape_wrap .grape-table tbody td.blue {
	color:#004b98;
	font-weight:500;
}
.grape_wrap .grape-table tbody td.red {
	color:#f30;
	font-weight:500;
}
@media (max-width: 991.98px) {
	.grape_wrap .grapeArea {
		height:180px;
	}
}

.grape_wrap > section > .container {
	position:relative;
	height:auto;
}
.grape_wrap > section > .container > .box {
	position:absolute;
	width:auto;
	min-width:420px;
	right:0;
	top:0;
	display:flex;
	gap:0 5px;
}
.grape_wrap .filter_type select{
	width:10rem !important;
}
.grape_wrap > section > .container > .box > form,
.grape_wrap > section > .container > .box > form .search_month,
.grape_wrap > section > .container > .box > form .search_day,
.conditional_search .box ,
.conditional_search .box .search_month{
	display:flex;
	gap:0 5px;
	position:relative;
	align-items: center;
}
.grape_wrap > section > .container > .box > form .search_day{
	display:none;
}
.grape_wrap .search_day > .datepicker{
	position:relative;
}
.grape_wrap .search_day > .datepicker::before{
	content:"";
	position:absolute;
	right:1rem;
	top:50%;
	transform: translateY(-50%);
	font-family: 'xeicon';
	font-size:2rem;
}

.grape_wrap > section > .container > .box > form div {
	vertical-align:middle;
	padding-left:0;
}
.grape_wrap > section > .container > .box > form > div:first-child {
	padding-left:0;
}
.grape_wrap > section > .container > .box select,
.grape_wrap > section > .container > .box  input,
.conditional_search .box input,
.conditional_search .box select{
	height:50px;
	font-size:1.6rem;
	border:1px solid #ddd;
	padding:10px 15px;
	width:180px;
}
.grape_wrap > section > .container > .box > form button,
.conditional_search .box button {
	border:0;
	background:#222;
	color:#fff;
	height:50px;
	width:50px;
	font-size:2.4rem;
}

.grape_wrap > section > .container h3{
	display:flex;
	align-items: center;
}
.grape_wrap > section > .container h3 .legend_info{
	margin-left:auto;
	display:flex;
	gap:0 1.5rem;
}
.grape_wrap > section > .container h3 .legend_info p{
	display:flex;
	align-items: center;
	gap:0 .6rem;
	font-size:1.5rem;
}
.grape_wrap > section > .container h3 .legend_info p span{
	width:3rem;
	height:2rem;
}

@media (max-width: 991.98px) {
	.grape_wrap > section > .container > .box {
		position:relative;
		width:auto;
		min-width:auto;
		right:auto;
		top:0;
	}

	.grape_wrap > section > .container > .box > div:last-child {
		display:inline-block;
		width:45px;
	}
	.grape_wrap > section > .container > .box select,
	.grape_wrap > section > .container > .box input,
	.grape_wrap > section > .container > .box.search_filter_new .search_filter select {
		height:40px;
		width:100%;
	}
	.grape_wrap > section > .container > .box > form button {
		height:40px;
		width:40px;
	}
	.grape_wrap h3 {margin-top:3rem;}
	.grape_wrap > section > .container h3 .legend_info p{
		font-size:1.4rem;
	}
	.grape_wrap > section > .container h3 .legend_info p span{
		width:2.5rem;
		height:1.6rem;
	}
	.conditional_search .box{
		width:100%;
	}
	.conditional_search .box > div:nth-child(1){
		width:30%
	}
	.conditional_search .box > div.search_month{
		width:60%;
	}
	.conditional_search .box > div.search_month div{
		width:100%;
	}
	.conditional_search .box input,
	.conditional_search .box select{
		width:100%;
	}
}





.grape_wrap .btn_box{
	display:flex;
	justify-content: center;
	margin-top:50px;
}
.grape_wrap .btn_box a{
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius:10px;
	color:#fff;
	background:#316dab;
	width:14rem;
	height:6rem;
	font-size:1.8rem;
	font-weight:500;
}





/**/
.evaluation_table{}
.evaluation_table table{
	width:100%;
	border-top:2px solid #000;
}
.evaluation_table table th{
	font-size:1.8rem;
	background:#f9f9f9;
	border-bottom:1px solid #ddd;
	text-align:Center;
	padding:15px 10px;
	font-weight:400;
}
.evaluation_table table td{
	text-align:center;
	padding:15px 10px;
	border-bottom:1px solid #ddd;
	font-size:1.6rem;
}
.evaluation_table table td .modify_btn_group {
	display:flex;
}
.evaluation_table table td .modify_btn_group .btn_modify{
	box-sizing: border-box;
    padding: 0.6rem 3rem;
    background: #ededed;
    color: #222;
}
.evaluation_table table td .modify_btn_group .btn_modify2{
	background:#000;
	color:#fff;
	box-sizing: border-box;
    padding: 0.6rem 3rem;
}
.evaluation_table table td .title{}
.evaluation_table table td .title p{
	width:100%;
	text-overflow: ellipsis;
   overflow: hidden;
	
}
.evaluation_table table td .info{
	display:flex;
	gap:0 1rem;
	opacity:.8;
}

.evaluation_table table td .step {
	position:relative;
	margin:0 auto;
	box-sizing:border-box;
	max-width:9.2rem;
	border-radius:3.6rem;
	background:#111;
	color:#fff;
	line-height:1.2;
	padding:.5rem 1rem;
}
.evaluation_table table td .step.step_1 {
	background:#f5af27 !important;
}

.evaluation_table table td .step.step_2 {
	background:#3d8bcb !important;
}

.evaluation_table table td .step.step_3 {
	background:#102c5b !important;
}

.evaluation_table table td .step.step_4 {
	background:#000 !important;
}


@media(max-width:991.98px){

}