@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&family=Roboto:wght@400;700&display=swap');

/* 사용안함
@font-face { font-family: 'NotoL'; src: url("../fonts/Noto/notokr-light.woff") format("woff"), url("../fonts/Noto/notokr-light.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NotoR'; src: url("../fonts/NotoSansCJKkr-Regular.otf") format("otf"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'NotoM'; src: url("../fonts/NotoSansCJKkr-Medium.otf") format("otf"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'NotoB'; src: url("../fonts/NotoSansCJKkr-Bold.otf") format("otf"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype"); font-weight: 700; font-style: normal; }
@font-face { font-family: 'ManropeL'; src: url("../fonts/Manrope/Manrope-Light.woff") format("woff"), url("../fonts/Manrope/Manrope-Light.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ManropeB'; src: url("../fonts/Manrope/Manrope-Bold.woff") format("woff"), url("../fonts/Manrope/Manrope-Bold.woff2") format("woff2"); font-weight: normal; font-style: normal; }
*/
/* 노치대응 */
/* iOS 11.0 버전 */
body {
    padding:
            constant(safe-area-inset-top)
            constant(safe-area-inset-right)
            constant(safe-area-inset-bottom)
            constant(safe-area-inset-left);
}
/* iOS 11.2 이상 */
body {
    padding:
            env(safe-area-inset-top)
            env(safe-area-inset-right)
            env(safe-area-inset-bottom)
            env(safe-area-inset-left);
}
body > div {overflow-x: hidden;}
h5, h4, h3 {margin:0;padding:0;font-weight:600;color:#666;}
::placeholder {color:var(--font-l-color);}
* {
    scrollbar-color: var(--h-color) #FFF;
    -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust : none;  /* IE */
    -moz-text-size-adjust : none;  /* 파이어폭스 */
    -o-text-size-adjust : none;
}
*::-webkit-scrollbar-thumb {
    background-image: linear-gradient(0deg, var(--h-color) 0%, var(--h-color) 100%);
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}
*::-webkit-scrollbar {
    width: 0;
    height:0;
}
*::-webkit-scrollbar-track {
    background-color: #EFEFEF;
    border-radius: 4px;
}
*::-webkit-scrollbar-thumb {
    background-color: var(--h-color);
    border-radius: 4px;
}
::placeholder {font-family: 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans KR', sans-serif;letter-spacing:-0.01rem;}

/*reset*/
html, body {
    margin:0;
    padding:0;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
html {
    background: #fff;
    font-family: 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', sans-serif;
    font-size: 62.5%;
    letter-spacing: -0.3px;
    box-sizing:border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body { font-size: 1.4rem; line-height: 1.8rem; }
* {font: inherit;color: inherit;margin: 0; padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    box-sizing: border-box;word-wrap: break-word;word-break: break-word;letter-spacing:-0.03em;
    font-family: 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', sans-serif;
}
*:active, *:focus, *:focus:active { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
div, span, strong, em, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup { padding: 0; margin: 0; font-size: inherit; color: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, li { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6, th, td { font-weight: normal; font-size: 100%; }
form, fieldset { border: 0; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
address, abbr, address, big, cite, code, ins, small, sub, sup, em {font-weight:normal;font-style:normal;}
sup, sub { color: inherit; }
blockquote, q { quotes: none; }
caption { display: none; }
a {text-decoration:none;color:inherit;cursor:pointer;}
a img {border:0;}
img, input, select {vertical-align:middle;outline:none;}
input {vertical-align:middle;outline:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;margin: 0;}
select {font-size:14px;border:1px solid #D0D0D0;background:#fff;}
input, select { -webkit-border-radius: 0; -webkit-appearance: none; }
button, textarea {outline:none;}
button {padding:0;border:0;background:none;cursor:pointer;}
textarea {resize:none;}
strong { font-weight: bold; }
.clfix { *zoom: 1; }
.clfix:after { content: ''; display: block; clear: both; }
/*ios*/
input, textarea, [contenteditable] { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.clear { content: ''; display: block; clear: both; }
.hide {display:none;}
.hidden { position: absolute; font-size: 0; visibility: hidden; }