@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}
.mhrk::before {content:""; position: absolute; top:288px; left:162px; width: 200px; height:1px; background-color: #000;}
.jkh::before {content:""; position: absolute; top:400px; right:268px; width: 100px; height:1px; background-color: #000;}
h2.title {font-family: 'Paperozi'; font-weight: 600;text-shadow: 0 6px 0 #469A3B;}
h2.title strong {font-weight: 800;}
h2.stitle {font-family: 'Paperozi'; font-weight: 800;text-shadow: 0 6px 0 #2A6236;}
.text_bg_img {background-position: center 0!important;}
.doz_sys p, .doz_sys h3, .doz_sys h4, .doz_sys a {font-family: 'Pretendard','Apple SD Gothic Neo', 'Malgun Gothic','Nanum Gothic', 'Noto Sans','sans-serif'!important}
.doz_sys .btns {display: flex; gap:24px;justify-content: center;}
.doz_sys .btns .btn {
    font-size: 24px;
    padding: 24px 40px;
    border-radius: 12px;
    background-color: transparent;
    transform: translateY(0);
    transition: transform 240ms cubic-bezier(.2,.9,.2,1), box-shadow 240ms cubic-bezier(.2,.9,.2,1);
    will-change: transform, box-shadow;
    box-shadow: 0 6px 12px rgba(0,0,0,0.08);
    position: relative;
    overflow: hidden;
}
.doz_sys .btns .btn:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 40px rgba(0,0,0,0.24);
}
.doz_sys .btns .btn:active {
    transform: translateY(2px);
    box-shadow: 0 12px 20px rgba(0,0,0,0.18);
}
.doz_sys .btns .btn.yellow {color:#04505E!important; background: linear-gradient(180deg, #FFF58B 0%, #F3D762 100%);}
.doz_sys .btns .btn.green {color:#F3D762!important; background: linear-gradient(180deg, #07456C 0%, #0B3148 100%);}

/* shine effect: left -> right sweep on hover */
.doz_sys .btns .btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-20deg);
    pointer-events: none;
    opacity: 0;
}
.doz_sys .btns .btn:hover::after {
    animation: btn-shine 900ms ease-in-out forwards;
}

@keyframes btn-shine {
    0% { left: -60%; opacity: 0; }
    10% { opacity: 1; }
    100% { left: 160%; opacity: 0; }
}

._gallery_wrap { margin: 48px 0 160px !important;}
.owl-carousel { padding-bottom: 48px !important;}
.owl-carousel .owl-dots { bottom: 0 !important;}
.owl-carousel .owl-dots .owl-dot.active span { background-color: #F3D762 !important;}
.owl-carousel .owl-dots .owl-dot span { border-color: transparent !important; background-color: #469A3B;}


.jimkimswill {position: absolute;width:600px; top: -536px; right: 80px; padding: 32px; background-color: rgba(0, 0, 0, .5); color:#fff; z-index: 99; font-size: 18px; line-height: 28px;    -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);}
.jimkimswill p {margin-bottom: 28px!important;}
.jimkimswill p:last-child {margin-bottom: 0!important;}
.usageItem {display: flex; flex-direction: column; align-items: center; margin-top: 32px;}
.usageItem .imgCont {display: flex; justify-content: center; align-items: center; width:164px; height:164px; border-radius: 100%; background-color:#2A6236; }
.usageItem .imgCont img {width:100px; height:100px;}
.usageItem h3 {margin: 0 0 12px!important; font-weight: 800;}
ul.whyNow {align-items: center;}
ul.whyNow li {font-family: 'Pretendard','Apple SD Gothic Neo', 'Malgun Gothic','Nanum Gothic', 'Noto Sans','sans-serif'!important; display: inline-flex;  background: #07456C; height: 64px; padding: 0 50px 0 0; align-items: center; font-weight: 600;}
ul.whyNow li span {width:64px; height: 64px; border-radius: 100%; background-color: #053854; color:#fff; font-size: 24px; display: flex; justify-content: center; align-items: center; margin-left: -32px; margin-right: 20px; font-weight: 700;}
#s202601232e422625d0e78 {border-top: 1px solid #D9D9D9;}

@media (max-width:768px) {
    p {word-break: keep-all;}
    .pc_only{display: none;}
    .mo_only{display: block;}
    #s202601226adeb3f52d210 {display: none !important;}
    #text_w20260122831be906af91a h1 {transform: scale(.6);}
    .imagesWrap img {transform: scale(.8)!important; margin:0!important}
    img.a1 {left:0!important; top:-22%!important;}
    img.a2 {left:0!important; top:70%!important;}
    img.a3 {right:0!important; top:-28%!important;}
    img.a4 {right:-2%!important; top:1%!important;}
    img.a5 {right:0!important; top:unset!important; bottom:-36%!important}
    img.a6 {left:22%!important; top:78%!important; }
    img.a7 {right:11%!important; top:unset!important; bottom:-49%!important}
    img.a8 {left:-22%!important; top:unset!important; bottom:-51%!important}
    img.b1 {margin-left: -16%!important; transform: scale(1.6)!important; top:-82px!important}
    img.b2 {margin-left: -58%!important;transform: scale(1.6)!important; top:20px!important}
    img.b3 {margin-left: -161%!important; transform: scale(1.6)!important; bottom:88px!important}
    .logoCont {position: relative;}
    .mhrk img {top:8%!important; left:6%!important; }
    .mhrk::before {width: 8%; height: 17%; top: 23%; left: 8%; border-left: 1px solid #000; border-bottom: 1px solid #000; background: transparent;}
    .jkh img {top:unset!important; bottom:8%!important; right:5%!important;width:164px!important; height: auto!important; }
    .jkh::before {width: 8%;top:unset; height: 27%; bottom: 18%; right: 8%; border-right: 1px solid #000; border-top: 1px solid #000; background: transparent;}
    .logoCont + div {margin-top: 0!important}
    h2.title {font-size: 28px!important;}
    .doz_sys .btns.fixed-btn-wrap {background: #2e664c; position: fixed; bottom:0; left:0;right:0; padding:4%;z-index: 999;width:100%; gap: 3%; border-top:1px solid #e5e7eb;transition: bottom 0.15s ease-out;transform: translateY(110%);opacity: 0;transition: transform .45s ease, opacity .45s ease, bottom .15s ease-out;will-change: transform, opacity, bottom;}
    .doz_sys .btns.fixed-btn-wrap.is-ready{ transform: translateY(0);  opacity: 1;}
    .doz_sys .btns.fixed-btn-wrap.is-stop { padding-top: 32px;}
    .doz_sys .btns.fixed-btn-wrap a.btn {font-size: 15px; padding: 12px 5px; flex:1; border-radius: 6px; }
    @media (prefers-reduced-motion: reduce){
        .fixed-btn-wrap{ transition: none; transform: none; opacity: 1;}
    }
    h2.stitle {font-size: 24px!important; line-height: 36px!important;}
    #s20260122bef4228d35f4f::after {content:""; position: absolute; top:0; left:0; width:100%; height:100px; background-color: #5DAA53;z-index: 0;}
    #w202601220aa81cf180d1a {background-color: #36703D;z-index: 1;}
    #text_w202601220aa81cf180d1a .text_bg_img {background-size: contain!important; z-index: 2;}
    #text_w202601220aa81cf180d1a .text-table > div > div {margin:80px auto 100px!important; z-index: 3;}
    #text_w202601220aa81cf180d1a .text-table > div > div p {font-size: 14px!important; line-height: 24px!important; padding: 0 5%; margin-bottom: 24px!important}
    #w2026012264ddeea5e8b1b ._gallery_wrap {margin-top: 16px!important; margin-bottom:24px!important}
    .jimkimswill {position: static; width:100%; margin-bottom: 80px;}
    .jimkimswill p {font-size: 14px; line-height: 24px; margin-bottom: 24px; text-align: center;}
    .doz_sys h3 {font-size: 16px!important;}
    .doz_sys h3 + p {font-size: 14px!important; line-height: 24px!important;}
    .usageItem h4 {margin-bottom: 0;}
    .usageItem h3 {margin-bottom: 4px!important;}
    .usageItem p {padding: 0 6px}
    .usageItem .imgCont {width:120px; height:120px;}
    .usageItem .imgCont img {width:50%}
    #text_w202601233e6d69fea0b9e {margin: 80px 0 48px;}
    ul.whyNow {padding: 0; gap: 32px!important; margin-bottom:36px!important}
    ul.whyNow li {height: unset; font-size: 15px; line-height: 24px; padding: 7% 7% 4%; position: relative; word-break: keep-all;}
    ul.whyNow li span {position: absolute; left:50%; top:-24px; width:48px; height:48px; margin-left: -24px; font-size: 18px;}
    .badgeCont {gap:24px!important}
    .badgeCont p { font-size: 14px!important;}
    #text_w20260123111ebf4cd99f7 {margin: 80px 0 }
    h2.stitle + p {font-size: 14px!important; line-height: 24px!important; margin:24px 0 0!important}
    #text_w20260123111ebf4cd99f7 .btns {display: none;}
    #padding_w20260123ba72406b9c11f {display: none;}
    #s202601232e422625d0e78 {padding: 48px 0 !important; position: relative; display: flex; border-top:0;}
    #s202601232e422625d0e78 p {font-size: 13px!important;}
    #s202601232e422625d0e78 .doz_row .col-dz-8 {order: 2;}
    #s202601232e422625d0e78 ._img_box  {text-align: left;margin-bottom: 24px;}
    #s202601232e422625d0e78 img {margin:0!important; width:72%!important; height:auto!important}
    .pc_mode_btn_wrap {display: none;}
    .hidden-lg {display: none;}
    .btn_gotop {display: none!important;}
}
@media (max-width:390px) {
    .imagesWrap img {transform: scale(.7)!important;}
    h2.title {margin-bottom: 64px!important;}
    img.a1 {left:-5%!important}
    img.a3 {right:-5%!important}
    img.a5 {bottom:-46%!important}
    img.a7 {bottom:-61%!important}
    img.a8 {bottom:-59%!important}
}
@media (max-width:375px) {
    img.a1 {top:-27%!important}
    img.a2 {left:-5%!important}
    img.a3 {top:-33%!important}
    img.a4 {top:-4%!important}
    img.a6  {left:17%!important}
    #s202601232e422625d0e78 p {font-size: 12px!important;}
}
@media (max-width:354px) {
    img.a5 {bottom:-51%!important}
    img.a7 {bottom:-66%!important}
    img.a8 {bottom:-64%!important}
    h2.title {font-size: 23px!important;margin-bottom: 100px!important;}
    h2.stitle { font-size: 20px !important; line-height: 28px !important;
    }
    .usageItem h3 {font-size: 13px!important;line-height: 32px!important;}
    .imagesWrap img {transform: scale(.6)!important;}
    ul.whyNow li {font-size: 14px;}
    .badgeCont img {width:72px!important}
    .badgeCont p,
    .doz_sys h3 + p {font-size: 12px!important;line-height: 18px!important}
    .jimkimswill p,
    #text_w202601220aa81cf180d1a .text-table > div > div p {font-size: 13px!important; line-height: 20px!important; margin-bottom: 20px!important;}
    #s202601232e422625d0e78 p {font-size: 11px!important;}
}