body {color:#000;background: #ffffff;}

#contents {
	margin-top:92px;
	padding-bottom: 30px;
}

.box {
	width:100%;
	max-width:1400px;
	margin:auto;
	transition: 0.4s ease;
}


/* 헤더 */

#header {
	width: 100%;
	position: fixed;
	height:92px;
	top:0;
	background:#fff;
	box-shadow: 0 3px 12px -2px #858585;
	z-index: 100;
}

#header .top-box {
	max-width:1740px;
	margin:auto;
	padding: 10px 0;
	overflow:hidden;
	transition: 0.4s ease;
}

#header .top-box .logo {
	float:left;
	padding: 10px 0;
}

#header .top-box .logo img {
	height: 48px;
}

.top-menu {
	padding:20px 0;
	float:right;
	margin-right: 84px;
}

.main-nav {
	display:flex;
	justify-content:center;
	list-style:none;
	text-align:center;
}

.main-nav .top-link {
	font-size:18px;
	font-weight:700;
}

.nav-item {
	width: 215px;
}
.sub-nav {
	display:none;
	margin-top: 50px;
	font-size: 16px;
	font-weight:500;
}

.sub-nav li {
	margin: 10px 0;
}

.m-menu-open {
	display:none;
}


/*서브페이지 상단 */

.sub-banner {
	background:url("../../images/top_bg.png") no-repeat center center;
	background-size:cover;
	width:100%;
	height:286px;
	position:relative;
	color:#fff;
	font-size:16px;
	font-weight:300;
	text-align:center;
	padding-top: 100px;
	box-sizing: border-box;
	line-height: 40px;
}

.sub-banner span {
	font-size:40px;
	font-weight:bold;
}

.cate-box {
	width:100%;
	position:relative;
	border-bottom:1px solid #e5e5e5;
}

.cate-box ul.cate-ul {
	width:100%;
	max-width:1186px;
	margin: auto;
}

.cate-box ul li {
	display: table-cell;
	border-right:1px solid #e5e5e5;
	position: relative;
}

.cate-box ul li.home {
	border-left:1px solid #e5e5e5;
}

.cate-box ul li a {
	width: 194px;
	padding: 18px;
	display: block;
}

.cate-box ul li.home a {
	width: 26px;
	text-align: center;
}

.cate-box ul li a span {
	float:right;
}


.main-cate-list {
	display:none;
	position: absolute;
	background: #fff;
	top: 58px;
	left: 0;
	left: -1px;
	width: calc(100% + 2px);	
}

.main-cate-list ul li, .sub-cate-list ul li {
	width: 100%;
	height: 30px;
	padding: 17px;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	display: table;
}

.main-cate-list ul li a, .sub-cate-list ul li a {
	width: auto;
	padding: 0;
}

.main-cate-list ul li:hover, .sub-cate-list ul li:hover {
	background:#05260C;
	color:#fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	cursor:pointer;
}

.main-cate-list ul li:hover a, .sub-cate-list ul li:hover a {
	color:#fff;
}

.sub-cate-list {
	display:none;
	position: absolute;
	background: #fff;
	top: 58px;
	left: 0;
	left: -1px;
	width: calc(100% + 2px);
	z-index:50;
}

/* 공통 */
input.form-input, select.form-input {
	border:1px solid #BBBBBB;
	padding:12px 14px;
	border-radius:6px;
}

option:disabled {
	color: #999;
}

.form-btn {
	width:244px;
	text-align:center;
	margin:auto;
	overflow: hidden;
	margin-top:120px;
}

.form-btn div {
	width:100px;
	height:50px;
	line-height:50px;
	color:#05260C;
	border:1px solid #05260C;
	float:left;
	margin:10px;
	cursor:pointer;
	font-size:16px;
}

.form-btn div.next, .form-btn div.submit, .form-btn div.home {
	color:#fff;
	background:#05260C;
}

.form-btn div.list {
	float:none;
	margin: auto;
	background:#fff;
	width:120px;
	height:40px;
	line-height:40px;
	border:1px solid #DDDDDD;
}

.form-btn div.list:hover {
	background:#f7f7f7;
}


.no-data {
	width:100%;
	text-align:center;
}

.item-table .right-box {
	float:right;
}

.item-table .table-top {
	width:100%;
	height:50px;
	line-height: 50px;
	margin-top: 50px;
	overflow: hidden;
}
.item-table .select-box {
	position: relative;
	float:left;
	margin-left:15px;
}

.item-table .select-box select {
	width: 100%;
	height: 40px;
	padding: 0 45px 0 16px;
	font-size: 14px;
	color: #545454;
	background: #fff;
	border: none;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

.item-table .select-box select {
	border: 1px solid #d9d9d9;
}

.item-table .select-box::after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	width: 10px;
	height: 6px;
	background: url('../../images/select_down.png') no-repeat center / contain;
	transform: translateY(-50%);
	pointer-events: none;
}

.board-box .search-box .select-box {
	margin-right:15px;
}

.item-table .input-box {
	float:left;
}

.item-table .input-box input {
	height: 38px;
	padding: 0 20px;
	font-size: 14px;
	color: #545454;
	background: #fff;
	border: none;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #d9d9d9;
}

.item-table .input-box input.search_submit {
	height: 40px;
	padding: 0 30px;
	cursor:pointer;
	background: #05260C;
	color: #fff;
}

.item-cate-box {
	width:100%;
}

.item-cate-box ul {
	display: flex;
	flex-wrap: wrap;
}

.item-cate-box li {
	font-size:18px;
	text-align:center;
	width: calc(25%);
	height:70px;
	background:#EEEEEE;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
}

.item-cate-box li.active {
	background:#05260C;
	color:#fff;
}


/* 메인 */

.main-banner .banner-box {
	background:url("../../images/main_banner.png") no-repeat center center;
	background-size:cover;
	width:100%;
	height:1000px;
	position:relative;
	color:#fff;
}

.main-banner .banner-box .top-txt {
	width:100%;
	max-width:1740px;
	margin:auto;
	text-align:left;
	font-size:40px;
	font-weight:bold;
	padding-top: 60px;
	transition: 0.4s ease;
}

.main-banner .banner-box .top-txt span {
	font-size:26px;
	color:#175d26;
}

.main-banner .banner-box .bottom-txt {
	position:absolute;
	bottom:60px;
	width:560px;
	left:50%;
	margin-left:-300px;
	text-align:center;
	font-size: 24px;
	font-weight: 300;
	z-index: 10;
	transition: 0.4s ease;
}

.main-banner .banner-box .bottom-txt span {
	font-size:40px;
	font-weight:500;
}

.main-banner .board-list-box {
	position:absolute;
	top:0;
	right:0;
	width:560px;
	height:1000px;
}

.main-banner .board-list-box .business-list {
	background:#ffffffa1;
	height:60%;
	box-sizing: border-box;
	padding:40px;
}

.main-banner .board-list-box .notice-list {
	background:#175d268c;
	height:40%;
	color:#fff;
	box-sizing: border-box;
	padding:40px;
}

.main-banner .board-list-box .list-title {
	border-bottom:3px solid #bdbdbd;
	font-size: 24px;
	font-weight: bold;
	padding-bottom:10px;
	margin-top: 15px;
}

.main-banner .board-list-box .list-title a {
	float:right;
	font-size: 14px;
	font-weight: 300;
	margin-top: 10px;
}

