@charset "utf-8";

/* 나눔고딕 */
@import url('https://fonts.googleapis.com/css2?family=Damion&family=Nanum+Gothic&family=Noto+Sans+JP:wght@100..900&display=swap');


@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}



html,body{width:100%;min-height: 100%;scroll-behavior: smooth;font-feature-settings: "kern", "liga", "clig", "calt";}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin: 0;padding: 0;}

body {/* 해상도별 폰트설정은 layout.css에서 각각 부여함 */
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--color-text-default);
    background-color: var(--color-background);
     /* 브라우저별 렌더링 품질 균일화 */
    text-rendering: optimizeLegibility; 
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul,ol,dl,li {list-style: none;}
ul {padding: 0;margin: 0;}
img {border:0;vertical-align: top;}
fieldset {border: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
address,caption,cite,code,dfn,em,th,var {font-style: normal;font-weight: normal;}
a {outline: 0;color: inherit;text-decoration: none;cursor: pointer;}
a:link,a:active,a:visited,a:hover {text-decoration: none;}
table {width: 100%;border-spacing: 0;table-layout: fixed;border-collapse: collapse;word-break: break-all;}
*,*::before,*::after{box-sizing: border-box;word-break: keep-all;}

/* ---- select 공통설정 ---- */
.select-wrap{position:relative;display:inline-block;width:auto;}
select {width:100%;padding:8px 40px 8px 12px;font-size:0.9rem;color:var(--color-text-default);background-color:var(--color-background);border:1px solid var(--input-border);border-radius:4px;cursor:pointer;box-sizing:border-box;outline:none;
/* 모바일(특히 iOS, Android) 기본 화살표 완전 제거 */ -webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none !important;background:none;}
/* IE / Edge 구버전 대응 */
select::-ms-expand {display:none;}
/* iOS Safari 대응 */
@supports (-webkit-touch-callout: none){select{background-color:var(--color-background);background-image:none !important;}}
/* 화살표 */
.select-wrap::after{content:"";position:absolute;top:50%;right:12px;width:8px;height:8px;border-right:2px solid #999;border-bottom:2px solid #999;transform:translateY(-60%) rotate(45deg);pointer-events:none;}

select {vertical-align: middle;font-family: inherit;color: var(--color-text-default);border: 1px solid var(--input-border);}
input,button,textarea{vertical-align: middle;font-family: inherit;color: var(--color-text-default);border: 1px solid var(--input-border);background:var(--input-bg);}
input,select,button,textarea:focus {outline:none;box-shadow:none;}
select option {padding: 8px;}
button {border-radius:2px;-webkit-tap-highlight-color: rgba(0,0,0,0);cursor: pointer;}
input {border-radius:2px;color: var(--color-text-default);}
input::placeholder{color:var(--color-text-placeholder);opacity:1;font-size:0.9rem;}
input::-moz-placeholder{color:var(--color-text-placeholder);opacity:1;font-size:0.9rem;}
input:-ms-input-placeholder{color:var(--color-text-placeholder);font-size:0.9rem;}
input::-ms-input-placeholder{color:var(--color-text-placeholder);font-size:0.9rem;}
button,input[type="submit"],input[type="button"]{overflow: visible;margin: 0;background-color: transparent;border: none;-webkit-appearance: button;cursor: pointer;font: inherit;color: inherit;}
button::-moz-focus-inner,input::-moz-focus-inner{padding: 0;border: 0;}
textarea{resize: none;}