@charset "utf-8";

/*@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: 300;
	src: local('Spoqa Han Sans Neo Thin'),
		url('../fonts/SpoqaHanSansNeo-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
		url('../fonts/SpoqaHanSansNeo-Thin.woff') format('woff'),
		url('../fonts/SpoqaHanSansNeo-Thin.otf') format('opentype'),
}
@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: 400;
	src: local('Spoqa Han Sans Neo Light'),
		url('../fonts/SpoqaHanSansNeo-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SpoqaHanSansNeo-Light.woff2') format('woff2'),
		url('../fonts/SpoqaHanSansNeo-Light.woff') format('woff'),
		url('../fonts/SpoqaHanSansNeo-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: 600;
	src: local('Spoqa Han Sans Neo Regular'),
		url('../fonts/SpoqaHanSansNeo-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
		url('../fonts/SpoqaHanSansNeo-Regular.woff') format('woff'),
		url('../fonts/SpoqaHanSansNeo-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: 700;
	src: local('Spoqa Han Sans Neo Medium'),
		url('../fonts/SpoqaHanSansNeo-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
		url('../fonts/SpoqaHanSansNeo-Medium.woff') format('woff'),
		url('../fonts/SpoqaHanSansNeo-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: 800;
	src: local('Spoqa Han Sans Neo Bold'),
		url('../fonts/SpoqaHanSansNeo-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
		url('../fonts/SpoqaHanSansNeo-Bold.woff') format('woff'),
		url('../fonts/SpoqaHanSansNeo-Bold.otf') format('opentype');
}*/
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'),
	url('../fonts/Pretendard-Black.woff2') format('woff2'),
	url('../fonts/Pretendard-Black.woff') format('woff');
}

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

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

@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: 500;
	font-display: swap;
	src: local('Pretendard Medium'),
	url('../fonts/Pretendard-Medium.woff2') format('woff2'),
	url('../fonts/Pretendard-Medium.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');
}

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

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

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'),
	url('../fonts/Pretendard-Thin.woff2') format('woff2'),
	url('../fonts/Pretendard-Thin.woff') format('woff');
}
@font-face {
	font-family: 'AppleSDGothicNeo';
	font-style: normal;
	font-weight: 300;
	src: local('AppleSDGothicNeoL'),
		url('../fonts/AppleSDGothicNeoL.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AppleSDGothicNeoL.woff') format('woff'),
		url('../fonts/AppleSDGothicNeoL.woff2') format('woff2');
}
@font-face {
	font-family: 'AppleSDGothicNeo';
	font-style: normal;
	font-weight: 400;
	src: local('AppleSDGothicNeoR'),
		url('../fonts/AppleSDGothicNeoR.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AppleSDGothicNeoR.woff') format('woff'),
		url('../fonts/AppleSDGothicNeoR.woff2') format('woff2');
}
@font-face {
	font-family: 'AppleSDGothicNeo';
	font-style: normal;
	font-weight: 600;
	src: local('AppleSDGothicNeoSB'),
		url('../fonts/AppleSDGothicNeoSB.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AppleSDGothicNeoSB.woff') format('woff'),
		url('../fonts/AppleSDGothicNeoSB.woff2') format('woff2');
}

@font-face {
	font-family: 'AppleSDGothicNeo';
	font-style: normal;
	font-weight: 700;
	src: local('AppleSDGothicNeoB'),
		/* url('../fonts/AppleSDGothicNeoB.eot?#iefix') format('embedded-opentype'), */
		url('../fonts/AppleSDGothicNeoB.woff') format('woff'),
		url('../fonts/AppleSDGothicNeoB.woff2') format('woff2');
}
@font-face {
	font-family: 'AppleSDGothicNeo';
	font-style: normal;
	font-weight: 800;
	src: local('AppleSDGothicNeoEB'),
		url('../fonts/AppleSDGothicNeoEB.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AppleSDGothicNeoEB.woff') format('woff'),
		url('../fonts/AppleSDGothicNeoEB.woff2') format('woff2');
}

