@charset "utf-8";
@import url(../fonts/sCoreDream/font.css);

/* 스크롤 */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb {
	background-color: #999;
	border: none;
	border-radius: 12px;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #999;
}

::-webkit-scrollbar-track {
	border-radius: 12px;
	background-color: #d9d9d9;
}

/* br */
br.lg,
br.md,
br.xmd,
br.sm,
br.xs,
br.xxs { display: none; }
br.none { display: none; }
br.all { display: block; }

@media screen and (max-width: 1440px) {
    br.lg { display: block; }
    br.lg_none { display: none; }
}

@media screen and (max-width: 1280px) {
    br.md { display: block; }
    br.md_none { display: none; }
}

@media screen and (max-width: 1024px) {
    br.xmd { display: block; }
    br.xmd_none { display: none; }
}

@media screen and (max-width: 768px) {
    br.sm { display: block; }
    br.sm_none { display: none; }
}

@media screen and (max-width: 500px) {
    br.xs { display: block; }
    br.xs_none { display: none; }
}

@media screen and (max-width: 375px) {
    br.xxs { display: block; }
    br.xxs_none { display: none; }
}

.block { display: block; }
.i-block { display: inline-block; }
.b-flex { display: flex; }
.i-flex { display: inline-flex; }
.flex-col {flex-direction: column; }
.flex-row { flex-direction: row; }
.flex-wrap { flex-wrap: wrap; }
.flex-fix { flex-shrink: 0; }
.flex-v-center { align-items: center; }
.flex-v-left { align-items: flex-start; }
.flex-v-right { align-items: flex-end; }
.flex-h-center { justify-content: center; }
.flex-h-left { justify-content: flex-start; }
.flex-h-right { justify-content: flex-end; }
.flex-h-side { justify-content: space-between; }

.gap4 { gap: 0.25rem; }
.gap8 { gap: 0.5rem; }
.gap10 { gap: 0.625rem; }
.gap12 { gap: 0.75rem; }
.gap16 { gap: 1rem; }
.gap20 { gap: 1.25rem; }
.gap24 { gap: 1.5rem; }
.gap32 { gap: 2rem; }
.gap40 { gap: 2.5rem; }

@media all and (max-width: 800px) {
	.m-gap12 { gap: 0.75rem; }
}



/* 컨텐츠 
------------------*/
.m0 { margin:0 !important; }
.mt24 { margin-top: 1.5rem; }
.mt32 { margin-top: 2rem; }
.mt40 { margin-top: 2.5rem; }
.mt56 { margin-top: 3.5rem; }
.mt80 { margin-top: 5rem; }

.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pl0 { padding-left: 0 !important; }
.pr0 { padding-right: 0 !important; }

@media screen and (max-width: 768px) {
	.mt24 { margin-top: 1.25rem; }
	.mt32 { margin-top: 1.5rem; }
	.mt40 { margin-top: 2rem; }
	.mt56 { margin-top: 2.5rem; }
	.mt80 { margin-top: 3.5rem; }
}

.w20p { width: 20%; }
.w25p { width: 25%; }
.w33p { width: 33.3333%; }
.w50p { width: 49.8%; }
.w100p { width: 100%; }

