/* Style */
:root {color-scheme: light only;}
html { font-size: 10px;}
body { overflow-x:hidden; font-size: 1rem; -webkit-text-size-adjust: 100%;}
body.hidden { position: fixed; overflow-y:hidden;  touch-action: none;}
main { font-size: 1.4rem; line-height:2.1rem; color:#666; display: block;}
a, button { color:#666;}
p, li{word-break: keep-all;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
caption > div,
legend,
.hide {overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}

.skip { position: absolute; left: 0; right: 0; top:-100%; transition: all .5s; line-height: 5rem; background: #000; color:#fff; text-align: center; z-index: 100;}
.skip:focus { top: 0; }

img {max-width:100%;height:auto;}

/* logo */
.logo {margin:0 auto;width:12rem;height:3.2rem;background:url(../images/svg/logo.svg) no-repeat 0 0 / 100% auto;}

/* splash screen */
.splash {position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background-color:#005687;display:flex;justify-content:center;align-items:center;}
.splash_inner {display:grid;justify-content:center;align-content:space-between;flex-wrap:wrap;max-width:28rem;min-height:47rem;text-align:center;}
.splash_inner .logo {width:28rem;height:7.5rem;background:url(../images/svg/logo_white.svg) no-repeat 0 0 / 100% auto;}
.splash_inner .txt {font-size:1.5rem;font-weight:700;color:#fff;text-transform:uppercase;}


/* 타블렛 (가로): */
@media only screen and (min-width : 1024px) and (max-width : 1366px) {

}


/* 타블렛 (세로): */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
}


/* 스마트폰 (가로): */
@media only screen and (min-width : 480px) and (max-width : 767px) {
    .splash_inner {min-height:60vh;}
    .splash_inner .logo {width:13.4rem;height:3.6rem;}

}

/* 스마트폰 (세로): */
@media only screen and (max-width : 479px) {
    .splash_inner {min-height:43.4rem;}
    .splash_inner .logo {width:13.4rem;height:3.6rem;}

}