@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/* reset */
body, div, header, footer, nav, section, article, aside, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, p, table, th, tr, th, td, form, fieldset, legend, figure {padding:0; margin:0; box-sizing:border-box;}

ul, ol, li {list-style:none}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal}
fieldset, img {border:0 none}
img {width:100%;padding:0; margin:0;}
table {border-spacing:0; border-collapse:collapse}
input, select, textarea, button {padding:0; margin:0; font-size:100%; vertical-align:middle; border:0 none;}
input:focus, select:focus, textarea:focus, button:focus {outline:none;}
button {border:1px solid var(--SubFontColor); background-color:transparent; cursor:pointer}
a, a:hover, a:active {text-decoration:none}
address, em {font-style:normal}
strong {font-weight:normal}
label {margin:0}

/* base */
body {font-family:  "Pretendard Variable", Pretendard, sans-serif; position:relative; color:#1d1d1d; font-size:15px; line-height:1.6; background-color:#FFFFFF; width:100%; max-width: 100vw;  min-width:320px; min-height:100%; overflow-x:hidden;}
a {color:#151515}
a:hover {color:#1D1D1D}

.hidden {width:0; height:0; font-size:0; line-height:0; text-indent:-9999px}
.sr_only { position:absolute; width:1px !important; height: 1px; padding:0; margin:0; overflow:hidden; clip-path: inset(50%); white-space:nowrap; border:0;}

/* .flex */
.flex {display:flex; flex-wrap:wrap;}
.flex .col-4 {width:33.3333%;}
.flex .col-6 {width:50%;}
.flex .col-8 {width:66.6666%;}