.c-point { color: #0A6DED !important }
.c-red { color: #EE3F46 !important; }
.c-orange { color: #F56200 !important; }
.c-black { color: #222 !important }
.c-white { color: #fff !important }
.c-gray { color: #FAFAFA !important }
.c-gray2 { color: #F6F6F6 !important }
.c-gray3 { color: #737478 !important }
.c-gray4 { color: #888 !important }

.bg-point { background-color: #0A6DED !important }
.bg-black { background-color: #222 !important }
.bg-white {background-color: #fff !important }
.bg-gray { background-color: #FAFAFA !important }
.bg-gray2 { background-color: #F6F6F6 !important }
.bg-gray3 { background-color: #737478 !important }
.bg-blue { background-color: #F6FAFF !important }
.bg-red { background-color: #EE3F46 !important; }
.bg-orange { background-color: #F56200 !important; }

.round_5 { border-radius: 0.3125rem !important }
.round_15 { border-radius: 0.9375rem !important }
.round_20 { border-radius: 1.25rem !important }
.round_100 { border-radius: 100% !important; }

.text-center { text-align: center !important }
.text-left { text-align: left !important }
.text-right { text-align: right !important }

.border-none { border: none !important; }
.border-t-none { border-top: none !important; }
.border-b-none { border-bottom: none !important; }
.border-l-none { border-left: none !important; }
.border-r-none { border-right: none !important; }

.border-gray { border: 1px solid #DDD !important }
.border-t-gray { border-top: 1px solid #DDD !important }
.border-b-gray { border-bottom: 1px solid #DDD !important }
.border-l-gray { border-left: 1px solid #DDD !important }
.border-r-gray { border-right: 1px solid #DDD !important }

.border-black { border: 1px solid #222 !important }
.border-t-black { border-top: 1px solid #222 !important }
.border-b-black { border-bottom: 1px solid #222 !important }
.border-l-black { border-left: 1px solid #222 !important }
.border-r-black { border-right: 1px solid #222 !important }

.border-point { border: 1px solid #0A6DED !important }
.border-t-point { border-top: 1px solid #0A6DED !important }
.border-b-point { border-bottom: 1px solid #0A6DED !important }
.border-l-point { border-left: 1px solid #0A6DED !important }
.border-r-point { border-right: 1px solid #0A6DED !important }

.border-red { border: 1px solid #EE3F46 !important }
.border-t-red { border-top: 1px solid #EE3F46 !important }
.border-b-red { border-bottom: 1px solid #EE3F46 !important }
.border-l-red { border-left: 1px solid #EE3F46 !important }
.border-r-red { border-right: 1px solid #EE3F46 !important }

.blind {
    clip-path: polygon(0 0, 0 0, 0 0);
    opacity: 0;
    margin-left: -1px;
    padding: 0;
    overflow: hidden;
    /* clip: rect(0 0 0 0); */
    width: 1px;
    height: 1px;
    font-size: 0;
    z-index: -1;
    position: absolute;
}
input.blind {
	position: relative;
}

.inner {
	width: 100%;
	max-width: 1352px;
	margin:0 auto;
	padding:3.5rem 1rem 5rem;
}
.inner.py-0 {
	padding:0 1rem;
}
.inner2 {
	width: 100%;
	max-width: 43.25rem;
	margin:0 auto;
	padding:0 1rem;
}

/* btn */
.btn_box {
	display: flex;
	justify-content: center;
	margin-top: 2.5rem;
	margin-bottom: 0.25rem;
}

.btn {
	flex-shrink: 0 !important;
	min-width: 7.875rem;
    padding: 1.125rem 2rem;
	border-radius: 2rem;
	font-size: 1.125rem;
	font-weight: 700;
	color: #fff;
    letter-spacing: -0.45px;
	text-align: center;
    background-color: #222;
}
.btn_md {
	flex-shrink: 0 !important;
	min-width: 5.875rem;
    padding: 0.844rem 2rem;
	border-radius: 2rem;
	font-size: 1.125rem;
	font-weight: 700;
	color: #fff;
    letter-spacing: -0.45px;
	text-align: center;
    background-color: #222;
}
.btn:hover,
.btn:focus,
.btn_md:hover,
.btn_md:focus {
    background-color: #666 !important;
}
.btn.bg-point:hover,
.btn.bg-point:focus,
.btn_md.bg-point:hover,
.btn_md.bg-point:focus {
    background-color: rgba(10, 109, 237, 0.502) !important;
}
.btn.bg-red:hover,
.btn.bg-red:focus,
.btn_md.bg-red:hover,
.btn_md.bg-red:focus {
    background-color: rgba(238, 63, 70, 0.5) !important;
}
.btn.bg-white:hover,
.btn.bg-white:focus,
.btn_md.bg-white:hover,
.btn_md.bg-white:focus {
	color: #fff !important;
    background-color: #666 !important;
}
.btn.bg-gray:hover,
.btn.bg-gray:focus,
.btn_md.bg-gray:hover,
.btn_md.bg-gray:focus {
	color: #222 !important;
	background-color: #fff !important;
}
.btn.bg-gray2:hover,
.btn.bg-gray2:focus,
.btn_md.bg-gray2:hover,
.btn_md.bg-gray2:focus {
	color: #222 !important;
	background-color: #fff !important;
}
@media all and (max-width: 800px) {
	.btn_box {
		margin-top: 1.5rem;
	}

	.btn {
        padding: 1.125rem 2.8125rem;
		font-size: 0.875rem;
        letter-spacing: -0.35px;
	}
	.btn_md {
        padding: 0.844rem 1.5rem;
		font-size: 0.875rem;
        letter-spacing: -0.35px;
	}
}
/* btn end */

/* input, select */
.form-control {
    width: 100%;
    height: 3rem;
    padding: 0 1rem;
    color: #737478;
    font-size: 1.125rem;
	border: 1px solid #ddd;
    border-radius: 0.3125rem;
	box-shadow: none;
    transition: background 0.3s, border-color 0.3s;
}
.form-control:disabled,
.form-control:not(select):read-only {
	border-color: #f6f6f6 !important;
	background-color: #F6F6F6 !important;
	cursor: default;
}
select.form-control {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2967 16.4248C11.6851 16.8132 12.3148 16.8132 12.7032 16.4248L18.146 10.982C18.5344 10.5936 18.5344 9.96391 18.146 9.5755C17.7575 9.18709 17.1278 9.18709 16.7394 9.5755L12 14.3149L7.26027 9.57524C6.87186 9.18683 6.24213 9.18683 5.85372 9.57524C5.46532 9.96365 5.46531 10.5934 5.85372 10.9818L11.2918 16.4199C11.2934 16.4215 11.2951 16.4232 11.2967 16.4248Z' fill='%23222222'/%3E%3C/svg%3E");
    background-position: top 50% right 1rem;
    background-size: 1.5rem;
    background-repeat: no-repeat;
}
textarea.form-control {
	padding: 0.75rem 1rem;
	height: 6.25rem;
}

/* check / radio */
.chk-area {
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem;
}
.chk-area.no-wrap {
	flex-wrap: nowrap;
}
.form-check input[type=radio] ~ label,
.form-check input[type=checkbox] ~ label {
	position: relative;
	display: inline-flex;
	padding-left: calc(1.5rem + 0.8rem);
	font-size: 1.125rem;
	line-height: 1.4;
	cursor: pointer;
}
.form-check input[type=radio] ~ label:before, .form-check input[type=radio] ~ label:after,
.form-check input[type=checkbox] ~ label:before,
.form-check input[type=checkbox] ~ label:after {
	display: block;
	content: "";
	/* transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1); */
}
.form-check input[type=radio] ~ label:before,
.form-check input[type=checkbox] ~ label:before {
	z-index: 3;
}
.form-check input[type=radio] ~ label:after,
.form-check input[type=checkbox] ~ label:after {
	z-index: 4;
}
.form-check input[type=radio]:focus ~ label,
.form-check input[type=checkbox]:focus ~ label {
	outline-offset: 0.125rem;
	outline: 2px solid rgba(36, 107, 235, 1);
}
.form-check input[type=radio]:disabled + label,
.form-check input[type=checkbox]:disabled + label {
	color: #8E8E8E;
	cursor: default;
}
.form-check input[type=radio] ~ label:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	background-color: #fff;
	border: 1px solid #222;
	box-sizing: border-box;
	border-radius: 100%;
}
.form-check input[type=radio] ~ label:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	border:6px solid transparent;
	box-sizing: border-box;
	border-radius: 100%;
}
.form-check input[type=radio]:checked ~ label:before {
	border-color: #0A6DED;
}
.form-check input[type=radio]:checked ~ label:after {
	border-color: #0A6DED;
}
.form-check input[type=radio]:checked:disabled ~ label:before {
	border-color: #C6C6C6;
	background-color: #E4E4E4;
}
.form-check input[type=radio]:checked:disabled ~ label:after {
	display: block;
	border-color: #C6C6C6;
}
.form-check input[type=radio]:disabled ~ label:before {
	border-color: #C6C6C6;
	background-color: #E4E4E4;
}
.form-check input[type=radio]:disabled ~ label:after {
	display: none;
	border-color: #C6C6C6;
}
.form-check input[type=checkbox] ~ label:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Crect x='1.24023' y='0.797607' width='23' height='23' rx='3.5' fill='white' stroke='%23DDDDDD'/%3E%3Cpath d='M11.2017 16.2982C10.9298 16.2982 10.6578 16.1916 10.4499 15.9836L7.65033 13.1841C7.2344 12.7681 7.2344 12.0909 7.65033 11.675C8.06626 11.259 8.74348 11.259 9.15941 11.675L11.2071 13.7226L16.3209 8.60882C16.7368 8.19289 17.414 8.19289 17.83 8.60882C18.2459 9.02475 18.2459 9.70197 17.83 10.1179L11.9643 15.9836C11.7563 16.1916 11.4844 16.2982 11.2124 16.2982H11.2017Z' fill='%23DDDDDD'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 1.5rem;
}
.form-check input[type=checkbox] ~ label:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Crect x='1.24023' y='0.797607' width='23' height='23' rx='3.5' fill='%230069DF' stroke='%230A6DED'/%3E%3Cpath d='M11.2017 16.2982C10.9298 16.2982 10.6578 16.1916 10.4499 15.9836L7.65033 13.1841C7.2344 12.7681 7.2344 12.0909 7.65033 11.675C8.06626 11.259 8.74348 11.259 9.15941 11.675L11.2071 13.7226L16.3209 8.60882C16.7368 8.19289 17.414 8.19289 17.83 8.60882C18.2459 9.02475 18.2459 9.70197 17.83 10.1179L11.9643 15.9836C11.7563 16.1916 11.4844 16.2982 11.2124 16.2982H11.2017Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 1.5rem;
	opacity: 0;
}
.form-check input[type=checkbox]:checked ~ label:before {
	opacity: 0;
}
.form-check input[type=checkbox]:checked ~ label:after {
	opacity: 1;
	/* transition-delay: 0.2s; */
}
.form-check input[type=checkbox]:disabled ~ label:before {
	/* border-color: #C6C6C6; */
	/* background-color: #E4E4E4; */
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.870117' width='24' height='24' rx='4' fill='%23888888'/%3E%3Cpath d='M11.3321 16.0006C11.0602 16.0006 10.7882 15.8939 10.5802 15.686L7.7807 12.8865C7.36477 12.4705 7.36477 11.7933 7.7807 11.3774C8.19663 10.9614 8.87385 10.9614 9.28978 11.3774L11.3374 13.425L16.4513 8.31122C16.8672 7.89528 17.5444 7.89528 17.9603 8.31122C18.3763 8.72715 18.3763 9.40437 17.9603 9.8203L12.0946 15.686C11.8867 15.8939 11.6147 16.0006 11.3428 16.0006H11.3321Z' fill='white'/%3E%3C/svg%3E%0A");
}
.form-check input[type=checkbox]:disabled ~ label:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Crect x='1.24023' y='0.797607' width='23' height='23' rx='3.5' fill='white' stroke='%230A6DED'/%3E%3Cpath d='M11.2017 16.2982C10.9298 16.2982 10.6578 16.1916 10.4499 15.9836L7.65033 13.1841C7.2344 12.7681 7.2344 12.0909 7.65033 11.675C8.06626 11.259 8.74348 11.259 9.15941 11.675L11.2071 13.7226L16.3209 8.60882C16.7368 8.19289 17.414 8.19289 17.83 8.60882C18.2459 9.02475 18.2459 9.70197 17.83 10.1179L11.9643 15.9836C11.7563 16.1916 11.4844 16.2982 11.2124 16.2982H11.2017Z' fill='%230069DF'/%3E%3C/svg%3E");
}

@media screen and (max-width: 480px) {
	.chk-area {
		flex-direction: column;
		gap: 1rem;
	}
	.chk-area.no-wrap {
		flex-direction: row;
	}
}
@media (hover: none) and (pointer: coarse) {
	.form-check input[type=radio]:focus ~ label,
	.form-check input[type=checkbox]:focus ~ label {
		outline: none !important;
	}
}

/* list-style 
-------------------------*/
.circle-list li{
	display: flex;
	align-items: baseline;
	gap: 0.5rem;
	/* position: relative; */
	/* padding: 0.3125rem 0.9375rem; */
	color:#000;
	font-size: 1.25rem;
	font-weight: 300;
}
.circle-list li::before{
	content: "";
	flex-shrink: 0;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 100%;
	background-color: #0A6DED;
	transform: translateY(-2px);
}
.middot-list li{
	position: relative;
	padding-left: 1.25rem;
	color:#000;
	font-size: 1.25rem;
	font-weight: 300;
}
.middot-list li::before{
	content: "";
	position: absolute;
	top: 1rem;
	left: 0.5rem;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 100%;
	background-color: #222;
	transform: translateY(-4px);
}
@media screen and (max-width: 768px) {
	.circle-list li,
	.middot-list li {
		font-size: 1.125rem;
	}
	.middot-list li::before {
		transform: translateY(-5px);
	}
}


/* alert - modal
----------------------------------- */
.alert_wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding:1rem;
	z-index: 1000000;
}
.alert_wrap .dim {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.alert_wrap .alert_modal {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 2rem);
	max-width: 500px;
	transform: translate(-50%, -50%);
}
.alert_wrap .alert_body {
	padding:2rem 2.5rem 2.5rem;
	order: 2;
}
.alert_wrap .alert_body p {
	font-size: 1.25rem;
	word-break: keep-all;
}
.alert_wrap .alert_close {
	width: 1.875rem;
	height: 1.875rem;
	margin:1.5rem 1.5rem 0 auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M5.71947 5.71901C5.21713 6.22135 5.21713 7.04336 5.71947 7.5457L22.4543 24.2806C22.9567 24.7829 23.7787 24.7829 24.281 24.2806C24.7834 23.7782 24.7834 22.9562 24.281 22.4539L7.54616 5.71901C7.04382 5.21667 6.22181 5.21667 5.71947 5.71901Z' fill='%23222222'/%3E%3Cpath d='M24.282 5.71898C23.7796 5.21664 22.9576 5.21664 22.4553 5.71898L5.72041 22.4538C5.21807 22.9562 5.21807 23.7782 5.72041 24.2805C6.22275 24.7829 7.04476 24.7829 7.54711 24.2805L24.282 7.54567C24.7843 7.04333 24.7843 6.22132 24.282 5.71898Z' fill='%23222222'/%3E%3C/svg%3E");
	background-size: 100% auto;
	order: 1;
}


/* #skip-nav
------------------------------------ */
#skip-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background-color: #0A6DED;
	z-index: 10000;
}
#skip-nav a:not(:focus) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
#skip-nav a:focus {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	outline-offset: -0.4rem;
	outline: 2px solid rgba(255, 255, 255, 0.9);
	font-size: 1.5rem;
	color: #fff;
	width: 100%;
	height: 3.2rem;
	margin: 0 auto;
	text-align: center;
}

/* #header
------------------------------------ */
#header {
	position: sticky;
    top: 0;
    left: 0;
	/* border-bottom: 1px solid #ddd; */
    background-color: #fff;
    z-index: 70;
}
#header .header-inner {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
    max-width: 110rem;
	margin: 0 auto;
}

#header .header-etc {
	height: 3.625rem;
	border-bottom: 1px solid #ddd;
}
#header .header-etc .header-inner {
	justify-content: space-between;
}
#header .etc-left {
	margin-left: -0.5rem;
}
#header .left-nav {
	display: flex;
	gap: 2.5rem;
}
#header .left-nav a {
	display: block;
	color: #222;
	padding: 0.625rem 0.5rem;
	height: 100%;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.625rem;
}
#header .left-nav a:hover {
	color: #0A6DED;
	font-weight: 800;
}

#header .etc-right {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-right: -0.5rem;
}
#header .right-nav {
	display: flex;
}
#header .right-nav li {
	display: flex;
	align-items: center;
}
#header .right-nav li:not(:first-child):before {
	content: "";
	width: 1px;
	height: 0.75rem;
	margin: 0 1rem;
	background-color: #ddd;
}
#header .right-nav a {
	display: block;
	padding: 0.625rem 0.5rem;
	color: #737478;
	font-size: 1rem;
	line-height: 1.625rem;
}

#header .header-info,
#header .header-btns {
	display: flex;
	align-items: center;
	gap: 1rem;
}
#header .header-btn {
	padding: 0.1875rem 0.625rem;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.25rem;
	border-radius: 0.1875rem;
}
#header .header-btn.area {
	background-color: #0599A2;
}
#header .header-btn.area.check {
	background-color: #17A889;
}
#header .header-btn.reduction {
	background-color: #0A6DED;
}
#header .header-btn.reduction.check {
	background-color: #094CA4;
}
#header .header-btn.area.none,
#header .header-btn.reduction.none {
	background-color: #737478;
}
#header .header-name {
	color: #222;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.625rem;
}
#header .header-name span {
    overflow: hidden;
    display: inline-block;
	max-width: 4.375rem;
    text-overflow: ellipsis;
    vertical-align: bottom;
    word-break: break-all;
    white-space: nowrap;
}
#header .header-gnb {
	position: relative;
	height: 5rem;
	border-bottom: 1px solid #ddd;
}
#header .header-logo {
	display: flex;
	gap: 1.5625rem;
}
#header .header-logo .logo a {
	display: block;
	height: 2.1875rem;
	font-size: 0;
}
#header .header-logo .logo img {
	height: 100%;
}
#header .header-logo .center {
	position: relative;
	font-size: 1.25rem;
	font-weight: 700;
}
#header .header-logo .center a {
	color: #222;
	word-break: keep-all;
}
#header .header-logo .center a br {
	display: none;
}
#header .header-logo .center:before {
	content: "";
	position: absolute;
	left: -0.8125rem;
	top: 0.4375rem;
	width: 1px;
	height: 1rem;
	background-color: #7B848C;
}
#header .gnb-layer-btns {
	display: flex;
	gap: 1rem;
	position: relative;
	margin-left: auto;
}
#header .gnb-allSearch-btn {
	display: none;
	position: absolute;
	right: 3.1875rem;
	top: 50%;
	width: 1.875rem;
	height: 1.875rem;
	background-image: url("../images/common/icon_search.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: translateY(-50%);
}
#header .gnb-allMenu-btn {
	width: 2.5rem;
	height: 2.5rem;
	background-image: url("../images/common/icon_hamburger.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#header .gnb-basket-btn {
	position: relative;
	width: 2.5rem;
	height: 2.5rem;
	background-image: url("../images/common/icon_basket.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#header .gnb-basket-btn span {
	position: absolute;
	top: 0;
	right: 0;
	width: 0.875rem;
	height: 0.875rem;
	font-size: 0.625rem;
	font-weight: bold;
	background-color: #17A889;
}
#header .gnb-basket-btn span:before {
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	content:'장바구니 리스트 갯수 : ';
}
#header .gnb-bg {
	display: none;
	position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
	height: 18.25rem;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	/* background-image: url(../images/common/gnb_bg_img.png); */
	background-repeat: no-repeat;
	background-position: calc(100% - 73vw) 100%;
	background-size: auto 100%;
	z-index: -1;
}
#header .gnb-bg .gnb-menu-img {
	display: block;
	position: absolute;
	top: 0;
	right: 74.5%;
	padding:0;
	border: none;
}
#header .gnb-menu {
	margin-left: 9.11%;
}
#header .gnb-menu-list {
	display: flex;
	/* gap: 2rem; */
	position: relative;
	z-index: 2;
}
#header .gnb-menu-img {
	display: none;
	position: absolute;
	right: calc(100% + 5rem);
    top: calc(5rem + 3px);
	/* width: 300px; */
	/* height: 0; */
	padding: 1.5rem 0;
	border-right: 1px solid #ddd;
}
#header .gnb-menu-img:hover + .gnb-menu-btn {
	color: #222 !important;
	font-weight: 600;
}
#header .gnb-menu-img:hover + .gnb-menu-btn:before {
	display: none;
}
#header .gnb-menu-btn {
	display: block;
	position: relative;
	/* width: 8.125rem; */
	padding: 1.8rem 2rem;
	margin: 0 0.5rem;
	color: #222;
	font-size: 1.25rem;
	font-weight: 600;
	text-align: center;
}
#header .gnb-menu-item:hover .gnb-menu-btn,
#header .gnb-menu-item .gnb-menu-btn:focus {
	color: #0A6DED;
	font-weight: 700;
}
#header .gnb-menu-item:hover .gnb-menu-btn:before,
#header .gnb-menu-item .gnb-menu-btn:focus:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.1875rem;
	background-color: #0A6DED;
}
#header .gnb-2depth {
	display: none;
	position: absolute;
	top: calc(100% - 1px);
	height: 18.25rem;
	padding:2.5rem 0.5rem;
}
#header .gnb-2depth-item:not(:first-child) {
	margin-top: 1rem;
}
#header .gnb-2depth-link {
	display: block;
	/* width: 8.125rem; */
	padding: 0.25rem 2rem;
	color: #222;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.2;
	/* text-align: center; */
	white-space: nowrap;
}
#header .gnb-2depth-link:hover,
#header .gnb-2depth-link:focus {
	color: #0A6DED;
	font-weight: 700;
}

