/**
 * page1 (진베리 블루베리의 특별한 맛 섹션_sec7)
 */
.sec7-stage { 
 padding-bottom: 0 !important; 
 } 

.sec7-stage > .inner { 
 min-height: inherit; 
 } 

.sec7 { 
 position: sticky; 
 top: 0; 
 width: 100vw; 
 height: 100vh; 
 min-height: 100vh; 
 margin-left: calc(50% - 50vw); 
 overflow: hidden; 
 background: #fff; 
 } 

.sec7 { 
 position: relative; 
 width: 100vw; 

 } 

.sec7-stage.is-sec7-pinned .sec7 { 
 position: fixed; 
 left: 0; 
 top: 0; 
 z-index: 30; 
 margin-left: 0; 
 } 

.sec7-bg { 
 position: absolute; 
 left: 0; 
 bottom: 0; 
 z-index: 0; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 object-position: center bottom; 
 } 

.sec7::after { 
 content: ""; 
 position: absolute; 
 inset: 0; 
 z-index: 1; 
 background: linear-gradient(
 to bottom,
 rgba(255,255,255,1) 0%,
 rgba(255,255,255,.98) 20%,
 rgba(255,255,255,.72) 38%,
 rgba(255,255,255,.18) 58%,
 rgba(255,255,255,0) 76%
 ); 
 pointer-events: none; 
 } 

.sec7-box { 
 position: relative; 
 z-index: 2; 
 } 

.sec7-text { 
 text-align: center; 
 color: #3b3471; 
 font-family: "GyeonggiMillenniumBackground", "Noto Serif KR", "Noto Sans KR", serif; 
 font-size: 50px; 
 font-weight: 800; 
 line-height: 1.42; 
 } 

.sec7-line { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 6px; 
 min-height: 74px; 
 margin: 0; 
 } 

.sec7-line + .sec7-line { 
 margin-top: 6px; 
 } 

.sec7-word { 
 white-space: nowrap; 
 } 

.sec7-insert { 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 flex-shrink: 0; 
 width: 0; 
 margin: 0; 
 overflow: hidden; 
 transition: width 1.2s cubic-bezier(.16, 1, .3, 1); 
 } 

.sec7-blueberry-wrap { 
 --slot-width: 70px; 
 height: 70px; 
 } 

.sec7-child-wrap { 
 --slot-width: 142px; 
 height: 58px; 
 border-radius: 999px; 
 } 


.sec7-blueberry { 
 width: 70px; 
 height: 70px; 
 object-fit: contain; 
 opacity: 0; 
 transform: translateY(-48px) scale(.9); 
 transition: opacity .8s ease .3s, transform 1.1s cubic-bezier(.16, 1, .3, 1) .3s; 
 } 

.sec7-child { 
 width: 142px; 
 height: 58px; 
 object-fit: cover; 
 opacity: 0; 
 transform: translateY(78px) scale(1.02); 
 transition: opacity .8s ease .45s, transform 1.1s cubic-bezier(.16, 1, .3, 1) .45s; 
 } 

.sec7-stage.on .sec7-insert { 
 width: var(--slot-width); 
 } 

.sec7-stage.on .sec7-blueberry,
.sec7-stage.on .sec7-child { 
 opacity: 1; 
 transform: translateY(0) scale(1); 
 } 

.sec7-stage.is-sec7-active .sec7-line { 
 animation: sec7LineGap 2.2s cubic-bezier(.16, 1, .3, 1) forwards; 
 } 

.sec7-stage.is-sec7-active .sec7-insert { 
 animation: sec7SlotOpen 2.2s cubic-bezier(.16, 1, .3, 1) forwards; 
 } 


.sec7-stage.is-sec7-active .sec7-child { 
 animation: sec7ChildIn 1.8s cubic-bezier(.16, 1, .3, 1) .45s forwards; 
 } 

.sec7-stage.is-sec7-complete .sec7-line { 
 gap: 18px; 
 } 

.sec7-stage.is-sec7-complete .sec7-insert { 
 width: var(--slot-width); 
 } 

