@charset "utf-8";

* { margin:0; padding:0; box-sizing: border-box; }
body, html { background-color: #fff !important; }

body, div, p, h1, h2, h3, h4, h5, h6, li, dt, dd, form, input, textarea, button, th, td, menu, nav, header, footer, details, section, aside, article {
    margin:0; padding:0;
    font-family: 'Pretendard', sans-serif; font-weight: normal; font-size: 16px; color:#000; line-height: 1; word-break:keep-all;
}

a { text-decoration: none; color: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, li, dl, dt, dd { list-style:none; }

img { max-width: 100%; }

.clearboth:after { clear:both; visibility:hidden; display:block; content:''; }
 
/* responsive wrap */
.contwrap { position: relative; max-width: 1300px; margin-left: auto; margin-right: auto; }
@media (max-width: 1440px) {
    .contwrap { width: calc(100% - 140px); }
}
@media (max-width: 1279px) {
    .contwrap { width: calc(100% - 120px); }
}
@media (max-width: 1230px) {
    .contwrap { width: calc(100% - 100px); }
}
@media (max-width: 1023px) {
    .contwrap { width: calc(100% - 80px); }
}
@media (max-width: 767px) {
    .contwrap { width: calc(100% - 60px); }
}
@media (max-width: 460px) {
    .contwrap { width: calc(100% - 40px); }
}