@charset "utf-8";
/* ================================================
   (주)삼흥농업회사법인 - common.css
   namespace: .sh-*
================================================ */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');

:root{
  --sh-red:#d0070d;
  --sh-red-dark:#a90309;
  --sh-yellow:#ffd816;
  --sh-black:#111;
  --sh-txt:#333;
  --sh-gray:#777;
  --sh-line:#e2e2e2;
  --sh-bg-gray:#f6f6f6;
  --sh-footer:#202020;
  --sh-radius-hero:230px;
  --sh-font:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --sh-serif:'Cormorant Garamond','Nanum Myeongjo',serif;
}

/* reset */
*{margin:0;padding:0;box-sizing:border-box;}
* {
    word-break: keep-all;
    overflow-wrap: break-word;
}
html{font-size:18px;}
body{font-family:var(--sh-font);color:var(--sh-txt);line-height:1.6;letter-spacing:-.01em;background:#fff;overflow-x: hidden;}
ul,ol{list-style:none;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;vertical-align:top;}
button{font-family:inherit;border:0;background:none;cursor:pointer;}
input,textarea,select{font-family:inherit;font-size:1rem;}
table{border-collapse:collapse;width:100%;}

.sh-inner{width:100%;max-width:1320px;margin:0 auto;padding:0 20px;}
.sh-inner--narrow{max-width:1200px;}

/* ===== Header ===== */
.sh-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:transparent;
    transition:.35s;
	z-index:10;
	height:116px;
}
.h-empty {height:30px;}
.logo-black{
    display:none;
}

.logo-white{
    display:block;
}

.sh-gnb>li>a{
    color:#fff;
}

.sh-lang svg{
    stroke:#fff;
}

