/* 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: 'Spoqa Han Sans Neo';
		font-weight: 700;
		src: local('Spoqa Han Sans Neo Bold'),
		url('../fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
		url('../fonts/SpoqaHanSansNeo-Bold.woff') format('woff'),
		url('../fonts/SpoqaHanSansNeo-Bold.ttf') format('truetype');
	}


	@font-face {
		font-family: 'Spoqa Han Sans Neo';
		font-weight: 500;
		src: local('Spoqa Han Sans Neo Medium'),
		url('../fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
		url('../fonts/SpoqaHanSansNeo-Medium.woff') format('woff'),
		url('../fonts/SpoqaHanSansNeo-Medium.ttf') format('truetype');
	}

	@font-face {
		font-family: 'Spoqa Han Sans Neo';
		font-weight: 400;
		src: local('Spoqa Han Sans Neo Regular'),
		url('../fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
		url('../fonts/SpoqaHanSansNeo-Regular.woff') format('woff'),
		url('../fonts/SpoqaHanSansNeo-Regular.ttf') format('truetype');
	}

	@font-face {
		font-family: 'Spoqa Han Sans Neo';
		font-weight: 300;
		src: local('Spoqa Han Sans Neo Light'),
		url('../fonts/SpoqaHanSansNeo-Light.woff2') format('woff2'),
		url('../fonts/SpoqaHanSansNeo-Light.woff') format('woff'),
		url('../fonts/SpoqaHanSansNeo-Light.ttf') format('truetype');
	}

	@font-face {
		font-family: 'Spoqa Han Sans Neo';
		font-weight: 100;
		src: local('Spoqa Han Sans Neo Thin'),
		url('../fonts/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
		url('../fonts/SpoqaHanSansNeo-Thin.woff') format('woff'),
		url('../fonts/SpoqaHanSansNeo-Thin.ttf') format('truetype');
	}
	@font-face {
		font-family: 'chinese msyh';
		font-weight: 400;
		src: local('chinese msyh Regular'),
		url('../fonts/chinese.msyh.ttf') format('truetype');
	}
	

/* Global Style */
	/* Root */
		:root {
			/* 기본 */
				--init-cont-w:1400px; /* 기본 컨텐츠 넓이 */
				--init-ff:'Spoqa Han Sans Neo', 'chinese msyh', sans-serif ; /* 기본 폰트 */
				--init-ls:-0.040em; /* 기본 레터 스페이싱 */
				--init-fs:16px; /* 기본 글자 크기 */
				--init-lh:1.4; /* 기본 문단 간격 */
				--init-hh:130px; /* 헤더 높이 */
				--init-fh:413px; /* 푸터 높이 */
				--init-cont-h:calc(100vh - var(--init-hh) - var(--init-fh)); /* 기본 컨텐츠 높이 */

				/*--init-full-h: calc(100vh - var(--init-hh)); /* 센터 컨텐츠 높이 */

			/* 주요 컬러 */
				--mc:#40476b; /* 메인 컬러 */
				--moc:#40476b; /* 메인 오버 컬러 */
				--mlc:#6070cf; /* 밝은 메인 컬러 */
				--mic:#f65555; /* 강조 컬러 */

			/* 모노 컬러 */ /* 기본 글자 색 */
				--moc01:#f5f5f5;
				--moc02:#e4e4e4;
				--moc03:#ccc;
				--moc04:#9b9b9b;
				--moc05:#666;
				--moc06:#3c3c3c;
				--moc07:#A7A7A7;

			/* 레벨 컬러 */
				--lvred:#f65555;
				--lvorg:#ed7041;
				--lvylw:#f5be54;
				--lvgrn:#75b997;
				--lvsky:#83b3fc;
				--lvblu:#4c549a;
				--lvpur:#8f64eb;

			/* 폼 요소 */
				--fom-bg:white; /* 폼 요소 기본 배경 */
				--fom-bdrc:#aaa; /* 폼 요소 기본 테두리 */
				--fom-bdr:1px solid var(--fom-bdrc); /* 폼 요소 기본 테두리 */
				--fom-h:44px; /* 폼 요소 기본 높이 */
				--fom-pad:15px; /* 폼 요소 기본 좌우 패딩 */
				--fom-fs:16px; /* 폼 요소 기본 폰트 크기 */
				--fom-br:0; /* 폼 요소 기본 보더 라디우스 */
				--fom-lh:calc(var(--fom-h) - 2px); /* 폼 요소 기본 문단 간격 */
				--fom-fc:#222; /* 폼 요소 폰트 컬러 */
				--fom-ph:#aaa; /* 폼 요소 Placeholder 컬러 */
				--fom-disbg:#f5f5f5; /* 폼 요소 Disable 배경 */
				--fom-disbdr:#aaa; /* 폼 요소 Disable 테두리 */

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

			 /* 배경 스타일 */
				--bg-gra01:linear-gradient(94.71deg, #F65555 0.81%, #8F64EB 99.25%);
				--bg-gra02:linear-gradient(90deg, #6070cf 0%, var(--lvblu) 100.03%);
				--bg-gra03:linear-gradient(90deg, #CF9560 0%, var(--lvylw) 100.03%);
				--bg-gra04:linear-gradient(90deg, #a88df5 0%, var(--lvpur) 100.03%);
				--bg-dim01:rgba(0, 0, 0, 0.65);

			/* 그림자 스타일 */
				--bs-type01:0px 3px 10px rgba(0, 0, 0, 0.12);
				--bs-type02:0px -3px 4px rgba(0, 0, 0, 0.1);
				--bs-type03:0px 4px 4px rgba(0, 0, 0, 0.25);

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

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

			/* 팝업 */
				--pop-w:700px; /* 팝업 기본 넓이 */
				--pop-pad:60px; /* 팝업 좌우 여백 */
				--pop-cont-hpad:40px; /* 팝업 헤더 위쪽 여백 */
				--pop-cont-fpad:50px; /* 팝업 푸터 위쪽 여백 */
				--pop-br:10px; /* 팝업 보더 라디우스 */
				--pop-hh:60px; /* 팝업 헤더 높이 */
				--pop-fh:140px; /* 팝업 푸터 높이 */
				--pop-maxh:95vh; /* 팝업 최대 높이 */
				--pop-btnh:60px; /* 팝업 버튼 높이 */
				--pop-btn-ftsz:20px; /* 팝업 버튼 높이 */
				--pop-cont-maxh:calc(var(--pop-maxh) - var(--pop-hh) - var(--pop-fh) - var(--pop-cont-hpad) - var(--pop-cont-fpad));

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

			/* 아이폰 노치 대응 */
				--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; /* 비디오 요소 기본 높이 */
		}

		* {box-sizing:border-box;}
		html {width:100vw; height:100%; padding:var(--notch); scroll-behavior:smooth;}
		body {background:white; width:100vw; height:100%; min-width:var(--init-cont-w); 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(--mc); color:white;}

		.tablet, .t-br {display:none !important;}
		.mobile, .m-br {display:none !important;}
		.pc, .p-br {display:block !important;}

	/* Contents */
		a {text-decoration:none; color:inherit;}
		img {vertical-align:top;}
		em {color:var(--mic);}
		small {font-size:80%;}
		td {word-break:break-all;}

	/* 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 {width:100%; caret-color:var(--mc);}

		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%;}