@charset "utf-8";

.only-desktop-tablet {display:block;}
.only-desktop {display:block;}
.only-tablet {display:none;}
.only-mobile {display:none;}

.contain {max-width:1460px; padding-left:30px; padding-right:30px; margin:0 auto;}

#wrapper {position:relative;}
#content {position:relative;}

/* hero */
.hero {position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background-size:cover; background-position:center; background-attachment:fixed; overflow:hidden;}
.hero .logo {position:absolute; top:50px; left:80px;}
.hero .text {position:relative;}
.hero .text span {position:absolute; top:0; right:100%; margin:-.03em 25px 0 0; white-space:nowrap; color:#fff; font-size:60px; line-height:1em;}

/* nav */
.nav {position:absolute; top:0; left:0; width:100%; padding-top:90px; pointer-events:none; z-index:50;}
.nav ul {display:flex; justify-content:flex-end; gap:4px; max-width:1460px; padding:0 30px; margin:0 auto;}
.nav ul li a {display:block; width:182px; background:#fff; color:#2c2c2c; font-size:26px; font-weight:700; line-height:50px; letter-spacing:-.05em; text-align:center; clip-path:polygon(calc(100% - 17px) 0%, 100% 50%, calc(100% - 17px) 100%, 0% 100%, 17px 50%, 0% 0%); pointer-events:auto;}
.nav ul li.active a {background:#21409a; color:#fff;}
.nav.fixed {position:fixed;}

/* company */
.company {padding:90px 0; background-size:cover; background-position:center; background-attachment:fixed;}
.company .contain {display:flex; align-items:flex-start; justify-content:space-between; gap:60px;}
.company .left {width:55.71%; max-width:780px;}
.company .right {width:38.86%; max-width:544px; margin-top:80px; padding:18px; border-radius:20px; background:rgb(33, 64, 154, .54); width:544px; color:#fff; font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-.04em;}
.company .right:before {content:""; display:block; width:100%; height:1px; background:#fff; margin-bottom:15px;}
.company .right:after {content:""; display:block; width:100%; height:1px; background:#fff; margin-top:15px;}

/* welfare */
.welfare {padding:90px 0; min-height:100vh; background-size:cover; background-position:center; background-attachment:fixed;}
.welfare .left {width:55.71%; max-width:780px;}

/* recruit */
.recruit {display:flex; align-items:center; padding:180px 0 90px 0; min-height:100vh; background-size:cover; background-position:center; background-attachment:fixed;}
.recruit .contain {display:flex; gap:30px; width:100%;}
.recruit .box {width:40%; max-width:544px; display:flex; flex-direction:column; height:calc(100vh - 270px); max-height:625px; background:rgba(0,0,0,.7); color:#fff;}
.recruit .left {padding:20px 30px;}
.recruit .left .content {flex:1 0 auto; min-height:0; height:1%; overflow:auto; line-height:1.4em; letter-spacing:-.02em;}
.recruit .left .group {margin-bottom:40px;}
.recruit .left .group:last-child {margin-bottom:0;}
.recruit .left .group h3 {margin-bottom:27px; color:#fff; font-size:22px; font-weight:700; line-height:1.3em; letter-spacing:-.02em;}
.recruit .left .group h3:before {content:""; display:block; width:33%; height:2px; background:#e73820; margin-bottom:12px;}
.recruit .left .group p {margin-bottom:16px;}
.recruit .left .group p:last-child {margin-bottom:0;}
.recruit .right .content {padding:20px 30px 30px; text-align:center;}
.recruit .right .address {margin-bottom:16px; font-size:22px; font-weight:700; line-height:1.35em; letter-spacing:-.02em;}
.recruit .right .tel {font-size:16px; font-weight:700; line-height:1.5em; letter-spacing:-.02em;}
.recruit .right .map-area {position:relative; flex:1 0 auto; min-height:0; height:1%;}
.recruit .right .root_daum_roughmap {width:100% !important; height:100% !important;}
.recruit .right .wrap_map {width:100% !important; height:100% !important;}
.recruit .right .root_daum_roughmap .wrap_controllers {display:none;}
.recruit h2 {margin-bottom:40px; text-align:center; color:#fff; font-size:36px; font-weight:800; line-height:1.3em; letter-spacing:-.03em;}
.recruit h2 span {display:inline-block; padding:12px 48px; border-top:2px solid rgba(255,255,255,.6); border-bottom:2px solid rgba(255,255,255,.6);}

/* sticky-text */
.sticky-text {position:sticky; bottom:0; left:0; width:100%; z-index:50; padding:8px 0; overflow:hidden; background:#27aae1; color:#fff;}
.sticky-text .marquee span {float:left; padding:0 4px; white-space:nowrap; color:#fff; font-size:20px; font-weight:600; line-height:1.5em;}
.sticky-text .marquee .en {color:#e73820;}

/* footer */
#footer {padding:50px 0; background:#e73820; color:#fff; font-size:15px; font-weight:300; line-height:1.35em; letter-spacing:-.02em;}
#footer .contain {display:flex; align-items:center; gap:60px;}
#footer address {font-style:normal;}
#footer span {display:inline-block;}
#footer a:hover {text-decoration:underline;}

.footer-text {flex:1 1 auto; min-width:0; width:1%;}
.footer-text p {margin-bottom:1.2em;}
.footer-text p:last-child {margin-bottom:0;}
.footer-text .bar {display:inline-block; font-weight:100; margin:0 4px;}