/* Original reference premium layout and motion; phase-2 content. */
@media (min-width:1401px) {
.premium_wrap { width: 100vw; height: 100vh; position: relative; display: flex; justify-content: flex-end; align-items: flex-end; transition: 1.6s; }

.premium01 { width: 100vw; height: 100%; position: relative; display: flex; justify-content: flex-start; align-items: center; background-color: #0089d0; transition: 1.2s; }
/* .premium02 { width: 100vw; height: 100%; position: relative; display: flex; justify-content: flex-start; align-items: flex-end; background-color: #0089d0; } */

.premium_tit { width: 100%; max-width: 864px; height: 100%; position: absolute; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; color: #fff; opacity: 0; transform: translateY(-3rem); z-index: 2; transition: 0.8s; }
.premium_tit>div { transform: translateY(-2rem); }
.premium_tit h2 { font-family: 'Futura PT', sans-serif; font-size: 14.25rem; line-height: 100%; font-weight: 700; color: #f68c1e; }
.premium_tit h3 { font-family: 'Futura PT', sans-serif; font-size: 6rem; font-size: 5rem; line-height: 100%; font-weight: 700; margin-top: -4.5rem; }
.premium_tit h4 { font-size: 0.9375rem; line-height: 100%; }



.premium_content_box { width: 100%; max-width: 1344px; height: 100%; display: flex; justify-content: center; align-items: center; }
.premium_content_box>div { width: 90%; max-width: 936px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; transform: translateY(0.5rem); }
.premium_content { width: 33.33%; height: 20rem; position: relative; display: flex; justify-content: center; align-items: center; color: #fff; }
.premium_content>div { opacity: 0; transition: 0.8s; }
.premium_content::before { content: ''; height: 1px; width: 0%; position: absolute; top: 0; left: 0; right: 0; margin: auto; background-color: rgba(255,255,255,0.35); transition: 0.8s; }
.premium_content::after { content: ''; width: 1px; height: 0%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: rgba(255,255,255,0.35); transition: 0.8s; }
.premium_icon { width: 82px; height: 82px; border-radius: 100%; background-color: #caeafa; display: flex; justify-content: center; align-items: center; margin: auto; margin-top: 0rem; transition: 0.3s; }
.premium_content h3 { font-size: 1.125rem; line-height: 138%; font-weight: 600; margin-top: 1.125rem; }
.premium_content p { font-size: 0.875rem; line-height: 158%; margin-top: 1rem; opacity: 0.7; }

.premium_content:nth-child(-n+3)::before { display: none; }
.premium_content:nth-child(3n)::after { display: none; }

/* .premium_content:nth-child(2n) .premium_icon { background-color: #fff; } */
.premium_content:hover .premium_icon { background-color: #fff; }

.premium_ori { width: 100%; position: absolute; left: 0; right: 0; margin: auto; bottom: 2.5rem; text-align: center; z-index: 9; color: #fff; transform: translateY(3rem); opacity: 0; transition: 0.8s; }
.premium_ori p { font-size: 0.75rem; line-height: 158%; opacity: 0.7; }
.premium_ori br.pad { display: none; }

.premium_ori.ori01 { max-width: 1344px; right: revert; }
.premium_ori.ori02 { color: #000; left: revert; right: 5.5rem; text-align: right; }

.premium_bd { width: 90%; max-width: 49.625rem; position: absolute; right: 2.25rem; bottom: 0; z-index: 5; transition: 1.2s; }

.premium_tit2 { width: 200%; height: 100%; position: absolute; left: -50%; top: 0; z-index: 2; display: flex; justify-content: center; align-items: center; }
.premium_tit2>div { transform: translateY(1rem); }
.premium_tit2 h2 { font-family: 'Futura PT', sans-serif; font-size: 11.75rem; line-height: 88%; font-weight: 700; opacity: 0.07; color: #0089d0; text-transform: uppercase; }
.premium_tit2 h2 span { display: inline-block; opacity: 0; transition: 0.8s; }

.premium_tit2 .tit01 { transform: translateX(-40rem); }
.premium_tit2 .tit02 { transform: translateX(40rem); }
.premium_tit2 .tit03 { transform: translateX(-40rem); }
.premium_tit2 .tit04 { transform: translateX(40rem); }

.premium_txt_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; display: flex; justify-content: center; align-items: center; }   
.premium_txt_box>div { transform: translateY(-6rem); }
.premium_txt_box p { font-size: 1.8125rem; line-height: 131%; opacity: 0; transform: translateY(-3rem); transition: 0.8s; }
.premium_txt_box>div>div { display: flex; justify-content: center; align-items: flex-end; margin-top: 2rem; color: #0089d0; opacity: 0; transform: translateY(3rem); transition: 0.8s; }
.premium_txt_box h2 { font-family: 'Futura PT', sans-serif; font-size: 18.5rem; line-height: 70%; font-weight: 700; }
.premium_txt_box h4 { font-family: 'Paperlogy'; font-size: 4.875rem; line-height: 100%; margin-left: -2rem; margin-left: 1rem; }

.premium_txt_num { width: 2.75rem; fill: #0089d0; }
.premium_txt_num polygon { width: 100%; }

.premium_cy_box { width: 100%; height: 100%; position: absolute; z-index: 9; left: 0; top: 0; display: flex; justify-content: center; align-items: center; }
.premium_cy_box>div { width: 90%; max-width: 1540px; transform: translateY(2rem); position: relative; }
.premium_cy { width: 34.5rem; height: 13.375rem; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 2rem; text-align: left; opacity: 0; transition: 0.8s; }
.premium_cy>div { width: 95%; max-width: 516px; display: flex; justify-content: flex-start; align-items: center; gap: 2.5rem; }
.premium_cy h3 { font-size: 1.3125rem; line-height: 133%; color: #0089d0; font-weight: 500; }
.premium_cy p { font-size: 0.9375rem; line-height: 146%; margin-top: 1.25rem; opacity: 0.7; }

.premium_cy.cy01 { transform: translateX(-5rem); }
.premium_cy.cy02 { position: absolute; right: 0; top: 5.875rem; transform: translateX(5rem); }
.premium_cy.cy03 { margin-top: 10rem; margin-left: 13.25rem; transform: translateX(-5rem); }

.premium_cy.cy01 img { width: 9.375rem; transform: translateY(1rem); }
.premium_cy.cy02 img { width: 9.875rem; transform: translateY(0.625rem); }
.premium_cy.cy03 img { width: 9.6875rem; transform: translateY(0.9375rem); }

/* .premium_wrap.on2 { transform: translateX(-100vw); } */


.premium_wrap.on .premium_left::before { transform: scale(1); transition: 3s 0s; }
.premium_wrap.on .premium_content::before { width: 90%; transition: 2.0s 0s; }
.premium_wrap.on .premium_content::after { height: 90%; transition: 2.0s 0s; }
.premium_wrap.on .premium_tit,
.premium_wrap.on .premium_ori.ori01 { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }
.premium_wrap.on .premium_content>div { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }


.premium_wrap.on2 .premium_bd { transform: translateX(-34rem); transition: 1.6s; }
.premium_wrap.on2 .premium01 { background-color: #b6d8f2; }
.premium_wrap.on2 .premium_tit2 .tit01 { opacity: 1; transform: translate(0); transition: 1.5s 0.0s; }
.premium_wrap.on2 .premium_tit2 .tit02 { opacity: 1; transform: translate(0); transition: 1.5s 0.1s; }
.premium_wrap.on2 .premium_tit2 .tit03 { opacity: 1; transform: translate(0); transition: 1.5s 0.2s; }
.premium_wrap.on2 .premium_tit2 .tit04 { opacity: 1; transform: translate(0); transition: 1.5s 0.4s; }
.premium_wrap.on2 .premium_ori.ori02,
.premium_wrap.on2 .premium_txt_box p,
.premium_wrap.on2 .premium_txt_box>div>div,
.premium_wrap.on2 .premium_cy { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }


@media all and (max-width: 1600px) { 

    .premium_tit { width: 45%; }
    .premium_ori.ori01,
    .premium_content_box { width: 60%; }
    
}

/*  */


/* Clear properties introduced by the previous four-card variation. */
.premium_txt_box>div { text-align: left; }
.premium_cy_box>div { display: block; row-gap: normal; }
.premium_cy>div>img { flex: 0 0 auto; }
.premium_cy.cy01, .premium_cy.cy03 { position: relative; right: auto; top: auto; }
.premium_cy.cy04 { display: none; }
.premium_icon img { width: auto; height: auto; max-width: 100%; }

}

@media (max-width:1400px) {
 .premium01 { background-color: #0089d0; }
 .premium_icon { background-color: #caeafa; }
 .premium_tit h2 { color: #f68c1e; }
 .premium_wrap .premium02 { width: 100%; box-sizing: border-box; background: #b6d8f2; padding: 6rem 5%; margin-top: 3rem; }
 .premium02 .premium_tit2 { display: none; }
 .premium02 .premium_txt_box { position: relative; height: auto; }
 .premium02 .premium_txt_box>div { transform: none; text-align: center; }
 .premium02 .premium_txt_box p, .premium02 .premium_txt_box>div>div { opacity: 1; transform: none; }
 .premium02 .premium_txt_box>div>div { color: #0089d0; }
 .premium02 .premium_txt_num { fill: #0089d0; }
 .premium02 .premium_cy_box { position: relative; height: auto; margin-top: 3rem; }
 .premium02 .premium_cy_box>div { width: 100%; display: flex; flex-direction: column; gap: 2rem; transform: none; }
 .premium02 .premium_cy { position: relative; inset: auto; width: 100%; max-width: 600px; height: auto; min-height: 15rem; margin: 0; padding: 2rem 1rem; opacity: 1; transform: none !important; background: #fff; }
 .premium02 .premium_cy>div { flex-direction: row; gap: 1.5rem; text-align: left; }
 .premium02 .premium_cy img { flex: 0 0 8rem; width: 8rem; height: auto; object-fit: contain; }
 .premium02 .premium_cy h3 { color: #0089d0; font-weight: 500; }
 .premium02 .premium_cy p { color: #000; }
 .premium02 .premium_ori { position: relative; inset: auto; margin: 2rem auto 0; width: 100%; opacity: 1; transform: none; text-align: center; }
 .premium02 .premium_bd { display: none; }
}
@media (prefers-reduced-motion: reduce) {
 .premium_wrap, .premium01, .premium_bd, .premium_cy, .premium_tit2 h2 span, .premium_txt_box p, .premium_txt_box>div>div { transition-duration: 0s !important; transition-delay: 0s !important; }
}

/* Keep all card copy aligned to the same left edge. */
.premium_cy, .premium_cy>div, .premium_cy>div>div, .premium_cy h3, .premium_cy p { text-align:left; }
.premium_cy>div>div { min-width:0; flex:1 1 auto; }
@media(min-width:1401px) {
 .premium_cy { width:34.5rem; min-height:13.375rem; height:auto; box-sizing:border-box; padding:1.75rem 1.5rem; }
 .premium_cy>div { width:100%; max-width:none; gap:2rem; }
 .premium_cy.cy01 img, .premium_cy.cy02 img, .premium_cy.cy03 img { height:auto; flex-shrink:0; }
 .premium_cy.cy01 h3, .premium_cy.cy02 h3, .premium_cy.cy03 h3 { color:#0089d0; }
 .premium_cy.cy01, .premium_cy.cy02, .premium_cy.cy03 { background:#fff; }
 .premium_bd { display:block; height:auto; opacity:1; visibility:visible; }
}

/* Phase-2 leaflet palette; preserve all reference transition timings. */
#section3 .premium01 { background-color:#4b5b2c; }
#section3 .premium_tit h2 { color:#c2cba9; }
#section3 .premium_icon { background-color:#edf0e6; }
#section3 .premium_icon img { width:3.25rem; height:3.25rem; object-fit:contain; }
#section3 .premium_content small { font-size:.875rem; }
#section3 .premium_wrap.on2 .premium01,
#section3 .premium_wrap .premium02 { background-color:#e9ece3; }
#section3 .premium_tit2 h2 { color:#4b5b2c; }
#section3 .premium_txt_box>div>div { color:#4b5b2c; }
#section3 .premium_txt_num { fill:#4b5b2c; }
#section3 .premium_cy h3 { color:#4b5b2c; font-weight:700; }
@media(min-width:1401px) { #section3 .premium_wrap .premium02 { background-color:transparent; } }

/* 6 BIG PREMIUM: 넓은 화면에서 6개 항목(왼쪽)과 제목(오른쪽)이 겹치지 않게 나누고,
   둘을 가운데 쪽으로 당겨 사이 간격을 약 140px로 유지 */
@media (min-width:1601px) {
 #section3 .premium01 .premium_tit { width:45%; max-width:none; box-sizing:border-box; padding-right:max(0px, calc(50vw - 780px)); }
 #section3 .premium01 .premium_content_box,
 #section3 .premium01 .premium_ori.ori01 { width:55%; max-width:none; box-sizing:border-box; padding-left:max(0px, calc(50vw - 780px)); }
 #section3 .premium01 .premium_content_box>div { width:100%; }
}