@charset "utf-8";

/*========================================================================
인트로
========================================================================*/
.intro-header { position:fixed; top:60px; left:0; display:flex; justify-content:center; width:100%; z-index:1; }
.intro { display:flex; height:100vh; overflow:hidden; }
.intro > div { position:relative; flex:1; }
.intro > div .img { height:100%; }
.intro > div .img img { width:100%; height:100%; object-fit:cover; }
.intro > div .txt { display:flex; flex-direction:column; gap:45px; align-items:start; justify-content:end; position:absolute; top:0; left:0; width:100%; height:100%; padding:120px 100px; color:#fff; box-sizing:border-box; }
.intro > div .txt h5 { font-size:40px; font-weight:600; line-height:1.15; }
.intro > div .txt :where(strong,b) { display:block; margin:20px 0 0; font-size:30px; font-weight:600; line-height:1; }
.intro > div .txt a { display:flex; justify-content:space-between; align-items:center; width:276px; height:22px; padding:24px; border:1px solid #fff; border-radius:4px; font-size:18px; font-weight:600; line-height:1; }
.intro > div .txt a::after { content:''; display:block; width:25px; height:16px; background:url("../img/intro_arr.png") no-repeat; }