@charset "utf-8";
/* (주)삼흥농업회사법인 - main.css */

/* ===== Hero ===== */
.sh-hero{
    position:relative;
    height:850px;
    border-radius:0 0 0 var(--sh-radius-hero);
    overflow:hidden;
}
@media (min-width:2400px){
.sh-hero{width:calc(100vw - 320px);
    margin-left:320px;}
	.sh-hero__txt{margin-left:-320px;}
	.sh-hero__scroll{margin-left:-160px;}
}
.sh-hero__bg{position:absolute;inset:0;background:url('../img/main-hero.jpg') center/cover no-repeat;animation:sh-hero-zoom 6s ease-out forwards;}
@keyframes sh-hero-zoom{from{transform:scale(1.08);}to{transform:scale(1);}}
.sh-hero__bg::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.18);}
.sh-hero__txt{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;font-family: 'Paperlogy', sans-serif;}
.sh-hero__sub{font-size:35px;font-weight:400;margin-bottom:20px;}
.sh-hero__tit{font-size:50px;font-weight:300;line-height:1.5;}
.sh-hero__tit strong{font-weight:700;}
.sh-hero__scroll{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:0px;color:#fff;}
.sh-hero__scroll .mouse{width:26px;height:42px;border:2px solid #fff;border-radius:14px;position:relative;}
.sh-hero__scroll .mouse::after{content:'';position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:#fff;animation:sh-scroll 1.6s infinite;}
.sh-hero__scroll .arw{font-size:1rem;animation:sh-scroll 1.6s infinite;}
@keyframes sh-scroll{0%{transform:translateY(0);opacity:1;}70%{transform:translateY(8px);opacity:.2;}100%{opacity:0;}}

/* ===== Intro ===== */
.sh-intro{padding:120px 0 60px;}
.sh-eyebrow{display:block;font-family: 'Noto Serif KR', serif;font-size:20px;/*letter-spacing:.14em;*/color:#111;margin-bottom:0px;font-weight:800;}
.sh-intro__tit{font-size:40px;font-weight:500;color:#111;}
.sh-intro__tit strong{font-weight:800;}
.sh-intro__desc{margin-top:26px;font-size:20px;color:#555;/*max-width:640px;*/}

.sh-video{margin-top:100px;position:relative;border-radius:24px;overflow:hidden;}
.sh-video img{width:100%;display:block;}
.sh-video::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:45%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.38));pointer-events:none;}
.sh-video__cap,.sh-video__play{z-index:1;}
.sh-video__cap{position:absolute;left:56px;bottom:44px;color:#fff;}
.sh-video__cap strong{display:block;font-size:40px;font-weight:500;line-height:1.2;font-family: 'Paperlogy', sans-serif;}
.sh-video__cap span{display:block;margin-top:12px;font-size:20px;font-weight:300;}
.sh-video__play{position:absolute;right:52px;bottom:44px;border-radius:50%;/*width:64px;height:64px;background:rgba(255,255,255,.28);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;*/transition:background .2s;}
/*.sh-video__play::after{content:'';border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;margin-left:4px;}*/
.sh-video__play:hover{background:rgba(255,255,255,.45);}

.sh-stats{display: grid;
    grid-template-columns: repeat(2, minmax(0, 300px));
    gap: 80px 0px;
    justify-content: end;
    padding: 90px 20px 0 0;
    max-width: 1320px;
    margin: 0 auto;}
.sh-stats__item strong{display:block;font-size:40px;font-weight:700;color:#111;letter-spacing:-.02em;font-family: 'Paperlogy', sans-serif;}
.sh-stats__item p{margin-top:14px;font-size:18px;color:#000;line-height:1.55;font-weight: 500;}
.sh-stats__item b {font-weight:700;font-size:30px;}
/* ===== Advantages (tabs) ===== */
.sh-adv{padding:160px 0 120px;}
.sh-adv__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.sh-adv__tab{position:relative;text-align:left;padding:0 0 18px 0px;font-size:18px;color:#999;border-bottom:1px solid var(--sh-line);transition:color .2s,border-color .2s,padding-left .2s;}
.sh-adv__tab::before{content:'';position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:transparent;transition:background .2s;}
.sh-adv__tab.is-on{color:#111;font-weight:500;border-bottom:1px solid #111;padding-left:18px;}
.sh-adv__tab.is-on::before{background:var(--sh-red);}
.sh-adv__panels{margin-top:96px;}
.sh-adv__panel{display:none;grid-template-columns:1fr 513px;gap:80px;align-items:start;}
.sh-adv__panel.is-on{display:grid;}
.sh-adv__tit{font-size:40px;font-weight:500;color:#111;line-height:1.2;margin-top: 10px;}
.sh-adv__list{margin-top:30px;}
.sh-adv__list > li{margin-bottom:34px;font-size:18px;color:#333;}
.sh-adv__list > li strong{display:block;font-size:18px;color:#333;margin-bottom:8px;font-weight:normal;}
.sh-adv__list > li p{color:#555;padding-left:12px;line-height: 1.4;}
.sh-btn{display:inline-flex;align-items:center;gap:60px;background:var(--sh-red);color:#fff;font-size:20px;font-weight:300;padding:15px 30px;border-radius:100px;margin-top:50px;transition:background .2s;position:absolute;bottom:0px;}
.sh-btn:hover{background:var(--sh-red-dark);}
.sh-adv__img{border-radius:20px;overflow:hidden;}
.sh-adv__img img{width:100%;height:100%;object-fit:cover;}

/* ===== Items ===== */
.sh-items{position:relative;padding:80px 0 120px;overflow:hidden;background:url('../img/sh-items-bg.jpg') no-repeat center top;height:670px;}
.sh-items::after{content:'';position:absolute;right:-40px;top:0;width:345px;height:620px;/*background:url('../img/watermark.png') no-repeat right top/contain;*/pointer-events:none;}
.sh-items__head{text-align:center;margin-bottom:50px;}
.sh-items__tit{font-size:40px;font-weight:400;color:#111;margin-top:0px;}
.sh-items__grid{position:relative;z-index:1;display:flex;gap:11px;align-items:center;height:300px;}
.sh-item{position:relative;flex:1;height:222px;background:#fff;border:1px solid #eee;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;box-shadow:0 6px 24px rgba(0,0,0,.04);overflow:hidden;transition:flex .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),transform .25s,border-color .3s;cursor:pointer;}
.sh-item::after{content:'';position:absolute;inset:0;z-index:0;background:url('../img/item-tomato.jpg') center/cover;opacity:0;transform:scale(1.12);transition:opacity .45s ease,transform .8s cubic-bezier(.25,.6,.3,1);}
.sh-item.watermelon::after{content:'';position:absolute;inset:0;z-index:0;background:url('../img/item-watermelon.jpg') center/cover;}
.sh-item.apple::after{content:'';position:absolute;inset:0;z-index:0;background:url('../img/item-apple.jpg') center/cover;}
.sh-item.pear::after{content:'';position:absolute;inset:0;z-index:0;background:url('../img/item-pear.jpg') center/cover;}
.sh-item.grape::after{content:'';position:absolute;inset:0;z-index:0;background:url('../img/item-grape.jpg') center/cover;}
.sh-item.strawberry::after{content:'';position:absolute;inset:0;z-index:0;background:url('../img/item-strawberry.jpg') center/cover;}
.sh-item::before{content:'';position:absolute;inset:0;z-index:1;/*background:rgba(160,20,20,.28);*/opacity:0;transition:opacity .45s ease;}
.sh-item__ico{position:relative;z-index:2;width:72px;height:72px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .3s;}
.sh-item span{position:relative;z-index:2;font-size:1.0625rem;font-weight:600;color:#222;transition:color .3s;}
.sh-item.is-on{flex:0 0 236px;height:300px;border-color:transparent;border-radius:18px;}
.sh-item.is-on::after{opacity:1;transform:scale(1);}
.sh-item.is-on:hover::after{transform:scale(1.08);}
.sh-item.is-on::before{opacity:1;}
.sh-item.is-on .sh-item__ico{filter:brightness(0) invert(1);}
.sh-item.is-on span{color:#fff;}
.sh-item:not(.is-on):hover{transform:translateY(-8px);}

/* ===== Business panels ===== */
.sh-biz{display:grid;grid-template-columns:repeat(3,1fr);border-radius:0 145px;overflow:hidden;width:1920px;margin:0px auto;}
.sh-biz__panel{position:relative;height:820px;background-size:cover;background-position:center;color:#fff;transition:filter .3s;}
.sh-biz__panel:hover{filter:brightness(1.08);}
.sh-biz__panel::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.05) 40%,rgba(0,0,0,.35));}
.sh-biz__panel--domestic{background-image:url('../img/biz-domestic.jpg');}
.sh-biz__panel--export{background-image:url('../img/biz-export.jpg');}
.sh-biz__panel--coop{background-image:url('../img/biz-coop.jpg');}
.sh-biz__tit{position:absolute;left:60px;top:110px;font-size:40px;font-weight:700;}
.sh-biz__list{position:absolute;left:60px;bottom:80px;font-size:20px;line-height:1.9;font-weight:300;}

/* ===== News ===== */
.sh-news{padding:120px 0 90px;}
.sh-news__grid{display:grid;grid-template-columns:420px 1fr;gap:100px;}
.sh-news__tit{font-size:40px;font-weight:500;color:#000;margin-top:0px;}
.sh-news__desc{margin-top:20px;color:#555;font-size:20px;}
.sh-btn--line{display:inline-flex;align-items:center;gap:55px;border:1px solid #ccc;border-radius:999px;padding:14px 28px;font-size:20px;color:#222;margin-top:80px;transition:border-color .2s,background .2s;}
.sh-btn--line:hover{border-color:#111;}
.sh-news__list{border-top:1px solid #000;border-bottom:1px solid #000;}
.sh-news__item{display:grid;grid-template-columns:100px 100px 1fr;align-items:start;gap:0px;padding:34px 4px;border-bottom:1px solid #ddd;}
.sh-news__item:last-child {border:0px;}
.sh-news__cate{font-family: 'Paperlogy', sans-serif;font-size:18px;letter-spacing:0px;color:#111;font-weight:700;}
.sh-news__date strong{display:block;font-size:40px;font-weight:700;color:#111;line-height:1.1;font-family: 'Paperlogy', sans-serif;}
.sh-news__date span{font-size:16px;color:#777;font-family: 'Paperlogy', sans-serif;}
.sh-news__body strong{display:block;font-size:20px;font-weight:700;color:#111;margin-bottom:8px;}
.sh-news__body p{font-size:16px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sh-news__item:hover .sh-news__body strong{color:var(--sh-red);}