@charset "utf-8";

/* font */
@import url(pretendard.css);

/* reset */
html, body {width: 100%; height: 100%; overflow: hidden;}
body{font-family:'Pretendard', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;font-weight:400;color:#111;line-height:1.5;-webkit-text-size-adjust:none;}
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;box-sizing:border-box;-webkit-box-sizing:border-box;word-break:keep-all;word-wrap:break-word;white-space:normal;font-size: 13px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section{display:block;}
ol, ul, li{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout: fixed;}
th, td{line-height: 1.5;}
img{max-width:100%;border:0;vertical-align:top;}
i, em, address{font-style:normal;}
strong, b{font-weight:700;}
sup{font-size:10px;line-height:1;}
form, fieldset{display:block;border:0;}
iframe{border:0;}
caption, legend{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;line-height:0;}
input, textarea{opacity:1;-webkit-text-fill-color:inherit;}
input, textarea, select{margin:0;padding:0;font-family:inherit;font-size:inherit;font-weight:400;box-sizing:border-box;-webkit-box-sizing:border-box;line-height:normal;-webkit-appearance:none;appearance:none;outline:none;}
textarea, select{outline:none;}
select::-ms-expand{display:none;}
select:disabled{pointer-events:none;}

button{overflow:visible;display:inline-block;margin:0;cursor:pointer;;border:0;background-color: transparent;font-family:inherit;}
button::-moz-focus-inner{border:0;}

* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

/* link */
a{
	display:inline-block;
	color:inherit;
	text-decoration:none;
	word-break:break-all;
	cursor:pointer;
}
a:link,
a:visited,
a:active,
a:focus-visible,
a:focus{
	text-decoration:none; 
	outline: none;
}
a:hover{
	text-decoration:none;
}
.underline{
	text-decoration:underline;
}
.ellipsis{
	overflow:hidden;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
}

/* text align */
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}

.link{
	text-decoration: underline !important;
	font-size: 14px;
	color: var(--green40) !important;
}

/* common */
:root{
	/* color */
	--bg: #F6F7F9;
	--black: #222222;
	--white: #ffffff;
	--blue95: #EAF0FB;
	--blue90: #FBFCFE;
	--blue80: #D9E5F8;
	--blue60: #6092E2;
	--blue50: #3D7ADC;
	--blue40: #225EBF;
	--blue30: #1A478F;
	--red40: #EA2C04;
	--red60: #F58F8F;
	--red70: #F9B5B5;
	--red80: #FCDADA;
	--green40: #008E86;
	--green50: #48BE93;
	--green90: #E7F4F0;
	--green98: #F7FCFB;
	--orange90:#FFF9EF;
	--orange80:#FDECCF;

	--gray90: #F5F6F9;
	--gray80: #E0E3E8;
	--gray70: #D4D8DD;
	--gray60: #C5C9CE;
	--gray50: #ADB9C0;
	--gray40: #9A9FA6;
	--gray30: #7A7E83;
	--gray20: #616263;
	--gray10: #424242;
	--gray5: #262626;
	--primary : #F6330A;
}

::-webkit-input-placeholder { color: var(--gray40); font-weight: 400; } /* 크롬, 사파리 */
:-moz-placeholder { color: var(--gray40); font-weight: 400; } /* 파이어폭스 */
::placeholder { color: var(--gray40) ; font-weight: 400; } /* IE */


::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-thumb {
	border: 2px solid transparent;
	background-clip: padding-box;
	border-radius: 8px;
	background-color: var(--gray60);
}
::-webkit-scrollbar-track { 
	background: transparent !important;
}
::-webkit-scrollbar-button {
	display: none;
}
:focus-visible {outline: 0;}