@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

/*Globel*/
:root {
	font-size: 62.5%;

	/* Color */
	--color-bk: #131313;
	--color-bg: #F9F9F9;
	--color-bd: #E6E6E6;
	--color-main: #1D7ACD;
	--color-sub: #56C133;
	--status-red: #E42626;
	--status-org: #E48126;
	--status-blu: #2247CA;
	--status-grn: #31B937;
	--status-ylw: #E8B229;

	/*font-size*/
	--font-main: 6rem;
	--font-mainsub: 2.8rem;
	--font-main-title: 5rem;
	--font-h2: 5rem;
	--font-h4: 4.8rem;
	--font-login: 3.8rem;
	--font-xxlarge: 2.8rem;
	--font-xlarge: 2.4rem;
	--font-large: 2rem;
	--font-medium: 1.8rem;
	--font-regular: 1.6rem;
	--font-small: 1.4rem;
	--font-xsmall: 1.2rem;
	--font-micro: 1rem;

	/* Font weight */
	--weight-black: 800;
	--weight-exbold: 700;
	--weight-bold: 600;
	--weight-semibold: 500;
	--weight-medium: 400;
	--weight-regular: 300;
	--weight-light: 200;
	--weight-exlight: 100;

	/* Annimation */
	--animation-duration: 300ms;

	/* box */
	--shadow-box-inset: inset 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
	/*	box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;*/
	--shadow-inset: inset 5px 5px 5px rgba(0, 0, 0, 0.05);
	--shadow-insetX: inset -2px 2px 5px rgba(0, 0, 0, 0.07);
	--shadow-box: rgba(0, 0, 0, 0.03) 0px 5px 15px 0px;
}

/* Reset */
* {
	font-size: clamp(13px,1.33vw,16px);
	font-family: "Pretendard", Dotum, "돋움", Verdana, Arial, sans-serif;
	color: var(--color-bk);
	font-weight: var(--weight-regular);
	line-height: 1;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	list-style: none;
	letter-spacing: -0.02rem;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
	/* 폰트의 사이즈를 늘어나지 않도록 한다 */
	/*-webkit-text-size-adjust : auto /* 기존과 똑같이 작동하도록 한다 */
	/*-webkit-text-size-adjust : 120%  /* 폰트를 기존 사이즈와 동일하게 한다 */
}
.eng {
	font-family : "Urbanist", Dotum, "돋움", Verdana, Arial, sans-serif;
}
h3 {
	font-size: var(--font-mainsub);
	font-weight: var(--weight-bold);
}
img {
	-ms-interpolation-mode: bicubic;
}

img[src$=".png"] {
	image-rendering: -moz-crisp-edges;
	/* Firefox */
	image-rendering: -o-crisp-edges;
	/* Opera */
	image-rendering: -webkit-optimize-contrast;
	/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	/* IE (non-standard property) */
}

button {
	background: transparent;
	outline: none;
	border: none;
	display: flex;
	cursor: pointer;
}

html {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	width: 100%;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 1200px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	width: 100%;
}

/* Form */
textarea {
	background: transparent;
	border: none;
	width: 100%;
	resize: none;
}

@media screen and (max-width: 500px) {
	:root {
		font-size: 37.5%;
		/*font-size*/

		--font-main: 8rem;
		--font-mainsub: 4.3rem;
		--font-main-title: 6rem;
		--font-h2: 4.5rem;
		--font-h4: 5rem;
		--font-login: 5rem;
		--font-xxlarge: 3.7rem;
		--font-xlarge: 3rem;
		--font-large: 2.67rem;;
		--font-medium: 2.67rem;
		 --font-regular: 2.34rem; 
/*		--font-regular: 2.67rem;*/
		--font-small: 2rem;
		--font-xsmall: 1.2rem;
		--font-micro: 1rem;
	}
}

/* :root { */

/* font-size: 50%; */
/*font-size*/
/* --font-main: 5.2rem;
		--font-mainsub: 2.8rem;
		--font-xxlarge: 4.4rem;
		--font-xlarge: 2.4rem;
		--font-large: 2rem;
		--font-medium: 1.8rem;
		--font-regular: 1.875rem;
		--font-small: 1.75rem;
		--font-xsmall: 1.2rem;
		--font-micro: 1rem; */
/* } */

/*input box 설정*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield; /* 파이어폭스용 */
}

input[type=text],input[type=password],input[type=email],input[type=number],select {
	padding: 0 10px 0 15px;
	border: 1px solid var(--color-bd);
	height: 52px;
	border-radius: 7px;
}
select {
    padding: 0.42vw 2.5vw 0.42vw 1vw;
    appearance: none;
    background: #fff url('../images/common/angle_bottom.svg') no-repeat center right 5px;
}

input[type=file] {
	display: none;
}

a[href^="tel"] {
    color: red !important; /* 색상 강제 적용 */
    -webkit-text-fill-color: red; /* iOS에서 색상 적용 */
    text-decoration: none; /* 밑줄 제거 */
}