body {min-width:1280px;}
.content-inner {min-width:1280px;margin:0 auto;}
/*=== 메인 버튼 (지금 부고 만들기) ===*/
.btn-main {display:flex;gap:12px;align-items:center;color:var(--accent, #0AC771);}
.btn-main .ico-arrow--green {flex-shrink:0;display:block;text-indent:-9999px;font-size:0;line-height:0;}
.btn-main .ico-arrow--green::before {content:'';display:block;width:20px;height:20px;background-image:url('../../images/web/sp_web-main_ico.svg');background-repeat:no-repeat;background-size:40px auto;background-position:0 0;}
.btn-main:hover {color:#2A7E52;transition:0.2s ease-in-out;}
.btn-main:hover .ico-arrow--green::before {background-position-x:-20px;opacity:0;animation:btnHover 0.2s ease-in-out forwards;}
/*=== 메인 레이아웃 ===*/
main.wrap {position:relative;}
main.wrap:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:585px;background:linear-gradient(180deg, rgba(231, 231, 231, 0.00) 19.83%, rgba(219, 215, 208, 0.70) 100%);}
main.wrap .container {display:flex;flex-direction:column;position:relative;z-index:1;}
main.wrap .content-inner {display:block;position:relative;height:calc(100vh - 80px);min-height:821px;will-change:transform;}
main.wrap .content-inner h2 {font-size:36px;line-height:52px;letter-spacing:-0.72px;}
main.wrap .content-inner .left,
main.wrap .content-inner .right {position:absolute;top:50%;transform:translateY(-50%);height:102px;}
main.wrap .content-inner .left {left:159px;font-weight:500;}
main.wrap .content-inner .right {right:190px;}
main.wrap .content-inner .right h2 {margin-bottom:20px;font-weight:700;}
main.wrap .number-count--wrap {display:flex;justify-content:center;align-items:center;height:160px;padding:44px 0;background:linear-gradient(90deg, #5F4A37 0.19%, #976726 98.42%);}
main.wrap .number-count {display:flex;gap:112px;}
main.wrap .number-count li {position:relative;text-align:center;color:var(--content-inverse,#fff);}
main.wrap .number-count li + li:before {content:'';display:block;position:absolute;left:-56px;top:-8px;width:1px;height:72px;background:#fff;}
main.wrap .number-count .txt-caption01 {margin-bottom:8px;}
/*=== 메인 핸드폰 프레임 ===*/
.full-frame {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1280px;height:821px;will-change:transform;pointer-events:none;}
.full-frame .img-frame {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1280px;height:821px;will-change:transform;pointer-events:none;}
.full-frame .phone {position:absolute;top:335px;left:49.3%;z-index:10;transform:perspective(3500px) rotateX(14.8deg) rotateY(34.5deg) rotateZ(-9.5deg) scale(0.83) translate(-50%,-50%) skew(0deg, -2deg) translateZ(0);width:395px;height:795px;}
.full-frame .phone .front {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;padding:14px;z-index:1;}
.full-frame .phone .front:after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:60px;box-shadow:inset 0 0 2px 16px #010101;}
.full-frame .phone .front .topSpace {position:absolute;z-index:9999;width:45%;height:30px;background:#010101;top:12px;left:30%;border-bottom-left-radius:14px;border-bottom-right-radius:14px;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-areas:"nothing earpiece camera";align-content:center;}
.full-frame .phone .front .topSpace:before {left:-10px;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path d="M0,0A10,10,0,0,1,10,10V0Z" style="fill:%23010101"/></svg>');}
.full-frame .phone .front .topSpace:after {right:-10px;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path d="M10,0A10,10,0,0,0,0,10V0Z" style="fill:%23010101"/></svg>');}
.full-frame .phone .front .topSpace:after,
.full-frame .phone .front .topSpace:before {content:"";display:block;width:10px;height:10px;position:absolute;top:2px;}
.full-frame .phone .front .topSpace .earpiece {grid-area:earpiece;width:50px;height:8px;border-radius:9999px;background-color:rgba(255, 255, 255, 0.1);margin-top:-11px;margin-left:9px;border-top:solid 2px rgba(0, 0, 0, 0.6);border-right:solid 2px rgba(0, 0, 0, 0.6);}
.full-frame .phone .front .topSpace .camera {grid-area:camera;position:relative;width:14px;height:14px;border-radius:7px;background-color:rgba(0, 0, 0, 0.5);margin-top:-11px;margin-left:3px;}
.full-frame .phone .front .topSpace .camera:before {content:'';display:block;position:absolute;top:5px;left:5px;width:4px;height:4px;border-radius:2px;background:#3e5e80;}
.full-frame .phone .front .screen {overflow:hidden;position:relative;width:366px;height:766px;border-radius:40px;background:#010101;}
.full-frame .phone .front .screen img {display:block;width:100%;height:auto;aspect-ratio:auto 123 / 919;}
.full-frame .phone .front .screen .sliding-scroll {position:absolute;width:100%;animation-iteration-count:infinite;animation-duration:20s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-name:slide-down;}
@keyframes slide-down {
    0% {transform:translateY(0);}
    10% {transform:translateY(-10%);}
    20% {transform:translateY(-20%);}
    30% {transform:translateY(-35%);}
    40% {transform:translateY(-55%);}
    50% {transform:translateY(-71%);}
    60% {transform:translateY(-60%);}
    70% {transform:translateY(-45%);}
    80% {transform:translateY(-35%);}
    90% {transform:translateY(-15%);}
    100% {transform:translateY(0);}
}