/* 입구19(고침, PM27 고침기획 묶음 0). 짓기 단계 k22 가 쓴다. 손으로 고치지 않는다 */
/* 0-2: 폰 #7 장을 바꾸면(palace-s7moved 뒤) 나가는 장 전체를 바로 감추고, 들어오는 장의 그림·이름·글을 함께 0.45초에 띄운다 */
@media (max-width:767px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"].palace-s7moved .apart-type-cms_list_item.palace-out,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"].palace-s7moved .apart-type-cms_list_item.palace-out *{visibility:hidden!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"].palace-s7moved .apart-type-cms_list_item:not(.palace-out) [data-slider="img"]{clip-path:none!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"].palace-s7moved .apart-type-cms_list_item:not(.palace-out) [data-slider="img"]>*{transform:none!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"].palace-s7moved .apart-type-cms_list_item:not(.palace-out) [data-slider="h"] .split-char{opacity:1!important;transform:none!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"].palace-s7moved .apart-type-cms_list_item:not(.palace-out) .apart-type-slide{animation:palace-k22in .45s ease-out both}
}
@keyframes palace-k22in{from{opacity:0}to{opacity:1}}
/* 0-3: 폰 #9 질문 그림(599 아래 감춤을 풂). 그림 비율 4:3 그대로, 칸도 4:3 */
@media (max-width:599px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .amen-slide_img{display:block!important;aspect-ratio:4/3!important;min-height:0!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .amen-slide_img img.img-p{width:100%!important;left:0!important}
}
/* 0-3: 아치가 닿기 전 감춘 질문·답 덩이(palace-k22 스크립트 hide9) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="937"] .palace-a9,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="937"] .palace-a9 *{visibility:hidden!important}
/* 0-5: #9 탭을 한 번 쓰면(palace-tused) 나가는 칸은 바로 감추고, 질문·답 글은 줄 움직임 없이(data-palace-tp) 들어오는 칸이 통째로 0.35초에 떠오른다 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-tabs].palace-tused [data-tab-content].palace-tout,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-tabs].palace-tused [data-tab-content].palace-tout *{visibility:hidden!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-tabs].palace-tused [data-palace-tp],html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-tabs].palace-tused [data-palace-tp] .split-line{transform:none!important;opacity:1!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-tabs].palace-tused [data-tab-content].palace-tin .amen-slide_b{animation:palace-k22in .35s ease-out both}
/* 0-8: 탭 색은 누른 장면에 바로 바뀐다 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-pick_tab,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .amen-tab{transition:none!important}
/* 2-2: #3 결과물은 장이 한 번이라도 바뀌면(palace-moved) 나가는 장 전체(글·그림)를 바로 감추고, 들어오는 장 전체를 0.45초에 함께 띄운다(모든 폭) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="438"].palace-moved [data-slider="slide"].palace-out,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="438"].palace-moved [data-slider="slide"].palace-out *{visibility:hidden!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="438"].palace-moved [data-slider="slide"]:not(.palace-out) [data-slider="img"]{clip-path:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="438"].palace-moved [data-slider="slide"]:not(.palace-out) [data-slider="img"]>*{transform:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="438"].palace-moved [data-slider="slide"]:not(.palace-out){animation:palace-k22in .45s ease-out both}
/* 1-4: 시작 덮개(겹 11000)가 보이는 동안 상담 띠를 그 위 겹에 둔다 */
/* 고침2 10-1: 1-4 의 뿌리 :has() 두 줄을 뿌리 표시 둘로(palace-k22 스크립트 prez) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root.palace-zp .consult-bar{z-index:12000!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root.palace-zm .consult-bar{z-index:1000001!important}
/* 1-5: 터치 폭 고리 설명 카드 닫기 X(누름 자리 44px). 누르면 카드 바깥 누름과 같은 길(palace-home.js)로 닫힌다 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .floating-tip-card{position:relative}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-tip-x{display:none}
@media (max-width:380px){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .floating-tip.palace-auto .floating-tip-card{padding:16px 20px!important}html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .floating-tip.palace-auto .floating-tip-card_b>*{font-size:16px!important}html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .floating-tip.palace-auto .floating-tip-card_t>*{font-size:21px!important}}
@media (max-width:991px){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-tip-x{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:44px;height:44px;padding:0;border:0;background:transparent;color:#25263A;font-size:24px;line-height:1;cursor:pointer}}
/* 2-4: 시작 아치 테 둘을 화면 폭 기준 크기로 고정(움직임은 palace-k22 스크립트 archx 가 transform 으로) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root.palace-archx .preloader_bg_arch_is-1,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root.palace-archx .preloader_bg_arch_is-2{left:50%!important;right:auto!important;top:0!important;bottom:auto!important;transform-origin:50% 0;will-change:transform;border-top-left-radius:100vw!important;border-top-right-radius:100vw!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root.palace-archx .preloader_bg_arch_is-1{width:102vw!important;height:calc(100vw * 2592 / 560 * 1.01)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root.palace-archx .preloader_bg_arch_is-2{width:110vw!important;height:calc(100vw * 2592 / 560 * 1.03)!important}
/* 3-2: 바로 옮긴 뒤 0.4초 드러남 */
@keyframes palace-arrive{from{opacity:.35}to{opacity:1}}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root main.palace-arrive{animation:palace-arrive .4s ease-out}
/* 3-3: #3 둘째 장 앱 화면 넘김은 점만(장 넘김 「‹ 2/3 ›」와 겹치는 「‹ ›」를 뺌) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-k18-ss] .is-prev,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-k18-ss] .is-next{display:none!important}
/* 4-1: PC(992 넘음) 오른쪽 아래 상담 단추. 폰 아래 띠와 같은 빛깔·같은 길(consult.js). 첫 화면(palace-top)·#13 단추가 보일 때(palace-end)·쪽 끝(is-hidden)에서는 숨김 */
@media (min-width:992px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .consult-bar{display:flex!important;position:fixed!important;left:auto!important;right:24px!important;bottom:24px!important;top:auto!important;width:auto!important;height:auto!important;min-height:48px;z-index:1050;align-items:center;justify-content:center;padding:12px 28px!important;border-radius:999px;box-sizing:border-box;background:var(--_colors---base-1000--primary,#25263A);color:#fff;text-decoration:none;cursor:pointer;box-shadow:0 0 0 1px rgba(240,199,127,.6),0 6px 18px rgba(20,22,38,.28);transition:transform .3s ease,opacity .3s ease}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .consult-bar.is-hidden,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .consult-bar.palace-end,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root.palace-top .consult-bar{transform:translateY(180%)!important;opacity:0;pointer-events:none!important}
}
/* 8-1: 글 쪼개기 조각(.split-line·word·char)과 드러내기 칸의 will-change:transform(쪽 안 스타일)이 늘 레이어를 만들었다(폰 672개 중 555개).
   풀어 둔다. 드러내는 동안에는 GSAP 이 3D 옮김으로 잠깐 레이어를 만들고, 끝나면 2D 로 돌아간다. 모습은 그대로 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .split-line,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .split-word,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .split-char,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-scroll-reveal]{will-change:auto!important}
/* 7-1: 첫 화면 고리 셋은 보이는 모습 그대로, 누름 자리만 48px(고리 가운데 기준) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-pin]::after{content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:transparent}
/* 7-2: #11 그림 넘김 점은 칸만 44px(보이는 점 9px 그대로), 화살표 44px, 점 묶음은 글 상자 위 겹 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-cs--s11 .palace-cs_dots{gap:0;position:relative;z-index:3}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-cs--s11 .palace-cs_dot{width:44px;height:44px}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-cs--s11 .palace-cs_arrow{width:44px;height:44px;top:calc(50% - 22px)}
/* 1-3: 폰 #7 넘김 표시(‹ 1/3 ›)는 위 탭 단추와 같은 일이라 뺀다 */
@media (max-width:767px){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] [data-slider="pag"]{display:none!important}}

/* 고침2(입구19 2차, k23). 손으로 고치지 않는다 */
/* 9-2: #7 넘김 표시(‹ 1/3 ›)는 위 탭 셋과 같은 일이라 PC 에서도 뺀다(폰은 1-3). 탭 누름은 그대로 이 감춘 단추를 눌러 넘긴다 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] [data-slider="pag"]{display:none!important}
/* 9-4: #3 결과물은 장마다 같은 큰 제목(.benefit-slide_t)을 그대로 두고, 들어오는 장의 그림(.benefit-slide_c)·글(.benefit-slide_b)만 0.45초에 띄운다 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="438"].palace-moved [data-slider="slide"]:not(.palace-out){animation:none}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="438"].palace-moved [data-slider="slide"]:not(.palace-out) .benefit-slide_c,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="438"].palace-moved [data-slider="slide"]:not(.palace-out) .benefit-slide_b{animation:palace-k22in .45s ease-out both}
/* 12-1 MT-10: #11 점·화살표 누름 자리 44px 을 터치 기기 전부에(1024 가로 포함) */
@media (pointer:coarse){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-cs--s11 .palace-cs_dots{gap:0!important}html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-cs--s11 .palace-cs_dot{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-cs--s11 .palace-cs_arrow{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}}
/* 14-2: 고리 카드 닫기 X 를 터치 기기 전부에 */
@media (pointer:coarse){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-tip-x{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:44px;height:44px;padding:0;border:0;background:transparent;color:#25263A;font-size:24px;line-height:1;cursor:pointer}}
/* 14-1: 폰 메뉴가 열린 동안 머리 층(메뉴 단추 「닫기」)을 메뉴 덮개(겹 5000) 위에, 보이게 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root.palace-menu-open .header-nav{z-index:5001!important;opacity:1!important;pointer-events:auto!important}
/* 14-3 MT2-02: #9 탭을 한 번 쓰면(palace-tused) 들어오는 칸 그림도 닦기(1.2초) 없이 답 글과 같은 0.35초 떠오름 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-tabs].palace-tused [data-tab-content].palace-tin [data-tab="slide"]{clip-path:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-tabs].palace-tused [data-tab-content].palace-tin [data-tab="slide"]>*{transform:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-tabs].palace-tused [data-tab-content].palace-tin .amen-slide_img{animation:palace-k22in .35s ease-out both}
/* 14-4 MT2-03: 눌림 빛(네모 파란 빛) 없앰 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root a,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root button,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [role="button"],html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-tab-trigger],html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-pick_tab,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .amen-tab,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .btn,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root .consult-bar,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-modal-cta-btn],html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-pin]{-webkit-tap-highlight-color:transparent}
/* 11-3: PC #7 오른쪽 글 칸을 상담 단추 자리 밖으로(palace-k22 스크립트 fit7r 가 잰 값). 폰·태블릿은 값 없음 */
@media (min-width:992px){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] .apart-type-slide_desc{translate:calc(-1 * var(--palace-s7-dx, 0px)) 0}html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] .apart-type-slide_desc,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] .apart-type-slide_desc>p{max-width:var(--palace-s7-mw, none)!important}}