@charset "utf-8";


/* 로딩바를 표시할 요소의 스타일 */
.loading-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	display: none; /* 초기에는 로딩바 숨김 */
	flex-direction: column;
	align-items: center;
}

/* 로딩바의 스타일 */
.loading-bar .spinner-border {
	margin-bottom: 10px;
}

/* 로딩바의 텍스트 스타일 */
.loading-bar div {
	color: #fff;
}
body.loading {
	overflow: hidden;
}

.option-li {
	font-size: 1.3rem; /* 원하는 크기로 조절 */
}

/* CSS Document */
:root
{
--bs-blue: #0d6efd;
}

/* variables - color */

.wrap {
	width: 100%;
	min-height: 100vh;
}

.container {
	max-width: 1300px !important;
	width: 98%;
	margin: 0 auto !important;
	padding: 0 !important;
}

header {
	z-index: 100;
	padding: 0 0 0 0 !important;

	white-space: nowrap;
	background: #fff;


}

a.dropdown-item {
	display: block;
	width: 100%;
	padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	clear: both;
	font-weight: 400;
	color: var(--bs-dropdown-link-color) !important;
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	border-radius: var(--bs-dropdown-item-border-radius, 0);
}

a.dropdown-item:hover, a.dropdown-item:focus {
	color: #ffffff !important;
	background-color: var(--bs-dropdown-link-hover-bg);
}
a.dropdown-item.active, a.dropdown-item:active {
	color: var(--bs-dropdown-link-active-color);
	text-decoration: none;
	background-color: var(--bs-dropdown-link-active-bg);
}
a.dropdown-item.disabled, a.dropdown-item:disabled {
	color: var(--bs-dropdown-link-disabled-color);
	pointer-events: none;
	background-color: transparent;
}

.offcanvas-header {
	align-items: center;
	padding: 0 !important;
}

.offcanvas-header a {
	text-align: center;
	padding: 2rem 0;
}

.offcanvas .btn-close {
	width: 2rem !important;
	height: inherit !important;
	font-size: 2rem;
	padding: 0 !important;
	margin: 0 2rem 0 0 !important;
}

.offcanvas {
	width: 100%;
	height: 100vh !important;
}

.offcanvas-body ul {
	margin: 0 !important;
	padding: 0 !important;
}

.offcanvas-body li {
	font-size: 1.5rem;
	font-weight: 700;
	padding: 0 3rem;
}

.offcanvas-body li a.nav-link {
	border: 1px solid #ccc;
	line-height: 4rem;
	display: block;
}

ul.sm-2dt {
	margin: 2rem 0 !important;
}

ul.sm-2dt li {
	border-bottom: 1px solid #ccc;
	padding: 0 !important;
	line-height: 4rem !important;
}

.thd {
	margin: 0 auto !important;
	padding: 0 !important;
}

.thd button {
	width: 48px;
	height: 48px;
	background: #fff !important;
	font-size: 1.5rem;
	border-radius: 7px !important;
	border: 3px solid #fff !important;
}

.thd a {
	width: calc(100% - 48px);
}



.thd button:hover {
	border: 3px solid #a1a9d8 !important;
}

.btn-log {
	background: #337ac9 !important;
}

nav {
	background-image: linear-gradient(to right, #4c3adb 30%, #0085e0) !important;
	margin: 0 0 0;
}

nav .container {
	background: rgba(255, 255, 255, 0.3);
	padding: 0 !important;
}

nav ul li {
	font-size: 1.6rem;
	line-height: 60px;
	font-weight: 500;
	color: #fff;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	text-align: center;

}

.navbar-nav .nav-link {
	color: #fff !important
}

.navbar-nav .nav-link:hover {
	background: #4c3adb
}

.sm-2dt {

	padding: 0 !important;
	margin: 0 !important;
}


h1 {
	display: flex;
	flex-direction: column;
	font-weight: 200 !important;
	padding: 1rem 0 1rem 2rem !important;
	margin: 0 0 0 0rem !important;
	font-size: 2.1rem !important;
	color: #37393a !important;


}

h1 span {
	font-weight: 700;
}

.notice {
	font-size: 1.3rem;
	font-weight: 500 !important;
}

.notice .card-header {
	border: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 0 0.5rem 0 !important;
	font-size: 1.5rem;
	font-weight: 700;
	display: flex;
	align-items: center;

}

.notice .card-header a {
	background: #fff;
	border: 1px solid #ccc;
	padding: 0.1rem 1rem;
	margin: 0 0 0 2rem !important;
	border-radius: 5rem;
	font-size: 1rem;

}

.notice.card {
	border: none !important;
	background: none !important;

}

.notice.card span {
	margin-right: 1rem;

	letter-spacing: -0.05rem;
}



.notice ul {
	padding: 0 !important;
	margin: 0 !important;
}

.v-menu {
	margin: 0 !important;
	padding: 0 !important;
}

.v-menu a {
	display: inline;
	width: 100%;
	height: 100%;
}

.v-menu ul {

	padding: 0 !important;
	margin: 0 0 2rem !important;


}

.v-menu ul li {
	cursor: pointer;


	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	animation: mymove 0.3s ease-in;


}

@keyframes mymove {
	from {
		margin-top: -1rem;
		opacity: 0;
	}

	to {
		margin-top: 0;
		opacity: 1;
		;
	}
}

.v-menu ul li div h2 {
	font-size: 1.8rem;
	line-height: 150%;
	font-weight: 500 !important;
	display: flex;
	flex-direction: column;
	white-space: nowrap;
	margin-top: 1rem;
	color: #33333398;



}

.v-menu ul li div h2 span {
	font-weight: 800;
	font-size: 2.3rem;
	color: #333;
}



.img-b {
	border-radius: 100%;

	margin-bottom: 1rem;
	display: flex;
	justify-content: center;
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -50%);

}

