@charset "utf-8";
	body { font-family: 'SUITE', sans-serif; overflow-x: hidden}
	.no-scroll { overflow: hidden !important; touch-action: none !important; }
	.ghg_background_o60 { background: #9BD4F5; }
	.ghg_background_o10 { background: #F0F9FE; }
	.back_out {display: none; position: absolute; background: rgba(0, 0, 0, 0.7); overflow: hidden !important; touch-action: none; }
	.con_title { margin-bottom: 10px; }
	li { list-style: none; }
	.kind_wrap { width: 100%;  margin: 0 auto; position: relative; }
	.kind_slider { overflow: hidden; }
	.slider { position: relative; transition: 0.5s;  }
	.slider_li { float: left; }
	.slider_img { vertical-align: top; }
	.kind_wrap .arrow > a.prev { position: absolute; left: -8%; top: 20%; font-size: 36px; }
	.kind_wrap .arrow > a.next { position: absolute; right: -8%; top: 20%; font-size: 36px; }
	.grid-cols-12 .pb-12 { padding:0; }
	.grid-cols-12 .pe-10 { padding-inline-end: initial;padding-inline-start:initial }

	/*모달 팝업 영역 스타일링*/
	/*.modal.on {*/
	/*    display: block;*/
	/*}*/
	.modal { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 60; justify-content: center; align-items: center;  }
	.modal.show { display: flex; }
	.modal .modal_popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px 10px; background: #ffffff; border-radius: 20px; }
	.modal .modal_popup .close_modal_btn { display: block; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; transition: box-shadow 0.2s; margin: 0 auto; }
	.scrollLock { /*overflow: hidden;*/}
	* { box-sizing: border-box; padding: 0; margin: 0; }
	.popup_wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 9999; }
	.popup2025 { position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);  }
	.popup2025 .popup_content { width:360px;background:#fff;border-radius:20px;padding:26px 20px;}
	.popup2025 button { background:none;border:none;cursor:pointer; }
	.popup2025 .popup_content > img { width:100%; }
	.popup2025 .title { background:url(/assets/notice_icon.svg) no-repeat left;margin-bottom:22px;display:flex;align-items: center;padding-left:36px; }
	.popup2025 .title i { font-size:15px;font-weight:800;background:#32A6EB;border-radius:20px;padding:5px 0;color:#fff;font-style:normal;margin-right:8px;width: 60px;text-align: center; }
	.popup2025 .title span { font-weight:700;font-size:16px; }
	.popup2025 .popup_btns { display:flex;flex-direction: column;align-items: center;margin-top: 18px; }
	.popup2025 .popup_btns button:first-child { color:#fff;font-weight:700;font-size:16px;margin-bottom:10px; }
	#closePopup img { width: 46px }


	@media (min-width: 1280px) {
			.grid-cols-12 .xl\:p-32 {
					padding: 8rem 8rem 4rem 8rem;
			}
	}
	@media (max-width: 1279px) {
			.con_title { margin-bottom:0; }
	}
	@media (min-width: 1024px) {
			.grid-cols-12 .lg\:justify-center {
					flex-direction: column;
			}
			.grid-cols-12 .xl\:p-32 {
					padding: 8rem 8rem 4rem 8rem;
			}
	}
	@media (max-width: 1023px) {
			.md\:pt-36 { padding-top: 6rem !important; }
	}
	@media (max-width: 768px) {
			.grid-cols-12 .main_img {
					content: url(/assets/mob_main_img_v2025_v5.png);
			}
	}
	@media (min-width: 375px) {
			.min-\[375px\]\:pt-36 {
					padding-top:7rem;
			}
	}
	@media (max-width: 500px) {
			.popup2025 { width:100%;display: flex;flex-direction: column;align-items: center; }
			.popup2025 .popup_content { width:calc(100% - 70px); }
			.popup2025 .title i { display:none; }
			.popup2025 .title { background:none;padding-left:0; }
			.popup2025 .popup_btns button:last-child img { width:50px; }
	}