@charset "utf-8";
@import url('font/IBMPlexSansKR.css');
@import url('font/SBAggro.css');

html {font-size:10px; overflow-x:hidden;}
body {background:#fff; font-family:'ibmPlex', sans-serif; font-weight:400; font-size:1.7rem; color:#272727; line-height:1.5; letter-spacing:-0.8px; overflow-x:hidden;}
input, button, textarea, select {font-family:'ibmPlex', sans-serif; font-weight:400; color:#272727; letter-spacing:-0.8px; font-size:1.7rem;}
button, input[type="button"], input[type="submit"] {border:0; cursor:pointer; vertical-align:top; background:#1e1e1e; color:#fff; padding:7px 23px;}
input[type="checkbox"] {vertical-align:middle;}
select::-ms-expand {display:none;}
select,
input[type="text"],
input[type="password"] {padding:7px 13px; border:1px solid #ddd; width: 100%;}
select {-moz-appearance:window; -webkit-appearance:none; background:#fff url('../img/sub/select-icon.png') no-repeat 97% center !important; cursor:pointer; padding:7px 35px 7px 13px;}
h1, h2, h3, h4, h5 {font-weight:normal; letter-spacing:-1.3px;}
img {vertical-align:middle;}
a {color:#272727;}
.noScroll {overflow:hidden;}
.wrap {max-width:1450px; margin:0 auto;}
.ir {position:relative;}
@media all and (max-width:1500px) {
    .wrap {max-width:1320px;}
}
@media all and (max-width:1440px) {
    .wrap {max-width:96%;}
}
@media all and (max-width:599px) {
    html {font-size:9px;}
    .wrap {max-width:94%;}
}

/* animation */
@keyframes flower {
    0% {transform:rotate(13deg);}
    50% {transform:rotate(0deg);}
    100% {transform:rotate(13deg);}
}
@keyframes flower2 {
    0% {transform:rotate(-7deg);}
    50% {transform:rotate(0deg);}
    100% {transform:rotate(-7deg);}
}