.img-b img {

	opacity: 0.5;
}


.etic {
	color: #fff;
	position: absolute;
	left: 70%;
	top: 42%;

	border-radius: 100%;
	background: #3F51B5;
	min-width: 60px;
	min-height: 60px;
	display: flex;
	font-size: 3rem;
	line-height: 100%;
	align-items: center;
	justify-content: center;
	z-index: 10;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}

.v-menu ul li div:hover .etic {
	background: #fff;
	color: #0085e0;
	border-radius: 1rem;
	transition: all 0.3s;
}

.v-menu ul li div {
	width: 350px;
	height: 350px;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	background-image: linear-gradient(-30deg, #ffffff 30%, #ffffff) !important;
	border-radius: 7rem;
	border: 1px solid #1a37445d;
	padding: 2rem 0;

}

.v-menu ul li:nth-child(1) div {}


.v-menu ul li:hover .ctsty p {
	opacity: 1;
	transition: all 0.3s;

}

.ctsty {

	position: absolute;

	left: 0rem;

	top: 1rem;

	z-index: 10;
	animation: cts 0.3s ease-in;
	flex-direction: column;

}

@keyframes cts {
	from {
		margin-top: 5rem;
		opacity: 0;
	}

	to {
		margin-top: 0;
		opacity: 1;
		;
	}
}

.ctsty p {
	border-radius: 10rem;
	font-size: 2REM;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	white-space: wrap;
	min-height: 100px;
	min-width: 100px;
	background: #bb271d;
	color: #fff;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
	font-weight: 700;
	line-height: 110%;
	margin-right: 0.5rem;
}

.ctsty p:nth-child(2) {
	background: #03a582 !important;
}

.ctsty p:nth-child(2) span {
	color: #ffeb00 !important;
}

.ctsty p span {

	color: #efe787;

	font-weight: 800;
}

.v-menu ul li div:hover {
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
	background-image: linear-gradient(-30deg, #6f60e2 30%, #2790d6) !important;

	border-color: #4c3adb;
	box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
	transition: all 0.1s;
	border-radius: 0.5rem;
}

.v-menu ul li div:hover h2 {
	color: #fff;
	opacity: 1;
}

.v-menu ul li div:hover h2 span {
	color: #fff;
	opacity: 1;
}



.v-menu ul li div:hover .img-b img {
	opacity: 1;
	width: 110% !important;
	transition: all 0.2s;
	opacity: 1;
}

.q-mx {
	display: flex;
	flex-wrap: wrap;
}

.b-menu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 !important;
	padding: 0 !important;
}

.b-menu li {
	display: flex !important;
	align-items: center;
	cursor: pointer;
	justify-content: center;
}

.b-menu li:hover h3 {
	color: #292b2e;
	text-decoration: underline;
}

.b-menu li:hover span {

	transition: all 0.3s;
	color: #373d96;

}

.b-menu li span {
	line-height: 100%;
	color: #5b729c;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-right: 1rem;

	font-size: 1.9rem;

}



.b-menu li h3 {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.25rem;
	font-weight: 600 !important;
	color: #68676b;
}

.b-menu li h3 p {
	margin: 0 !important;
	padding: 0 !important;
}


.b-map button {
	max-width: 350px;
	background: #095588 !important;
	color: #fff;
	width: 100%;
	border-radius: 5rem !important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem !important;
	cursor: pointer;
	font-size: 1.3rem;

	margin-bottom: 0rem !important;

}

.b-map button h3 {
	margin: 0 0 0 1rem !important;
	font-size: 1.5rem;
}



.map-list {
	background: #fff;
	color: #292b2e;
	border-top: 1px solid #81818180;
	box-sizing: border-box;
}

.ml-head {
	display: flex;
	align-items: center;
}


.ml-head .tit {
	display: flex;
	font-size: 1.2rem;
	font-weight: 700;
	color: #4c3adb;
	padding: 0 !important;
	margin: 0 2rem 0 0 !important;

}

.adr {
	display: flex;
	font-weight: 500;
	color: #292b2e;
	align-items: center;
	justify-content: flex-start;

}

.adr label {
	font-weight: 700 !important;
	margin-right: 1rem;
	background: #15212c2c !important;
	border-radius: 5rem;
	padding: 0.3rem 1rem;
}


.ml-con hr {
	border-color: #d2d4d4;
	padding: 0 !important;
	margin: 0 0 1rem 0 !important;
	;
}

.ml-con {
	display: flex;
	justify-content: space-between;
	padding: 1rem 0 !important;
}

.ml-con button h3 {
	margin-bottom: 0;
	font-size: 1rem !important;
}

.ml-con button {
	justify-content: space-between !important;
	align-items: center;
	padding: 0.5rem 1rem !important;
	cursor: pointer;
	margin-bottom: 0rem !important;
}

.map-list ul {
	padding: 0.5rem 0 !important;
}

.map-list ul li {
	background-color: #fff;
	display: flex;
	align-items: flex-start;
	line-height: 1.8rem !important;
	flex-wrap: wrap;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	margin: 0 0.3rem 0.6rem;
	padding: 0.5rem;
	width: 32.5% !important;
	box-sizing: border-box;
}

.map-list ul li label {

	font-weight: 700;

	width: 128px;
}

.map-list ul li label::before {
	content: "·";
	font-weight: 900;

	margin-right: 0.3rem;
}

footer {
	background: #292b2e;
	color: #fff;
}

footer div a {
	font-size: 1.15rem;
	font-weight: 700;
	color: #a1a9d8;
}

footer div a:hover {
	text-decoration: underline;
}

.sub-conteiner {
	margin: 3rem 0 !important;
	padding: 0 !important
}

.sub-conteiner .container {
	display: flex;
	justify-content: space-between;
}

.location {
	border-bottom: 1px solid #ebebeb;
	width: 100% !important;
}

.location ul {
	align-items: center;
	justify-content: flex-end;
	display: flex;
	margin-bottom: 1rem;
	border-left: 1px solid #ebebeb;


}

.location li {
	font-size: 1.3rem !important;
	height: 60px;
	padding-left: 1.2rem;
	min-width: 222px;
	border-right: 1px solid #ebebeb;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: url("../images/chevron-right.svg") no-repeat right 1rem center;
}

.location a.btn-home {
	background: url(../images/house-door-fill.svg)no-repeat center center;
	width: 60px;
	height: 60px;
	border-right: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}




.location li:last-child a {
	font-weight: 700;
	color: #232327 !important;
}

.location li:last-child::after {
	background: none;
	padding: 0 !important;
}

.location li {

	text-align: center;
	font-size: 1.2rem;
	position: relative;

}

.location li a {
	color: #7D7FA6 !important;
}


.left-nav {
	width: 350px;

	]
}