/* .search-box
------------------------------------ */
.search-box {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	max-width: 17.5rem;
}
.search-input {
	position: relative;
}
.search-box label {
	color: #222;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: -0.45px;
}
.search-box input[type="text"] {
	width: 100%;
	height: 2.5rem;
	padding-left: 1.5rem;
	padding-right: 2.875rem;
	font-size: 1rem;
	border-radius: 6.25rem;
	border: 1px solid #DDD;
	background-color: #FFF;
}
.search-box .btn-search {
	position: absolute;
	right: 0.75rem;
	top: 50%;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("../images/common/icon_search.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: translateY(-50%);
}

/* .layer-allSearch
------------------------------------ */
.layer-popup {
	display: none;
	position: fixed;
    top: 8.625rem;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.layer-popup .layer-dimm {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: -1;
}
.layer-popup .layer-close {
	position: absolute;
	right: 0;
	top: -3.8125rem;
    width: 2.5rem;
    height: 2.5rem;
	background-color: #fff;
    background-image: url(../images/common/icon_close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.layer-allSearch {
	z-index: 110;
}
.layer-allSearch .search-box {
	max-width: 100%;
    margin: 0 auto;
}
.layer-allSearch .allSearch-inner {
	padding: 1.5rem 1rem;
	background-color: #fff;
}

.layer-allMenu .allMenu-wrap {
	background-color: #fff;
	background-image: url("../images/common/layer_allMenu_bg.png");
	background-repeat: no-repeat;
	background-position: bottom right 2.5rem;
	background-size: 14.4375rem;
}
.layer-allMenu .allMenu-inner {
	position: relative;
	height: 100%;
	padding: 3.5rem 0;
	max-width: 110rem;
	margin: 0 auto;
	
}
.layer-allMenu .allMenu-top,
.layer-allMenu .allMenu-bottom {
	display: none;
}
.layer-allMenu .allMenu-list {
	display: flex;
	max-width: 90.6875rem;
	margin: 0 auto;
	border-right: 1px solid #ddd;
}
.layer-allMenu .allMenu-item {
	flex: 1;
	padding: 0 1.5rem;
	border-left: 1px solid #ddd;
}
.layer-allMenu .allMenu-link {
	display: block;
	width: 100%;
	padding: 1.5rem 0;
	margin-bottom: 1.5rem;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	line-height: 2rem;
	text-align: center;
	background-color: #0A6DED;
	border-radius: 0.9375rem;
}
.layer-allMenu .allMenu-2depth-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.layer-allMenu .allMenu-2depth-item:before {
	width: 0.25rem;
	height: 0.25rem;
	background-color: #222;
	border-radius: 100%;
	content: "";
}
.layer-allMenu .allMenu-2depth-item:not(:first-child) {
	margin-top: 1rem;
}
.layer-allMenu .allMenu-2depth-link {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	color: #222;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 2.25rem;
}
.layer-allMenu .allMenu-2depth-link:hover,
.layer-allMenu .allMenu-2depth-link:focus {
	font-weight: 700;
}

#header .layer-allMenu .header-info {
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 0.75rem 1rem;
}
#header .layer-allMenu .header-name {
	font-size: 1.125rem;
	letter-spacing: -0.45px;
}
#header .layer-allMenu .header-name span {
	max-width: 8.75rem;
}

/* #footer
------------------------------------ */
#footer {
	background-color: #393B44;
}
#footer .footer-inner {
	max-width: 82.5rem;
	margin: 0 auto;
}
#footer .f-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.75rem 0;
	border-bottom: 1px solid rgba(77, 82, 90, 0.5);
}
#footer .f-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	flex-wrap: wrap;
}
#footer .f-menu li {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}
#footer .f-menu li:not(:first-child):before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 0.75rem;
	background-color: #737478;
}
#footer .f-menu a {
	display: inline-block;
	padding: 0.75rem 0;
	color: #aaa;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25rem;
}
#footer .f-menu a.point {
	color: #ddd;
	font-weight: 700;
}
#footer .f-family {
	position: relative;
	width: 18rem;
}
#footer .family-btn,
#footer .family-link a {
	width: 100%;
	color: #ddd;
	font-size: 1rem;
	font-weight: 400;
	padding: 0.25rem 1rem;
	line-height: 1.75rem;
	text-align: left;
}
#footer .family-btn {
	position: relative;
	border-radius: 0.3125rem;
	border: 1px solid #aaa;
	background-color: transparent;
	background-image: url("../images/common/icon_ar_down_w.svg");
	background-position: calc(100% - 0.5rem) center;
	background-repeat: no-repeat;
}
/* #footer .family-btn:after {
	content: "";
	position: absolute;
	right: 0.5rem;
	top: 50%;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("../images/common/icon_ar_down_w.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: translateY(-50%);
	transition: transform 0.3s;
} */
#footer .family-btn.active:after {
	transform: translateY(-50%) rotate(180deg);
}
#footer .family-btn option {
	background-color: #393B44;
}