.sec7-stage.is-sec7-complete .sec7-blueberry,
.sec7-stage.is-sec7-complete .sec7-child { 
 opacity: 1; 
 transform: translateY(0) scale(1); 
 } 

@keyframes sec7LineGap { 
 0% { gap: 6px; } 
 28% { gap: 6px; } 
 68% { gap: 46px; } 
 100% { gap: 18px; } 
 } 

@keyframes sec7SlotOpen { 
 0% { width: 0; } 
 25% { width: 0; } 
 68% { width: calc(var(--slot-width) + 38px); } 
 100% { width: var(--slot-width); } 
 } 

@keyframes sec7BlueberryIn { 
 0% { 
 opacity: 0; 
 transform: translateY(-78px) scale(.9); 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0) scale(1); 
 } 
 } 

@keyframes sec7ChildIn { 
 0% { 
 opacity: 0; 
 transform: translateY(78px) scale(1.02); 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0) scale(1); 
 } 
 } 

@media (max-width: 1024px) { 
 .sec7 { 
 height: 100svh; 
 min-height: 720px; 
 } 

 .sec7-text { 
 font-size: 38px; 
 line-height: 1.45; 
 word-break: keep-all; 
 } 

 .sec7-line { 
 gap: 8px; 
 min-height: 66px; 
 } 

 .sec7-blueberry-wrap { 
 --slot-width: 60px; 
 height: 60px; 
 } 

 .sec7-blueberry { 
 width: 60px; 
 height: 60px; 
 } 

 .sec7-child-wrap { 
 --slot-width: 124px; 
 height: 50px; 
 } 

 .sec7-child { 
 width: 124px; 
 height: 50px; 
 } 
 } 

@media (max-width: 768px) { 
 .sec7 { 
 height: 50rem; 
 min-height: 0; 
 max-height: none; 
 } 
 .sec7-bg { 
 top: auto; 
 bottom: 0; 
 height: 62%; 
 object-fit: cover; 
 object-position: center bottom; 
 } 
 .sec7-text { 
 font-size: 28px; } 

 .sec7-line { 
 flex-wrap: wrap; 
 gap: 4px 5px; 
 min-height: auto; 
 } 

 .sec7-word { 
 white-space: normal; 
 word-break: keep-all; 
 } 

 .sec7-blueberry-wrap { 
 --slot-width: 46px; 
 height: 46px; 
 } 

 .sec7-blueberry { 
 width: 46px; 
 height: 46px; 
 } 

 .sec7-child-wrap { 
 --slot-width: 94px; 
 height: 38px; 
 border-radius: 999px; 
 } 

 .sec7-child { 
 width: 94px; 
 height: 38px; 
 } 
 } 

@media (max-width: 480px) { 

 .sec7 { height: 31rem; min-height: 0; max-height: none; } 
 .sec7-bg { height: clamp(320px, 92vw, 430px); } 

 .sec7-box { padding: 0 var(--inner-cont-pd); } 

 .sec7-text { 
 font-size: 2.5rem; 
 line-height: 1.6; 
 } 

 .sec7-line { 
 gap: 4px; 
 min-height: 48px; 
 } 

 .sec7-blueberry-wrap { 
 --slot-width: 38px; 
 height: 38px; 
 } 

 .sec7-blueberry { 
 width: 38px; 
 height: 38px; 
 } 

 .sec7-child-wrap { 
 --slot-width: 78px; 
 height: 32px; 
 } 

 .sec7-child { 
 width: 78px; 
 height: 32px; 
 } 
 } 

/**
 * page1 (블루베리 신선하게 먹고싶다면?_우측 다이어그램 섹션_sec8)
 */

.sec8 { 
 position: relative; 
 width: 100vw; 
 margin-left: calc(50% - 50vw); 
 padding: 90px 0 95px; 
 overflow: hidden; 
 background: #fff; 
 } 

.sec8-layout { 
 display: grid; 
 grid-template-columns: minmax(250px, 0.95fr) minmax(560px, 1.25fr); 
 align-items: center; 
 gap: clamp(50px, 7vw, 110px); 
 width: 100%; 
 } 

.sec8-head { 
 margin-bottom: 0; 
 } 

