/* 입구16(구현18). 짓기 단계 k18 이 쓴다. 손으로 고치지 않는다 */
/* 그림 18·19·20: 칸 안에 다 들게(자르지 않고, 늘이지 않음) */
html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s img.palace-k18img{object-fit:contain!important;width:100%!important;height:100%!important;max-width:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s [data-eid="480"][src]{content:normal!important}
/* 19 슬라이드 */
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss{position:relative;flex:1 1 auto;width:100%;height:100%;overflow:hidden;touch-action:pan-y}
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_track{display:flex;width:100%;height:calc(100% - 28px);transition:transform .6s cubic-bezier(.45,0,.2,1);will-change:transform}
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_s{flex:0 0 100%;width:100%;height:100%;position:relative}
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_s img{position:absolute;left:0;top:0}
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_arrow{position:absolute;top:calc(50% - 14px);margin-top:-20px;width:40px;height:40px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;
 background:rgba(30,32,56,.62);color:#fff;cursor:pointer;padding:0;z-index:2}
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_arrow.is-prev{left:8px}
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_arrow.is-next{right:8px}
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_arrow:focus-visible,html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_dot:focus-visible{outline:2px solid #fff;outline-offset:2px}
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_dots{position:absolute;left:0;right:0;bottom:2px;display:flex;justify-content:center;gap:8px;z-index:2}
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_dot{width:24px;height:24px;border:0;padding:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_dot::before{content:"";width:9px;height:9px;border-radius:50%;background:rgba(30,32,56,.35);box-shadow:0 0 0 1.5px rgba(255,255,255,.85)}
html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_dot[aria-current]::before{background:rgba(30,32,56,.95)}
@media (prefers-reduced-motion: reduce){html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_track{transition:none}}
/* v1.3 「 / 」 줄 나눔: ERA 줄 조각(.split-line-mask)이 인라인이라 폭이 남으면 두 줄이 붙었다. 줄을 나눈 칸만 조각을 블록으로 */
html:root:root:root:root:root:root:root:root:root:root:root:root :is([data-eid="301"],[data-eid="423"],[data-eid="486"],[data-eid="510"],[data-eid="514"],[data-eid="534"],[data-eid="538"]) .split-line-mask{display:block!important}
/* 8번 제목(세 장 공통): 한 줄에 들게. PC 는 96px 를 넘지 않고 폭의 4.7%, 991 이하는 48px·8.2vw 안 */
@media (min-width:992px){html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_t .h1{font-size:min(96px,4.7vw)!important;white-space:nowrap}}
@media (max-width:991px){html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_t .h2{font-size:min(48px,8.2vw)!important}}
/* PC #3: v1.3 글이 길어 위아래로 쌓으면 그림이 40%까지 줄었다(1440×900 292×146). 제목은 위, 그 아래 그림(왼쪽 56%)과 글(오른쪽 40%)을 나란히.
   쪽 표시(1/3)는 그림 칸을 흉내 내는 빈 칸(.benefits-s_cms_pag 의 .benefit-slide_img) 아래에 서므로 그 묶음도 왼쪽 56% 로 */
@media (min-width:992px){
 html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide{display:grid!important;grid-template-columns:56% 40%!important;column-gap:4%!important;align-items:start!important;align-content:start!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_t{grid-column:1/-1!important;grid-row:1!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_c{grid-column:1!important;grid-row:2!important;padding-bottom:64px!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_b{grid-column:2!important;grid-row:2!important;align-self:center!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_img{width:100%!important;height:auto!important;aspect-ratio:16/9!important;max-width:100%!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefits-s_cms_pag{left:0!important;right:auto!important;width:56%!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_b .grid{display:block!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_b>.u-48:first-child,html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_b>.u-48:last-child{height:0!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_b p,html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_b .split-line-mask,html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_b .split-line{text-align:left!important}
}
@media (max-width:991px){html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-intro-w textPath[data-eid="437"]{font-size:22px!important}}
@media (max-width:767px){
 html:root:root:root:root:root:root:root:root:root:root:root:root .palace-ss_arrow{display:none}
 html:root:root:root:root:root:root:root:root:root:root:root:root .benefits-s .benefit-slide_img{aspect-ratio:4/5!important}
}