@charset "utf-8";



@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'),
		 url(../fonts/Pretendard-SemiBold.woff2) format('woff2'),
		 url(../fonts/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'),
		 url(../fonts/Pretendard-Regular.woff2) format('woff2'),
		 url(../fonts/Pretendard-Regular.woff) format('woff');
}



* {margin:0; padding:0; box-sizing:border-box}
html {overflow:auto; position:relative; min-width:1600px; height:100%; font-family:"Pretendard", sans-serif; font-size:10px; color:#555; line-height:1.5; word-break:keep-all; word-wrap:break-word; -webkit-text-size-adjust:none}
body, p, div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, code, form, header, main, footer, blockquote, q, cite, address, pre, fieldset, legend, input, textarea, select, button {margin:0; padding:0; box-sizing:border-box}
pre {white-space:pre-line}
table {border:0; border-collapse:collapse; border-spacing:0; width:100%}
fieldset, img, button {border:0; vertical-align:top}
img {max-width:100%}
ul, li {list-style:none}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal}
a, button, input[type="submit"] {text-decoration:none; cursor:pointer; font-family:"Pretendard", sans-serif}
a {font-size:1.7rem; color:#555}
a:hover, a:focus {text-decoration:underline; text-underline-offset:3px}
body {position:relative; background:#f8f9fc}
address, em, i {font-style:normal}
legend, hr, caption, .sr-only{position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; border:0; clip-path:inset(50%); clip:rect(0 0 0 0)}



input[type=number],
input[type=tel],
input[type=text],
input[type=password],
select,
textarea {resize:none; padding:5px 10px; width:100%; border:1px solid #e1e3ea; background-color:#fff; appearance:none; font-family:"Pretendard", sans-serif; font-size:1.5rem; color:#555; line-height:1.5}
select {cursor:pointer; height:35px; padding:5px 40px 5px 10px; border-color:#e1e3ea; background:#fff url("../images/ico_select.png") no-repeat right 10px center/11px auto}

input {height:35px}
input:read-only {background-color:#f7f7f7 !important; opacity:0.7}
input:-moz-read-only {background-color:#f7f7f7 !important; opacity:0.7}
input:disabled {background-color:#e1e3ea !important; opacity:0.3}
button[readonly] {border:1px solid #f7f7f7; background-color:#f7f7f7; opacity:0.7}
button:disabled {cursor:default; border:1px solid #e1e3ea ;background-color:#e1e3ea; opacity:0.3}
select:disabled{background:#e1e3ea url("../images/ico_select.png") no-repeat right 10px center/11px auto}
textarea:read-only{background:#f7f7f7; opacity:0.7}
textarea:disabled{background:#e1e3ea; opacity:0.3}

::-webkit-input-placeholder {color:#555}
::-moz-placeholder {color:#555}
:-ms-input-placeholder {color:#555}
:-moz-placeholder {color:#555}
input:-ms-input-placeholder {color:#555 !important} /* IE */
input:-moz-input-placeholder {color:#555 !important} /* Firefox */

select::-ms-expand {display:none} /* delete select arrow */
sup, sub {font-size:1rem}



a:focus, button:focus {outline:2px dotted #8b6cfd}