/* fullpage nav */
#fp-nav {
	box-sizing:border-box;
	padding:2.5rem 0;
	margin-top:4.5rem !important;
	transform:translateY(-50%) !important;
}
#fp-nav:before {
	content:"01";
	position:absolute;
	top:0;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:1.4rem;
	font-weight:200;
}
#fp-nav:after {
	content:"07";
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:1.4rem;
	font-weight:200;
}
#fp-nav.left {
	left:5rem !important;
}
#fp-nav ul li, 
.fp-slidesNav ul li {
	margin:8px !important;
}
#fp-nav ul li:last-child {
	display:none;
}
#fp-nav ul li a span, 
.fp-slidesNav ul li a span {
	background:rgba(255,255,255,1) !important;
	width:6px !important;
	height:6px !important;
}
#fp-nav ul li:hover a span {
	background:var(--green-color) !important;
	margin:-2px 0 0 -2px !important;
}
#fp-nav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li a.active span, 
.fp-slidesNav ul li:hover a.active span {
	width:22px !important;
	height:22px !important;
	border:3px solid var(--green-color);
	background:rgba(255,255,255,0) !important;
	margin:-10px 0 0 -10px !important;
}

/* .fp-viewing-sec05 #fp-nav:before,
.fp-viewing-sec05 #fp-nav:after {
	color:#222;
}
.fp-viewing-sec05 #fp-nav ul li a span, 
.fp-viewing-sec05 .fp-slidesNav ul li a span {
	background:rgba(0,0,0,0.8) !important;
}
.fp-viewing-sec05 #fp-nav ul li a.active span, 
.fp-viewing-sec05 #fp-nav ul li:hover a.active span, 
.fp-viewing-sec05 .fp-slidesNav ul li a.active span, 
.fp-viewing-sec05 fp-slidesNav ul li:hover a.active span {
	background:rgba(0,0,0,0) !important;
} */

@media(max-width:1280px){
	#fp-nav.left {
		left:2rem !important;
	}
	.fp-viewing-sec05 #fp-nav:before,
	.fp-viewing-sec05 #fp-nav:after {
		color:#222;
	}
	.fp-viewing-sec05 #fp-nav ul li a span, 
	.fp-viewing-sec05 .fp-slidesNav ul li a span {
		background:rgba(0,0,0,0.8) !important;
	}
	.fp-viewing-sec05 #fp-nav ul li a.active span, 
	.fp-viewing-sec05 #fp-nav ul li:hover a.active span, 
	.fp-viewing-sec05 .fp-slidesNav ul li a.active span, 
	.fp-viewing-sec05 fp-slidesNav ul li:hover a.active span {
		background:rgba(0,0,0,0) !important;
	}
}
@media(max-width:991.98px){
	#fp-nav.left {
		left:1rem !important;
	}
}
@media (max-width: 575.98px) {
	#fp-nav {
		top:auto !important;
		transform:translateY(0) !important;
		bottom:4rem;
	}
}


.scroll {
	position:absolute;
	left:50%;
	bottom:0;
	font-size:1.4rem;
	font-weight:200;
	color:#fff;
	transform:translateX(-50%);
	box-sizing:border-box;
	padding-bottom:7rem;
}
.scroll:before {
	content:"";
	position:absolute;
	width:1px;
	height:6rem;
	left:50%;
	bottom:0;
	background: linear-gradient(0deg, rgba(255,255,255,0.5) 20%, rgba(255,255,255,1) 100%);
}