.main-banner .board-list-box .notice-list .list-title {
	border-bottom:3px solid #fff;
}

.main-banner .board-list-box .notice-list .list-title a {
	color:#fff;
}

.main-banner .business-list .recent-wrap {
	width: 480px;
	overflow: hidden;
}

.main-banner .business-list .recent-slider {
	display: flex;
	transition: transform 0.4s ease;
}

.main-banner .business-list .slide {
	width: 480px;
	flex-shrink: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-banner .business-list .slide li {
	padding: 26px 15px;
	border-bottom: 1px solid #c9c9c9;
}

.main-banner .business-list .slide li .status {
	background:#000;
	color:#fff;
	padding:10px;
	border-radius:10px;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: 64px;
	text-align: center;
}

.main-banner .business-list .slide li .status-접수중 {
	background:#f9b212;
}

.main-banner .business-list .slide li .status-접수마감 {
	background:#b1b1b1;
}


.main-banner .business-list .slide li .cont {
	display: inline-block;
	font-size:24px;
	padding-left: 20px;
	width: 346px;
	font-weight: 500;
}

.main-banner .business-list .slide li .cont .subject {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-banner .business-list .slide li .cont-sub {
	font-size:14px;
	margin-top: 16px;
	font-weight: 400;
}

.main-banner .business-list .slide li .cont-sub .name {
	float:left;
}

.main-banner .business-list .slide li .cont-sub .date {
	float:right;
	line-height: 18px;
}

.main-banner .business-list .slide li .cont-sub .date img {
	vertical-align: bottom;
	margin-right:5px;
}


.main-banner .business-list .dot-nav {
	text-align: center;
	margin-top: 24px;
}

.main-banner .business-list .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
}

.main-banner .business-list .dot.active {
	background: #000;
}

.main-banner .notice-list ul li {
	padding:25px 5px;
	border-bottom:1px solid #fff;
	font-weight: 300;
	display: flex;
	align-items: center;
	gap: 10px;
}

.main-banner .notice-list .subject {
	flex: 1;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	font-size:20px;
}

.main-banner .notice-list .date {
	flex-shrink: 0;
	width: 90px;
	text-align: right;
}


.main-box {
	position:relative;
	margin-top:50px;
}

.main-item-box-1 .item-left {
	display: inline-block;
}

.main-item-box-1 .item-left img {
	width:100%;
}

.main-item-box-1 .item-right {
	margin-left:20px;
	display: inline-block;
	vertical-align: top;
}

.main-item-box-1 .item-right a {
	background: #063911;
	color: #fff;
	padding: 54px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size:32px;
	font-weight:bold;
	height: 145px;
	transition: background 0.3s ease, color 0.3s ease;
}

.main-item-box-1 .item-right .btn-2 {
	background:#fff;
	color:#063911;
}


.main-item-box-2 {
	padding: 300px 0;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	color:#063911;
}

.main-item-box-3 {
	position:relative;
	width:100%;
	margin-bottom:100px;
}

.main-item-box-3 .item-left {
	width:25%;
	height:740px;
	background:#03290b;
	color:#fff;
	padding:160px 50px;
	font-size: 16px;
	box-sizing: border-box;
}

.main-item-box-3 .item-left span {
	font-size:36px;
	font-weight:bold;
}

.main-item-box-3 .item-right {
	width:78%;
	height: 640px;
	position:absolute;
	top:50px;
	left:20%;
}

.main-item-box-3 .item-right ul {
	display: flex;
	height: 100%;
	gap: 2%;
}

.main-item-box-3 .item-right ul li {
	flex: 1;
	height:100%;
	position:relative;
	cursor:pointer;
	color:#fff;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 2px 2px 7px 0px #858585;
}

.main-item-box-3 .item-right ul li:hover .icon-box {
	bottom: 25%;
}


.main-item-box-3 .item-right ul li .icon-box {
	position:absolute;
	bottom:15%;	
	text-align:center;
	width: 100%;
	font-size:34px;
	transition: bottom 0.4s ease;
}

.main-item-box-3 .item-right ul li .icon-box img {
	margin-bottom:20px;
}


.main-item-box-3 .item-right ul li.btn-1 {
	background:url("../../images/reserve_item01.png") no-repeat center center;
	background-size:cover;
}

.main-item-box-3 .item-right ul li.btn-2 {
	background:url("../../images/reserve_item03.png") no-repeat center center;
	background-size:cover;
}

.main-item-box-3 .item-right ul li.btn-3 {
	background:url("../../images/reserve_item04.png") no-repeat center center;
	background-size:cover;
}

.main-item-box-3 .item-right ul li.btn-4 {
	background:url("../../images/reserve_item02.png") no-repeat center center;
	background-size:cover;
}


.main-item-box-4 {
	overflow:hidden;
}

.main-item-box-4 ul li {
	float:left;
	width:15%;
	text-align: center;
	font-weight:500;
	font-size:16px;
	padding-top: 10px;
}

.main-item-box-4 ul li.quick-service {
	width:auto;
	text-align: center;
	font-size:40px;
	font-weight:bold;
	margin-right: 14%;
	padding-top: 0;
}

.main-item-box-4 ul li.quick-service span {
	color:#f9b212;
}

.main-item-box-5 {
	width:1740px;
	margin:auto;
	overflow:hidden;
	margin-top:130px;
	transition: 0.4s ease;
}

.main-item-box-5 ul li {
	float:left;
	width:25%;
	text-align: center;
	font-weight:500;
	font-size:16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 서브공통 */ 

.sub-title {
	font-size:40px;
	font-weight:bold;
	padding-bottom:30px;
	border-bottom:2px solid #063911;
	margin-top:50px;
	margin-bottom:30px;
}

/* 소개 */

.intro-box .item-title {
	width:100%;
	font-size:24px;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:2px solid #BBBBBB;
	margin-bottom:10px;
}

.intro-box .item-box-1 {
	overflow:hidden;
	padding-bottom:150px;
}

.intro-box .item-box-1 .txt {
	margin:100px;
	font-size:36px;
	text-align:center;
}

.intro-box .item-box-1 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.intro-box .item-box-1 ul li {
	font-size:24px;
	text-align:center;
	width: calc(50% - 10px);
	display: flex;
}

.intro-box .item-box-1 ul li .item-left {
	background:#03290b;
	color:#fff;
	width:40%;
	height:170px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.intro-box .item-box-1 ul li .item-right {
	font-size: 16px;
	width:60%;
	background:#EEEEEE;
	height:170px;
	text-align:left;
	padding:10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	line-height: 42px;
	color:#373737;
}

.intro-box .item-box-2 {
	margin-top:100px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-bottom: 100px;
}

.intro-box .item-box-2 ul {
	width:45%;

}
.intro-box .item-box-2 ul li {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-bottom: 70px;
	font-size: 16px;
}

.intro-box .item-box-2 ul li div {
	display: flex;
	align-items: center;
}

.intro-box .item-box-2 ul li .item-left {
	font-weight:bold;
	width:100px;
}

.intro-box .overview-banner {
	background:url("../../images/business_img02.png") no-repeat center center;
	background-size:cover;
	width:100%;
	height:400px;
	position:relative;
	color:#fff;
	font-size:70px;
	font-weight:bold;
	text-align:center;
	padding-top: 32px;
	box-sizing: border-box;
	line-height: 100px;
}

.intro-box .overview-banner span {
	font-size:40px;
}

.intro-box .overview-banner span strong {
	font-size:48px;
}

.intro-box .item-box-3 {
	background:url("../../images/business_bg02.png") no-repeat right top;
	width:100%;
	padding-bottom:200px;
}

.intro-box .item-box-3 .txt {
	font-size:44px;
	text-align:center;
	padding-bottom:50px;
	padding-top:150px;
	font-weight: bold;
	line-height:72px;
}

.intro-box .item-box-3 .txt span {
	font-size:40px;
	color:#0A3B14;
	font-weight: 500;
}

.intro-box .item-box-3 .txt span strong {
	font-size:48px;
}

.intro-box .item-box-3 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 250px;
	justify-content: center;
}

.intro-box .item-box-3 ul li {
	width:300px;
	height:490px;
	text-align: center;
	background:#0A3B14;
	font-size:28px;
	color:#fff;
	padding-top:106px;
	box-sizing:border-box;
}

.intro-box .item-box-4 {
	padding-bottom:50px;
}

.intro-box .item-box-4 .txt {
	font-size:44px;
	text-align:center;
	padding-bottom:50px;
	padding-top:50px;
	font-weight: bold;
	line-height:72px;
}

.intro-box .item-box-4 .txt span {
	font-size:40px;
	color:#0A3B14;
	font-weight: 500;
}

.intro-box .item-box-4 .txt span strong {
	font-size:48px;
}


.intro-box .item-box-4 ul li {
	font-size:28px;
	text-align:center;
	width:900px;
	margin: auto;
	position: relative;
	height: 170px;
	margin-bottom: 115px;
}

.intro-box .item-box-4 ul li .item-left {
	background:#03290b;
	color:#fff;
	width:300px;
	height:170px;
	position: absolute;
	top: 0;
	line-height: 170px;
	z-index:10;
}

.intro-box .item-box-4 ul li .item-right {
	font-size: 16px;
	width:640px;
	background:#EEEEEE;
	text-align:left;
	padding: 25px 25px 25px 80px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	line-height: 24px;
	color:#373737;
	z-index:9;
	position: absolute;
	top: 30px;
	right: 0;
}

.intro-box .item-box-5 .item-title {
	font-size:32px;
	margin-bottom:30px;
}

.intro-box .item-box-5 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 110px;
	justify-content: center;
	margin-top:55px;
}

.intro-box .item-box-5 ul li {
	width:390px;
	height:274px;
	text-align: center;
	background:#EEEEEE;
	font-size:28px;
	box-sizing:border-box;
}

.intro-box .item-box-5 ul li .item-top {
	background:#698C58;
	color:#fff;
	height:120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.intro-box .item-box-5 ul li .item-top-2 {
	background:#3385BD;
}

.intro-box .item-box-5 ul li .item-top-3 {
	background:#C87F7B;
}

.intro-box .item-box-5 ul li .item-bottom {
	font-size:18px;
	line-height: 36px;
	padding-top: 20px;
	text-align:left;
	width: 290px;
	margin:auto;
}

.intro-box .item-box-6 {
	margin-top:100px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-bottom: 100px;
}

.intro-box .item-box-6 ul {
	width:49%;

}
.intro-box .item-box-6 ul li {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-bottom: 70px;
	font-size: 16px;
}

.intro-box .item-box-6 ul li div {
	display: flex;
	align-items: center;
}

.intro-box .item-box-6 ul li .item-left {
	font-weight:bold;
	width:215px;
	color:#0A3B14;
}

.intro-box .item-box-7 {
	margin-bottom:130px;
}

.intro-box .item-box-7 .item-title {
	font-size:32px;
	margin-bottom:30px;
}

.intro-box .item-box-7 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 110px;
	justify-content: center;
	margin-top:55px;
}

.intro-box .item-box-7 ul li {
	width:390px;
	height:576px;
	text-align: center;
	background:#EEEEEE;
	font-size:28px;
	box-sizing:border-box;
}

.intro-box .item-box-7 ul li .item-top {
	background:#0D263A;
	color:#fff;
	height:120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.intro-box .item-box-7 ul li .item-bottom {
	font-size:18px;
	line-height: 36px;
	padding-top: 20px;
	text-align:left;
	width: 254px;
	margin:auto;
}

.intro-box .item-box-7 ul li .item-bottom-1 {
	width: 322px;
}

.intro-box .item-box-8 {
	margin-bottom:200px;
}

.intro-box .item-box-8 .item-title {
	font-size:32px;
	margin-bottom:30px;
}


.intro-box .map-box {
	text-align:center;
}

.intro-box .item-box-9 {
	margin-top:100px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-bottom: 100px;
}

.intro-box .item-box-9 ul {
	margin-bottom: 35px;

}
.intro-box .item-box-9 ul li {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-bottom: 70px;
	font-size: 16px;
}

.intro-box .item-box-9 ul li div {
	display: flex;
	align-items: center;
}

.intro-box .item-box-9 ul li .item-left {
	font-weight:bold;
	width:215px;
	color:#0A3B14;
	text-align:center;
	justify-content: center;
}

.intro-box .item-box-9 ul li .item-right {
	font-size: 24px;
	line-height: 36px;
}

/*현황*/


.current-box .item-title {
	width:100%;
	font-size:24px;
	font-weight:bold;
	padding-bottom:40px;
	padding-top: 50px;
}

.current-box .item-box-1 {
	overflow:hidden;
	padding-bottom:150px;
}

.current-box .item-txt {
	font-size:18px;
	line-height: 30px;
}

.current-box .tab-content {
	display:none;
}

.current-box .item-list {
	width:100%;
	margin-top: 25px;
}

.current-box .item-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom:70px;
}

.current-box .item-list li {
	font-size:18px;
	text-align:center;
	width: calc((100% - 60px) / 4);
	height:250px;
	background:#EEEEEE;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.current-box .item-box-1 .item-list {
	margin-top: 100px;
}

.current-box .item-box-1 .item-list li {
	width: calc((81% - 40px) / 3);
}

.current-box .item-box-1 .item-list li:first-child {
	text-align:left;
	background:#fff;
	width: calc(19% - 20px);
	align-items: flex-start;
	line-height:70px;
	margin-top: -10px;
}

.current-box .item-list li .title {
	font-weight:bold;
}
.current-box .item-list li .desc {
	line-height:24px;
}


.current-box .item-box-2 .item-box, .current-box .item-box-3 .item-box, .current-box .item-box-4 .item-box {
	width:100%;
	height:450px;
	line-height:450px;
	background:#EEEEEE;
	text-align:center;
	font-weight:500;
	font-size:24px;
}


/* 첨단분석지원실 */



.reservation-box .item-table .table-top {
	margin-top:0px;
}

.reservation-box .item-cate-box li {
	font-size:18px;
	text-align:center;
	width: calc(33.3%);
	height:70px;
	background:#EEEEEE;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
}

.reservation-box .item-cate-box li.active {
	background:#05260C;
	color:#fff;
}

.reservation-box .item-title {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 2px solid #BBBBBB;
    padding-bottom:20px;
	padding-top: 50px;
	margin-bottom:30px;
}


.reservation-box .tab-content {
	display:none;
}


.reservation-box .item-box-1 .item-box, .reservation-box .item-box-2 .item-box, .reservation-box .item-box-3 .item-box {
	width:100%;
	height:450px;
	line-height:450px;
	background:#EEEEEE;
	text-align:center;
	font-weight:500;
	font-size:24px;
}

.reservation-box #default_form .select-box {
	margin-left:0;
	margin-right:10px;
}

