/* 입구18(구현20 토막 2, PM24 구현20 명령서 v1.1). 짓기 단계 k20 이 쓴다. 손으로 고치지 않는다 */
/* 1. #4 PC 선언(21·22): 흰 글이 물보라 위에 놓여 읽기 어렵다. 글 묶음 뒤에 가장자리가 흐린 옅은 어둠 판을 깐다.
   (.quote-s_c 는 Webflow w-clearfix 라 ::before 가 display:table·grid-area 를 받는다. 그대로면 폭이 0이라 block·auto 로 되돌린다)
   위끝은 따옴표 아래(묶음 높이의 10%)라 배 밑과 등대보다 아래에서 시작하고, 위아래·양옆 끝은 가림으로 흐리게 사라진다 */
@media (min-width:992px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="540"] .quote-s_c{position:relative;z-index:0}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="540"] .quote-s_c::before{content:"";display:block;grid-area:auto;position:absolute;z-index:-1;left:-7%;right:-5%;top:10%;bottom:-9%;pointer-events:none;
  background:rgba(8,18,42,.56);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 84%,transparent);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 84%,transparent);mask-composite:intersect}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="540"] [data-eid="554"],html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="540"] [data-eid="557"] .l1{text-shadow:0 1px 3px rgba(6,14,32,.6),0 0 18px rgba(6,14,32,.4)}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="540"] .palace-en[data-eid="3221"]{text-shadow:0 1px 3px rgba(6,14,32,.75),0 0 14px rgba(6,14,32,.5)}
}
/* 2. #4 폰 영문 줄(3221): 배 돛대가 글자 사이로 지나간다. 아래 서명(557)과 같은 옅은 바탕을 깐다 */
@media (max-width:767px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-en[data-eid="3221"]{display:table;margin:0 auto 14px;padding:5px 12px;background:rgba(244,239,230,.9);border-radius:6px}
}
/* 토막 3: #7 사례 이름(39, 칸 780·817·854)을 ERA 글꼴 규칙이 대문자로 바꾼다(「131 CASH HOME BUYERS」). 통합본 원문대로 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-pw_n,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-pw_n *{text-transform:none!important}
/* 토막 5-2: #7 넘김 때 오른쪽 41번 글(세 장 같은 글)이 나가는 장·들어오는 장 두 벌로 겹친다.
   나가는 장(palace-out, 장 번호가 바뀌는 즉시 붙음)의 41번은 흐려지기를 기다리지 않고 바로 감춘다 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] .apart-type-cms_list_item.palace-out .palace-s7-fixed{visibility:hidden!important;transition:none!important}
/* 토막 5-5: 폰 #5 리본(칸 610, z-index 1)이 내리는 도중 「혁신의 격류를…」 첫 글자를 덮는다. 폰에서는 첫 판 글 묶음을 리본 위 겹으로 */
@media (max-width:767px){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="572"] .loc-info-s{position:relative!important;z-index:2!important}}
/* 토막 6-2(큰4): 폰 #7 넘김 직후 들어오는 장의 사례 글(37~40·46)이 드러나기 움직임을 기다리며 빈 채 보였다(41번은 움직임이 없어 먼저 보임).
   폰에서는 사례 글도 41번처럼 늘 보이게 하고, 나가는 장의 글은 즉시 감춘다 */
@media (max-width:767px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] .palace-pw [data-slider="p"],html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] .palace-pw [data-slider="p"] *{opacity:1!important;visibility:visible!important;transform:none!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] .apart-type-cms_list_item.palace-out .palace-pw{visibility:hidden!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] .apart-type-cms_list_item.palace-out .palace-pw *{visibility:hidden!important}
}
/* 토막 6b(작6): #3 결과물 나가는 장의 글(넘김 드러나기를 뺀 칸)은 장 번호가 바뀌는 즉시 감춘다 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="438"] [data-slider="slide"].palace-out [data-palace-st],html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="438"] [data-slider="slide"].palace-out [data-palace-st] *{visibility:hidden!important}
/* 토막 6-6(작12): #11 넘김 그림 점이 밝은 그림 위에서 안 보였다. 점 묶음에 어두운 바탕, 점마다 어두운 테두리 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-cs--s11 .palace-cs_dots{width:max-content;margin:10px auto 0;padding:2px 8px;border-radius:999px;background:rgba(20,22,38,.55)}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-cs--s11 .palace-cs_dot::before{box-shadow:0 0 0 1.5px rgba(20,22,38,.7);background:rgba(255,255,255,.7)}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root .palace-cs--s11 .palace-cs_dot[aria-current]::before{background:#F0C77F}
/* 3. #12 폰 머리(1246): 오른쪽 밧줄 장식이 「다섯 걸음」 끝에 닿는다. 장식을 오른쪽 아래로 민다(태블릿은 k17 이 위로 옮김).
   장식은 rotate(45deg)·패럴랙스가 걸려 화면 이동이 값의 약 두 배로 나온다(10vw 5vw 에서 78·37px, 입구18 첫 고침) */
@media (max-width:599px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="1239"] .flower.other{translate:4vw 2vw!important}
}
/* 토막 7-3(구현21): #7 탭 상담 단추는 장을 바꿀 때 아래에서 올라오는 움직임(2.4초)을 뺐다. 나가는 장의 단추는 장 번호가 바뀌는 즉시 감춘다(겹침 없음).
   토막 7b-2: 넘김 2.4초 동안 나가는 장은 들어오는 장 밑 겹으로 옮겨지고, 감춘 단추는 들어오는 장 글칸 밑(1920 에서 y 약 753)에 남아 크기를 가졌다.
   화면에 없는 이 단추를 고른 누름(PM 재기 0.4초)은 빈 곳을 눌렀다. 감춘 단추는 크기 0 으로 접어 어떤 누름·재기도 고르지 못하게 한다(자리 차지는 그대로라 장 모양이 안 흔들림) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] .apart-type-cms_list_item.palace-out .apart-type-slide_btn,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] .apart-type-cms_list_item.palace-out .apart-type-slide_btn *{visibility:hidden!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root section[data-eid="758"] .apart-type-cms_list_item.palace-out .apart-type-slide_btn a.btn{transform:scale(0)!important;transition:none!important}
/* 토막 7-4(구현21): 시작 덮개가 눈에서 사라진 순간(palace-home.js preGone 이 palace-pre-gone 을 닮) 누름을 통과시킨다 */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-preloader].palace-pre-gone,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root [data-preloader].palace-pre-gone *{pointer-events:none!important}