#footer .family-btn + button {
	display: block;
	height: 100%;
	padding: 0.25rem 1rem;
	font-weight: 700;
	line-height: 1.75rem;
	white-space: nowrap;
	border: 1px solid #fff;
	border-radius: 0.3125rem;
}
#footer .family-link {
	display: none;
	position: absolute;
    top: 2.125rem;
    left: 0;
    width: 100%;
	padding-top: 0.25rem;
    border-radius: 0 0 0.3125rem 0.3125rem;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
	background-color: #393B44;
}
#footer .family-link a {
	display: block;
}
#footer .f-bottom {
	display: flex;
	padding: 2.5rem 0 4rem;
}
#footer .f-info {
	max-width: calc(100% - 20rem);
	margin-left: 3.5rem;
	color: #aaa;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.625rem;
}
#footer .info-text {
	margin-bottom: 1rem;
}
#footer .logo-wa {
	margin-left: auto;
}

/* 탑 */
#top {
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 4.5rem;
	height: 4.5rem;
	border:1px solid #ddd;
	border-radius: 100%;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_675_11128)'%3E%3Crect width='2.46429' height='12' rx='1.23214' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 25.7422 14.1272)' fill='%23222222'/%3E%3Crect width='2.46429' height='12' rx='1.23214' transform='matrix(-0.707107 0.707107 0.707107 0.707107 23.9998 12.3848)' fill='%23222222'/%3E%3Cpath d='M23.9999 35.6152C24.7103 35.6152 25.2916 35.034 25.2916 34.3236V15.6569C25.2916 14.9465 24.7103 14.3652 23.9999 14.3652C23.2895 14.3652 22.7083 14.9465 22.7083 15.6569V34.3236C22.7083 35.034 23.2895 35.6152 23.9999 35.6152Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_675_11128'%3E%3Crect width='48' height='48' rx='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 3rem 3rem;
	background-position: center;
	z-index: 69;
}