.left-nav h3 {
	height: 5rem;
	line-height: 5rem;
	background: #263b4f;
	color: #fff;

	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	margin: 0 !important;
	border-radius: 4px 4px 0 0;

}

.left-nav ul {
	margin: 0 !important;
	padding: 0 !important;
}

.left-nav li {
	border: 1px solid #ccc;
	border-top: none;

	padding: 1rem !important;
	font-size: 1.5rem;
	background: #fff;
	border-radius: 0 0;
	cursor: pointer;


}

.left-nav li:hover {
	font-weight: 600;
	background: #f4f7f8;
}

.left-nav li.active {
	font-weight: 600;
	background: #f4f7f8;
}

.left-nav li:last-child {
	border-radius: 0 0 4px 4px;
}

.s-content {
	width: 100%;
	font-size: 1.2rem;

}

.s-content .con-body li {
	display: flex;
	align-items: flex-start;
}

.s-content .con-body li::before {
	content: "-";
	margin-right: 0.4rem;
}

.idebg {
	background: url(../images/logo-sb.svg)no-repeat left center;
	background-size: cover;
}

.content-hd {
	border-radius: 3px;
	margin-bottom: 2rem;
}

.content-hd ul {
	margin: 0 !important;
	padding: 0 !important;
}

.content-hd li {
	display: flex;
	font-weight: 700;
	font-size: 1.3rem;
	justify-content: flex-start; /* 수정된 부분 */
	align-items: center;
}

.content-hd li::before {
	content: "";
	margin-right: 0.5rem; /* 좌측 여백 추가 */
	background: url(../images/check-all.svg) no-repeat center center;
	background-size: 2rem;
	width: 2rem;
	height: 2rem;
}