.sec8-diagram { 
 display: grid; 
 grid-template-columns: repeat(2, minmax(0, var(--sec8-circle-size))); 
 justify-content: end; 
 align-items: center; 
 gap: clamp(28px, 4vw, 56px); 
 --sec8-circle-size: clamp(190px, 18vw, 390px); 
 } 

.sec8-circle { 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 aspect-ratio: 1 / 1; 
 border: 2px solid #637abc; 
 border-radius: 50%; 
 background: #fff; 
 color: #637abc; 
 text-align: center; 
 transition: background-color .7s ease, color .7s ease, box-shadow .7s ease, transform .7s ease; 
 width: var(--sec8-circle-size); 
 height: var(--sec8-circle-size); 
 } 

.sec8-circle__brand { 
 display: block; 
 margin-bottom: 12px; 
 color: inherit; 
 font-family: inherit; 
 font-size: clamp(22px, 2.6vw, 29px); 
 font-weight: 700; 
 line-height: 1.2; 
 } 

.sec8-circle__brand--other { 
 font-weight: 600; 
 } 

.sec8-circle__desc { 
 display: block; 
 color: inherit; 
 font-family: inherit; 
 font-size: clamp(17px, 1.45vw, 21px); 
 font-weight: 300; 
 line-height: 1.18; 
 } 
 .sec8-circle.sec8-circle--other { width: calc(var(--sec8-circle-size) - 6rem); height: calc(var(--sec8-circle-size) - 6rem); } 
 .sec8-circle.sec8-circle--other strong,
 .sec8-circle.sec8-circle--other span { font-size: 2rem; } 

.sec8.is-sec8-active .sec8-circle--jinberry { 

 border-color: #637abc; 
 background: #637abc; 
 color: #fff; 
 box-shadow: 0 18px 28px rgba(68, 74, 130, .28); 
 transform: translateY(-2px); 
 } 

@media (max-width: 1024px) { 
 .sec8-layout { 
 grid-template-columns: 1fr; 
 gap: 50px; 
 width: 100%; 
 } 

 .sec8-diagram { 
 justify-content: center; 
 --sec8-circle-size: clamp(210px, 30vw, 270px); 
 } 
 } 

@media (max-width: 768px) { 
 .sec8 { padding: 70px 0 80px; } 

 .sec8-layout { width: 100%; gap: 36px; } 

 .sec8-diagram { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0px; justify-items: center; --sec8-circle-size: min(50vw, 170px); } 

 .sec8-circle { box-sizing: border-box; padding: 0 clamp(10px, 3.2vw, 14px); } 

 .sec8-circle.sec8-circle--other { width: calc(var(--sec8-circle-size) - 4rem); height: calc(var(--sec8-circle-size) - 4rem); } 
 .sec8-circle.sec8-circle--other strong, .sec8-circle.sec8-circle--other span { 
 font-size: 1.4rem; 
 } 
 .sec8-circle__brand { margin-bottom: 6px; font-size: clamp(16px, 4.6vw, 21px); line-height: 1.15; } 

 .sec8-circle__desc { font-size: clamp(11px, 3.3vw, 13px); line-height: 1.3; } 
 } 

@media (max-width: 480px) { 
 .sec8-diagram { gap: 8px; --sec8-circle-size: min(175px, 175px); } 

 .sec8-circle { padding: 0 px; } 
 } 

 /**
 * page1 (무농약으로 안심을 더하고_우측 다이어그램 섹션_sec9)
 */
.sec9 { position: relative; width: 100vw; margin-left: calc(50% - 50vw); padding-top: 0 !important; } 

.sec9-layout { display: grid; grid-template-columns: minmax(360px, .9fr) minmax(620px, 1.3fr); align-items: center; gap: clamp(50px, 7vw, 120px); } 

.sec9-head { margin-bottom: 0; } 

.sec9-diagram { position: relative; min-height: 330px; } 

.sec9-rings { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; gap: clamp(26px, 3.2vw, 48px); width: min(100%, 680px); transform: translate(-50%, -50%); } 

.sec9-ring { display: block; width: 25px; height: 145px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } 