.tab_cont {
	display: none;
}
.tab_cont.active {
	display: block;
}

/* .popup_wrap
------------------------------------ */
.popup_wrap {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.popup_wrap.open {
	display: flex;
}
.popup_dimm {
	position: absolute;
	top: 0;
	left: 0;;
	width: 100%;
	height: 100%;
	background-color: rgba(34, 34, 34, 0.50);
	z-index: -1;
}
.popup {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	max-width: 58.75rem;
	max-height: calc(100% - 6rem);
	padding: 2.5rem 0.625rem 2.5rem 2.5rem;
	margin: 0 1rem;
	border-radius: 1.25rem;
	background-color: #fff;
}
.popup._wid_660 {
	max-width: 41.25rem;
}
.popup_content {
	overflow-y: auto;
	padding-right: 1.875rem;
}
.popup_title {
	padding-bottom: 1.5rem;
	color: #222;
	font-size: 2rem;
	font-weight: 700;
	line-height: 2.5rem;
	border-bottom: 2px solid #222;
}
.popup_title .side_text {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2.25rem;
}
.popup_body {
	padding-top: 2.5rem;
}
.popup_close {
	position: absolute;
	top: 0;
	right: -4rem;
	width: 3rem;
	height: 3rem;
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_825_8824)'%3E%3Crect width='48' height='48' rx='24' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.0988 18.159C29.6176 17.6779 28.8375 17.6779 28.3563 18.159L24 22.5153L19.6437 18.159C19.1625 17.6779 18.3824 17.6779 17.9012 18.159C17.42 18.6402 17.42 19.4204 17.9012 19.9016L22.2575 24.2578L17.9012 28.6141C17.42 29.0953 17.42 29.8754 17.9012 30.3566C18.3824 30.8378 19.1625 30.8378 19.6437 30.3566L24 26.0003L28.3563 30.3566C28.8375 30.8378 29.6176 30.8378 30.0988 30.3566C30.58 29.8754 30.58 29.0953 30.0988 28.6141L25.7425 24.2578L30.0988 19.9016C30.58 19.4204 30.58 18.6402 30.0988 18.159Z' fill='%23222222'/%3E%3C/g%3E%3Crect x='1' y='1' width='46' height='46' rx='23' stroke='white' stroke-width='2'/%3E%3Cdefs%3E%3CclipPath id='clip0_825_8824'%3E%3Crect width='48' height='48' rx='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.popup_conTitle {
	margin-bottom: 1.5rem;
	color: #222;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5rem;
}
.popup_conTitle ~ .popup_conTitle {
	margin-top: 2rem;
}

