@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button, select { margin:0; padding:0; }

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;
    -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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 { margin:0; padding:0; list-style:none; }
input[type="submit"] { cursor:pointer; }
button { cursor:pointer; }
img { max-width: 100%; }

input[type=text],input[type=password], textarea { transition:all 0.30s ease-in-out; outline:none; }
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { box-shadow:0 0 5px #9ed4ff; border:1px solid #558ab7 !important; }

.placeholdersjs { color:#aaa !important; }

body.hidden { overflow: hidden; }
.cl:after { clear:both; visibility:hidden; display:block; content:''; }
.hand { cursor:pointer; }

.twrap { position:relative; width:calc(100% - 120px); margin-left:60px; margin-right:60px; }
.swrap { position: relative; max-width: 1170px; margin-left: auto; margin-right: auto; }

@media (max-width: 1230px) {
    .twrap,.swrap { width: calc(100% - 60px); }
}
@media (max-width: 1024px) {
    .twrap,.swrap { width: calc(100% - 40px); }
}