/* 구현16(PM18 11/05 22:34 고칠 목록 여섯). 짓기는 build/steps/k16.py */
/* 1. PC #11 들머리: 그림 창을 처음부터 위아래 가득한 한 장의 네모로(왼쪽·오른쪽 창이 어긋나 계단처럼 패이던 것). 크림 판은 양옆만 남는다.
   #11 이 #10 의 빈 아래 여백 위로 올라오므로, 그림(arch-w)이 #10 위에, 크림 판(arch-intro-s)이 그 위에 서게 겹침 차례를 올린다 */
@media (min-width:992px){
html:root:root:root:root:root:root:root:root:root:root .arch-intro-s_bg_l{clip-path:inset(0 55.556% 0 0)!important}
html:root:root:root:root:root:root:root:root:root:root .arch-intro-s_bg_r{clip-path:inset(0 0 0 55.556%)!important}
html:root:root:root:root:root:root:root:root:root:root section[data-eid="1177"] .arch-intro-s{z-index:2!important}
html:root:root:root:root:root:root:root:root:root:root section[data-eid="1177"] .arch-w{z-index:1!important}
html:root:root:root:root:root:root:root:root:root:root .palace-fig_bg{display:none!important}
}
/* 2. 폰·태블릿 #11: 두 사람을 부두가 보이는 아치 틀 안에. 틀 = 배경 원본에서 자른 그림, 발바닥은 부두 윗면(틀 높이 84%) */
@media (max-width:991px){
html:root:root:root:root:root:root:root:root:root:root .palace-fig,html:root:root:root:root:root:root:root:root:root:root .palace-fig--vulcanus{gap:0!important;margin:0 0 26px!important}
html:root:root:root:root:root:root:root:root:root:root .palace-fig_pic{position:relative!important;isolation:isolate;width:min(100%,440px)!important;aspect-ratio:602/860;overflow:hidden;align-self:center!important;
  border-radius:50% 50% 6px 6px/35% 35% 6px 6px;border:1px solid rgba(240,199,127,.5);background:#9fc3e6;box-sizing:border-box;transform:none!important}
html:root:root:root:root:root:root:root:root:root:root .palace-fig_bg{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;z-index:0;display:block}
html:root:root:root:root:root:root:root:root:root:root .palace-fig_img{position:absolute!important;z-index:2;height:72%!important;width:auto!important;max-width:none!important;bottom:16%;transform:translateX(-50%);
  filter:drop-shadow(-6px 8px 10px rgba(16,20,40,.32))}
html:root:root:root:root:root:root:root:root:root:root .palace-fig--athena .palace-fig_img{left:36%}
html:root:root:root:root:root:root:root:root:root:root .palace-fig--vulcanus .palace-fig_img{left:64%}
html:root:root:root:root:root:root:root:root:root:root .palace-fig_pic::after{z-index:1!important;bottom:14.6%!important;height:3.4%!important;filter:blur(2px)}
html:root:root:root:root:root:root:root:root:root:root .palace-fig--athena .palace-fig_pic::after{left:25%!important;right:45%!important}
html:root:root:root:root:root:root:root:root:root:root .palace-fig--vulcanus .palace-fig_pic::after{left:43%!important;right:15%!important}
html:root:root:root:root:root:root:root:root:root:root .palace-fig_say{width:min(100%,440px)!important;align-self:center;border-radius:0 0 6px 6px;border-top:0!important}
}
/* 4. 폰·태블릿 #9 탭: 나가는 장 글은 누르는 즉시 통째로 감춘다(줄 조각 0). 들어오는 장은 이 표시가 없다 */
@media (max-width:991px){html:root:root:root:root:root:root:root:root:root:root .amen-cms_list_item.palace-out [data-tab]{opacity:0!important;transition:opacity .12s linear}}
/* 5. 줄 칸 사이에 진짜 빈칸을 두었으므로(쪽 스크립트), 같은 줄에 선 줄 칸에 덧붙이던 틈은 뺀다(빈칸이 겹치지 않게) */
html:root:root:root:root:root:root:root:root:root:root .split-line-mask.palace-gap{margin-right:0!important}
/* 6. PC #5 가로 구간: 묶음 사이 간격(소개 글 오른쪽, 항로 왼쪽)을 줄인다 */
@media (min-width:992px){
html:root:root:root:root:root:root:root:root:root:root section[data-eid="572"] .loc-intro-w{margin-left:-35vw!important}
html:root:root:root:root:root:root:root:root:root:root section[data-eid="572"] .loc-path-w{margin-left:-3vw!important}
}
/* 넓은 화면(2560 등)은 화면이 높아 항로 앞 빈 면이 더 크다. 더 당기고, 끝 정지가 앞 묶음 글에 걸리지 않게 항로 뒤에 여백을 둔다 */
@media (min-width:1921px){html:root:root:root:root:root:root:root:root:root:root section[data-eid="572"] .loc-path-w{margin-left:-9vw!important;margin-right:5vw!important}}