@media screen and (max-width: 1800px) {
	#header .header-inner {
		max-width: 100%;
		padding: 0 1rem;
	}

	.layer-popup .layer-close {
		right: 1rem;
	}
}

@media screen and (max-width: 1480px) {
	#header .gnb-menu-btn {
		padding: 1.8rem 1rem;
	}
	#header .gnb-2depth-link {
		padding: 0.25rem 1rem;
	}
}

@media screen and (max-width: 1350px) {
	#header .header-logo {
		gap: 1rem;
		align-items: center;
	}
	#header .header-logo .center {
		margin-top: 1px;
		font-size: 0.875rem;
		line-height: 1rem;
	}
	#header .header-logo .center:before {
		top: 0.25rem;
		left: -0.5rem;
		height: 1.25rem;
	}
	#header .header-logo .center a br {
		display: block;
	}
	#header .gnb-menu {
		margin-left: auto;
	}
	#header .gnb-menu-list{
		gap: 0;
	}
	#header .gnb-menu-img {
		right: 100%;
	}
	#header .left-nav {
		gap: 1.25rem;
	}

	#footer .footer-inner {
		padding: 0 1rem;
	}
}

@media screen and (max-width: 1200px) {
	#header .left-nav {
		gap: 0;
	}
	#header .right-nav li:not(:first-child):before {
		margin: 0 0.25rem;
	}
	#header .etc-right {
		gap: 0.5rem;
	}
	#header .header-info, 
	#header .header-btns {
		gap: 0.5rem;
	}
	#header .gnb-menu-btn {
		padding: 1.8rem 0.5rem;
	}
	#footer .f-info br {
		display: none;
	}
}

@media screen and (max-width: 1080px) {
	.popup_wrap {
		padding-top: 4rem;
	}
	.popup_close {
		top: -4rem;
		right: 0;
	}
}