/* quick */
.quick {
	position:fixed;
	width:25rem;
	right:4rem;
	bottom:4rem;
	z-index:10;
	display:none;
}
.quick > .box {
	background:#fff;
	border-radius:1rem;
}
.quick > .box > .top {
	position:relative;
	box-sizing:border-box;
	padding:1rem 1.5rem;
	border-bottom:1px solid #eee;
}
.quick > .box > .top .btn-close {
	position:absolute;
	right:1.5rem;
	top:1rem;
	font-size:1.8rem;
	color:#222;
}
.quick > .box > .mid {
	position:relative;
	box-sizing:border-box;
	padding:2rem 1.5rem 3rem;
}
.quick > .box > .mid > .num {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.quick > .box > .mid > .num .icon {
	width:2rem;
	height:2rem;
	border-radius:50%;
	background:var(--green-color);
	line-height:2.5rem;
	text-align:center;
	color:#fff;
	font-size:1.2rem;
}
.quick > .box > .mid > .num p {
	font-size:2.4rem;
	color:var(--green-color);
	margin-left:1rem;
	line-height:1;
	padding-top:0.4rem;
}
.quick > .box > .mid .board_write_table {
	margin-top:2rem;
	width:100%;
}
.quick > .box > .mid .board_write_table > table {
	width:100%;
}
.quick > .box > .mid input[type="text"],
.quick > .box > .mid select,
.quick > .box > .mid textarea{
	box-sizing:border-box;
	font-family:"SUIT", "Noto Sans KR", sans-serif;
	font-size:1.6rem;
	font-weight:400;
	color:#666;
	padding:0.6rem 1rem;
	border:1px solid #ddd;
	border-radius:4px;
	width:100%;
	margin-bottom:0.4rem;
	outline:none;
}
.quick > .box > .mid textarea {
	height:9rem;
	resize:none;
}
.quick > .box > .mid .agree_box {
	display:flex;
	align-items:center;
}
.quick > .box > .mid .agree_box > p {
	display:flex;
	align-items:center;
}
.quick > .box > .mid .agree_box > p > input[type="checkbox"] {
	width:17px;
	height:17px;
	margin-right:1rem;
}
.quick > .box > .mid .agree_box > p > label {
	font-size:1.6rem;
	font-weight:400;
	color:#222;
}
.quick > .box > .mid .agree_box .btn-agree-all {
	font-size:1.4rem;
	color:#999;
	display:inline-block;
	margin-left:0.5rem;
	text-decoration:underline;
}
.quick > .box > .mid .btn-submit {
	font-size:1.6rem;
	display:block;
	width:100%;
	box-sizing:border-box;
	border-radius:4px;
	padding:1.2rem 1rem 1rem;
	text-align:center;
	background:#222;
	color:#fff;
	outline:none;
	border:0;
	margin-top:2rem;
}


.quick-btm {
	position:fixed;
	right:2rem;
	bottom:2rem;
	z-index:10;
}
.quick-btm .inner {
	box-sizing:border-box;
	padding:2rem;
	position:relative;
}
.quick-btm .btn-quick {
	position:relative;
	display:inline-block;
	width:10rem;
	height:10rem;
	border-radius:50%;
	background: linear-gradient(135deg, rgba(72,90,93,1) 0%, rgba(177,211,74,1) 100%);
	text-align:center;
	font-size:1.6rem;
	font-weight:600;
	color:#fff;
	line-height:10rem;
	z-index:10;
}
.quick-btm .inner .bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url('../_img/comm/quick_circle.png') no-repeat center center / cover;
	transform:rotate(0);
	animation:rotate 30s linear;
	animation-iteration-count:infinite;
	animation-direction:normal;
	z-index:0;
}
@keyframes rotate {
	0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}
@media (max-width: 991.98px) {
	.quick {
		width:calc(100% - 4rem);
		right:2rem;
		bottom:2rem;
		z-index:120;
	}
	.quick > .box > .mid input[type="text"],
	.quick > .box > .mid select,
	.quick > .box > .mid textarea{
		padding:1rem 1rem;
	}
	.quick > .box > .mid textarea {
		height:10rem;
	}
	.quick > .box > .mid .btn-submit {
		padding:2rem 1rem 1.5rem;
	}
	.quick-btm {
		right:1.5rem;
		bottom:1.5rem;
	}
	.quick-btm .inner {
		padding:1.5rem;
	}
	.quick-btm .btn-quick {
		width:6rem;
		height:6rem;
		font-size:1.2rem;
		line-height:6rem;
	}
}


/* 테이블스타일 */
.table-wrap table {
	width:100%;
}
.table-wrap table th,
.table-wrap table td {
	font-family:"SUIT", "Noto Sans KR", sans-serif;
	box-sizing:border-box;
	padding:1.5rem 1rem;
	font-size:2rem;
	color:#222;
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fff;
}
.table-wrap table thead th:last-child,
.table-wrap table tbody td:last-child {
	border-right:0;
}
.table-wrap table tbody tr:last-child th,
.table-wrap table tbody tr:last-child td {
	border-bottom:0;
}
.table-wrap table thead th {
	background:#1a5c8e;
	color:#fff;
}
@media (max-width: 991.98px) {
	.table-wrap table th,
	.table-wrap table td {
		padding:1rem;
		font-size:1.8rem;
	}
}