.my-reservation {
	padding:10.5px 40px;
	background:#05260C;
	color:#fff;
	text-align:center;
}

.reservation-box .item-box-4 {
	padding-bottom: 100px;
}

.reservation-box .item-box-4 .sort-box {
	margin-top:100px;
	width:100%;
}

.reservation-box .item-box-4 .sort-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 100px;
}

.reservation-box .item-box-4 .sort-box li.sort-item {
	font-size:36px;
	text-align:center;
	width: calc((100% - 200px) / 3);
	aspect-ratio: 1 / 1;
	background:#EEEEEE;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	color:#fff;
	box-shadow: 2px 2px 7px 0px #858585;
	padding-top: 32px;
	box-sizing: border-box;
	cursor:pointer;
}

.reservation-box .item-box-4 .sort-box li.sort-item-1 {
	background:url("../../images/equipment_img01.png") no-repeat center center;
	background-size:cover;
}

.reservation-box .item-box-4 .sort-box li.sort-item-2 {
	background:url("../../images/equipment_img02.png") no-repeat center center;
	background-size:cover;
}

.reservation-box .item-box-4 .sort-box li.sort-item-3 {
	background:url("../../images/equipment_img03.png") no-repeat center center;
	background-size:cover;
}


.reservation-box .item-box-4 .sort-box .sort-ul-item-eq {
	gap: 175px;
	margin-top: 130px;
}