.content-hd li span {
	margin-right: auto; /* 텍스트를 우측으로 밀어냄 */
}

.content-hd li button {
	margin-left: 1rem;
}

/* 직접 버튼 스타일을 지정 */
.content-hd li button.btn-primary {
	padding: 0.75rem 1.75rem;
	font-size: 1.2rem;
	border-radius: 8px;
	background-color: #007bff;
	color: #000000;
	border: 2px solid #1a1d20; /* 테두리 스타일 수정 */
	transition: background-color 0.3s ease;
}

.content-hd li button.btn-primary:hover {
	background-color: #0056b3;
}

.tab-pane .imglist {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.tab-pane .imglist dl {
	margin-right: 2rem;
}

.tab-pane .imglist dl dt {
	font-size: 0.9rem;
	margin-bottom: 0.3rem;
	text-align: center;
	border-radius: 3rem;
	padding: 0.2rem 0.5rem;
	background: #494a4b;
	color: #fff;
}

.tab-pane .imglist dd img {
	margin-left: 0.3rem;
}

.tab-pane .imglist dd img:first-child {
	margin: 0 !important;
}

.tab-pane .exlist {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	margin-bottom: 2rem;
}

.tab-pane .exlist h3 {
	font-size: 1.2rem !important;
}

.tab-pane .exlist ul {
	margin: 0 2rem !important;
}

.tab-pane .exlist li {
	margin-bottom: 1em !important;
	font-size: 1rem !important
}

.tab-pane .exlist li:last-child {
	margin-bottom: 0 !important;
}

.faq .accordion-item button.collapsed {
	background: #fff !important;
	border-color: #fff !important;
}

.faq .accordion-item button {
	background: #f3f3f3 !important;
	font-weight: 700;
	font-size: 1.3rem !important;
}

.faq .accordion-item h2 {
	margin: 0 !important;
}

.faq .accordion-item button {
	display: flex;
	align-items: flex-start;
	padding: 1rem !important;
}

.faq .accordion-item button:before {
	content: "Q";
	margin-right: 1rem;
}

.faq .accordion-body {
	display: flex;
	align-items: flex-start;
	padding: 1rem !important;
	margin: 0 !important;
	;
}

.faq .accordion-body:before {
	content: "A";
	margin-right: 1rem;
}

.faq .accordion-collapse {
	padding: 0 !important;
	margin: 0 !important;
}

.s-content p {}

.s-content h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	font-weight: 700;
}

.alert-warning {

	border-radius: 0 !important;
	border: none !important;
	margin: 0 !important;



	background-image: linear-gradient(to right, #4c3adb 30%, #0085e0) !important;

}


.alert-dismissible {
	margin: 0 !important;
	padding: 0 !important;
	;
}

.alert-dismissible .btn-close {

	background: none !important;
	box-shadow: none;
	font-size: 3rem !important;
	color: #000;
	padding: 0 !important;
	line-height: 100%;

	right: 1rem !important;

	position: absolute !important;
}

.idx-iflist-st {
	background: url(../images/idxbg.png)no-repeat center center;
	background-size: cover;

}

.idx-con {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	background: #fff !important;
	margin: 0 auto 0.1rem !important;


}

.idx-iflist-st .btn-x {

	margin: 0 5rem 0 0 !important;
}

.idx-iflist-st .btn-x button {
	letter-spacing: 0;

	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
	line-height: 130%;
	text-align: left;
	white-space: nowrap;
	margin-right: 1rem !important;
	border-radius: 3rem !important;
	background: #fff !important;
	font-size: 1rem !important;
}



.idx-con ol {
	display: flex;
	margin: 0 !important;
	padding: 0 0 0 2rem !important;
}

.idx-con li {
	display: flex;

	align-items: center;
	position: relative;
	font-weight: 700;
	line-height: 120%;

}

.idx-con li span {
	border-radius: 1.5rem;
	min-width: 4rem;
	min-height: 4rem;
	width: 4rem;
	height: 4rem;
	background: #7c787811 !important;
	color: #424242;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem !important;

	padding-left: 0.3rem;

	margin: 0 0.5rem 0 0 !important;

}

.idx-con li p {
	position: absolute;
	border-radius: 100%;
	background: #0085e0;
	color: #fff;
	min-width: 1.5rem;
	font-size: 0.8rem;
	min-height: 1.5rem;
	left: -0.7rem !important;
	top: 50%;
	transform: translate(0, -50%);
	align-items: center;
	display: flex;
	justify-content: center;
}

.if-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	background: #eceffe;
	padding: 2rem 0 !important;
}

.if-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	font-weight: 700;

}