.sh-inquiry{
    border:1px solid #fff;
    color:#fff;
}
.sh-header__inner{max-width:1320px;margin:0 auto;padding:0 20px;height:86px;display:flex;align-items:center;}
.sh-header:hover,
.sh-header.is-white{

    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.sh-header:hover .logo-white,
.sh-header.is-white .logo-white{

    display:none;

}

.sh-header:hover .logo-black,
.sh-header.is-white .logo-black{

    display:block;

}

.sh-header:hover .sh-gnb>li>a,
.sh-header.is-white .sh-gnb>li>a{

    color:#222;

}

.sh-header:hover .sh-lang svg,
.sh-header.is-white .sh-lang svg{

    stroke:#222;

}

.sh-header:hover .sh-inquiry,
.sh-header.is-white .sh-inquiry{

    color:#fff;
}
.sh-logo{display:flex;align-items:center;margin-right:auto;position:relative;top: -18px;left: -30px;}
/*.sh-logo img{height:56px;}*/
.sh-gnb{display:flex;height:100%;}
.sh-gnb__item{position:relative;height:100%;color:#fff;transition:color .2s,background .2s;padding-top:0px;border-radius:20px 20px 0 0;}
.sh-gnb__link{display:flex;align-items:center;justify-content:center;height:100%;padding:0 30px;font-size:20px;font-weight:500;position:relative;top:-6px;}
.sh-header:hover .sh-gnb__link,
.sh-header.is-white .sh-gnb__link{color:#000;}
/*.sh-gnb__item:hover > .sh-gnb__link,
.sh-gnb__item.is-active > .sh-gnb__link{background:var(--sh-red);color:#fff;}*/
.sh-gnb__item:hover ,
.sh-gnb__item.is-active {background:var(--sh-red);color:#fff;}
.sh-gnb__item:hover > .sh-gnb__link,
.sh-gnb__item.is-active > .sh-gnb__link{color:#fff;}

.sh-gnb__sub{display:none;position:absolute;top:100%;left:0;min-width:260px;background: linear-gradient(180deg,#98030c 0%,#b30309 38%,var(--sh-red) 100%);border-radius:0 0 30px 30px;padding:24px 28px;box-shadow:0 16px 34px rgba(0,0,0,.2);}
.sh-gnb__item:hover .sh-gnb__sub{display:block;animation:sh-sub-down .35s ease both;}
@keyframes sh-sub-down{from{opacity:0;transform:translateY(-12px);}to{opacity:1;transform:translateY(0);}}
.sh-gnb__sub li + li{margin-top:10px;}
.sh-gnb__sub a{position:relative;display:block;padding-left:16px;color:#fff;font-size:1rem;opacity:.88;transition:opacity .25s,transform .25s;}
.sh-gnb__sub a::before{content:'';position:absolute;left:0;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#fff;opacity:.7;transition:transform .25s,background .25s,opacity .25s;}
.sh-gnb__sub a:hover{opacity:1;transform:translateX(7px);}
.sh-gnb__sub a:hover::before{background:var(--sh-yellow);opacity:1;transform:scale(1.7);}
.sh-header__util{display:flex;align-items:center;gap:25px;margin-left:82px;}
.sh-btn-partner{display:inline-flex;align-items:center;gap:28px;background:var(--sh-red);color:#fff;font-size:20px;font-weight:400;padding:11px 23px;border-radius:999px;transition:background .2s;position:relative;top:-6px;}
.sh-btn-partner:hover{background:#a90309;}
.sh-btn-partner .arr{font-size:20px;transform:translateY(-1px);}
.sh-lang{display:inline-flex;width:30px;height:30px;color:#222;position:relative;top:-6px;}
.sh-lang svg{width:100%;height:100%;}



.sh-lang__btn{
    position:relative;
    overflow:hidden;
}

.sh-lang__btn::before{
    content:"";
    position:absolute;
    top:-30%;
    left:-120%;
    width:50%;
    height:160%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.7),
        transparent
    );
    transform:rotate(25deg);
}

.sh-lang__btn:hover::before{
    transition:.8s;
    left:160%;
}
/* header 아래 본문 여백 */
.sh-wrap{padding-top:0px;}

/* ===== Sub hero ===== */
@media (min-width:2400px){
.sh-sub-hero{width:calc(100vw - 320px);margin-left:320px;}
.sh-sub-hero__txt{margin-left:-320px;}
.sh-sub-hero__line {margin-left:-160px;}
}


.sh-sub-hero{position:relative;height:650px;border-radius:0 0 0 var(--sh-radius-hero);overflow:hidden;}
.sh-sub-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.sh-sub-hero__txt{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding-top:100px;}
.sh-sub-hero__txt h2{font-size:50px;font-weight:700;/*letter-spacing:.02em;*/font-family: 'Paperlogy', sans-serif;}
.sh-sub-hero__txt p{margin-top:10px;font-size:25px;font-weight:300;opacity:.95;font-family: 'Paperlogy', sans-serif;}
.sh-sub-hero__line{position:absolute;left:50%;bottom:0px;width:1px;height:120px;background:rgba(255,255,255,.7);}

/* 서브 섹션 타이틀 (노란 원 + 제목) */
.sh-sec-label{position:relative;display:inline-block;font-size:20px;font-weight:500;color:#111;padding-left:14px;}
.sh-sec-label::before{content:'';position:absolute;left:-10px;top:-25px;width:50px;height:50px;border-radius:50%;background:var(--sh-yellow);z-index:-1;}

/* ===== Partners strip ===== */
.sh-partners{padding:40px 0;overflow:hidden;background:#fff;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.sh-partners__track{display:flex;align-items:center;width:max-content;animation:sh-marquee 26s linear infinite;will-change:transform;}
.sh-partners__track:hover{animation-play-state:paused;}
.sh-partners__track a{flex:0 0 auto;margin-right:60px;}
.sh-partners__track img{/*height:60px;width:auto;*/display:block;}
@keyframes sh-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ===== Footer ===== */
.sh-footer{background:var(--sh-footer);color:#aaa;padding:76px 0 56px;}
.sh-footer__inner{max-width:1320px;margin:0 auto;padding:0 20px;position:relative;}
.sh-footer__top{display:flex;align-items:flex-start;gap:0;}
.sh-footer__logo img{/*height:30px;*/}
.sh-footer__cols{display:flex;margin-left:70px;}
.sh-footer__col{padding:0 70px 0px 30px;border-left:1px solid #3d3d3d;font-size:18px;line-height:1.8;}
.sh-footer__col:first-child a{display:block;color:#bbb;}
.sh-footer__col a:hover{color:#fff;}
.sh-footer__chat{position:absolute;right:-90px;top:0px;}
.sh-footer__chat img{width:90px;/*border-radius:30px;*/}
.sh-footer__copy{margin-top:44px;text-align:center;font-size:1rem;color:#888;}

/* ===== scroll animation ===== */
.sh-ani{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s ease;}
.sh-ani.is-view{opacity:1;transform:translateY(0);min-width:0;}
.sh-ani[data-delay="1"]{transition-delay:.15s;}
.sh-ani[data-delay="2"]{transition-delay:.3s;}
.sh-ani[data-delay="3"]{transition-delay:.45s;}
@media (prefers-reduced-motion:reduce){.sh-ani{opacity:1;transform:none;transition:none;}}

/* ===== 비디오 레이어 팝업 ===== */
.sh-video-modal{position:fixed;inset:0;z-index:1300;display:none;align-items:center;justify-content:center;padding:24px;}
.sh-video-modal.is-open{display:flex;}
.sh-video-modal__dim{position:absolute;inset:0;background:rgba(0,0,0,.82);}
.sh-video-modal__box{position:relative;width:min(1080px,94vw);animation:sh-vm-in .35s ease both;}
@keyframes sh-vm-in{from{opacity:0;transform:translateY(24px) scale(.97);}to{opacity:1;transform:none;}}
.sh-video-modal__box video{width:100%;display:block;border-radius:14px;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.5);}
.sh-video-modal__close{position:absolute;right:0;top:-52px;width:40px;height:40px;color:#fff;font-size:1.75rem;line-height:1;}
.sh-video-modal__close:hover{color:var(--sh-yellow);}
body.sh-video-open{overflow:hidden;}

/* ===== 그누보드 기본 컨테이너 폭/여백 해제 (구조는 유지) ===== */
#wrapper{width:100%;max-width:none;margin:0;padding:0;}
#container_wr{width:100%;max-width:none;margin:0;padding:0;background:none;}
#container{width:100%;max-width:none;margin:0;padding:0;min-height:0;}
#container:after{display:none;}
#container_title{display:none;}
#hd_login_msg{display:none;}
#top_btn{position:fixed;right:24px;bottom:24px;z-index:90;width:48px;height:48px;border-radius:50%;background:var(--sh-red,#d0070d);color:#fff;border:0;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2);}


.sh-lang{position:relative;}
.sh-lang__btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:inherit;background:none;border:0;cursor:pointer;}
.sh-lang__btn svg{width:100%;height:100%;}
.sh-lang__list{
  position:absolute;top:calc(100% + 14px);right:-32px;
  min-width:96px;background:#fff;border-radius:8px;
  box-shadow:0 10px 26px rgba(0,0,0,.12);
  padding:6px;list-style:none;margin:0;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:.25s;z-index:120;
}
.sh-lang.is-open .sh-lang__list{opacity:1;visibility:visible;transform:translateY(0);}
.sh-lang__list::before{
  content:'';position:absolute;top:-5px;right:43px;
  width:10px;height:10px;background:#fff;transform:rotate(45deg);
  box-shadow:-2px -2px 4px rgba(0,0,0,.04);
}
.sh-lang__list li a{
  display:block;padding:9px 16px;font-size:.9375rem;font-weight:600;
  color:#555;text-align:center;border-radius:5px;transition:.2s;
}
.sh-lang__list li a:hover{background:#f5f5f5;color:var(--sh-red,#d0070d);}
.sh-lang__list li a.is-active{color:var(--sh-red,#d0070d);}