@media screen and (max-width: 1024px) {
	#header .header-logo .logo a {
		height: 1.625rem;
	}
	#header .header-logo .center {
		font-size: 0.75rem;
		line-height: 0.875rem;
	}
	#header .header-gnb {
		height: 3.875rem;
	}
	#header .header-etc {
		display: none;
	}
	#header .gnb-menu {
		display: none;
	}
	#header .gnb-allSearch-btn {
		display: block;
	}
	#header .gnb-basket-btn {
		position: absolute;
		top: 50%;
		right: 3.25rem;
		transform: translateY(-50%);
	}

	#top {
		width: 3.5rem;
		height: 3.5rem;
	}

	.layer-popup {
		top: 3.9375rem;
	}
	.layer-popup .layer-close {
		top: -3rem;
		right: 1rem;
		width: 1.875rem;
		height: 1.875rem;
		background-size: 2.5rem 2.5rem;
	}

	.layer-allMenu .allMenu-wrap {
		position: absolute;
		top: -1px;
		right: -100%;
		height: 100%;
		width: 23.4375rem;
		background-image: none;
	}
	.layer-allMenu .allMenu-inner {
		padding: 0;
	}
	.layer-allMenu .allMenu-top,
	.layer-allMenu .allMenu-bottom {
		position: sticky;
		right: 0;
		width: 23.4375rem;
		z-index: 101;
	}
	.layer-allMenu .allMenu-top {
		display: block;
		top: 3.9375rem;
	}
	.layer-allMenu .allMenu-member {
		display: flex;
		position: relative;
		background-color: #0A6DED;
	}
	.layer-allMenu .allMenu-member a {
		padding: 1rem 0;
		color: #fff;
		font-size: 1rem;
		font-weight: 600;
	}
	.layer-allMenu .allMenu-member:before,
	.layer-allMenu .allMenu-bottom li:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 1px;
		background-color: #ddd;
		transform: translateY(-50%);
	}
	.layer-allMenu .allMenu-member:before {
		height: 1rem;
	}
	.layer-allMenu .allMenu-bottom li:before {
		height: 0.875rem;
	}
	.layer-allMenu .allMenu-member a,
	.layer-allMenu .allMenu-bottom a {
		display: block;
		flex: 1;
		text-align: center;
	}
	.layer-allMenu .allMenu-bottom {
		display: block;
		bottom: 0;
	}
	.layer-allMenu .allMenu-bottom li {
		display: flex;
		position: relative;
		background-color: #fff;
		border-top: 1px solid #ddd;
	}
	.layer-allMenu .allMenu-bottom a {
		display: block;
		padding: 0.875rem 0;
		color: #222;
		font-size: 0.875rem;
		font-weight: 400;
		line-height: 1.25rem;

	}
	.layer-allMenu .allMenu-bottom a:hover,
	.layer-allMenu .allMenu-bottom a:focus {
		color: #0A6DED;
		font-weight: 700;
	}

	.layer-allMenu .allMenu-list {
		overflow-y: scroll;
		display: block;
		padding: 0 1rem 17rem;
        height: 100%;
		border-right: none;
	}
	.layer-allMenu .allMenu-item {
		padding: 0;
		text-align: left;
		border-left: none;
	}
	.layer-allMenu .allMenu-link {
		position: relative;
		padding: 1.5rem 1rem;
		margin: 0;
		color: #222;
		font-size: 1.125rem;
		font-weight: 600;
		letter-spacing: -0.45px;
		text-align: left;
		background-color: transparent;
		border-radius: 0;
		border-bottom: 1px solid #ddd;
	}
	.layer-allMenu .allMenu-link:hover,
	.layer-allMenu .allMenu-link:focus {
		color: #0A6DED;
		font-weight: 600;
	}
	.layer-allMenu .allMenu-link:before,
	.layer-allMenu .allMenu-link:after {
		content: "";
		position: absolute;
		right: 1.25rem;
		top: 50%;
		width: 1rem;
		height: 2px;
		border-radius: 0.1875rem;
		background-color: #222;
		transform: translateY(-50%);
	}
	.layer-allMenu .allMenu-link.active:before,
	.layer-allMenu .allMenu-link.active:after {
		background-color: #0A6DED;
	}
	.layer-allMenu .allMenu-link:after {
		transform: translateY(-50%) rotate(90deg);
		transition: transform 0.3s;
	}
	.layer-allMenu .allMenu-link.active:after {
		transform: translateY(-50%) rotate(0);
	}
	.layer-allMenu .allMenu-2depth {
		display: none;
		max-width: 100%;
		margin: 0;
		padding: 0.75rem 1rem;
		background-color: #F6FAFF;
		border-top: 2px solid #0A6DED;
	}
	.layer-allMenu .allMenu-2depth-item {
		display: block;
	}
	.layer-allMenu .allMenu-2depth-item:before {
		display: none;
	}
	.layer-allMenu .allMenu-2depth-item:not(:first-child) {
		margin-top: 0;
	}
	.layer-allMenu .allMenu-2depth-link {
		padding: 0.75rem 0;
	}
	
	#footer .f-top {
		flex-direction: column-reverse;
		gap: 1.25rem;
		padding: 2rem 0 1.25rem;
		border-bottom: 1px solid #737478;
	}
	#footer .f-menu,
	#footer .f-menu li {
		gap: 1rem;
	}
	#footer .f-family {
		width: 21.4375rem;
	}
	#footer .family-btn, 
	#footer .family-link a {
		padding: 0.5rem;
		font-size: 0.875rem;
		line-height: 1.75rem;
	}
	#footer .family-btn + button {
		padding: 0.5rem 1rem;
		font-size: 0.875rem;
	}
	#footer .f-logo img {
		height: 4.5rem;
	}
	#footer .f-bottom {
		flex-direction: column;
		align-items: center;
	}
	#footer .f-info {
		max-width: 100%;
		margin: 1.25rem 0 2.125rem;
		font-size: 0.875rem;
    	line-height: 1.875rem;
		text-align: center;
	}
	#footer .f-info br {
		display: block;
	}
	#footer .info-text {
		margin-top: 1rem;
	}
	#footer .logo-wa {
		margin-left: 0;
	}
	#footer .logo-wa img {
		height: 3.4063rem;
	}
}

@media screen and (max-width: 800px) {
	#footer .f-info br {
		display: none;
	}

	.popup_wrap {
		padding-top: 3.5rem;
	}
	.popup {
		max-height: calc(100% - 5.25rem);
		padding: 2.5rem 0.25rem 2.5rem 1rem;
		border-radius: 0.9375rem;
	}
	.popup_content {
		padding-right: 0.75rem; 
	}
	.popup_title {
		font-size: 1.5rem;
		line-height: 1.875rem;
	}
	.popup_title .side_text {
		font-size: 1.25rem;
		line-height: 1.625rem;
	}
	.popup_body {
		padding-top: 1.5rem;
	}
	.popup_close {
		top: -3.5rem;
		width: 2.5rem;
		height: 2.5rem;
	}
	.popup_wrap .btn_box {
		gap: 0.75rem;
	}
	.popup_conTitle {
		margin-bottom: 1rem;
		font-size: 1.375rem;
		line-height: 2rem;
	}
	.popup_conTitle ~ .popup_conTitle {
		margin-top: 1.5rem;
	}
}

