@charset "utf-8";
@import url('font/S-CoreDream.css');
@import url('font/NEXONLv1.css');
@import url('font/Montserrat.css');

html {font-size:10px; overflow-x:hidden;}
body {background:#fff; font-family:'SCDream', 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:'SCDream', 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;}
select {-moz-appearance:window; -webkit-appearance:none; background:#fff url('../img/sub/select-icon.png') no-repeat right 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:1400px; 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);}
}

/* header */
#header .logo, #header .right {display:table; height:100px; table-layout:fixed;}
#header .logo a, #header .right li {display:table-cell; vertical-align:middle;}
#header .logo {float:left; width:202px;}
#header .logo a {background:url('../img/common/logo.png') no-repeat center; background-size:contain; text-indent:-9999px;}
#header .right {position:absolute; top:0; right:0;}
#header .right li a {margin-left:5px;}
@media all and (max-width:1440px) {
	#header .logo, #header .right {height:80px;}
	#header .logo {width:150px;}
}
@media all and (max-width:599px) {
	#header .logo, #header .right {height:70px;}
	#header .logo {width:130px;}
}

/*꽃1*/
.flower1 {position:absolute; bottom:0; left:0; width:190px; height:232px;}
.flower1 span {display:block;}
.flower1-1 {width:100%; height:100%; background:url('../img/common/flower1-1.png') no-repeat;}
.flower1-2 {position:absolute; top:17px; left:92px; width:98px; height:127px; background:url('../img/common/flower1-2.png') no-repeat; animation:flower 3s ease infinite reverse; /*z-index:-1;*/}
/*꽃2*/
.flower2 {position:absolute; bottom:176px; right:0; width:218px; height:327px;}
.flower2 span {display:block;}
.flower2-1 {width:100%; height:100%; background:url('../img/common/flower2-1.png') no-repeat;}
.flower2-2 {position:absolute; top:41px; left:118px; width:36px; height:79px; background:url('../img/common/flower2-2.png') no-repeat; animation:flower2 3s ease infinite; /*z-index:-1;*/}
@media all and (max-width:1440px) {
    /*꽃1*/
    .flower1 {bottom:43px;}
    .flower1-1 {display:none !important;}
    .flower1-2 {left:0;}
    /*꽃2*/
    .flower2 {right:-69px;}
    .flower2-1 {display:none !important;}
    .flower2-2 {right:0;}
}
@media all and (max-width:1023px) {
    /*꽃1*/
    .flower1 {display:none;}
    /*꽃2*/
    .flower2 {display:none;}
}