/* Reset */
	/* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126License:none (public domain) */
		html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}

	/* HTML5 display-role reset for older browsers */
		article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display:block;}
		body {line-height:1;}
		ol, ul {list-style:none;}
		blockquote, q {quotes:none;}
		blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
		table {border-collapse:collapse; border-spacing:0;}

/* Font */
	@font-face {
		font-family: 'Pretendard';
		src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
		font-weight: 400;
		font-style: normal;
	}

/* Global Style */
	/* Root */
		:root {
			/* 주요 컬러 */
			--main-color:#479D79; /* 메인 컬러 */
			--main-over-color:#2a5e48; /* 메인 오버 컬러 */
			--main-light-color:#f1fff9; /* 밝은 메인 컬러 */
			--main-impo-color:#e86365; /* 메인 강조 */

			/* 폼 요소 */
			--frm-h:32px; /* 폼 요소 기본 높이 */
			--frm-lh:calc(var(--frm-h) - 2px); /* 폼 요소 기본 문단 간격 */
			--frm-pad:12px; /* 폼 요소 기본 좌우 패딩 */
			--frm-fs:13px; /* 폼 요소 기본 폰트 크기 */
			--frm-br:8px; /* 폼 요소 기본 보더 라디우스 */
			--frm-bg:white; /* 폼 요소 기본 배경 */
			--frm-bdrc:#d8d8d8; /* 폼 요소 기본 테두리 */
			--frm-bdr:1px solid var(--frm-bdrc); /* 폼 요소 기본 테두리 */
			--frm-fc:#666; /* 폼 요소 폰트 컬러 */
			--frm-ph:#999; /* Placeholder 컬러 */
			--frm-disbg:#f9f9f9; /* 폼 요소 Disable 배경 */
			--frm-disbdr:#aaa; /* 폼 요소 Disable 테두리 */

			/* 무채색 계열 색상 */
			--fc-c01:#000;
			--fc-c02:#666; /* 기본 글자 색 */
			--fc-c03:#f8f8f8;
			--fc-c04:#fff;
			--fc-c05:#999;

			/* 기본 */
			--init-ls:-0.020em; /* 기본 레터 스페이싱 */
			--init-fs:16px; /* 기본 글자 크기 */
			--init-lh:24px; /* 기본 문단 간격 */
			--init-ff:"Pretendard", sans-serif; /* 기본 폰트 */
			--init-cont-w:1168px; /* 기본 컨텐츠 넓이 */
			--init-cont-h:calc(100vh - var(--init-hh) - var(--init-fh)); /* 기본 컨텐츠 높이 */
			--init-fh:15vw; /* 푸터 높이 108px */
			--init-hh:auto; /* 헤더 높이 */
			--init-lrp:0; /* 기본 좌우 패딩 */
			--init-full-h: calc(100vh - var(--init-hh)); /* 센터 컨텐츠 높이 */

			/* Z-Index */
			--zih:500; /* 헤더 */
			--zif:100; /* 푸터 */
			--zipop:1100; /* 팝업 */ /* 팝업 > 패널 */
			--zidp:700 !important; /* 데이트 피커 */
			--zipslt:400; /* 셀렉트 */
			--zipn:1000; /* 패널 */
			--zitab:450; /* 탭메뉴 */

			 /* 배경 스타일 */
			/*--bg-type01:linear-gradient(90deg, rgba(80,87,208,1) 0%, rgba(115,91,187,1) 100%);*/ /* 파/보 그라데이션 */

			/* 그림자 스타일 */
			/*--bs-type01:0 1.39vw 1.25vw rgba(0, 0, 0, 0.07);*/

			/* 아이콘 관련 */
			--c-icon:url("../img/common_icon.png") no-repeat; /* 기본 아이콘 */
			--icon:url("../img/icon.png") no-repeat; /* 추가 아이콘 */
			--bgsize:1000px;

			/* 테두리 */
			--bdr-01:1px solid #e2e2e2;

			/* 팝업 */
			--pop-pad:24px; /* 팝업 좌우 여백 */
			--pop-cont-hpad:29px; /* 팝업 헤더 위쪽 여백 */
			--pop-cont-fpad:40px; /* 팝업 푸터 아래쪽 여백 */
			--pop-br:16px; /* 팝업 보더 라디우스 */
			--pop-hh:56px; /* 팝업 헤더 높이 */
			--pop-fh:88px; /* 팝업 푸터 높이 */
			--pop-maxh:80vh; /* 팝업 최대 높이 */
			--pop-cont-maxh:calc(var(--pop-maxh) - var(--pop-hh) - var(--pop-fh) - var(--pop-cont-hpad) - var(--pop-cont-fpad)); /* 팝업 내용 최대 높이 */

			/* 스크롤 */
			--scr-w:12px; /* 스크롤 넓이 / 보더 라디우스 기타 등등 */
			--scr-bg1:#e5e5e5; /* 스크롤 배경색 */
			--scr-bg2:#111; /* 스크롤 색상 */

			/* 아이폰 노치 대응 */
			--notch:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);

			/* 기타 */
			--vdo-h:7.78vw; /* 비디오 요소 기본 높이 */
			--mq-step1:768px;
		}

		* {box-sizing:border-box;}
		html {overflow-x:hidden; width:100vw; height:100%; padding:var(--notch); scroll-behavior:smooth;}
		body {overflow-x:hidden; background:white; width:100vw; /*min-width:var(--init-cont-w);*/ height:100%; font-family:var(--init-ff); font-size:var(--init-fs); line-height:var(--init-lh); letter-spacing:var(--init-ls); color:var(--fc-c01);}
		::selection {background-color:var(--main-color); color:white;}

	/* Contents */
		a {text-decoration:none; color:inherit;}
		img {vertical-align:top;}
		em {color:var(--main-impo-color);}
		small {font-size:80%;}
		td {word-break:break-all;}
		.mobile {display:none;}
		.tdu {text-decoration:underline;}

	/* Form */
		select,
		button,
		textarea,
		input[type="text"],
		input[type="password"] {-webkit-appearance:none; -ms-appearance:none; appearance:none; background:none; border:none; padding:0; font-family:var(--init-ff); font-size:inherit; font-weight:inherit; letter-spacing:var(--init-ls); color:inherit; outline:0;}

		input[type="text"],
		input[type="password"],
		select,
		textarea {caret-color:var(--main-color);}

		textarea {width:100%;}

		input[type="text"],
		input[type="password"],
		*::placeholder {color:inherit;}

		button, label {cursor:pointer;}
		label {display:inline-flex;}

		legend, caption {position:fixed; left:-100vw;}

		table {table-layout:fixed; width:100%;}