/* 구현15(PM18 11/05): 슬롭 걷어내기 기획서 v1.0. 짓기는 build/steps/k15.py */
/* 넓은 화면(1440 넘음): #9 글 묶음을 가운데 최대 폭 안에 */
@media (min-width:1441px){html:root:root:root:root:root:root:root:root:root .amen-s{max-width:1440px!important;margin-left:auto!important;margin-right:auto!important}}
/* #3 끝과 #4 사이 빈 띠: #4 그림 위쪽은 투명 하늘이라 #4 를 조금 끌어올려 띠를 줄인다(폰은 좋아서 그대로) */
@media (min-width:768px){html:root:root:root:root:root:root:root:root:root section[data-eid="540"]{margin-top:-6vw!important}}
/* #7 큰 제목이 그림 아래끝을 덮지 않게 */
@media (min-width:992px){html:root:root:root:root:root:root:root:root:root .apart-type-slide_b{padding-top:56px!important}}
/* 폰 #9: 화면 가운데 맞춤이라 위에 남색 빈 면이 약 4분의 1 화면 생기던 것. 머리 아래에서 바로 시작한다 */
@media (max-width:767px){html:root:root:root:root:root:root:root:root:root .amen-s_cms{justify-content:flex-start!important;padding-top:88px!important}}
/* PC #9: #8 끝과 #9 머리글 사이 빈 남색이 약 300px(1920)이던 것을 128px 안팎으로(PM18 21:2x). 태블릿은 그대로 */
@media (min-width:992px){html:root:root:root:root:root:root:root:root:root .amen-s_cms{justify-content:flex-start!important;padding-top:128px!important}}
@media (min-width:992px) and (max-width:1440px){html:root:root:root:root:root:root:root:root:root .amen-s_cms{padding-top:150px!important}}
/* 폰 #5: 그림이 오른쪽으로 치우쳐 왼쪽이 비던 것 → 가득 폭. 원 단추가 빠진 뒤 두루마리 장식이 본문 글자를 덮어 폰에서는 장식을 뺀다 */
@media (max-width:767px){html:root:root:root:root:root:root:root:root:root .loc-intro-s_img{grid-column:1/-1!important;width:auto!important;margin-left:0!important;margin-right:0!important;justify-self:stretch!important}
html:root:root:root:root:root:root:root:root:root .loc-intro-s_img .img-w{width:100%!important;margin-left:0!important;margin-right:0!important}
html:root:root:root:root:root:root:root:root:root .flower.loc-intro{display:none!important}}
/* #2 본문 글색 진하게 */
html:root:root:root:root:root:root:root:root:root [data-eid="423"],html:root:root:root:root:root:root:root:root:root [data-eid="423"] *{color:#25263A!important;opacity:1!important}

/* #9 → #10: #9 는 확대 움직임 동안 화면에 붙어 있고(amen-scroll-area), #10 이 그 위를 덮고 올라온다. 묶음 높이를 「화면 2.1개 + 50rem」으로
   묶어 두면 짧아진 #10 이 지나간 뒤 #9 가 다시 드러나므로, 묶음 높이를 안의 내용(붙은 #9 화면 + #10)대로 둔다 */
html:root:root:root:root:root:root:root:root:root div.amen-scroll-area{height:calc(var(--_special-units---100vh)*2.1)!important}
html:root:root:root:root:root:root:root:root:root section[data-eid="1071"] .interior-w{margin-top:calc(var(--_special-units---100vh)*-1)!important}
html:root:root:root:root:root:root:root:root:root section[data-eid="1071"] .interior-s{min-height:var(--_special-units---100vh)!important;align-content:center}

/* #9 → #10: 아치가 오르기 시작하면(palace-zoom, palace-home.js faqZoom) 글은 이미 숨는다. 그림만 남아 반원 밖으로 조각이 홀로 비치던 것을 같이 숨긴다 */
html:root:root:root:root:root:root:root:root:root .amen-s_cms .amen-slide_img{transition:opacity .35s ease}
html:root:root:root:root:root:root:root:root:root .amen-s_cms.palace-zoom .amen-slide_img{opacity:0!important}

/* #10 이름의 뜻: 한 장면 두 칸 */
html:root:root:root:root:root:root:root:root:root section[data-eid="1071"]{background-color:#F4F1EA!important}
html:root:root:root:root:root:root:root:root:root section[data-eid="1071"] .interior_themes{inset:0!important}
html:root:root:root:root:root:root:root:root:root section[data-eid="1071"] .interior_themes_light-1{height:auto!important;flex:1 1 auto!important}
html:root:root:root:root:root:root:root:root:root section[data-eid="1071"] .interior-s>.u-272,html:root:root:root:root:root:root:root:root:root section[data-eid="1071"] .interior-s>.u-96,html:root:root:root:root:root:root:root:root:root .interior-s_l .u-272,html:root:root:root:root:root:root:root:root:root .interior-s_l .u-160,html:root:root:root:root:root:root:root:root:root .interior-s_r_img,html:root:root:root:root:root:root:root:root:root .interior-s_l_desc{display:none!important}
html:root:root:root:root:root:root:root:root:root .interior-s>.grid,html:root:root:root:root:root:root:root:root:root .interior-s_imgs,html:root:root:root:root:root:root:root:root:root .interior-s_l,html:root:root:root:root:root:root:root:root:root .interior-s_r,html:root:root:root:root:root:root:root:root:root .interior-s_l>.grid,html:root:root:root:root:root:root:root:root:root .interior-s_r>.grid,html:root:root:root:root:root:root:root:root:root .interior-s_l_img{display:contents!important}
html:root:root:root:root:root:root:root:root:root .interior-s{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto auto 1fr;grid-template-areas:"img title" "img lead" "img desc";column-gap:clamp(40px,5.5vw,104px);row-gap:0;align-items:start;width:min(1240px,86vw)!important;max-width:none!important;margin:0 auto!important;padding:clamp(120px,9.5vw,200px) 0 clamp(96px,8vw,160px)!important;box-sizing:border-box}
html:root:root:root:root:root:root:root:root:root .interior-s_title{grid-area:title;display:flex!important;flex-direction:row!important;align-items:baseline;justify-content:flex-start;gap:0;margin:clamp(24px,3vw,56px) 0 0!important;padding:0!important;width:auto!important;transform:none!important}
html:root:root:root:root:root:root:root:root:root .interior-s_title .h1,html:root:root:root:root:root:root:root:root:root .interior-s_title .a1{font-family:"Palace Brush",cursive!important;font-weight:400!important;font-size:clamp(64px,5.4vw,112px)!important;line-height:1.08!important;letter-spacing:0!important;text-align:left!important;margin:0!important;white-space:nowrap!important}
html:root:root:root:root:root:root:root:root:root .interior-s_title .h1{color:#25263A!important}
html:root:root:root:root:root:root:root:root:root .interior-s_title_a{margin:0!important;padding:0!important;transform:none!important}
html:root:root:root:root:root:root:root:root:root .interior-s_l_img-w{grid-area:img;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:none!important;height:auto!important;position:relative}
html:root:root:root:root:root:root:root:root:root .interior-s_l_img-w .img-w{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:4/5;overflow:hidden;border-radius:999px 999px 6px 6px/640px 640px 6px 6px;background:#25263A;transform:none!important;clip-path:none!important}
html:root:root:root:root:root:root:root:root:root .interior-s_l_img-w .img-w img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 46%!important;transform:none!important}
html:root:root:root:root:root:root:root:root:root .interior-s_r_lead{grid-area:lead;margin:28px 0 0!important;width:auto!important;max-width:34em!important}
html:root:root:root:root:root:root:root:root:root .interior-s_r_lead .u-16{display:none!important}
html:root:root:root:root:root:root:root:root:root .interior-s_r_desc{grid-area:desc!important;margin:24px 0 0!important;width:auto!important;max-width:34em!important}
html:root:root:root:root:root:root:root:root:root .interior-s_r_desc .u-64,html:root:root:root:root:root:root:root:root:root .interior-s_r_desc .u-96{display:none!important}
html:root:root:root:root:root:root:root:root:root .interior-s_r_lead .h5{font-size:clamp(24px,1.75vw,34px)!important;line-height:1.45!important}
html:root:root:root:root:root:root:root:root:root .interior-s_r_desc .p1{font-size:clamp(18px,1.15vw,22px)!important;line-height:1.75!important;color:#25263A!important}
@media (max-width:991px){
html:root:root:root:root:root:root:root:root:root .interior-s{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"title" "img" "lead" "desc";width:auto!important;margin:0 var(--_special-units---offset-l,23px)!important;padding:56px 0 64px!important}
html:root:root:root:root:root:root:root:root:root .interior-s_title{justify-content:center;margin:0 0 28px!important}
html:root:root:root:root:root:root:root:root:root .interior-s_title .h1,html:root:root:root:root:root:root:root:root:root .interior-s_title .a1{font-size:clamp(52px,14vw,84px)!important}
html:root:root:root:root:root:root:root:root:root .interior-s_l_img-w .img-w{border-radius:999px 999px 6px 6px/420px 420px 6px 6px}
html:root:root:root:root:root:root:root:root:root .interior-s_r_lead{margin:28px 0 0!important;max-width:none!important}
html:root:root:root:root:root:root:root:root:root .interior-s_r_desc{margin:18px 0 0!important;max-width:none!important}
html:root:root:root:root:root:root:root:root:root .interior-s_r_lead .h5{font-size:22px!important}
html:root:root:root:root:root:root:root:root:root .interior-s_r_desc .p1{font-size:17px!important}
}
@media (min-width:600px) and (max-width:991px){html:root:root:root:root:root:root:root:root:root .interior-s{width:min(560px,86vw)!important;margin:0 auto!important}}

/* #11 두 동료: 배 양옆에 아테나·불카누스(그림이 왔을 때만 .palace-figs 가 생긴다). 인물은 기둥 쪽, 설명은 하늘 쪽 곁, 가운데 아래로 배가 보인다.
   두 그림은 같은 축척(그림2 웹용)이라 같은 높이로 띄워야 불카누스 정수리가 아테나 어깨에 온다 */
html:root:root:root:root:root:root:root:root:root .palace-figs{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(12px,1.4vw,28px);width:min(100%,76vw);margin:clamp(8px,1.5vw,32px) auto clamp(24px,3vw,56px);align-self:center;pointer-events:auto}
html:root:root:root:root:root:root:root:root:root .palace-fig{display:flex;align-items:center;gap:clamp(12px,1.4vw,28px);flex:1 1 0;min-width:0}
html:root:root:root:root:root:root:root:root:root .palace-fig--vulcanus{flex-direction:row-reverse}
html:root:root:root:root:root:root:root:root:root .palace-figs::after{content:"";order:1;flex:0 1 6vw}
html:root:root:root:root:root:root:root:root:root .palace-fig--vulcanus{order:2}
html:root:root:root:root:root:root:root:root:root .palace-fig_pic{position:relative;flex:0 0 auto;align-self:flex-end;will-change:transform}
html:root:root:root:root:root:root:root:root:root .palace-fig_pic::after{content:"";position:absolute;left:-14%;right:26%;bottom:-1.6%;height:5.5%;border-radius:50%;background:radial-gradient(closest-side,rgba(20,24,40,.5),rgba(20,24,40,.18) 60%,rgba(20,24,40,0));filter:blur(2px);z-index:-1}
html:root:root:root:root:root:root:root:root:root .palace-fig_img{display:block;height:clamp(380px,58vh,900px);width:auto;max-width:none;filter:drop-shadow(-10px 14px 18px rgba(16,20,40,.28))}
html:root:root:root:root:root:root:root:root:root .palace-fig_say{flex:1 1 0;min-width:0;max-width:340px;background:rgba(37,38,58,.9);border:1px solid rgba(240,199,127,.4);border-radius:6px;padding:18px 20px 20px;box-sizing:border-box}
html:root:root:root:root:root:root:root:root:root .palace-fig_say .palace-card_name{font-size:26px}
html:root:root:root:root:root:root:root:root:root .palace-fig_say .palace-card_one{margin:10px 0 4px;font-size:17px}
html:root:root:root:root:root:root:root:root:root .palace-fig_say .palace-card_list{margin:10px 0 0;font-size:16px}
html:root:root:root:root:root:root:root:root:root .palace-fig_say .palace-card_sym{font-size:15px}
@media (min-width:992px){html:root:root:root:root:root:root:root:root:root section[data-eid="1177"] .arch-s{min-height:auto!important}}
@media (min-width:992px) and (max-width:1599px){html:root:root:root:root:root:root:root:root:root .palace-figs{width:76vw;margin-left:calc((100% - 76vw)/2);margin-right:calc((100% - 76vw)/2)}html:root:root:root:root:root:root:root:root:root .palace-figs::after{display:none}html:root:root:root:root:root:root:root:root:root .palace-fig_img{height:clamp(360px,52vh,560px)}}
@media (max-width:991px){
html:root:root:root:root:root:root:root:root:root .palace-figs{flex-direction:column;align-items:stretch;width:100%;margin:8px 0 24px;gap:0}
html:root:root:root:root:root:root:root:root:root .palace-figs::after{display:none}
html:root:root:root:root:root:root:root:root:root .palace-fig,html:root:root:root:root:root:root:root:root:root .palace-fig--vulcanus{flex-direction:column;align-items:center;gap:14px;margin:0 0 22px}
html:root:root:root:root:root:root:root:root:root .palace-fig_img{height:min(96vw,440px)}
html:root:root:root:root:root:root:root:root:root .palace-fig_pic{align-self:center}
html:root:root:root:root:root:root:root:root:root .palace-fig_say{max-width:none;width:100%}
}

/* #11 두 동료: 폰·태블릿에서 카드 아래가 #12 밑으로 들어가던 높이 묶음 풂 */
@media (max-width:991px){html:root:root:root:root:root:root:root:root:root section[data-eid="1177"],html:root:root:root:root:root:root:root:root:root section[data-eid="1177"] .arch-scroll-area,html:root:root:root:root:root:root:root:root:root section[data-eid="1177"] .arch-w,html:root:root:root:root:root:root:root:root:root section[data-eid="1177"] .arch-s{height:auto!important;max-height:none!important}
html:root:root:root:root:root:root:root:root:root section[data-eid="1177"] .arch-w{min-height:100svh}
html:root:root:root:root:root:root:root:root:root section[data-eid="1177"] .arch-s{padding-bottom:40px!important;aspect-ratio:auto!important}}