@charset "utf-8";
/*
	jcrocus INTRO STYLE
    WRITER : Lee Jeonghee
	Last Modify Date : 2024. 02. 27.
*/

@import url('./base.css');

html,
body,
main,
#container { width:100%; height:100%; }
html,
body { overflow:hidden; min-height:500px; }
#container { position:relative; }
.intro { position:absolute; top:50%; left:0; width:100%; margin-top:2em; transform:translateY(-50%); text-align:center; }
.intro h1 { margin-bottom:1.5em; }
.intro h1 img { height:2.5em; }
.intro h2 { font-size:1.75em; font-weight:500; letter-spacing:-.05em; color:#fff; }
.bg { overflow:hidden; position:relative; width:100%; height:100%; background:#000; }
.bg::after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); }
.bg video { width:100%; height:100%; object-fit:cover; }
.footer { margin-top:4.5em; }
.footer ul li { font-size:.9375em; color:#fff; }
.footer ul li span { display:inline-block; position:relative; padding:0 .4666em; }
.footer ul li span::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:1em; margin-top:-.5em; background:#535353; }
.footer ul li span:first-child::before { display:none; }
@media all and (max-width:720px) {
	.intro { font-size:12px; }
}
@media all and (max-width:480px) {
	.intro { font-size:11px; }
}