/*
#line-height
font-size 16px - 1.375 (22px)
font-size 14px - 1.4285 (20px)
font-size 12px - 1.5 (18px)
font-size 11px - 1.4545 (16px)

#naming
.dialog > .dialog-header, .dialog-content, .dialog-footer
.accordion > .acc-header, .acc-container, .acc-footer

#z-index
header : 90
quick menu :70
.layer : 80
dialog : 1100
dim : 1000

#여백
footer 상단 : 100px
컨텐츠 상하 : 40px (메인 제외)

#사이즈 클래스
xs sm md lg xl
*/


@font-face {
    font-family: 'Cafe24Danjunghae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {font-size: 62.5%;}
body, input, button, select {font-family: 'Pretendard', sans-serif, 'AppleSDGothicNeo'; font-size: 1.4rem; font-weight: 500; color: #54585A; line-height: 1.43; letter-spacing: -.03rem;} /* 221025 */
body, header, section, article, nav, footer, div, ul, li, dl, dd, dt, ol, h1, h2, h3, h4, h5, h6, p, table, caption, tr, th, td, iframe, form, fieldset, legend, label, input, select, textarea, button {margin: 0; padding: 0; box-sizing: border-box;}
a, span, strong, em, i, address {display: inline-block; box-sizing: border-box;}
fieldset {border: none;}
iframe {width: 100%; border :1px solid #E0E0E0; background: #FFF;}
img {border: none; vertical-align: top;}
ul, ol, li {list-style: none;}
em, address {color: inherit; font-style: normal;}
legend, caption {display: none; position: static; left: -9999px; height: 0; font-size: 0; line-height: 0; text-indent: -9999px;}
i, em, th {font-style: normal;}
strong {font-weight: inherit;}
h1, h2, h3, h4, h5, h6 {font-size: 1.4rem; font-weight: 600;} /* 221005 수정 */
/* 단어기준: keep-all , 글자기준: break-all */
/* p, li, dl, dt, dd {word-wrap: break-word; white-space: normal; word-break: keep-all; } */
table {table-layout: fixed; border-collapse: collapse; width: 100%; border-spacing: 0; border: 0;}
table th {font-weight: normal;}
table td {word-wrap: break-word;}

a {color: inherit; text-decoration: none;}
a:hover, a:active, a:focus, a:visited {color: inherit; text-decoration: none;}

/* form */
input, button, select {appearance: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; vertical-align: middle;}
input, button, select, textarea {font-family: inherit; font-size: 1.6rem; color: #000; letter-spacing: -.05rem;}


input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder,
textarea::placeholder {font-size: 1.4rem; color: #999;}

:focus {outline: none;}

/*
input[type='date']::-webkit-inner-spin-button,
input[type='date']::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}
*/

input[type='file'] {}
textarea {resize: none; width: 100%; padding: 8px 10px; border-radius: 6px; border: 1px solid #C1C1C1; background-color: #fff;}
button {cursor: pointer;}

select {height: 60px; box-sizing: border-box; padding: 8px 36px 8px 10px; border-radius: 6px; border: 1px solid #C1C1C1; text-align: left; background:#fff url('../images/icon/form-selectbox.png?ver=202610221000') no-repeat 95%;}
select::-ms-expand{display:none}


input[type='text'],
input[type='number'],
input[type='password'],
input[type='submit'],
input[type='button'],
.form-bdr {height: 60px; padding: 8px 10px; border-radius: 6px; border: 1px solid #C1C1C1;}

textarea:focus,
select:focus,
button:focus,
input[type='text']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='submit']:focus,
input[type='button']:focus {border-color: #000;}

textarea:disabled,
select:disabled,
button:disabled,
input[type='text']:disabled,
input[type='number']:disabled,
input[type='password']:disabled,
input[type='submit']:disabled,
input[type='button']:disabled {border-color: #E0E0E0; color: #E8E8E9;}

textarea:read-only,
/* select:read-only, */
/* button:read-only, */
input[type='text']:read-only,
input[type='number']:read-only,
input[type='password']:read-only,
input[type='submit']:read-only,
input[type='button']:read-only {border-color: #C1C1C1; color: #000; background-color: #F5F6F8}

textarea.is-invalid,
select.is-invalid,
button.is-invalid,
input[type='text'].is-invalid,
input[type='number'].is-invalid,
input[type='password'].is-invalid,
input[type='submit'].is-invalid,
input[type='button'].is-invalid {border-color: #DA291C; color: #DA291C;}

/* global ========== */
.blind {display: none !important;}