.if-list li span {
	border-radius: 100%;
	min-width: 4rem;
	min-height: 4rem;
	width: 4rem;
	height: 4rem;
	background: #fff !important;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem !important;
	color: #a2bbcc;
}

.if-list li p {
	position: absolute;
	border-radius: 100%;
	background: #0085e0;
	color: #fff;
	min-width: 1.5rem;
	font-size: 0.8rem;
	min-height: 1.5rem;
	left: 55% !important;
	top: 35%;
	align-items: center;
	display: flex;
	justify-content: center;
}

.subt-v {
	text-align: center;
	background: url(../images/sbg.png) no-repeat center center;
	background-size: cover;
}

.subt-v .container {
	background: rgba(255, 255, 255, 0.5);
}

.subt-v h2 {
	font-weight: 700;
	font-size: 3rem;

}

.subt-v p {
	font-size: 1.6rem;
	font-weight: 400;
	color: #15212c;
}

.mb-sel {
	background: #6B70B3;
	color: #fff;

	border-radius: 5px;
	display: flex;
	align-items: center;
	text-align: left;
	flex-wrap: wrap
}

.mb-sel .card-body {
	border: none;
	color: #292b2e;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.03);
}

.mb-sel .card-body p {
	font-size: 0.8rem;
	padding-left: 0.5rem;
	margin-bottom: 0.8em;
}

.mb-sel .card-body li label::before {
	content: "·";
	padding-right: 0.7rem;
}

.mb-sel .card-body li label {}

.mb-sel .card-body li {
	border: 1px solid #a3a3a3;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.03);
	background: #fff;
	border-radius: 4px;
	padding: 1rem;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;

}

.mb-sel .card-body li:hover {
	border-color: #488ed5;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.08);
}

.mb-sel .card-body li:last-child {
	margin-bottom: 0 !important;
}


.mb-sel .card-body li button {
	background: #4f5153 !important;
	padding: 0.3rem 1rem !important;
	color: #fff;
	font-size: 1rem;
}

td>.btn-x button:last-child {
	margin-bottom: 0 !important;
}

td.sum {
	background: #262739 !important;
	border-top: 0 !important;
	color: #ffffff9f !important;
	text-align: right;
	padding-right: 2rem !important;
	font-weight: 500;
	font-size: 110%;
}

table td.sum span {
	margin: 0 1rem !important;
	color: #ffffff;
	font-weight: 700;
}

.mb-sel .card-body li button:hover {
	background-color: #488ed5 !important;

}

td .btn-x {
	margin: 0 !important;
	max-width: 100px !important;
	text-align: center;
}

td .btn-x button {

	padding: 0.35rem 0 !important;
	text-align: center;
	font-size: 0.88rem !important;
	font-weight: 700;
	background: #fff !important;
	color: #333;
	border: 1px solid #727272 !important;
	box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.05) !important;
	letter-spacing: 0rem !important;
	min-width: 100% !important;
	margin-bottom: 0.2rem !important;
	min-height: 30px !important;
	height: 30px !important;
}

td>.btn-x button:hover {
	color: #fff !important;
	background-color: #0085e0 !important;
	border-color: #0085e0 !important;
	;
}

.btn-x {
	text-align: center;
	margin: 0 0 2rem !important
}

.btn-x button {
	background-color: #ffffff !important;
	color: #263b4f !important;
	border: 1px solid #263b4f !important;
	box-shadow: 0 0.2em 0.1rem rgba(0, 0, 0, 0.1) !important;
	padding: 0.3rem 3rem !important;

	font-size: 1.1rem !important;

	border-radius: 0.3rem !important;
	min-height: 50px !important;
	min-width: 200px !important;
	height: 50px !important;
	font-weight: 600 !important;
}


.btn-x button:hover {
	background: #333 !important;
	color: #fff !important;
	border: 1px solid #333 !important;
	transition: all 0.1s;
}

.buttonPopup {
	/* 기본 스타일 */
	background-color: #ffffff !important;
	color: #263b4f !important;
	border: 1px solid #263b4f !important;
	box-shadow: 0 0.2em 0.1rem rgba(0, 0, 0, 0.1) !important;
	/*padding: 0.3rem 3rem !important;  패딩 주석처리 */
	font-size: 1.1rem !important;
	border-radius: 0.3rem !important;

	/* 텍스트 수직 중앙 정렬 */
	display: flex !important; /* Flexbox 사용 */
	align-items: center !important; /* 수직 중앙 정렬 */
	justify-content: center !important; /* 수평 중앙 정렬 (선택사항) */

	/* 버튼 크기 및 모양 */
	min-height: 30px !important;
	min-width: 50px !important; /* min-width는 유지 */
	height: 30px !important;
	width: auto !important; /* width를 auto로 설정 */
	padding: 0 1rem !important;  /* 좌우 패딩만 설정 */
	font-weight: 600 !important;
}