@media screen and (max-width: 640px) {
	#footer .f-menu a:last-child {
		width: 100%;
		text-align: center;
	}
	#footer .f-menu li:last-child:before {
		display: none;
	}
	#top {
		width: 3rem;
		height: 3rem;
	}
}

@media screen and (max-width: 480px) {
    html {
        font-size: 4vw !important;
    }

	.layer-allMenu .allMenu-wrap,
	.layer-allMenu .allMenu-top,
	.layer-allMenu .allMenu-bottom {
		width: 100%;
	}
}

@media screen and (max-width: 320px) {
    html {
        font-size: 3.33vw !important;
    }
}

/* 팝압 안 input
------------------------------------ */
.fm_box.fm_pop_box table td,
.fm_box.fm_pop_box table th {
	padding-left: 0;
	padding-right: 0;
}
.fm_box.fm_pop_box .fm_title {
	width: 9.1875rem;
	min-width: 9.1875rem;
}
.fm_box.fm_pop_box .fm_title_txt {
	font-weight: 700;
}
.fm_box.fm_pop_box .fm_title + td,
.fm_box.fm_pop_box .fm_title + th {
	width: calc(100% - 9.1875rem);
}
.fm_box.fm_pop_box .terms-agree-all {
	margin-top: 2rem;
}

.fm_box table tr.tr_infoAgree {
	display: block;
}

.personal_info_agree {
	margin-top: 1.5rem;
}
.personal_info_agree .title {
	margin-bottom: 1rem;
	font-weight: 700;
    font-size: 1.125rem;
}
.personal_info_agree .list li {
	color: #222;
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 2rem;
}
.personal_info_agree .list li span {
	margin-right: 0.3125rem;
	font-size: 0.6875rem;
	vertical-align: middle;
}
.personal_info_agree .text {
	margin-top: 0.5rem;
	color: #222;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.75rem
}

@media screen and (max-width: 768px) {
	.fm_box.fm_pop_box .fm_title {
		width: 100%;
		margin-top: 0;
	}
	.fm_box.fm_pop_box .fm_title + td,
	.fm_box.fm_pop_box .fm_title + th {
		width: 100%;
	}
}

/* alert_page
----------------------------------- */
.alert_page {
	height: 100vh;
	text-align: center;
}
.alert_page .title {
	padding-top: 11.25rem;
	color: #0A6DED;
	font-size: 3.75rem;
	line-height: 4.75rem;
	letter-spacing: -1.5px;
	background-position: top 0 center;
	background-repeat: no-repeat;
	background-size: 9rem auto;	
}
.alert_page.notFound .title {
	background-image: url("data:image/svg+xml,%3Csvg width='145' height='144' viewBox='0 0 145 144' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='72.5' cy='72' r='72' fill='white'/%3E%3Cpath d='M74.7971 37.4803C56.726 37.4803 42.0863 51.9778 42.0863 69.8732C42.0863 76.4336 44.0524 82.5227 47.4337 87.6198L38.5046 106.52L58.0159 97.6774C62.925 100.579 68.6607 102.266 74.7971 102.266C92.8556 102.266 107.508 87.7686 107.508 69.8732C107.508 51.9778 92.8556 37.4803 74.7971 37.4803Z' stroke='%230A6DED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M65.8633 62.7052C65.8633 58.223 69.5304 54.5916 74.0566 54.5916C78.5828 54.5916 82.2499 58.223 82.2499 62.7052C82.2499 66.1335 80.1343 68.673 77.057 70.2475C77.057 70.2475 74.39 71.403 74.39 73.8282V77.8406' stroke='%230A6DED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M74.4444 87.3238C75.6033 87.3238 76.5429 86.2688 76.5429 84.9673C76.5429 83.6659 75.6033 82.6108 74.4444 82.6108C73.2855 82.6108 72.3459 83.6659 72.3459 84.9673C72.3459 86.2688 73.2855 87.3238 74.4444 87.3238Z' fill='%230A6DED'/%3E%3C/svg%3E%0A");
}
.alert_page.serviceReady .title {
	background-image: url("data:image/svg+xml,%3Csvg width='145' height='144' viewBox='0 0 145 144' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='72.5' cy='72' r='72' fill='white'/%3E%3Cpath d='M85.4793 60.0316L73.0135 72.0132L60.5476 60.0316C58.0596 57.6301 56.6602 54.315 56.6602 50.8693V38.0002H89.3927V50.8432C89.3927 54.315 87.9932 57.6301 85.5053 60.0055L85.4793 60.0316Z' stroke='%230A6DED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M52.3833 38.0001H93.6165' stroke='%230A6DED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60.5218 83.9947L72.9876 72.0132L85.4535 83.9947C87.9414 86.3962 89.3409 89.7114 89.3409 93.157V106H56.6343V93.157C56.6343 89.6853 58.0338 86.3701 60.5218 83.9947Z' stroke='%230A6DED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M93.6165 106H52.3833' stroke='%230A6DED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M56.6343 95.2192H89.3669' stroke='%230A6DED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60.5215 60.0316H85.4791' stroke='%230A6DED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert_page .text {
	margin-top: 2.25rem;
	color: #222;
	font-size: 1.25rem;
	font-weight: 300;
	line-height: 2rem;
}
.alert_page .logo {
	margin-top: 6.25rem;
}
.alert_page .logo img {
	width: 100%;
}

@media screen and (max-width: 800px) {
	.alert_page .title {
		padding-top: 9.375rem;
		font-size: 2rem;
		line-height: 2.5rem;
		background-size: 7.5rem auto;	
	}
	.alert_page .text {
		margin-top: 1.5rem;
		font-size: 1.125rem;
		line-height: 1.875rem;
	}
	.alert_page .logo {
		margin-top: 3.125rem;
		width: 12.5rem;
	}
}