@charset 'UTF-8'; /* ==================================================
 노트북 : ~1440px (작은 데스크톱 / 일반 노트북)
================================================== */
@media (max-width: 1520px){
 .container { width: calc(100% - 100px); } 
 }

/* ==================================================
 태블릿 : ~1024px (아이패드 가로 등)
================================================== */
@media (max-width: 1024px){
 :root { --container-width: 1180; } 
 .container { width: calc(100% - 15px); } 
 }

@media (min-width: 967px) { header { position: fixed; top: 0; left: 0; right: 0; z-index: 99; border-bottom: 1px solid #fff; } 
 .flower-ico { font-size: var(--font-80); } 
 .pc-header { display: flex !important; justify-content: space-between; align-items: center; font-size: var(--font-22); margin: clamp(20px, 1.7vw, 35px) auto; } 
 .pc-header .logo { background: url(../images/common/header-logo.png) no-repeat center / cover; --w: 53; --h: 34; filter: brightness(0) invert(1); } 
 .pc-header a { margin-left: clamp(40px, 4.2vw, 80px); } 
 .pc-header a * { color: var(--white-color); } 
 .line-d1 { top: clamp(30px, 3vw, 65px); margin-bottom: clamp(25px, 3vw, 20px); } 
 .intro__top .logo { margin: 0 auto clamp(25px, 1.5vw, 35px); --w: 104; --h: 68; } 
 .intro__top p { font-size: var(--font-35); } 
 .intro__top h1, .intro__top h1 span { font-size: var(--font-50); } 
 #intro .line { --h: 50; margin: clamp(15px, 1vw, 30px) auto; } 
 .intro__bottom .circle { min-width: 153px; font-size: var(--font-24); } 
 .intro__close { margin: clamp(20px, 4vw, 30px) auto 0; } 
 .inner-mini-header { display: none; } 
 #section-1 { height: 100vh; padding-bottom: 0; } 
 #section-1 .bg { background: url(../images/section1/bg-pc.jpg) no-repeat center bottom / cover; } 
 #section-1 .pc-only { display: flex; align-items: center; justify-content: center; } 
 .sec1__center { padding-top: 0; margin-left: 11vw; margin-top: 5vw; } 
 .sec1__center .flower-ico { margin-bottom: -3vw; } 
 .sec1__center p.font-45, .sec1__center p.font-50 { font-size: var(--font-35); } 
 .sec1__center p.font-36 { font-size: var(--font-30); } 
.sec1__center .inner-logo { --w: 253; --h: 164; margin: clamp(25px, 6.7vw, 40px) auto clamp(20px, 4.8vw, 30px); } 
.sec1__bottom { bottom: auto; left: 0; top: clamp(20px, 5.6vw, 100px); flex-direction: column; max-width: clamp(150px, 25vw, 367px); width: 100%; height: calc((100%) - clamp(20px, 5.6vw, 100px)); } 
.sec1__bottom .bottom-box { display: flex; flex-direction: column-reverse; justify-content: center; width: 100%; height: 100%; padding: 0 1vw; } 
.sec1__bottom .bottom-box:not(:last-child):after { bottom: 0; top: auto; right: auto; left: 50%; transform: translateX(-50%); width: 90%; height: 1px; } 
.sec1__bottom .kor { text-align: right !important; } 
.sec1__bottom .eng { text-align: left !important; } 
 }