/*---CSS RESET---*/

@import url('https://fastly.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* 초기화 */
html {overflow-y:scroll;}
body {margin:0;padding:0; font-family: 'Pretendard Variable', Pretendard, sans-serif;font-size:16px;font-weight:300;font-style: normal;text-decoration: none;color: #222; letter-spacing:-0.04em;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
li{list-style: none;}
table{border-spacing: 0;border-collapse: collapse;}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, select, textarea, button{box-sizing: border-box;}
button{background: none;border: none;cursor: pointer;outline: none;}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
input { -webkit-appearance: none;  -moz-appearance: none; appearance: none; outline:none; background:none;}
input:focus {outline:none !important; box-shadow:none !important;}
input[type="checkbox"]{-webkit-appearance: auto;  -moz-appearance: auto; appearance: auto; }
textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none}



*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin: 0;padding: 0;font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;color: inherit;text-decoration: inherit;box-sizing: border-box;
}

html, body{text-size-adjust: none;
    -webkit-text-size-adjust: none; 
    -moz-text-size-adjust: none; 
    -ms-text-size-adjust: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*영문 폰트 변경*/
.j_eng{font-family: "Montserrat", sans-serif;}


@media screen and (min-width:1481px){
    html, body{font-size: 16px;}
}

@media screen and (min-width:721px) and (max-width:1480px){
    html, body{font-size: 14px;}
}

@media screen and (max-width:720px){
    html, body{font-size: 12px;}
}

.j_inner {max-width:1400px; width:96%; margin:0 auto;}


@media screen and (min-width:761px){
    br.br_m{display: none;}/*br 모바일에서만 줄내림*/
}


@media screen and (min-width: 761px) and (max-width: 1024px) {
    br.br_t { display: block; } /* 태블릿에서만 보이는 br */
}

@media screen and (max-width: 760px), screen and (min-width: 1025px) {
    br.br_t { display: none; } /* 태블릿 외에서는 숨김 */
}

@media screen and (max-width:760px){

    br.br_d{display: none;}/*br 데스크탑에서만 줄내림*/
}