@charset "utf-8";

/* Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* Noto Sans KR */
// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.noto-sans-kr-<uniquifier> {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

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

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/***************************************************************************/
/*                                         body 공통 설정                                              /
/***************************************************************************/

html,body{width:100%;height:100%;scroll-behavior: smooth;}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
ul,ol,dl {list-style: none;}
img {border:0;vertical-align: top;}
fieldset {border: none;}
ul {list-style: none;padding: 0;margin: 0;}
fieldset{border: none;}
li{list-style: none;}
input,select,button,select{vertical-align: middle;}
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;}
a {color: inherit;text-decoration: none;cursor: pointer;}
a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
table {width: 100%;border-spacing: 0}
table {table-layout: fixed;border-collapse: collapse;word-break: break-all;}
* {box-sizing: border-box;word-break: keep-all;}

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;}
button {outline: 0;}
textarea {resize: none;}
html {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}

/* 기본설정 */
body {
    font-family: "Inter", Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans KR", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #222;
    font-weight: 300; /* Light */
	-webkit-font-smoothing: subpixel-antialiased; /* macOS에서 더 선명하게 */
    text-rendering: optimizeLegibility; /* 전반적인 가독성 최적화 */
    *word-break: break-all;
    -ms-word-break: break-all;
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
}

select,input,textarea,button {
    font-family: "Inter", Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans KR", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color:#222;
    outline:none;
}

.hide,legend,caption,hr {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
}