@charset "utf-8";

/*
 * Project		:	헬로컴퍼니 랜딩 홈페이지
 * File			:	default.css
 * Author		:	YoungJae Lee
 * Date			:	Jau. 2024
 * Description	:	문서 초기화,웹폰트
 */
 
 

/* --------------------------
:: web reset
-------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:none; vertical-align: middle;}
dl,ul,ol,menu,li {list-style:none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content:''; content:none;}
input,select,textarea,button {vertical-align:middle;}
button {border:0 none; background-color:transparent; cursor:pointer; outline: none;}
body,th,td,input,select,textarea,button {font-size: 13px; color: #333; font-weight: 500;
font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
a {color:inherit; text-decoration:none; cursor:pointer;}
a:active,a:hover {text-decoration:none;} 
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
iframe {border:none; width:100%; height:100%;}
table {border-spacing:0; border-collapse:collapse;}
caption {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}

*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box;}

/* chrome input fill color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    font-size: inherit;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#666; font-size:inherit;}
::-moz-placeholder { /* Firefox 19+ */ color:#666; font-size:inherit;}
:-ms-input-placeholder { /* IE 10+ */ color:#666; font-size:inherit;}
:-moz-placeholder { /* Firefox 18- */ color:#666; font-size:inherit;}



/* --------------------------
:: web font
-------------------------- */
/* 프리텐다드 */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('/fonts/pretendard/woff2/Pretendard-Black.woff2') format('woff2'), url('/fonts/pretendard/woff/Pretendard-Black.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/fonts/pretendard/woff2/Pretendard-ExtraBold.woff2') format('woff2'), url('/fonts/pretendard/woff/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/fonts/pretendard/woff2/Pretendard-Bold.woff2') format('woff2'), url('/fonts/pretendard/woff/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/fonts/pretendard/woff2/Pretendard-SemiBold.woff2') format('woff2'), url('/fonts/pretendard/woff/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/fonts/pretendard/woff2/Pretendard-Medium.woff2') format('woff2'), url('/fonts/pretendard/woff/Pretendard-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/fonts/pretendard/woff2/Pretendard-Regular.woff2') format('woff2'), url('/fonts/pretendard/woff/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/fonts/pretendard/woff2/Pretendard-Light.woff2') format('woff2'), url('/fonts/pretendard/woff/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/fonts/pretendard/woff2/Pretendard-ExtraLight.woff2') format('woff2'), url('/fonts/pretendard/woff/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/fonts/pretendard/woff2/Pretendard-Thin.woff2') format('woff2'), url('/fonts/pretendard/woff/Pretendard-Thin.woff') format('woff');
}

/* 본고딕 */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('/fonts/notokr/notokr-light.eot');
	src: url('/fonts/notokr/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/notokr/notokr-light.woff2') format('woff2'),
		 url('/fonts/notokr/notokr-light.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/notokr/notokr-regular.eot');
	src: url('/fonts/notokr/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/notokr/notokr-regular.woff2') format('woff2'),
		 url('/fonts/notokr/notokr-regular.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('/fonts/notokr/notokr-medium.eot');
	src: url('/fonts/notokr/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/notokr/notokr-medium.woff2') format('woff2'),
		 url('/fonts/notokr/notokr-medium.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('/fonts/notokr/notokr-bold.eot');
	src: url('/fonts/notokr/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/notokr/notokr-bold.woff2') format('woff2'),
		 url('/fonts/notokr/notokr-bold.woff') format('woff');
}