/* OH!ALF English switch (prepared translations; since 2026-10-30 lang-url the server sends ?lang=en already in English).
   1) Header language link, left of the Kakao id.
   2) Guide box for pages without prepared English (board lists and posts).
   3) Small adjustments that apply only while the page is shown in English (html.ohalf-en). */

/* 1) Button */
.header .en-link{position:absolute;display:block;text-decoration:none;top:50%;z-index:2;margin:0;padding:0;border:0;background:none;color:#272526;
  font-family:inherit;font-weight:600;letter-spacing:-0.02em;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none}
.header .en-link span{color:inherit;letter-spacing:inherit}
.header .en-link .en-short{display:none}
.header .en-link:hover .en-full,.header .en-link:focus-visible .en-full{text-decoration:underline;text-underline-offset:4px}
.header .en-link:focus-visible{outline:2px solid #FF6D00;outline-offset:3px;border-radius:4px}
.header .en-link[aria-busy="true"]{opacity:.55;cursor:progress}
@media (min-width:1300px){.header .en-link{right:calc(13% + 26px);height:55px;line-height:55px;margin-top:-27px;font-size:17px}}
@media (min-width:751px) and (max-width:1299px){.header .en-link{right:37vw;height:5.2vw;line-height:5.2vw;margin-top:-2.6vw;font-size:1.8vw}}
/* Phone: centred between the logo and the Kakao pill (measured at 390px: logo ends at 168px, pill starts at 201px,
   so about 8px on each side). */
@media (max-width:750px){.header .en-link{right:46vw;height:8vw;line-height:8vw;margin-top:-4vw;font-size:3.3vw}
  .header .en-link .en-full{display:none}.header .en-link .en-short{display:inline}}

/* While a returning English reader's page is being swapped (at most 1.2 s, see head snippet). */
html.ohalf-en-wait .wrap{opacity:0}

/* 2) Guide box (pages without prepared English) */
.ohalf-en-box{position:absolute;z-index:1000;width:340px;box-sizing:border-box;background:#fff;color:#272526;border:1px solid #e4e1da;
  border-radius:12px;box-shadow:0 10px 30px rgba(39,37,38,.12);padding:18px 22px 14px;font-size:14px;line-height:1.55;
  letter-spacing:0;text-align:left;word-break:normal}
.ohalf-en-box *{letter-spacing:0;line-height:1.55;color:#272526}
.ohalf-en-box strong{display:block;font-size:15px;margin:0 24px 6px 0}
.ohalf-en-box p{margin:0}
.ohalf-en-box ul{margin:8px 0 6px;padding:0;list-style:none}
.ohalf-en-box li{margin:0 0 6px;padding-left:12px;position:relative}
.ohalf-en-box li:before{content:"";position:absolute;left:0;top:.7em;width:4px;height:4px;border-radius:50%;background:#FF6D00}
.ohalf-en-box .ohalf-en-note{color:#6f6a64;font-size:13px}
.ohalf-en-box .ohalf-en-close{position:absolute;top:8px;right:10px;border:0;background:none;font-size:22px;line-height:1;color:#8a8580;cursor:pointer;padding:4px}
@media (max-width:750px){.ohalf-en-box{width:auto;left:4.1vw;right:4.1vw;font-size:3.6vw;padding:4.5vw 5vw 3.5vw}
  .ohalf-en-box strong{font-size:3.9vw}.ohalf-en-box .ohalf-en-note{font-size:3.3vw}}

/* 3) English reading adjustments (only while English is shown, and only on elements holding translated text:
      the script marks them .ohalf-en-t; English already on the Korean page and the time tables keep the site's look) */
/* The site sets letter-spacing:-0.04em on every element for Korean; Latin text reads cramped with it. */
html.ohalf-en .ohalf-en-t{letter-spacing:-0.005em}
html.ohalf-en h1.ohalf-en-t,html.ohalf-en h2.ohalf-en-t,html.ohalf-en h3.ohalf-en-t,html.ohalf-en h4.ohalf-en-t,
html.ohalf-en h5.ohalf-en-t,html.ohalf-en h6.ohalf-en-t{letter-spacing:-0.015em}
/* Korean line breaks hidden in blocks the dictionary marks for reflow (see ohalf-en.js, planSoft). */
html.ohalf-en br.ohalf-en-soft:not(#ohalf-en-x){display:none!important}
@media (max-width:750px){html.ohalf-en br.ohalf-en-soft-m:not(#ohalf-en-x){display:none!important}}
/* Home first section: the longer English stays left of the flower picture on wide screens. */
@media (min-width:1300px){html.ohalf-en .visual .v_text p.ohalf-en-t{max-width:580px}}
/* Avoid one-word last lines where the browser supports it. */
html.ohalf-en p.ohalf-en-t,html.ohalf-en li.ohalf-en-t,html.ohalf-en p .ohalf-en-t,html.ohalf-en li .ohalf-en-t{text-wrap:pretty}
html.ohalf-en h3.ohalf-en-t,html.ohalf-en h4.ohalf-en-t,html.ohalf-en h5.ohalf-en-t{text-wrap:balance}