@charset "utf-8";

@import url("fonts.css");

/* common */
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;margin:0;padding:0;}
html, body {font-family:'Pretendard', sans-serif;font-size:16px;font-weight:300;color:#fafafa;background-color:#fafafa}
html.active {overflow:hidden}
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
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, font, 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, article, aside, hgroup, header, footer, figure, figcaption, nav, section {margin:0; padding:0; border:0; font-size:14px; box-sizing:border-box}
em, i, address {font-style:normal;font-weight:normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';}
a {margin:0; padding:0; text-decoration:none; color:inherit}
button {margin:0;padding:0;border:0;font:inherit;color:inherit;background:transparent;overflow:visible;cursor:pointer;line-height:1;outline:none}
button::-moz-focus-inner { margin:-1px; padding:0;}
input[type=text], input[type=password], input[type=button], input[type=submit], button, textarea {-webkit-appearance: none;}
table {border-collapse: separate; border-spacing:0; width:100%;table-layout: fixed;}
h1, h2, h3, h4, h5 {font-weight:normal;}
img {max-width:100%}
img, select, input, button {vertical-align:middle; }
html {-webkit-text-size-adjust:none;}
legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px; }
form {width:100%}
caption {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
ul, ol, li, figure {list-style-type:none; margin:0; padding:0; }
cite, blockqoute {display:block; font-style:normal; }

.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.pc_view {display:block !important}
.mobile_view {display:none !important}

html, body {touch-action: manipulation;}
/*fonts*/
.cahand1 {font-family: 'cahand1';}
.cahand4 {font-family: 'cahand4';}
.KimjungchulScript {font-family: 'KimjungchulScript';}
.PerpetualSnow {font-family: 'PerpetualSnow';}
.P22Typewriter {font-family: 'P22Typewriter';}
.GeographicaScript {font-family: 'GeographicaScript';}
.SloopScriptOne {font-family: 'SloopScriptOne';}
.SloopScriptTwo {font-family: 'SloopScriptTwo';}
.Quentin {font-family: 'Quentin';}
.snell {font-family: 'snell';}
.FreightTextPro {font-family: 'FreightTextPro';}
.Cormorant {font-family: 'Cormorant SC';}
.Montserrat {font-family: 'Montserrat';}

.container {width:100%;max-width:460px;margin:0 auto;background-color:#000}

footer {padding:50px 0 80px}
footer .copyright {text-align:center;font-size:11.5px;color:#eccede;line-height:1.8;font-family: 'Montserrat';font-weight:500}
footer .linkBox {margin:10px auto 0;display:block;width:fit-content;text-align:center;font-size:11.5px;color:#eccede;line-height:1;font-family: 'Montserrat';font-weight:500}
footer .btnBox {margin-top:30px;display:flex;gap:15px;justify-content: center;align-items: center;}
footer .btnBox input {display:none}
footer .btnBox .shareBtn {width:160px;height:45px;line-height:45px;text-align:center;font-size:15.34px;color:#892630;border-radius:30px;background-color:#eccede;font-weight: 500;}
footer .btnBox .shareBtn.kakao {color:#000;background-color:#fbeb44}
footer .logoBox {margin-top:45px;padding-left: 75px;}
footer .logoBox img {width: 230px;}


/* wordpress */
#wp--skip-link--target {margin:0 !important}
.wp-block-group.wp-block-group-is-layout-constrained {margin:0 !important;padding:0 !important}
.wp-block-template-part {display:none !important}
.has-global-padding > .alignfull {margin:0 !important;padding:0 !important}
.wp-block-post-title {display:none}
.wp-block-post-featured-image {visibility: hidden;height: 0;margin: 0 !important}

/* loading */
#loading-screen {position: fixed;top: 0;left: 50%;width: 100%;max-width:460px;height: 100vh;z-index: 99999;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: opacity 0.5s ease, visibility 0.5s ease;color:#000;transform:translateX(-50%);overflow:hidden}
.animation-container {position: relative;width: 100%;max-width:425px;margin:0 auto;height: 100%;display: flex;align-items: center;}
.walking-character {position: absolute;width: 70px;transform-origin: bottom center;animation:moveRight 3s linear both, realisticWalk 0.6s infinite;}
.wcharacter {width:35px;position: absolute;right:40px}
.wcharacter img {width:100%}
#loading-screen p {font-family: 'SloopScriptOne';text-align:center;font-size:40px;position:absolute;top:calc(50% + 50px)}

@keyframes moveRight {
	0% {
		left:0;
	}
	100% {
		left: 70%;
	}
}

@keyframes realisticWalk {
	0% {
		transform: translateY(0px) rotate(0deg) scaleY(0.95);
	}
	25% {
		transform: translateY(-5px) rotate(3deg) scaleY(1);
	}
	50% {
		transform: translateY(0px) rotate(0deg) scaleY(0.95);
	}
	75% {
		transform: translateY(-5px) rotate(-2deg) scaleY(1);
	}
	100% {
		transform: translateY(0px) rotate(0deg) scaleY(0.95);
	}
}
.hide-loading {opacity: 0;visibility: hidden;}


@media (max-width: 520px) {

.container {max-width:100.00vw}

footer {padding:10.87vw 0 17.39vw}
footer .copyright {font-size:2.50vw;}
footer .linkBox {margin:2.17vw auto 0;font-size:2.50vw;}
footer .btnBox {margin-top:6.52vw;display:flex;gap:3.26vw;}
footer .btnBox .shareBtn {width:34.78vw;height:9.78vw;line-height:9.78vw;font-size:3.33vw;border-radius:6.52vw;}
footer .logoBox {margin-top:9.78vw;padding-left: 16.30vw;}
footer .logoBox img {width: 50.00vw;}



}  
  
@media (max-width: 320px) {

}