@charset "UTF-8";

/* font */
@font-face {
	font-family: "QuicheSans-Medium";
	src: url("/static/font/QuicheSans-Medium.otf");
}
@font-face {
	font-family: "QuicheSans-Regular";
	src: url("/static/font/QuicheSans-Regular.otf");
}
@font-face {
	font-family: "YUniverse-B";
	src: url("/static/font/YUniverse-B.otf");
}
@font-face {
	font-family: "Pretendard-Bold";
	src: url("/static/font/Pretendard-Bold.otf");
}
@font-face {
	font-family: "Pretendard-Light";
	src: url("/static/font/Pretendard-Light.otf");
}
@font-face {
	font-family: "Pretendard-Medium";
	src: url("/static/font/Pretendard-Medium.otf");
}
@font-face {
	font-family: "Pretendard-Regular";
	src: url("/static/font/Pretendard-Regular.otf");
}
.ff-q-m {
	font-family: 'QuicheSans-Medium' !important;
}
.ff-q-r {
	font-family: 'QuicheSans-Regular' !important;
}
.ff-u-b {
	font-family: 'YUniverse-B' !important;
}
.ff-p-b {
	font-family: 'Pretendard-Bold' !important;
}
.ff-p-l {
	font-family: 'Pretendard-Light' !important;
}
.ff-p-m {
	font-family: 'Pretendard-Medium' !important;
}
.ff-p-r {
	font-family: 'Pretendard-Regular' !important;
}

/* 햄버거 버튼 */
.custom-menu {
	width: 30px;
	height: 20px;
	position: relative;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.custom-menu span {
	height: 3px;
	width: 100%;
	border-radius: 3px;
	transition: all 0.4s ease;
}

/* X자 변환 */
.custom-menu.active span:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}
.custom-menu.active span:nth-child(2) {
	opacity: 0;
}
.custom-menu.active span:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}

/* 메뉴 영역 */
.custom-nav {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.4s ease;
}
.custom-nav.active {
	max-height: 330px; /* 필요에 맞게 조정 */
}
.custom-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.custom-nav ul li {
	padding: 10px 20px;
}
.custom-nav ul li a {
	text-decoration: none;
}


/* header */
.custom-header-div{
	height: 100px;
}

/* intro */
.intro-area {
	margin: 0 30dvw 0 30dvw;
}

.main-top-area {
	width: 1000px;
}
.main-center-area {
	width: 1000px;
}
.main-bottom-area {
	width: 85dvw;
}

@media (max-width: 991.98px){
	.intro-area {
		margin: 0;
	}
	.tour-modal{
		min-width: 90dvw;
	}
}
@media (max-width: 1200px){
	.intro-area {
		margin: 0;
	}
	.custom-header-div {
		padding: 0 1dvw 0 1dvw;
		height: 85px !important;
	}
	.d-pc{
		display: none !important;
	}
	.d-mb{
		display: block !important;
	}
	.main-top-area {
		width: 95dvw;
	}
	.main-center-area {
		width: 95dvw;
	}
	.main-bottom-area {
		width: 95dvw;
	}
}
@media (min-width: 1200px){
	.custom-header-div {
		padding: 0 30px;
	}
	.d-pc{
		display: flex !important;
	}
	.d-mb{
		display: none !important;
	}
}


/* tour */
.tour-modal{
	position: absolute;
	z-index: 99999; 
}
.tour-arrow-top{
	margin-bottom: -6px;
	color: #009712;
}
.tour-arrow-bottom{
	margin-top: -7px;
	color: #009712;
}
.tour-body {
	border: #009712 2px solid;
	background: white;
}

/* etc */
.cursor-pointer{
	cursor: pointer;
}
.text-underline{
	text-underline-offset: 2px;
    text-decoration: underline;
}
.border-top-gray {
	border-top: 1px solid #9e9e9e;
}
.border-top-footer {
	border-top: 1.5px solid black;
}
.accordion-border {
	border-bottom: 1px solid #9e9e9e;
	border-top: none;
	border-left: none;
	border-right: none;
}
.word-break-keep-all {
	word-break: keep-all !important;
}
.word-wrap-break-word {
	word-wrap: break-word !important;
}
.w-webkit-fill-available {
	width: -webkit-fill-available !important;
}
.border-bottom-none {
	border-bottom: none !important;
}

/* pr */
.pr-color-main-1 {
	color: #1FC9BC  !important;
}
.pr-color-main-2 {
	color: #001E25  !important;
}
.pr-color-secondary-1 {
	color: #79DFD7  !important;
}
.pr-color-secondary-2 {
	color: #008D8C  !important;
}
.pr-color-secondary-3 {
	color: #004445  !important;
}
.pr-bg-main-1 {
	background-color: #1FC9BC  !important;
}
.pr-bg-main-2 {
	background-color: #001E25  !important;
}
.pr-bg-secondary-1 {
	background-color: #79DFD7  !important;
}
.pr-bg-secondary-2 {
	background-color: #008D8C  !important;
}
.pr-bg-secondary-3 {
	background-color: #004445  !important;
}
.pr-bg-terms {
	border-bottom: #919191 1px solid !important;
	background-color: #888b8d !important;
	cursor: pointer;
}

.item-area {
	border-radius: 0%;
}
.item-area:hover {
	border: #009712 1px solid;
}

.w-max-content {
	width: max-content !important;
}

/* popup */
.popupBar_modal{
	position: absolute; 
	z-index: 104;
}
.popupBar_bottom{
	background-color: #000000; 
	position: fixed;
	height: 20px;
}
.popupBar_img{
	margin-top: 20px;
}
@media (max-width: 575px) {
	.popupBar_modal{
		left: 2vw; 
		top: 2vw; 
	}
	.popupBar_img{
		width: 95vw;
	}
	.popupBar_bottom{
		width: 95vw; 
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.popupBar_modal{
		right: 2vw; 
		top: 2vw; 
	}
	.popupBar_img{
		width: 95vw;
	}
	.popupBar_bottom{
		width: 95vw; 
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.popupBar_modal{
		right: 2vw; 
		top: 2vw; 
	}
	.popupBar_img{
		width: 95vw;
	}
	.popupBar_bottom{
		width: 95vw; 
	}
}
@media (min-width: 992px) {
	.popupBar_modal{
		left: 20%; 
		top: 3vh; 
	}
	.popupBar_img{
		width: 65vh;
	}
	.popupBar_bottom{
		width: 65vh; 
	}
}

/* 화살표 위치와 스타일 */
.select2-container--bootstrap5 .select2-selection__arrow {
    position: absolute;
    right: 9px; 
    top: 45%;
    transform: translateY(-50%);
    height: 20px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
@media (min-width: 992px) {
	.select2-container--bootstrap5 .select2-selection__arrow {
		right: 10px; 
	}
}
.select2-container--bootstrap5 .select2-selection__arrow b {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: none;
    border: none;
    position: relative;
}
.select2-container--bootstrap5 .select2-selection__arrow b::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -60%) rotate(-45deg);  /* V자 아래로 */
}
.select2-container--bootstrap5 .select2-selection__arrow b::before {
	border-left: 2px solid #009712;
	border-bottom: 2px solid #009712;
}
.select2-container--bootstrap5 .btn-white-primary .select2-selection__arrow b::before {
	border-left: 2px solid white !important;
	border-bottom: 2px solid white !important;
}