.sec9-ring--outer-left,
.sec9-ring--inner-left,
.sec9-ring--main-left { border-left: 10px solid currentColor; border-radius: 100% 0 0 100% / 50% 0 0 50%; } 

.sec9-ring--outer-right,
.sec9-ring--inner-right,
.sec9-ring--main-right { border-right: 10px solid currentColor; border-radius: 0 100% 100% 0 / 0 50% 50% 0; } 

.sec9-ring--outer-left,
.sec9-ring--outer-right { color: #d2d2d2; } 

.sec9-ring--inner-left,
.sec9-ring--inner-right { color: #777; } 

.sec9-ring--main-left,
.sec9-ring--main-right { color: #000; } 

.sec9-zero { color: #000; font-size: clamp(100px, 7vw, 128px); font-weight: 500; line-height: 1; } 

.sec9-zero-label { position: absolute; left: 50%; top: calc(50% + 58px); color: #000; font-size: 20px; font-weight: 800; transform: translateX(-50%); } 

.sec9-badge { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; min-width: 230PX; min-height: 140px; padding: 0 28px; border-radius: 999px; background: #637abc; color: #fff; text-align: center; font-family: inherit; font-size: clamp(22px, 2.6vw, 29px); font-weight: 500; line-height: 1.5; transform: translateY(var(--sec9-badge-start-y)); } 

.sec9-badge--natural { right: 0; top: 0; width: 200px; height: 200px; min-width: 126px; min-height: 126px; border-radius: 50%; --sec9-badge-start-y: -46px; } 
.sec9-badge--germanium { 
 left: 0; bottom: 0; width: 170px; height: 80; border-radius: 50%; --sec9-badge-start-y: 58px; } 

.sec9.is-sec9-active .sec9-badge--natural,
.sec9.is-sec9-active .sec9-badge--germanium { animation: sec9BadgeLoop 1.6s cubic-bezier(.45, 0, .2, 1) infinite alternate both; 
 } 

@keyframes sec9BadgeLoop { 
 0% { transform: translateY(var(--sec9-badge-start-y)); } 
 100% { transform: translateY(0); } 
 } 

.sec9.is-sec9-active .sec9-badge--natural,
.sec9.is-sec9-active .sec9-badge--germanium { transform: translateY(0); } 
@media (max-width: 1024px) { 
 .sec9 { padding: 80px 0 90px; } 

 .sec9-layout { grid-template-columns: 1fr; gap: 54px; } 

 .sec9-diagram { min-height: 320px; } 

 .sec9-badge--natural { right: 2%; min-width: 86px; min-height: 86px; transform: translateY(-34px); } 

 .sec9-badge--germanium { left: 4%; min-width: 28px; min-height: 26px; transform: translateY(38px); } 
 } 

@media (max-width: 768px) { 
 .sec9 { padding: 70px 0 80px; } 

 .sec9-diagram { min-height: 250px; } 

 .sec9-rings { width: min(100%, 420px); gap: 16px; } 

 .sec9-ring { width: 22px; height: 82px; border-top-width: 7px; border-bottom-width: 7px; } 

 .sec9-ring--outer-left,
 .sec9-ring--inner-left,
 .sec9-ring--main-left { border-left-width: 7px; } 

 .sec9-ring--outer-right,
 .sec9-ring--inner-right,
 .sec9-ring--main-right { border-right-width: 7px; } 

 .sec9-zero { font-size: 70px; } 

 .sec9-zero-label { top: calc(45% + 33px); font-size: 18px; } 

 .sec9-badge { font-size: 18px; } 

 .sec9-badge--natural { 
 right: 2%; 
 width: 102px; 
 height: 102px; 
 transform: translateY(-34px); 
 } 

 .sec9-badge--germanium { 
 left: 4%; 
 width: 150px; 
 height: 86px; 
 transform: translateY(38px); 
 } 
 } 
 /**
 * page1 (진베리 블루베리 이럴 때 필요합니다_sec10)
 */

.sec10 { 
 position: relative; 
 width: 100vw; 
 margin-left: calc(50% - 50vw); 
 padding: 115px 0 150px; 
 overflow: hidden; 
 background: #eef3fb; 
 } 

.sec10-bg { 
 position: absolute; 
 z-index: 0; 
 left: 50%; 
 top: 56%; 
 width: 112vw; 
 max-width: 1850px; 
 height: auto; 
 transform: translate(-50%, -50%); 
 pointer-events: none; 
 user-select: none; 
 } 

.sec10 > .inner { 
 position: relative; 
 z-index: 1; 
 } 

.sec10-item { 
 position: relative; 
 z-index: 2; 
 } 

.sec10-title { 
 text-align: center; 
 } 

.sec10-num { 
 display: block; 
 margin-bottom: 10px; 
 color: #b9bfcb; 
 font-size: 18px; 
 font-weight: 700; 
 letter-spacing: 0.12em; 
 } 

.sec10-title h2 { 
 margin: 0; 
 color: #111; 
 font-family: "GyeonggiMillenniumBackground", "Noto Serif KR", "Noto Sans KR", serif; 
 font-size: 42px; 
 font-weight: 500; 
 line-height: 1.45; 
 letter-spacing: 0; 
 } 

.sec10-title h2 strong { 
 color: #25215f; 
 font-weight: 700; 
 } 

.sec10-list { 
 position: relative; 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
 align-items: start; 
 gap: 80px; 
 margin-top: 70px; 
 } 

.sec10-item { 
 position: relative; 
 z-index: 1; 
 text-align: center; 
 } 

.sec10-item-01 { 
 margin-top: 0; 
 } 

.sec10-item-02 { 
 margin-top: 190px; 
 } 

.sec10-item-03 { 
 margin-top: 0; 
 } 

.sec10-img { 
 position: relative; 
 width: 34.6rem; 
 height: 34.6rem; 
 margin: 0 auto; 
 overflow: hidden; 
 border-radius: 50%; 
 background: #fff; 
 border: 3px solid #7887c0; 
 box-shadow: 0 0 0 12px #fff; 
 } 

.sec10-img img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 } 

.sec10-txt { 
 margin-top: 40px; 
 color: #777; 
 font-family: "Noto Sans KR", sans-serif; 
 font-size: 20px; 
 line-height: 1.65; 
 letter-spacing: 0; 
 } 

.sec10-txt h3 { 
 margin: 0 0 24px; 
 color: #111; 
 font-size: 22px; 
 font-weight: 700; 
 line-height: 1.4; 
 } 

.sec10-txt p { 
 margin: 0; 
 } 

@media (max-width: 1200px) { 
 .sec10 { 
 padding: 90px 0 120px; 
 } 

 .sec10-list { 
 gap: 40px; 
 } 

 .sec10-img { 
 width: 260px; 
 height: 260px; 
 } 

 .sec10-item-02 { 
 margin-top: 145px; 
 } 


 .sec10-title h2 { 
 font-size: 36px; 
 } 

 .sec10-txt { 
 font-size: 18px; 
 } 

 .sec10-bg { top: 54%; width: 128vw; max-width: 1500px; } 

 } 

@media (max-width: 768px) { 

 .sec10-inner { min-height: auto; padding: 0 2rem; } 

 .sec10-title h2 { font-size: 3rem; } 

 .sec10-list { display: block; margin-top: 5rem; } 

 .sec10-item,
 .sec10-item-02 { margin-top: 0; } 

 .sec10-item + .sec10-item { margin-top: 6rem; } 

 .sec10-img { width: 24rem; height: 24rem; box-shadow: 0 0 0 8px #fff; } 


 .sec10-txt { margin-top: 2rem; font-size: 1.6rem; } 

 .sec10-txt h3 { margin-bottom: 1rem; font-size: 1.8rem; } 
 .sec10-bg { display: none; } 

 } 

 /**
 * page1 (한 알 한 알 진베리가 다른 이유_sec11)
 */

.sec11 { 
 position: relative; 
 width: 100vw; 
 margin-left: calc(50% - 50vw); 
 padding: 80px 0 135px; 
 overflow: hidden; 
 background-color: #fff; 
 background-image: url("/theme/basic/img/sub/sub2/page1/sec11_bg.jpg"); 
 background-repeat: no-repeat; 
 background-position: center top; 
 background-size: cover; 
 } 

.sec11-layout { 
 display: grid; 
 grid-template-columns: clamp(260px, 28vw, 349px) minmax(0, 1fr); 
 gap: clamp(36px, 5vw, 80px); 
 align-items: start; 
 justify-content: stretch; 
 } 

.sec11-content { 
 width: 100%; 
 max-width: none; 
 display: flex; 
 flex-direction: column; 
 } 


.sec11_subtitle--side .tit-wr { 
 /* text-align: left; */
 } 

.sec11_subtitle--side .tit { 
 margin-bottom: 0; 
 color: #111; 
 } 

.sec11_subtitle--side .tit strong { 
 color: #25215f; 
 } 

.sec11-card { 
 width: 100%; 
 padding: 2.5rem 3rem; 
 border-radius: 12px; 
 background: #dce4f7; 
 } 

.sec11-card-inner { 
 display: grid; 
 grid-template-columns: minmax(280px, 42%) minmax(0, 1fr); 
 gap: clamp(28px, 3vw, 42px); 
 align-items: center; 
 } 

.sec11-img { width: 100%; aspect-ratio: 452 / 358; border-radius: 1.2rem; overflow: hidden; } 

.sec11-img img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 } 

.sec11-txt h3 { 
 margin: 0 0 18px; 
 color: #111; 
 font-size: 28px; 
 font-weight: 700; 
 line-height: 1.35; 
 } 

.sec11-txt p { 
 margin: 0; 
 color: #666; 
 font-size: 18px; 
 font-weight: 400; 
 line-height: 1.65; 
 } 

@media (max-width: 1024px) { 
 
 .sec11-layout { 
 grid-template-columns: 1fr; 
 gap: 45px; 
 } 
 

 .sec11-content { 
 max-width: 820px; 
 margin: 0 auto; 
 } 

 .sec11-card-inner { grid-template-columns: 1fr; gap: 2rem; } 
 } 

@media (max-width: 768px) { 
 .sec11 { background: none; } 
 .sec11-content { gap: 2rem; } 
 .sec11-card { padding: 2rem; } 

 .sec11-txt h3 { margin-bottom: 0; font-size: 2rem; } 
 .sec11-txt p { font-size: 1.8rem; } 
 } 

 /**
 * page1 (진베리 맛있게 보관하세요_sec12)
 */
.sec12 { position: relative; width: 100%; } 
.sec12-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; max-width: 1440px; margin: 0 auto; padding: 0px; } 
.sec12-card { min-height: 300px; padding: 5.2rem 4.2rem; background: #f1f5fb; } 
.sec12-icon { width: 7rem; height: 7rem; margin-bottom: 3rem; } 
.sec12-icon img { display: block; width: 100%; height: 100%; object-fit: contain; } 
.sec12-card h3 { margin: 0 0 1.5rem; color: #111; font-size: 2rem; font-weight: 700; line-height: 1.35; letter-spacing: 0; } 
.sec12-card p { margin: 0; color: #666; font-size: 2rem; font-weight: 400; letter-spacing: 0; } 

@media (max-width: 1100px) { 
 .sec12-inner { gap: 2rem; } 
 .sec12-card { padding: 2.5rem; } 
 .sec12-card h3 { font-size: 2rem; } 
 .sec12-card p { font-size: 1.8rem; } 
 } 

@media (max-width: 768px) { 
 .sec12-inner { gap: 1rem; grid-template-columns: 1fr; } 
 .sec12-card { min-height: auto; } 
 .sec12-icon { width: 6rem; height: 6rem; margin-bottom: 2rem; } 
 .sec12-card h3 { margin: 0 0 0.5rem 0; } 
 } 


 /**
 * page1 (구매문의 배너_sec13)
 */

.sec13 { 
 position: relative; 
 width: 100%; 
 padding-top: 0 !important; 
 } 

.sec13-inner { 
 position: relative; 
 z-index: 1; 
 width: 100%; 
 min-height: 290px; 
 display: flex; 
 align-items: flex-end; 
 justify-content: space-between; 
 gap: 10px; 
 padding: 48px 58px 58px; 
 overflow: hidden; 
 border-radius: 24px; 
 background:linear-gradient(
 90deg,
 rgba(4, 19, 32, 0.72) 60%,
 rgba(45, 82, 154, 0.72) 82%,
 rgba(86, 116, 192, 0.9) 100%
 ),
 url("/theme/basic/img/sub/sub2/page1/sec13.jpg?v=1") center center / cover no-repeat
 } 

.sec13-copy p { 
 margin: 0; 
 color: rgba(255, 255, 255, 0.92); 
 font-size: 20px; 
 font-weight: 400; 
 line-height: 1.75; 
 letter-spacing: 0; 
 } 

.sec13-btn { 
 align-self: flex-end; 
 margin-bottom: 0; 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 min-width: 320px; 
 height: 72px; 
 padding: 0 34px; 

 } 
.sec13-copy { 
 color: #fff; 
 } 

.sec13-copy h2 { 
 margin: 0 0 26px; 
 font-family: "GyeonggiMillenniumBackground", "Noto Serif KR", "Noto Sans KR", serif; 
 font-size: 38px; 
 font-weight: 700; 
 line-height: 1.35; 
 letter-spacing: 0; 
 } 

.sec13-copy p { 
 /* margin: 0; */
 color: rgba(255, 255, 255, 0.92); 
 font-size: 20px; 
 font-weight: 400; 
 line-height: 1.75; 
 letter-spacing: 0; 
 } 

.sec13-btn { 
 align-self: flex-end; 
 margin-bottom: px; 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 min-width: 320px; 
 height: 72px; 
 padding: 0 34px; 
 border-radius: 8px; 
 background: #fff; 
 color: #111; 
 font-size: 24px; 
 font-weight: 800; 
 line-height: 1; 
 text-decoration: none; 
 white-space: nowrap; 
 } 
 .sec13-copy h2 { margin-bottom: 1rem; font-size: 2.8rem; } 
 .sec13-btn { align-self: flex-start; min-width: 250; max-width: 250px; height: 58px; margin-top: auto; padding: 0 15px; font-size: 1.8rem; } 
 

@media (max-width: 1100px) { 

 .sec13-inner { padding: 46px 40px; } 
 .sec13-copy p { font-size: 18px; } 
 .sec13-btn { min-width: 280px; height: 64px; font-size: 21px; } 
 } 

 
 @media (max-width: 768px) { 
  .sec13-inner { display: flex; align-items: flex-end; justify-content: space-between; flex-direction: column; align-items: flex-start; justify-content: center; padding: 4rem 2.5rem; border-radius: var(--border-ra); background: linear-gradient( to bottom, rgba(4, 19, 32, 0.72) 0%, rgba(45, 82, 154, 0.78) 58%, rgba(86, 116, 192, 0.9) 100% ), url("/theme/basic/img/sub/sub2/page1/sec13.jpg?v=1") center center / cover no-repeat; } 
  .sec13-btn {margin-top: 2rem;}
  } 


.page2 .sec8.is-sec8-active .sec8-circle--jinberry { border-color: var(--color-point-pp); background: var(--color-point-pp); } 
.page2 .sec8-circle { border-color: var(--color-point-pp); color:var(--color-point-pp); } 
.page2 .sec9-badge { background: var(--color-point-pp); } 
.page2 .sec11 { background-image: url(/theme/basic/img/sub/sub2/page2/sec11_bg.jpg); } 
.page2 .sec11-card { background: #E1E1F4; } 
.page2 .sec10-list { grid-template-columns: repeat(4, 1fr); } 
.page2 .sec10-img { width: 30rem; height: 30rem; } 
.page2 .sec13-inner { background:linear-gradient(90deg, rgba(4, 19, 32, 0.72) 60%, rgba(45, 82, 154, 0.72) 82%, rgba(86, 116, 192, 0.9) 100%),url("/theme/basic/img/sub/sub2/page2/sec7_bg.jpg") center center / cover no-repeat } 

@media (max-width: 768px) { 
 .page2 .sec11 { background: none; } 
 }