.buttonPopup:hover {
	background: #333 !important;
	color: #fff !important;
	border: 1px solid #333 !important;
	transition: all 0.1s;
}

.dtl-list li {
	padding: 0 !important;
	border-radius: 0 !important;
	border: none !important;
	background: inherit !important;
	box-shadow: none !important;
	margin: 0 !important;
}

.dtl-list button {
	background: #4f5153 !important;
	padding: 0.3rem 1rem !important;
	color: #fff;
	font-size: 1rem;
}

.dtl-list button:hover {
	background-color: #488ed5 !important;

}

.dtl-list .item {
	border-bottom: 1px solid #ccc !important;
	padding: 1rem 0 !important;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
}

.dtl-list .item:first-child {
	padding: 0 0 1rem !important;
}

.dtl-list .item:last-child {
	border-bottom: none !important;
	padding: 1rem 0 0 0 !important;
}

.dtl-list .item ul li {
	display: flex;
	align-items: flex-start;
	padding: 0.3rem 0 !important;
	flex-wrap: wrap;

}

.dtl-list .item ul li label {
	font-size: 1.1rem;

}

.dtl-list .item ul li span {
	font-size: 1.1rem;
}

.dtl-list li {
	font-size: 1rem !important;
	font-weight: 400 !important;
}

.offcanvas-body li {
	padding: 0 1rem;
}

.view th {
	text-align: left;
	padding-left: 1rem !important;
}

.view th:last-child {
	text-align: end;
	padding-right: 1rem !important;
}

.view th span {
	margin-right: 1rem;
}

.view td {
	text-align: left;
	padding: 1rem !important;
}

.scr {
	overflow-x: auto;
}

.scr p {
	font-weight: 700;
	margin: 0 0 2rem 0 !important;
}

.scr p span {
	font-weight: 400 !important;
}

.scr p::before {
	content: "·";
	font-weight: 700;
	margin-right: 0.5rem;
}

.selcert {
	display: flex;
	justify-content: space-between;
	background: #0085e0;
	padding: 1rem;
	margin-bottom: 1rem;

	background: #6B70B3;
	color: #fff;

	border-radius: 5px;
}

.selcert dl {
	margin: 0 1rem;
	color: #fff;
}

.selcert dl:nth-child(1) {
	flex-grow: 5;
}

.selcert dl:nth-child(2) {
	flex-grow: 2;
}

.selcert dl:nth-child(3) {}

.selcert dt {
	margin-bottom: 0.5rem;
}

.selcert dd select {
	border: none !important;
	line-height: 40px;
}

.selcert dd button {
	min-height: 40px !important;
	line-height: 40px;
}


.table {
	min-width: 800px;
}


table th {
	padding: 0.8rem 0 !important;
	background: #fbfbfb !important;
	color: #000;
	border-top: 2px solid #576062 !important;
	border-left: 0 !important;
	border-right: 0 !important;

	border-bottom: none !important;
	font-size: 1.1rem;
	text-align: center;
	white-space: nowrap;

}
}

.table-hove {
	background-color: #0085e0 !important;
}

table thead th:first-child {
	border-left: 0 !important
}

table td {
	padding: 0.8rem 0.3rem !important;
	border-left: 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: none !important;
	border-right: 0 !important;
	font-size: 1.1rem;
	text-align: center;
	vertical-align: middle;

}

thead tr th:first-child {
	border-left: 0 !important
}

thead tr th:last-child {
	border-right: 0 !important
}

tbody tr td:first-child {
	border-left: 0 !important
}

tbody tr td:last-child {
	border-right: 0 !important
}



table td button {
	text-align: left;
	padding: 5px !important;
	border: 1px solid #aaa !important;
	border-radius: 0 !important;
	color: #444;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	background: #fff;
}

table td span {
	margin-right: 1rem;
}

table td button:hover {
	background: #f4f4f4 !important;
}

.sum td {
	background: #ede9f3 !important;
	color: #292b2e !important;
	border: none !important;
	font-weight: 700;
}

.infox {
	margin: 3rem 0 0 0 !important;
	padding: 0 0 0 0 !;
	font-size: 1.1rem;
	font-weight: 400;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;

}

.infox h3 {
	font-size: 1.15rem;
	font-weight: 700;
	border-radius: 3rem;
	padding: 0.5rem 2rem;
	background: hsl(200, 20%, 94%);
	border: 1px solid #646a8b;
	box-shadow: 0 0.3rem 0 rgba(0, 0, 0, 0.05);
}

.infox ul {
	margin: 0 !important;
	padding: 0 !important;
	;
}


.infox li {
	padding: 0.5rem 0 0 !important;
	display: flex;

}

