/* page1_sec1 (수확철 정보) */
.page1 .sec1 { --box-wi:33.333%; --box-hei:43rem; --s1-tt-fs:3.1rem; --s1-tt-lh:1.35; --s1-tt-gap:2.8rem; --s1-ds-fs:2rem; --s1-ds-lh:1.65; --s1-cd-mt:8rem; --s1-card-h:43.1rem; --s1-card-px:5rem; --s1-card-pt:8.8rem; --s1-card-pb:4.2rem; --s1-ph-h:24rem; --s1-nm-fs:2.5rem; --s1-bd-mt:1.4rem; --s1-bd-h:4rem; --s1-bd-px:2.2rem; --s1-bd-fs:1.8rem; --s1-note-mt:6.6rem; --s1-note-fs:1.6rem; --s1-w1:52rem; --s1-w2:52rem; --s1-w3:48.1rem; --s1-ov:4.2rem; --s1-stage-w:calc(var(--s1-w1) + var(--s1-w2) + var(--s1-w3) - (var(--s1-ov) * 2)); --s1-slot1:calc((100% - var(--s1-stage-w)) / 2); --s1-slot2:calc(var(--s1-slot1) + var(--s1-w1) - var(--s1-ov)); --s1-slot3:calc(var(--s1-slot2) + var(--s1-w2) - var(--s1-ov)); --s1-i3-shift:calc(var(--s1-slot3) - var(--s1-slot1)); } 
.page1 .sec1 .s1-top { text-align:center; } 
.page1 .sec1 .s1-tt { display:block; color:#222; font-family:var(--font-fm-dae), 'Daehan', serif; font-size:var(--s1-tt-fs); font-weight:700; line-height:var(--s1-tt-lh); word-break:keep-all; } 
.page1 .sec1 .s1-tt span { color:#e8a29b; } 
.page1 .sec1 .s1-ds { max-width:92rem; margin:var(--s1-tt-gap) auto 0; color:#222; font-size:var(--s1-ds-fs); font-weight:400; line-height:var(--s1-ds-lh); word-break:keep-all; } 
.page1 .sec1 .s1-cd { position:relative; width:100%; height: var(--box-hei); margin-top:4rem; overflow:visible; } 
.page1 .sec1 .s1-it { position:absolute; top:0; gap: 1rem; width: var(--box-wi); height: var(--box-hei); border: 1px solid; border-radius: var(--border-ra); opacity: 0; } 
.page1 .sec1 .s1-it svg { position: absolute; top: 50%; right:0; transform: translate(100%, -50%); } 
.page1 .sec1 .s1-it.s1-i1 { left:0; z-index:3; border-color: #F26E6E; background: #FEF6F6; } 
.page1 .sec1 .s1-it.s1-i2 { left:0; z-index:2; border-color: #EB9345; background: #FFFAF0; } 
.page1 .sec1 .s1-it.s1-i3 { left:0; z-index:1; border-color: #E9C88B; background: #FEF8F6; } 
.page1 .sec1 .s1-tx { text-align:center; } 
.page1 .sec1 .s1-nm { display:block; font-size:var(--s1-nm-fs); font-weight:700; font-family:'Daehan', serif; line-height:1.35; word-break:keep-all; } 
.page1 .sec1 .s1-bd { display:inline-flex; align-items:center; justify-content:center; min-width:14.2rem; height:var(--s1-bd-h); padding:0 var(--s1-bd-px); margin-top:var(--s1-bd-mt); border-radius:999px; color:#fff; font-size:var(--s1-bd-fs); font-weight:600; line-height:1; } 
.page1 .sec1 .s1-i1 .s1-nm { color:#F26E6E; } 
.page1 .sec1 .s1-i1 .s1-bd { background:#F26E6E; } 
.page1 .sec1 .s1-i2 .s1-nm { color:#D3854D; } 
.page1 .sec1 .s1-i2 .s1-bd { background:#D3854D; } 
.page1 .sec1 .s1-i3 .s1-nm { color:#AE8750; } 
.page1 .sec1 .s1-i3 .s1-bd { background:#AE8750; } 
.s1-note { animation:s1CardIn 1s ease 1.5s forwards; opacity: 0; } 
.page1 .sec1.is-move .s1-i1 { animation:s1CardIn 1.5s ease 1s forwards; } 
.page1 .sec1.is-move .s1-i2 { animation:s1I3Move2 2.5s ease .5s forwards; } 
.page1 .sec1.is-move .s1-i3 { animation:s1I3Move3 3s ease forwards; } 

@keyframes s1CardIn { 
 0% { opacity:0; transform:translate3d(-3rem, 0, 0); } 
 100% { opacity:1; transform:translate3d(0, 0, 0); } 
 }
 @keyframes s1I3Move2 { 
 0% { left:0; opacity: 0; } 
 100% { left:calc(var(--box-wi) - 1px); opacity: 1; } 
 }
 @keyframes s1I3Move3 { 
 0% { left: 0; opacity: 0; } 
 100% { left: calc((var(--box-wi) * 2) - 2px); opacity: 1; } 
 }
@media screen and (max-width:960px){
 .page1 .sec1 .s1-cd { height: auto; } 
 .page1 .sec1 .s1-it { position: relative; width: 100%; height: auto; padding: 3rem; } 
 .page1 .sec1 .s1-it + .s1-it {margin-top: 2rem; } 
 .page1 .sec1 .s1-ph { width: 23rem; } 
 .page1 .sec1.is-move .s1-i1 { animation:s1I3Move2 1s ease forwards; } 
 .page1 .sec1.is-move .s1-i2 { animation:s1I3Move2 1s ease .5s forwards; } 
 .page1 .sec1.is-move .s1-i3 { animation:s1I3Move2 1s ease 1s forwards; } 
 .page1 .sec1 .s1-it svg { transform: rotateZ(90deg) translateX(-50%); top: auto; bottom: 0; left: 50%; right: auto; margin-bottom: -8.3rem; margin-left: -2rem; } 
 .page1 .sec1 .s1-nm { font-size: 2.2rem; } 
 .page1 .sec1 .s1-bd { height: auto; min-width: 100%; padding: .7rem 2rem; } 


 @keyframes s1I3Move2 { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 } 
 }



/* page1_sec1 (수확철 정보) */
/* sec2 */
.page1 .sec2 { --s2-max-h:39rem; --s2-tt-fs:3.1rem; --s2-tt-lh:1.35; --s2-tt-mb:2.2rem; --s2-ds-fs:2rem; --s2-ds-lh:1.65; --s2-num-fs:5rem; --s2-num-lh:1; --s2-ic-size:4.8rem; --s2-ph-gap:2rem; --s2-tx-max:52rem; --s2-left-gap:4rem; --s2-ov-cl:#BF6464; --s2-ov-a:.74; --s2-ov-b:.96; position:relative; overflow:hidden; } 

.page1 .sec2::before { content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; transform:translateX(-50%); background: linear-gradient( 90deg, rgba(32, 18, 15, .26) 0%, rgba(191, 100, 100, var(--s2-ov-a)) 100%, rgba(191, 100, 100, var(--s2-ov-b)) 0%, #BF6464 100% ), url("/theme/basic/img/sub/sub3/bg_s2.jpg") no-repeat left center / cover; z-index:0; } 
.page1 .sec2 .inner { position:relative; z-index:1; } 
.page1 .sec2 .s2-gr { display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:var(--s2-left-gap); max-height:var(--s2-max-h); padding:var(--s2-py) 0; } 
.page1 .sec2 .s2-tx { max-width:var(--s2-tx-max); color:#fff; } 
.page1 .sec2 .s2-tt { display:block; margin-bottom:var(--s2-tt-mb); color:#fff; font-family:var(--font-fm-dae), 'Daehan', serif; font-size:var(--s2-tt-fs); font-weight:700; line-height:var(--s2-tt-lh); word-break:keep-all; } 
.page1 .sec2 .s2-ds { color:#fff; font-size:var(--s2-ds-fs); font-weight:400; line-height:var(--s2-ds-lh); word-break:keep-all; } 
.page1 .sec2 .s2-ph { display: inline-flex; align-items: center; justify-content: flex-end; gap: 1rem; color: #fff; white-space: nowrap; background: #ffffff36; padding: 1rem 3rem; border-radius: 4rem; border: 2px solid #ffffff36; } 
.page1 .sec2 .s2-ic { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; width:var(--s2-ic-size); height:var(--s2-ic-size); line-height:1; } 
.page1 .sec2 .s2-ic img { display:block; width:100%; height:100%; object-fit:contain; } 
.page1 .sec2 .s2-num { color:#fff; font-size:var(--s2-num-fs); font-weight:700; line-height:var(--s2-num-lh); letter-spacing:-.02em; } 
@media screen and (max-width:1280px){
 .page1 .sec2 { --s2-min-h:34rem; --s2-py:6rem; --s2-ds-fs:1.8rem; --s2-num-fs:4.2rem; --s2-ic-size:4rem; } 
 }
@media screen and (max-width:1024px){
 .page1 .sec2 { --s2-min-h:32rem; --s2-py:5.4rem; --s2-tt-fs:2.8rem; --s2-ds-fs:1.7rem; --s2-num-fs:3.6rem; --s2-ic-size:3.4rem; --s2-left-gap:3rem; } 
 .page1 .sec2 .s2-gr { grid-template-columns:1fr; justify-items:start; } 
 .page1 .sec2 .s2-ph { justify-content:flex-start; } 
 }
@media screen and (max-width:768px){
 .page1 .sec2 { --s2-min-h: 20rem; --s2-py: -3.2rem; --s2-tt-fs: 2rem; --s2-tt-mb: 1.6rem; --s2-ds-fs: 1.6rem; --s2-ds-lh: 1.7; --s2-num-fs: 2.8rem; --s2-ic-size: 2.8rem; --s2-ph-gap: 1.2rem; --s2-left-gap: 2.2rem; --s2-tx-max: 100%; --s2-ov-a: .8; --s2-ov-b: 1; } 
 .page1 .sec2 .s2-ds br { display:none; } 
 }