.reservation-box .item-box-4 .sort-box li.sort-item-eq {
	font-size:24px;
	text-align:center;
	width: 350px;
	background:#fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	cursor:pointer;
	margin-top: -100px;
}
.reservation-box .item-box-4 .sort-box li.sort-item-eq .txt {
	background:#EEEEEE;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	height: 100px;
	width:100%;
	border:1px solid #BBBBBB;
}

.reservation-box .item-box-4 .sort-box li.sort-item-eq .sub_txt {
	font-size:18px;
	color:#444444;
}


.reservation-box .item-box-5 .item-box {
	width:100%;
	margin-top: 100px;
}

.reservation-box .item-box-5 .item-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 124px;
}

.reservation-box .item-box-5 .item-box ul li {
	text-align:center;
	width:384px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	margin-top: -46px;
}

.reservation-box .item-box-6 {
	margin-top: 100px;
	padding-bottom: 100px;
}

.reservation-box .item-box-6 .item-box {
	width:100%;
	margin-top: 50px;
}

.reservation-box .item-box-6 .item-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 23px;
}

.reservation-box .item-box-6 .item-box ul li {
	text-align:center;
	font-size:28px;
	font-weight:500;
	width:285px;
	height:180px;
	background:#0A3B14;
	color:#fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 60px;
}

.reservation-box .item-box-6 .item-box ul li.arrow {
	text-align:center;
	width:40px;
	background:#fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.reservation-box .item-box-6 .item-box ul li:last-child {
	background:#F7AD38;
}

.reservation-box .item-box-5 .item-box {
	width:100%;
	margin-top: 100px;
}

.reservation-box .item-box-5 .item-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 124px;
}

.reservation-box .item-box-5 .item-box ul li {
	text-align:center;
	width:384px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	margin-top: -46px;
}

.reservation-box .item-box-6 {
	margin-top: 100px;
	padding-bottom: 100px;
}

.reservation-box .item-box-6 .item-box {
	width:100%;
	margin-top: 50px;
}

.reservation-box .item-box-6 .item-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 23px;
}

.reservation-box .item-box-6 .item-box ul li {
	text-align:center;
	font-size:28px;
	font-weight:500;
	width:285px;
	height:180px;
	background:#0A3B14;
	color:#fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 60px;
}

.reservation-box .item-box-6 .item-box ul li.arrow {
	text-align:center;
	width:40px;
	background:#fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.reservation-box .item-box-6 .item-box ul li:last-child {
	background:#F7AD38;
}

.reservation-box .item-box-7 {
	font-size:18px;
}

.reservation-box .item-box-7 .item-box  {
	margin-top: 80px;
}

.reservation-box .item-box-7 .item-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 46px;
}

.reservation-box .item-box-7 .item-box ul li.item-li {
	text-align:left;
	font-size:28px;
	font-weight:500;
	width:430px;
	color:#000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 54px;
}

.reservation-box .item-box-7 .item-box ul li.item-li-2 {
	width:448px;
}


.reservation-box .item-box-7 .item-box ul li.item-li .name {
	font-size:44px;
	color:#005628;
	font-weight:bold;
}
.reservation-box .item-box-7 .item-box ul li.item-li .name span {
	font-size:28px;
	font-weight:500;
	color:#000;
}

.reservation-box .item-box-7 .item-box ul li .model-info ul li {
	width:100%;
	font-size:18px;
	font-weight:400;
	line-height: 25px;
}

.reservation-box .item-box-7 .item-box ul li .model-info ul li .title {
	float:left;
	width:100px;
	color:#0A3B14;
	font-weight:bold;
}

.reservation-box .item-box-7 .form-box {
	margin-top:100px;
	overflow:hidden;
}

.reservation-box .item-box-7 .form-box ul li {
	width:100%;
	margin-bottom: 35px;
	float: left;
}

.reservation-box .item-box-7 .form-box ul li .title {
	float:left;
	width:12%;
	font-weight:bold;
	height:45px;
	line-height:45px;
}

.reservation-box .item-box-7 .form-box ul li .li-box {
	float:left;
	width:85.5%;
}

.reservation-box .item-box-7 .form-box ul li .eq_name {
	color:#BBBBBB;
}

.reservation-box .item-box-7 .guide {
	margin-top:100px;
	padding-bottom:50px;
	color:#F7AD38;
}

.reservation-box .item-box-7 .guide img {
	vertical-align: bottom;
}

.reservation-box .item-box-7 .guide .txt {
	margin-top:10px;
	font-size:16px;
	color:#444444;
}

.reservation-box .item-box-7 .agree {
	text-align:center;
	padding-right: 40px;
	margin-top:50px;
}


.reservation-box .item-box-7 .rev-list {
	display:none;
}


.reservation-box .item-box-7 .calendar {
	width: 100%;
	margin-top: 100px;
}

.reservation-box .item-box-7 .cal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 24px;
	margin-bottom: 40px;
}

.cal-header .prev,
.cal-header .next {
	color: #aaa;
	cursor: pointer;
	font-size: 18px;
}

.cal-header .prev:hover,
.cal-header .next:hover {
	color: #000;
}

.cal-header .title {
	font-size: 40px;
	font-weight: bold;
}