.infox li p {
	padding: 0 !important;
	margin: 0 !important;
	;
}

.infox b {
	font-size: 1.3rem;
}

.infox li::before {
	content: "·";
	font-weight: 900;
	padding-right: 0.5rem;

}

.infox li span {
	font-weight: normal;

}

.nav-tabs {
	display: flex;
	color: #fff;
	border-bottom: 1px solid #e9e7e7 !important;
	background: #7f7f7f;

}

ul.nav-tabs {
	margin: 0 0 2rem !important;
}

.nav-tabs li {

	margin: 0 0.2 0 0;


	display: flex;
	justify-content: center;

	border-bottom: 0;
	background: inherit;


}

.nav-tabs li button {
	padding: 0.7rem 2rem 0.5rem !important;
	font-size: 1.4rem !important;
	border-radius: 0 !important;
	color: #fff;
	font-weight: 500 !important;
}

.nav-tabs li button:hover {
	color: #b5c1cf !important;
}

.nav-tabs li button.active {
	color: #fff !important;
	background: #0085e0 !important;
	border-bottom: 3px solid #0085e0 !important;
	font-weight: 600 !important;
}

.tab-content ul,
ol {
	margin: 0 0 2rem 0 !important;
	padding: 0 !important
}

.verify {
	padding: 2rem !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #dde3e9;
	margin-top: 2rem;
}

.verifyPdf {
	padding: 2rem !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #dde3e9;
	margin-top: 2rem;
	height: 50rem;
}


.verify button {
	border-radius: 1rem;
	background: #3F51B5 !important;
	color: #fff;
	height: 50px !important;
	line-height: 50px;
	padding: 0 1rem !important;
	margin-left: 0.5rem !important;
}

.verify button.dw {
	background: #576062 !important;
}

.verify .form-control {
	border: 3px solid #333 !important;
	height: 50px !important;
	line-height: 50px;
	;
}

.verify label {
	font-weight: 700;
	font-size: 1.4rem;

}

@media (max-width: 1300px) {

	.v-menu ul li div {
		width: 300px;
		height: 300px;
		;
	}

	h1 {
		padding: 1rem !important
	}
}

@media (max-width: 1250px) {
	.map-list ul li {
		width: 49% !important;
	}

	.map-list li label {
		width: 100% !important;
	}

	.b-map button {
		max-width: 100%;
		border-radius: 0 !important;
		margin-top: 2rem !important;
	}

}

@media (max-width: 980px) {

	.v-menu ul li div {
		width: 100%;
		height: 200px;
		border-radius: 0;
		margin-bottom: 1rem;
		align-items: flex-start;
		justify-content: center;
		padding-left: 2rem;
	}

	.ctsty {
		display: flex;
		top: 0;
		flex-direction: row;
		left: inherit;
		right: 0 !important;
	}

	.ctsty p {
		border-radius: 0;
		min-width: 120px !important;
		min-height: 35px;
		;
		flex-direction: row;
		margin-right: 0.1px;
		box-shadow: none;
		font-size: 1.4rem;
	}

	.img-b {
		left: inherit;
		right: 0;
		top: 45%;
	}

	.etic {
		left: inherit;
		right: 2rem;
		top: 35%;
	}

	.ml-con {
		flex-direction: column;
	}

	.ml-con button {
		width: 100%;
		background: #15212c !important;
		color: #fff;
	}

	.ml-head {
		padding: 1rem !important;
		flex-wrap: wrap;
	}




	.map-list ul li {
		width: 48% !important;
	}

	.map-list li label {
		width: 100%;
	}



}

