/*! wrap */
/* Cafe24 원본은 JS로 body opacity를 1로 바꾼다. WP에서는 처음부터 보이게 한다. */
body { opacity: 1; }
#wrap { min-height: 800rem; } 
#wrap > .container { position: relative; } 

/*! mask */
body.hold { overflow: hidden; } 

/* layout */
.wrap { width: 100%; } 
.wrap-extra { width: 100%;padding: 0 35rem; } 
.wrap-large {  width: 100%;padding: 0 100rem;} 
.wrap-big {  width: 100%;padding: 0 150rem;} 
.wrap-medium { width: 1600rem; margin: 0 auto; } 
.wrap-small { width: 860rem; margin: 0 auto; } 
.wrap-tiny { width: 660rem; margin: 0 auto; } 
.wrap-order { width: 1180rem; margin: 0 auto; } 

@media all and (max-width:1600px) {
    .wrap-large {padding: 0 80rem;}
    .wrap-big {padding: 0 80rem;}
    .wrap-medium {width: 100%;padding: 0 30rem;}
}


@media all and (max-width:1366px) {
    .wrap-large {padding: 0 30rem;}
    .wrap-big {padding: 0 30rem;}
}


@media all and (max-width:1180px){
 .wrap-order { width: 100%; margin: 0; } 
}
@media all and (max-width:999px){
 .wrap-order { width: 528rem; margin: 0 auto; } 
 }


@media all and (max-width:860px) {
    .wrap-extra ,
    .wrap-large,
    .wrap-big,
    .wrap-small,
    .wrap-tiny,
    .wrap-medium { width: 100%;padding: 0 16rem; } 
}


@media all and (max-width:660px){
 .wrap-order { width: 100%; margin: 0; } 
 }


 .warning{width: 100%;height: 90vh;display: flex;align-items: center;justify-content: center;text-align: center;line-height: 1.4;}
 .warning svg{margin-bottom: 10rem;color: red;}
 .warning a{display: inline-block;font-size: 15rem;background: #222327;color: #fff;padding: 8rem 24rem;border-radius: 42rem;transition: all 0.4s;margin-top: 20rem;}