.reservation-box .item-box-7 .cal-week, .cal-body {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.reservation-box .item-box-7 .cal-week div {
	background: #0b2d14;
	color: #fff;
	text-align: center;
	padding: 25px 0;
	font-weight: bold;
}

.reservation-box .item-box-7 .cal-body div.day, .reservation-box .item-box-7 .cal-body div.null {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 150px;
	box-sizing: border-box;
	position: relative;
}

.reservation-box .item-box-7 .cal-body div.day-sun {
	border-left: 1px solid #ccc;
}
.reservation-box .item-box-7 .day-num {
	position: absolute;
	top: 8px;
	left: 8px;
	font-weight: bold;
}

.reservation-box .item-box-7 .sun { color: red;}
.reservation-box .item-box-7 .sat { color: blue; }

.reservation-box .item-box-7 .status {
	position: absolute;
	color: #fff;
	font-size: 18px;
	width: 100%;
	height: 100%;
	line-height: 150px;
	text-align: center;
	z-index: -1;
}

.unable { background: #bfbfbf; }
.using { background: #f6b23c; }


.reservation-box .item-box-8 .item-box {
	width:100%;
	text-align:center;
	padding:100px;
	box-sizing: border-box;
	font-size: 24px;
}

.reservation-box .item-box-8 .item-box img {
	margin-bottom:50px;
}

.reservation-box .item-box-8 .item-box span {
	color:#0A3B14;
	font-size: 32px;
	font-weight: bold;
}


.reservation-form-box {
	width: 820px;
    margin: auto;
    margin-top: 100px;
}

.rev-view input:read-only {
	color:#ff000;
}


/*커뮤니티*/
.board-box .search-box {
	width:100%;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #BBBBBB;
	overflow:hidden;
}
.board-box .search-box #default_form {
	float:right;
}

.board-box .item-table .table-top {
	margin-top: 30px;
}

.board-box .table-list .status {
	background:#000;
	color:#fff;
	padding:10px;
	border-radius:5px;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: 60px;
	text-align: center;
}

.board-box .table-list .status-접수중 {
	background:#f9b212;
}

.board-box .table-list .status-접수마감 {
	background:#b1b1b1;
}


/*로그인 */

.login-form-box {
	width: 544px;
}

.reservation-box .item-box-7 .login-form-box ul li .title {
	width: 20%;
}

.reservation-box .item-box-7 .login-form-box ul li .li-box {
	width: 78%;
}


.popBg {width:100%;height:100%;position:fixed;z-index:10;top:0;left:0;background:#000;opacity:0.6;display:none;}
.popBox {width:600px;margin:auto;padding:10px;position:absolute;margin-left:-300px;left:50%;z-index:11;display:none;top:50px;}
.red {color:#dc3545;}
.blue {color:#308ddd;}
.btn-danger {background-color: #f37053;border-color: #f37053;}
.btn-danger:hover {background-color: #e75738;border-color: #e75738;}
.btn-success {background-color: #28a745;border-color: #28a745;}
.btn-success:hover {background-color: #198754;border-color: #198754;}
.btn-info {background-color: #4b80f7;border-color: #4b80f7;color:#fff;}
.btn-info:hover {background-color: #2564f1;border-color: #2564f1;color:#fff;}

.radius {border-radius:24px !important;}
.padding5 {padding:5px !important;}
.padding10 {padding:10px !important;}
.padding20 {padding:20px !important;}
.boxShadow {overflow: hidden;box-shadow: 0 2px 8px 0 rgb(119 119 119 / 20%);border-radius: 15px !important;border: 1px solid #e1e1e1 !important;background: #fcfcfc !important;margin-bottom:20px;}
.floatLeft {float:left}
.floatRight {float:right}

.page .modalBg {position:fixed;top:0;left:0;width:100%;height:100%;background:#4c4c4c;opacity: 0.4;z-index:100;animation: modalBg 0.2s linear forwards;}
.page .modalBox {
    opacity:0;
    position: fixed;
    width: 540px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #bdbdbd;
    left: 50%;
    margin-left: -270px;
    top: 50%;
    margin-top: -80px;
    box-shadow: 0px 0px 10px 0px #7e7e7e;
    ;z-index:101;
    -webkit-transition: .3s; transition: .3s; 
    animation: modalBox 0.1s linear forwards;
}

@keyframes modalBg {
    0% {opacity:0;}
    100% {opacity:0.4;}
}

@keyframes modalBox {
    0% {opacity:0;}
    100% {opacity:1;}
}


.swal-button--danger {background-color: #28a745;}
.swal-button--danger:hover {background-color: #198754 !important;}
.swal-button--cancle {background-color: #f37053;}
.swal-button--cancle:hover {background-color: #e75738 !important;}
.swal-modal {width:520px;}
.swal-title {font-size: 24px;}


#tail {
	width:100%;
	background:#03290b;
	overflow:hidden;
	padding:40px 0;
}

#tail .info {
	float:left;
	color:#fff;
	font-weight:300;
}

#tail .info a {
	color:#fff;
	font-weight:500;
}

#tail .family-site {
	float:right;
	width: 240px;
	position: relative;
}

.family-site select {
	width: 100%;
	height: 48px;
	padding: 0 45px 0 16px;
	font-size: 14px;
	color: #999999;
	background: #fff;
	border: none;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

.family-site select {
	border: 1px solid #d9d9d9;
}

/* 커스텀 화살표 */
.family-site::after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	width: 10px;
	height: 6px;
	background: url('../../images/select_down.png') no-repeat center / contain;
	transform: translateY(-50%);
	pointer-events: none;
}


.mob {
	display:none !important;
}

.m-top-menu {
	display:none;
}

@media screen and (max-width: 1740px) {
	#header .top-box {
		max-width: 1400px;
	}

	.main-banner .banner-box .top-txt {
		max-width:1400px;
		box-sizing: border-box;
	}

	.main-item-box-5 {
		width:1400px;
	}

	.main-banner .banner-box .bottom-txt {
		opacity:0;
	}
}

@media screen and (max-width: 1460px) {
	.box {
		max-width: 1200px;
	}

	#header .top-box {
		max-width: 1200px;
	}

	.main-banner .banner-box .top-txt {
		max-width:1200px;
		font-size: 34px;
	}

	.main-banner .banner-box .top-txt span {
		font-size: 22px;
	}

	.main-item-box-5 {
		width:1200px;
	}

	.main-banner .banner-box .bottom-txt {
		opacity:0;
	}

	.main-item-box-1 .item-left {
		width: 670px;
	}

	.main-item-box-1 .item-right a {
		height: 89px;
	}
	
	.main-item-box-3 .item-left {
		width: 22%;
	}

	.main-item-box-4 ul li.quick-service {
		margin-right: 12%;
	}

	.mob-full {
		width:100%;
	}

	.intro-box .item-box-5 ul {
		gap: 5%;
	}

	.intro-box .item-box-5 ul li {
		width: 30%;
	}

	.reservation-box .item-box-4 .sort-box .sort-ul-item-eq {
		gap: 150px;
	}
	
	.reservation-box .item-box-4 .sort-box li.sort-item-eq {
		width: calc((100% - 300px) / 3);
	}

	.reservation-box .item-box-4 .sort-box .sort-ul-item-eq img {
		width:100%;
	}

	.reservation-box .item-box-5 .item-box ul {
		gap: 100px;
	}

	.reservation-box .item-box-5 .item-box ul li {
		width: calc((100% - 200px) / 3);
	}

	.reservation-box .item-box-5 .item-box ul li img {
		width:100%;
	}

	.reservation-box .item-box-6 .item-box ul li {
		width: calc((100% - 258px) / 4);
	}
	
	.reservation-box .item-box-7 .item-box ul {
		gap: 5%;
	}

	.reservation-box .item-box-7 .item-box ul li.item-li {
		width: 30%;
	}

	.reservation-box .item-box-7 .item-box ul li.item-li-2 {
		width: 30%;
	}

	.reservation-box .item-box-7 .item-box ul li .model-info ul li {
		margin: 3% 0;
	}
}


@media screen and (max-width: 1200px) {
	.pc {
		display:none !important;
	}

	.mob {
		display:block !important;
	}

	#header .top-box {
		padding:10px 3%;
	}

	.box {
		padding:3%;
		box-sizing: border-box;
	}

	#contents {
		padding-bottom:0;
	}
	
	#tail {
		padding: 1%;
        padding-bottom: 3%;
        box-sizing: border-box;
	}

	#tail .family-site {
		width: 30%;
	}

	#tail .family-site select {
	    height: 28px;
		margin-top: -4px;
		font-size: 12px;
	}

	#tail .box:first-child {
		float: left;
        border-bottom: 1px solid #fff;
	}

	.m-top-menu {
		display:none;
		width:100%;
		height:calc(100% - 92px);
		position:fixed;
		background:#fff;
		z-index: 99;
	}

	.m-top-menu .main-nav {
		display: inline;
		text-align: left;
	}

	.m-top-menu .nav-item {
		width:100%;
	}

	.m-top-menu .main-nav .top-link {
		padding:3%;
		border-bottom:1px solid #BBBBBB;
		cursor:pointer;
	}

	.m-top-menu .main-nav .sub-nav {
		background:#E6E6E6;
		margin-top: 0px;
	}

	.m-top-menu .main-nav .sub-nav li {		
		cursor:pointer;
		margin: 0;
		display: flex;
	}

	.m-top-menu .main-nav .sub-nav li a {
		padding:2% 3%;
		width:100%;
	}

	.m-menu-open {
		display:block;
		float: right;
		margin-top: 18px;
	}

	.m-menu-open img {
		height:36px;
	}
	
	.top-menu {
		display:none;
	}

	.main-banner .banner-box .bottom-txt {
		display:none;
	}

	.main-banner .board-list-box {
		position:relative;
	}

	.main-banner .banner-box .top-txt {
		padding:3%;
	}

	.main-banner .banner-box {
		height:64vw;
	}

	.main-banner .board-list-box {
		width: 100%;
		height: auto;
		overflow:hidden;
	}

	.main-banner .business-list .recent-wrap {
		width: 100%;
	}

	.main-banner .board-list-box .business-list, .main-banner .board-list-box .notice-list {
		padding: 1% 3%;
		height:auto;
		float: left;
		width: 50%;
		background: #EEEEEE;
		height: 300px;
	}

	.main-banner .board-list-box .notice-list {
		background: #175d268c;
	}

	.main-banner .business-list .slide {
		width: 100%;
	}

	.main-banner .business-list .slide li {
		padding: 11px 0px;
	}

	.main-banner .business-list .slide li .status {
		border-radius: 6px;
		padding: 4px;
		width: 20%;
	}

	.main-banner .business-list .slide li .cont {
		width: 75%;
		padding-left: 2%;
	}

	.main-banner .business-list .slide li .cont-sub {
		margin-top: 0px;
	}

	.main-banner .business-list .slide li .cont-sub .name {
		display:none;
	}

	.main-box {
		margin-top: 20px;
	}

	.main-item-box-1 .item-left {
		width:100%;
	}
	
	.main-item-box-1 .item-right {
		margin-left: 0px;
		width:100%;
	}

	.main-item-box-1 .item-right a {
		height:auto;
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding:3%;
		border:1px solid #063911;
		font-size: 4vw;
	}

	.main-item-box-1 .item-right a img {
		    height: 50px;
	}
	
	.main-item-box-2 {
		display:none;
	}
	
	.main-item-box-3 {
		background: #F6F6F6;
		margin-top:50px;
	}

	.main-item-box-3 .item-left {
        width: 100%;
		height:auto;
		padding: 3%;
		text-align:center;
		background: #F6F6F6;
		color:#000;
		padding-bottom: 0;
    }

	.main-item-box-3 .item-right {
		width: 100%;
		height: auto;
		position: relative;
		left: 0%;
		overflow: hidden;
		margin-top: -5%;
	}
	
	.main-item-box-3 .item-right ul {
		display: inline;
	}

	.main-item-box-3 .item-right ul li .icon-box {
		position: relative;
		font-size: 5vw;
	}

	.main-item-box-3 .item-right ul li {
		width: 44%;
        float: left;
        margin: 3%;
        padding: 2%;
        box-sizing: border-box;
	}

	.main-item-box-3 .item-right ul li .icon-box img {
		margin-bottom: 10%;
		height: 22vw;
		margin-top: 10%;
	}

	.main-item-box-4 ul li.quick-service {
        margin-right: 0;
        width: 100%;
    }

	.main-item-box-4 ul li {
		width: 33.3%;
		padding-top: 35px;
	}

	.main-item-box-5 {
        width: 100%;
		background:#F6F6F6;
    }

	.main-item-box-5 ul li {
		height:40px;
		width:26%;
		justify-content: left;
		margin-top: 2%;
        margin-bottom: 2%;
	}

	.main-item-box-5 ul li img {
		max-width: 90%;
		max-height:40px;
	}

	.main-item-box-5 ul li:first-child, .main-item-box-5 ul li.last-1 {
		width:22%;
		justify-content: center;
	}

	.main-item-box-5 ul li.last-2 {
		width:78%;
		justify-content: left;
	}

	.main-item-box-5 ul li:last-child img {
		height:40px;
		width: auto;
	}

	.intro-box .item-box-1 ul li .item-left {
		font-size: 2vw;
	}

	.intro-box .item-box-3 {
		padding-bottom: 0px;
		background-size: cover;
	}


	.intro-box .item-box-3 ul li {
		width:90%;
		margin:5%;
		display: flex;
        justify-content: left;
        text-align: left;
        align-items: center;
		height: auto;
		padding:5%;
	}

	.intro-box .item-box-3 ul li img {
		height: 80px;
		margin-right:10%;
	}

	.intro-box .item-box-5 ul {
		display: block;
	}

	.intro-box .item-box-5 ul li {
		width: 100%;
		display: flex;
		height: 140px;
		margin-bottom:10%;
	}

	.intro-box .item-box-5 ul li .item-top {
		height: 140px;
        box-sizing: border-box;
		width: 32%;
        word-break: break-all;
        padding: 2%;
        font-size: 3vw;
	}

	.intro-box .item-box-5 ul li .item-bottom {
		padding-top: 0px;
		margin-left: 5%;
		font-size: 3vw;
		width:auto;
	}

	.intro-box .item-box-6 ul {
		width:100%;
		margin-top: -20px;
	}
	
	.intro-box .item-box-6 ul li {
		border-bottom:1px solid #e5e5e5;
		padding-top: 20px;
		padding-bottom: 20px;
	}	

	.intro-box .item-box-6 ul li .item-left {
		width: 35%;
		font-size:2.8vw;
	}
	.intro-box .item-box-6 ul li .item-right {
		font-size:2.8vw;
	}

	.current-box .item-title {
		padding-bottom: 20px;
		padding-top: 30px;
	}

	.current-box .item-list li .title {
		font-size:1.4vw;
	}

	.current-box .item-list li .desc {
		font-size:1.4vw;
	}

	.current-box .item-box-1 {
		padding-bottom:0px;
	}
	
	.reservation-box .item-box-4 {
		padding-bottom: 0px;
	}

	.reservation-box .item-box-4 .sort-box ul {
		gap: 50px;
	}
	
	.reservation-box .item-box-4 .sort-box .sort-ul-item-eq  {
		gap: 100px;
		margin-top: 0;
	}
	
	.reservation-box .item-box-4 .sort-box li.sort-item-eq {
		width: calc((100% - 200px) / 3);
		margin-top: -20px;
		font-size: 2vw;
	}

	.reservation-box .item-box-4 .sort-box li.sort-item {
		font-size: 2.6vw;
		width: calc((100% - 100px) / 3);
	}

	.reservation-box .item-box-6 .item-box ul li {
        width: 100%;
		height: 120px;
    }

	.reservation-box .item-box-6 .item-box ul li.arrow {
		width: 100%;
		height: 90px;
	}

	.reservation-box .item-box-7 .item-box ul {
		gap: 5%;
	}

	.reservation-box .item-box-7 .item-box ul li.item-li {
		width: 47%;
	}
	
	.reservation-box .item-box-7 .item-box ul li.item-li .model-title {
		font-size:2.8vw;
	}
	
	.reservation-box .item-box-7 .item-box ul li.item-li .model-title .name {
		font-size:3.2vw;
	}

	.reservation-box .item-box-7 .item-box ul li.item-li .model-title .name span {
		font-size:2.8vw;
	}

	.reservation-box .item-box-7 .item-box ul li .model-info ul li {
		margin: 3% 0;
	}

}

@media screen and (max-width: 960px) {
	.pc {
		display:none !important;
	}

	.mob {
		display:block !important;
	}

	.m-top-menu .main-nav .sub-nav li a {
		padding:3% 3%;
	}

	.intro-box .item-box-1 ul li .item-left {
		font-size: 1.7vw;
	}

	.intro-box .item-box-1 ul li .item-right {
		font-size: 1.7vw;
		line-height: 33px;
	}

	.intro-box .item-box-3 .txt {
		font-size: 6vw;
		padding: 10%;
		padding-top: 100px;
		padding-bottom:50px;
		word-break: keep-all;
		line-height: 58px;
	}
	
	.intro-box .item-box-4 {
		padding-bottom:0;
	}

	.intro-box .item-box-4 ul li {
		width:100%;
		margin-bottom: 130px;
	}

	.intro-box .item-box-4 ul li .item-left {
		width:36%;
		height: 120px;
		line-height: 40px;
		font-size:4.5vw;
		top:-55px;
		display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
	}

	.intro-box .item-box-4 ul li .item-right {
		width: 95%;
		position: relative;
		padding: 50px 25px 25px 45px;
		line-height: 16px;
		margin-left:5%;
		font-size: 3vw;
	}

	.intro-box .item-box-4 ul li:last-child {
		margin-bottom:50px;
	}

	.intro-box .item-box-7 .item-title {
		font-size: 24px;
	}
	
	.intro-box .item-box-7 ul li {
		width:100%;
	}

	.intro-box .item-box-8 {
		margin-bottom:0;
	}	

	.map-wrap {
	  width: 100%;
	  max-width: 1400px;   /* PC 최대 폭 */
	  margin: 0 auto;
	}

	.root_daum_roughmap {
	  width: 100% !important;
	  height: 400px !important;
	}

	.root_daum_roughmap iframe {
	  width: 100% !important;
	  height: 400px !important;
	}
	
	.intro-box .item-box-9 ul {
		margin-bottom:0;
	}

	.intro-box .item-box-9 ul li {
		    flex-wrap: nowrap;
	}

	.intro-box .item-box-9 ul li .item-left {
		width:auto;
	}

	.intro-box .item-box-9 {
		padding-bottom: 0px;
	}

	.current-box .item-box-1 .item-list li:first-child {
		width:100% !important;
		height: 86px !important;
		line-height: 36px !important;
	}

	.current-box .item-list li .title {
		font-size:2.4vw;
	}

	.current-box .item-list li .desc {
		font-size:2.4vw;
	}

	.current-box .item-box-1 .item-list li {
		width: calc((100% - 40px) / 3) !important;
		aspect-ratio: 1 / 1 !important;
		height:auto !important;
	}

	.current-box .item-box-2 .item-list li,.current-box .item-box-3 .item-list li,.current-box .item-box-4 .item-list li {
		width: calc((100% - 60px) / 4) !important;
		aspect-ratio: 1 / 1 !important;
		height:auto !important;
	}


	.reservation-box .item-box-4 .sort-box .sort-ul-item-eq {
		gap:50px;
		margin-top: 0;
	}
	
	.reservation-box .item-box-4 .sort-box li.sort-item-eq {
		width: calc((100% - 50px) / 2);
		margin-top: -20px;
		font-size: 2.8vw;
	}

	.reservation-box .item-box-5 .item-box ul {
		gap: 50px;
	}

	.reservation-box .item-box-5 .item-box ul li {
		width: calc((100% - 100px) / 3);
		margin-bottom:50px;
	}

	.reservation-box .item-box-6 {
		margin-top: 0px;
		padding-bottom:0px;
	}

	.reservation-box .item-box-7 .item-box {
		margin-top: 0px;
		padding-top: 100px;
		position:relative;
		background:#F6F6F6;
	}

	.reservation-box .item-box-7 .item-box ul {
		gap: 5%;
	}

	.reservation-box .item-box-7 .item-box ul li.item-li {
		width: 100%;
	}
	
	.reservation-box .item-box-7 .item-box ul li.item-li-1 {
		align-items: center;
	}
	.reservation-box .item-box-7 .item-box ul li.item-li-1 img {
		width: 70%;
	}
	
	.reservation-box .item-box-7 .item-box ul li.item-li .model-title {
		font-size:3.2vw;
		position:absolute;
		top:20px;
		width:100%;
		text-align:center;
	}

	.reservation-box .item-box-7 .item-box ul li.item-li .model-title br {
		display:none;
	}
	
	.reservation-box .item-box-7 .item-box ul li.item-li .model-title .name {
		font-size:4vw;
	}

	.reservation-box .item-box-7 .item-box ul li.item-li .model-title .name span {
		font-size:3.2vw;
	}

	.reservation-box .item-box-7 .item-box ul li .model-info {
		padding-top:5%;
		padding-bottom:5%;
	}

	.reservation-box .item-box-7 .item-box ul li .model-info ul li {
		margin: 3% 5%;
	}

	.reservation-box .item-box-7 .cal-body div.day, .reservation-box .item-box-7 .cal-body div.null {
		height: 100px;
	}

	.reservation-box .item-box-7 .status {
		font-size: 2.4vw;
		line-height: 110px;
	}

	.reservation-box .item-box-7 .form-box {
		margin-top: 50px;
	}

	input.form-input, select.form-input {
		box-sizing: border-box;
	}
	
	.reservation-box .item-box-7 .form-box ul li {
		margin-bottom: 15px;
	}

	.reservation-box .item-box-7 .form-box ul li.li-date .form-input {
		margin-bottom: 15px;
	}

	.reservation-box .item-box-7 .form-box ul li .title {
		width: 25%;
	}

	.reservation-box .item-box-7 .form-box ul li .li-box {
		float: left;
		width: 70%;
	}

	.reservation-box .item-box-7 .form-box input.form-input, .reservation-box .item-box-7 .form-box select.form-input {
		width:100% !important;
	}
	
	.reservation-box .item-box-7 .agree {
		    padding-right: 0px;
	}

	.swal-modal {
		width: calc(100% - 20px) !important;
	}
	
	.reservation-box .item-box-8 .item-box {
		padding: 100px 0;
	}
	
	.reservation-form-box {
		width:100%;
	}

	.reservation-box .item-box-7 .myReservation {
		background: #fff;
		padding-top: 0px;
	}

	.reservation-box .item-box-7 .myReservation .form-btn {
		margin-top: 50px;
	}
}

@media screen and (max-width: 700px) {
	.pc {
		display:none !important;
	}

	.mob {
		display:block !important;
	}

	table {
		font-size: 2.8vw;
	}

	table.table th, table.table td {
		padding: 15px 5px;
		}

	#header .top-box {
		padding: 10px 5%;
	}

	.box {
		padding: 5%;
	}

	.m-top-menu .main-nav .top-link {
		padding: 5%;
	}

	.m-top-menu .main-nav .sub-nav li {
        padding: 3%;
    }

	.main-banner .banner-box .top-txt {
		max-width:100%;
		font-size:4.6vw;
		padding:7%;
	}

	.main-banner .banner-box .top-txt span {
		font-size: 3.5vw;
	}

	.main-banner .board-list-box .business-list, .main-banner .board-list-box .notice-list {
		padding: 2% 5%;
		height:auto;
		float: left;
		width: 100%;
		background: #EEEEEE;
		height: auto;
		padding-bottom:5%;
	}

	.main-banner .board-list-box .notice-list {
		background: #005628;
	}

	.main-banner .business-list .slide li .cont-sub .name {
		display:block;
	}

	.main-banner .business-list .slide li .cont-sub {
        margin-top: 6px;
    }

	.main-banner .business-list .slide li {
        padding: 15px 0px;
    }

	.main-item-box-1 .item-right a img {
		height:30px;
	}

	.main-item-box-3 .item-right {
		padding: 2%;
        box-sizing: border-box;
	}

	.main-item-box-3 .item-right ul li .icon-box {
		font-size: 4vw;
	}

	.sub-banner {
		height: 150px;
		line-height: normal;
		font-size: 2.5vw;
		padding-top: 50px;
	}

	.sub-banner span {
		font-size: 6vw;
		font-weight: bold;
	}
	
	.cate-box {
		height: 54px;
		border:0;
	}

	.cate-box ul li {
        width: calc(50% - 34px);
        float: left;
        border-bottom: 1px solid #e5e5e5;
        display: block;
    }

	.cate-box ul li:last-child {
		border-right: 0;
		width: calc(50% - 33px);
	}

	.cate-box ul li a {
		height: 19px;
		width:auto;
	}

	.cate-box ul li.home {
		width:64px;
	}

	.cate-box ul li.home a {
		height: 19px;
	}

	.cate-box ul li ul li{
        width: 100%;
    }

	.cate-box ul li ul li:last-child {
		border-right: 0;
		width: 100%;
	}

	.main-cate-list ul li, .sub-cate-list ul li {
		height: 54px;
	}

	.sub-title {
		font-size: 5vw;
		margin-top: 5%;
	}
	
	.intro-box .item-title {
		margin-bottom: 0px;
	}

	.intro-box .item-box-1 {
		padding-bottom:0;
	}
	
	.intro-box .item-box-1 .txt {
		margin:10% 5%;
		font-size: 4.8vw;
	}

	.intro-box .item-box-1 ul li {
		width: 100%;
	}

	.intro-box .item-box-1 ul li .item-left {
		font-size: 4.8vw;
		word-break: keep-all;
	}

	.intro-box .item-box-1 ul li .item-right {
		font-size: 3.2vw;
		line-height: 36px;
	}

	.intro-box .item-box-2 {
		margin-top:50px;
	}
	
	.intro-box .item-box-2 ul {
		width:100%;
		margin-top: -20px;
	}

	.intro-box .item-box-2 ul li {
		padding-bottom: 20px;
		padding-top: 20px;
		border-bottom:1px solid #e5e5e5;
	}

	.intro-box .item-box-2 ul li div {
		width: 70%;
		align-items: baseline;
	}

	.intro-box .item-box-2 ul li .item-left {
		width: 20%;
	}

	.intro-box .overview-banner {
		height: 320px;
		padding-top: 66px;
		line-height: 58px;
		font-size: 6.4vw;
	}

	.intro-box .item-box-9 ul li .item-right {
		font-size:3.2vw;
	}	

	.current-box .item-list li .title {
		font-size:3vw;
	}

	.current-box .item-list li .desc {
		font-size:3vw;
	}
	
	.current-box .item-box-1 .item-list li, .current-box .item-box-2 .item-list li , .current-box .item-box-3 .item-list li , .current-box .item-box-4 .item-list li {
		width: calc((100% - 20px) / 2) !important;
		aspect-ratio: 1 / 1 !important;
		height:auto !important;
	}

	.current-box .item-box-1 .item-list li:last-child {
		display:none !important;
	}

	.reservation-box .item-box-4 .sort-box ul {
		gap:50px;
	}

	.reservation-box .item-box-4 .sort-box li.sort-item {
		font-size: 6vw;
		width:100%;
		max-height:300px;
	}
	
	.reservation-box .item-table .table-top {
		height:auto;
	}

	.reservation-box .table-top .select-box, .reservation-box .table-top .input-box, .reservation-box .table-top .select-box, .reservation-box .table-top .right-box {
		width: 100%;
	}

	.reservation-box .table-top .input-box .search_input, .reservation-box .table-top .input-box .search_submit {
		width: 100%;
		box-sizing: border-box;
	}

	.reservation-box .item-box-4 .sort-box li.sort-item-eq {
		width:100%;
		font-size: 4.2vw;
	}
	
	.item-table .select-box {
		margin-left: 0px;
	}

	.board-box .search-box #default_form {
		float:none;
	}

	.board-box .search-box .select-box, .board-box .search-box .input-box {
		margin-right: 0px;
		width:100%;
	}

	.board-box .search-box {
		    line-height: 50px;
	}

	.item-table .search-box .input-box input {
		width:100%;
		box-sizing: border-box;
	}	

	table.table-view td .cont {
		    min-height: 200px;
	}
		
	.view-m-type table.table .view-link td {
		display: flow;
	}

	.board-box .view-m-type .status {
		padding: 5px;
		float:left;
		margin-right:15px;
	}

	.board-box .view-m-type .table-m-type {
		height: 30px;
        line-height: 30px;
        margin-bottom: 10px;
	}

	.board-box .view-m-type .table-m-subject {
        font-size: 3.2vw;
	}

	.board-box .view-m-type .table-m-info {
        margin-bottom: 10px;
		margin-top:10px;
	}

	.board-box .view-m-type .table-m-info .file {
		float:right;
		margin-top: -5px;
	}

	.view-m-type table.table td {
		border-top:0;
	}

	.view-m-type table.table {
		border-top: 1px solid #E1E1E1;
	}	


	.reservation-box .item-box-4 .sort-box {
		    margin-top: 50px;
	}

	.main-banner .business-list .slide li .cont-sub {
		font-size:13px;
	}

	#tail .info {
		font-size: 14px;
	}
}