@media (max-width: 768px) {

	button {
		border-radius: 0 !important;
	}

	.container {
		margin: 0 !important;
		padding: 0 !important;
	}

	.notice.card {
		margin: 0 1rem;
		;
	}


	nav {
		margin: 0 0 0 0 !important;
		background-image: none !important;
		color: #292b2e !important;

		border-bottom: 1px solid #cccccc;
	}

	.navbar-collapse {
		box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.03);
	}

	.navbar-nav .nav-link {
		color: #292b2e !important;

	}

	.navbar-nav .nav-link:hover {
		color: #fff !important;
		background: #77a4d8;
	}

	nav ul li {
		border-right: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.03);


	}

	nav ul li:last-child {
		border-bottom: none;
	}


	.btn-log {
		width: 100% !important;
		margin-bottom: 0.1rem;
	}

	.v-menu ul {
		border: none;

		background-image: linear-gradient(-30deg, #ffffff00 30%, #ffffff00) !important;
		color: #fff;

		min-height: 100px;

	}

	.v-menu ul li {
		border-left: none;
		background: none;

	}

	.v-menu ul li:last-child {
		border-bottom: none;
	}


	.v-menu ul li div {



		background-image: linear-gradient(-30deg, #4c3adb 30%, #4c3adb) !important;
		border-radius: 0;
		border: 0 !important;

		justify-content: flex-start;
		padding: 1rem !important;
		margin-bottom: 0.5rem;
	}



	.v-menu ul li div:hover {
		border-radius: 0 !important;
		border: none;

	}






	.v-menu ul li div h2 {
		margin: 0;

		font-weight: 400 !important;
		color: #fff !important;
		font-size: 1.5rem !important;
		line-height: 200%;
	}

	.v-menu ul li div h2 span {
		color: #fff !important;
		font-weight: 600;
		white-space: wrap;
		word-break: break-all;
		font-size: 3rem;
	}

	.v-menu ul li div:hover h2 {
		color: #fff !important;
	}

	.v-menu ul li div:hover h2 span {
		color: #fff !important;
	}

	.img-b {
		left: inherit !important;
		right: -2rem !important;
	}

	.v-menu ul li div:hover .img-b img {
		opacity: 0.1;
	}

	.v-menu ul li div:hover .etic {
		background-color: #fff !important;
		color: #000 !important;
	}

	.etic {
		left: inherit;
		right: 2rem;
		top: 70%;
		transform: translate(0, -50%);
		font-size: 1.2rem;
		width: 10px !important;
		height: 10px !important;
		background: #ffffff80;
		color: #333;
	}

	.v-menu ul li div:hover .etic {
		background: rgba(0, 0, 0, 0.4);
		color: #fff;
	}

	.b-menu li:hover {
		border-color: #a2c7e0;
	}

	.b-menu li {

		justify-content: flex-start;
	}


	.b-menu li h3 p {
		display: inline;
	}

	.b-map {
		border-radius: 0;
		margin: 0 auto;
		margin-bottom: 0;
	}

	.mb-sel {
		border-radius: 0 !important;
		padding: 0 !important;

	}

	.mb-sel .card-body {
		border-radius: 0;
	}

	.subt-v {
		background: none !important;
	}



	ul.nav-tabs {
		margin: 0 0 2rem !important;
	}

	.nav-tabs li {
		justify-content: space-between;
	}

	.nav-tabs li button {
		font-size: 1rem !important;
		padding: 0.5rem 1rem !important;
		white-space: nowrap;
	}


	.verify {
		padding: 1rem !important;
		display: flex;

		background: #dde3e9;
		margin-top: 1rem;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.offcanvas-body li a.nav-link {
		text-align: left;
		border: none;
		background: url(../images/chevron-right.svg) no-repeat center right 1rem;
	}

	ul.sm-2dt {
		margin: 0 !important;
	}

	ul.sm-2dt li {
		font-size: 1.2rem;
		text-align: left;
	}


	.verify button {
		border-radius: 1rem;
		background: #3F51B5 !important;
		color: #fff;
		height: inherit !important;
		line-height: inherit !important;
		padding: 0.5rem !important;
		margin: 0 0 0.5rem 0 !important;
		width: 100%;
	}

	.verify button.dw {
		background: #576062 !important;
	}

	.verify .form-control {
		border: 3px solid #333 !important;
		height: 50px !important;
		width: 100%;
		line-height: 50px;
		width: 100%;
		margin: 0 0 0.5rem 0 !important;
		;
	}

	.verify label {
		font-weight: 700;
		font-size: 1.4rem;
	}

	.tab-pane .exlist {
		flex-direction: column;
	}

	.tab-pane .exlist img {
		margin: 0 auto 2rem;
		;
	}

	.tab-pane .exlist ul {
		padding: 0 !important;
		margin: 0 !important;
	}

	.selcert {
		display: flex;
		justify-content: space-between;
		background: #0085e0;
		padding: 1rem;
		margin-bottom: 2rem;

		background: #6B70B3;
		color: #fff;

		flex-direction: column;
		border-radius: 5px;
	}


	td.sum {
		text-align: left;
		padding: 2rem 1rem !important;
		white-space: wrap;
	}

	.btn-x {
		text-align: left;
	}

	.btn-x button {
		width: 100% !important;
	}

	.infox h3 {
		width: 100% !important;
		text-align: center;
	}



}

@media (max-width: 578px) {

	.img-b img {
		opacity: 0.1;
		right: 0;
	}

	.map-list ul li {
		width: 100% !important
	}

	.b-menu li {
		background-color: #fff;
		border: 1px solid #ececec;
	}


#optionModal2 .modal-body {
    max-height: 70vh; /* 최대 height를 원하는 값으로 조정합니다. vh는 뷰포트의 높이를 기준으로 합니다. */
    overflow-y: auto; /* 세로 스크롤을 생성합니다. */
}
}