@charset "utf-8";
@media(max-width:1024px){
    #pz_bar .pz_home_secondary{display:none!important}
    #pz_bar .pz_home_primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;white-space:normal;gap:4px}
    #pz_bar .pz_home_primary>a{justify-content:center;padding:8px 2px;font-size:16px;text-align:center}
}
.pz_mobile_primary{display:none}
@media(max-width:1024px){
    .pz_mobile_primary{display:flex;gap:4px;overflow-x:auto;padding:7px 12px;border-top:1px solid #f5f5f5;background:#fff;white-space:nowrap;scrollbar-width:thin}
    .pz_mobile_primary>a{flex:0 0 auto;display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:10px;color:#15213f;font-size:16px;font-weight:800;text-decoration:none}
    .pz_mobile_primary>a.on{background:#f5f5f7;color:#303238}
    html.pzl-dark .pz_mobile_primary,html.pz-dark .pz_mobile_primary{background:#101419;border-color:#f5f5f5}
    html.pzl-dark .pz_mobile_primary>a,html.pz-dark .pz_mobile_primary>a{color:#b6c0cd}
    html.pzl-dark .pz_mobile_primary>a.on,html.pz-dark .pz_mobile_primary>a.on{background:#303238;color:#303238}
}
/* PUZLANG v30 navigation: 표현사전 화면을 기준으로 통일 */
.pz_secondarybar{width:100%;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;background:#fff}
.pz_secondary_shell{position:relative;max-width:1148px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.pz_secondarybar_in{min-width:0;min-height:54px;padding:7px 20px;box-sizing:border-box;display:flex;align-items:center;gap:5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.pz_secondarybar_in::-webkit-scrollbar{display:none}.pz_secondarybar_in.is-dragging{cursor:grabbing;user-select:none;scroll-behavior:auto}.pz_secondarybar a{text-decoration:none}
.pz_secondary_label{flex:0 0 auto;margin-right:7px;padding:9px 10px;border-radius:9px;color:#6c7894;font-size:16px;line-height:1;font-weight:850}
.pz_secondary_item{flex:0 0 auto;display:inline-flex;align-items:center;min-height:38px;padding:9px 13px;border-radius:10px;color:#15213f;font-size:16px;line-height:1;font-weight:800;transition:background .15s ease,color .15s ease}
.pz_secondary_item:hover{background:#f3f6f9;color:#303238}.pz_secondary_item.on{background:#f5f5f7;color:#303238}
.pz_secondary_arrow{width:34px;height:38px;margin:0 3px;border:1px solid #f5f5f5;border-radius:10px;background:#fff;color:#526078;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(15,23,42,.05)}
.pz_secondary_arrow:hover:not(:disabled){background:#f5f5f7;color:#303238}.pz_secondary_arrow:disabled{opacity:.28;cursor:default}.pz_secondary_arrow[hidden]{display:none!important}
@media (min-width:1025px){.pz_nav_primary>a{padding-left:10px!important;padding-right:10px!important}}

/* Drawer: 기본 오른쪽, 사용자가 좌/우 선택 가능 */
#pz_drawer.pz_drawer_v28,#pz_drawer.pz_drawer_v30{left:auto!important;right:0!important;width:min(86vw,360px)!important;max-width:360px!important;transform:translateX(100%)!important;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
#pz_drawer.pz_drawer_v28.on,#pz_drawer.pz_drawer_v30.on{transform:translateX(0)!important;box-shadow:-18px 0 45px rgba(16,26,61,.18)!important}
html.pz-drawer-left #pz_drawer.pz_drawer_v28,html.pz-drawer-left #pz_drawer.pz_drawer_v30{right:auto!important;left:0!important;transform:translateX(-100%)!important}
html.pz-drawer-left #pz_drawer.pz_drawer_v28.on,html.pz-drawer-left #pz_drawer.pz_drawer_v30.on{transform:translateX(0)!important;box-shadow:18px 0 45px rgba(16,26,61,.18)!important}
.pz_drawer_v28 .pz_drawer_hd,.pz_drawer_v30 .pz_drawer_hd{position:sticky;top:0;z-index:3;min-height:62px;background:#fff}.pz_drawer_nav{padding:8px 0 4px}.pz_drawer_section{border-bottom:1px solid #f5f5f5}.pz_drawer_primary_row{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:stretch}
#pz_drawer .pz_drawer_primary{display:flex!important;align-items:center;min-height:54px;padding:14px 18px!important;color:#15213f;font-size:16.5px!important;font-weight:850!important}#pz_drawer .pz_drawer_primary.on{background:#f5f5f7;color:#303238}
.pz_drawer_sub_toggle{display:flex;align-items:center;justify-content:center;min-width:48px;border:0;border-left:1px solid #f5f5f5;background:#fff;color:#738097;cursor:pointer;font-size:16px}.pz_drawer_sub_toggle i{transition:transform .18s ease}.pz_drawer_section.is-open .pz_drawer_sub_toggle i{transform:rotate(180deg)}
.pz_drawer_secondary{padding:6px 10px 12px 24px;background:#f8fafc}.pz_drawer_secondary[hidden]{display:none!important}#pz_drawer .pz_drawer_secondary a{position:relative;display:block!important;min-height:43px;padding:11px 13px 11px 22px!important;border-radius:10px;color:#536178;font-size:16px!important;font-weight:760!important}#pz_drawer .pz_drawer_secondary a:before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#cbd5e1}#pz_drawer .pz_drawer_secondary a:hover{background:#eef4f7}#pz_drawer .pz_drawer_secondary a.on{background:#f5f5f7;color:#303238;font-weight:900!important}#pz_drawer .pz_drawer_secondary a.on:before{background:#303238}
.pz_drawer_side_setting{margin:16px 14px 6px;padding:14px;border:1px solid #f5f5f5;border-radius:14px;background:#fafbfd}.pz_drawer_side_setting>span{display:block;margin-bottom:9px;color:#6e7b90;font-size:16px;font-weight:850}.pz_drawer_side_toggle{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:11px;background:#eef2f6}.pz_drawer_side_toggle button{min-height:39px;border:0;border-radius:9px;background:transparent;color:#647187;font-size:16px;font-weight:850;cursor:pointer}.pz_drawer_side_toggle button.on{background:#fff;color:#303238;box-shadow:0 2px 8px rgba(15,23,42,.08)}#pz_drawer .pz_drawer_logout{margin:8px 14px 0;padding:14px!important;border-radius:12px;background:#f4f6f9;color:#4e5c72;text-align:center;font-weight:800!important}body.pz-drawer-open{overflow:hidden}

@media(max-width:1024px){.pz_secondarybar{display:block!important}.pz_secondary_shell{max-width:none}.pz_secondarybar_in{min-height:54px;padding:7px 10px;gap:4px}.pz_secondary_label{font-size:16px;margin-right:3px;padding-left:4px}.pz_secondary_item{font-size:16px;min-height:40px;padding:10px 13px}.pz_secondary_arrow{width:30px;height:38px;margin:0 2px}#pz_menu_btn{display:block!important;min-width:44px;min-height:44px}#pz_drawer.pz_drawer_v28,#pz_drawer.pz_drawer_v30{width:min(88vw,370px)!important;max-width:370px!important}}
@media(max-width:640px){.pz_bar_in{padding-left:14px!important;padding-right:10px!important}.pz_secondarybar_in{padding:7px 7px}.pz_secondary_item{font-size:16px;min-height:42px;padding:11px 13px}.pz_secondary_arrow{width:28px;height:38px;font-size:22px}#pz_drawer.pz_drawer_v28,#pz_drawer.pz_drawer_v30{width:min(90vw,360px)!important}#pz_drawer .pz_drawer_primary{font-size:17px!important}#pz_drawer .pz_drawer_secondary a{font-size:16px!important}}

/* dark */
html.pzl-dark .pz_secondarybar,html.pz-dark .pz_secondarybar{background:#101419;border-top-color:#f5f5f5;border-bottom-color:#f5f5f5}html.pzl-dark .pz_secondary_label,html.pz-dark .pz_secondary_label{color:#97a3b5}html.pzl-dark .pz_secondary_item,html.pz-dark .pz_secondary_item{color:#b6c0cd}html.pzl-dark .pz_secondary_item:hover,html.pz-dark .pz_secondary_item:hover{background:#1b222c;color:#f2f5f8}html.pzl-dark .pz_secondary_item.on,html.pz-dark .pz_secondary_item.on{background:#303238;color:#303238}html.pzl-dark .pz_secondary_arrow,html.pz-dark .pz_secondary_arrow{background:#171c23;border-color:#f5f5f5;color:#c7d0dc}
html.pzl-dark #pz_drawer.pz_drawer_v28,html.pz-dark #pz_drawer.pz_drawer_v28,html.pzl-dark #pz_drawer.pz_drawer_v30,html.pz-dark #pz_drawer.pz_drawer_v30,html.pzl-dark .pz_drawer_v28 .pz_drawer_hd,html.pz-dark .pz_drawer_v28 .pz_drawer_hd,html.pzl-dark .pz_drawer_v30 .pz_drawer_hd,html.pz-dark .pz_drawer_v30 .pz_drawer_hd{background:#11161c!important;color:#e8eef6}html.pzl-dark .pz_drawer_section,html.pz-dark .pz_drawer_section{border-color:#f5f5f5}html.pzl-dark #pz_drawer .pz_drawer_primary,html.pz-dark #pz_drawer .pz_drawer_primary{color:#dce4ee}html.pzl-dark #pz_drawer .pz_drawer_primary.on,html.pz-dark #pz_drawer .pz_drawer_primary.on{background:#303238;color:#303238}html.pzl-dark .pz_drawer_sub_toggle,html.pz-dark .pz_drawer_sub_toggle{background:#11161c;border-color:#f5f5f5;color:#9eabba}html.pzl-dark .pz_drawer_secondary,html.pz-dark .pz_drawer_secondary{background:#0d1217}html.pzl-dark #pz_drawer .pz_drawer_secondary a,html.pz-dark #pz_drawer .pz_drawer_secondary a{color:#adb8c7}html.pzl-dark #pz_drawer .pz_drawer_secondary a.on,html.pz-dark #pz_drawer .pz_drawer_secondary a.on{background:#303238;color:#303238}html.pzl-dark .pz_drawer_side_setting,html.pz-dark .pz_drawer_side_setting{background:#161c23;border-color:#f5f5f5}html.pzl-dark .pz_drawer_side_toggle,html.pz-dark .pz_drawer_side_toggle{background:#0d1217}html.pzl-dark .pz_drawer_side_toggle button,html.pz-dark .pz_drawer_side_toggle button{color:#9aa7b6}html.pzl-dark .pz_drawer_side_toggle button.on,html.pz-dark .pz_drawer_side_toggle button.on{background:#26303a;color:#303238}html.pzl-dark #pz_drawer .pz_drawer_logout,html.pz-dark #pz_drawer .pz_drawer_logout{background:#1a2129;color:#c2cbd7}

#pz_drawer .pz_drawer_settings{margin:14px 14px 0;padding:14px!important;border:1px solid #f5f5f5;border-radius:12px;background:#fff;color:#26364f;text-align:center;font-weight:850!important}
#pz_drawer .pz_drawer_settings i{margin-right:7px}
html.pzl-dark #pz_drawer .pz_drawer_settings,html.pz-dark #pz_drawer .pz_drawer_settings{background:#151b22;border-color:#f5f5f5;color:#d9e1eb}

/* 모바일 홈의 학습 메뉴: 선명한 흰색 버튼 */
@media(max-width:1024px){
 #pz_bar .pz_home_primary{gap:8px;padding:14px 16px 16px;grid-template-columns:repeat(4,minmax(0,1fr))}
 #pz_bar .pz_home_primary>a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 4px;box-sizing:border-box;border:1px solid #f5f5f5;border-radius:10px;background:#fff;color:#222;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:-.35px;word-break:keep-all;box-shadow:0 2px 0 rgba(34,34,34,.07);transition:background .15s,transform .15s}
 #pz_bar .pz_home_primary>a.on{background:#f5f5f7;border-color:#f5f5f5;color:#303238}
 #pz_bar .pz_home_primary>a:active{background:#f5f5f7;transform:translateY(1px);box-shadow:none}
 #pz_bar .pz_home_primary>a:focus-visible{outline:3px solid #303238;outline-offset:2px}
}
@media(max-width:380px){#pz_bar .pz_home_primary{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 이용가이드와 동일한 1차 메뉴 색상. 선택한 메뉴에만 음영을 표시한다. */
[data-pz-course="pron"]{--course-ink:#7043a5;--course-bg:#f3eafa;--course-active:#eaddf8}
[data-pz-course="express"]{--course-ink:#226699;--course-bg:#eef6fe;--course-active:#dcedfc}
[data-pz-course="order"]{--course-ink:#303238;--course-bg:#e5e5e7;--course-active:#f5f5f7}
#pz_bar a[data-pz-course]{border-radius:10px}
#pz_bar a[data-pz-course="pron"],#pz_bar a[data-pz-course="express"],#pz_bar a[data-pz-course="order"],#pz_drawer a.pz_drawer_primary[data-pz-course="pron"],#pz_drawer a.pz_drawer_primary[data-pz-course="express"],#pz_drawer a.pz_drawer_primary[data-pz-course="order"]{color:var(--course-ink)!important;background:transparent!important}
#pz_bar a:is([data-pz-course="pron"],[data-pz-course="express"],[data-pz-course="order"]).on,#pz_drawer a.pz_drawer_primary:is([data-pz-course="pron"],[data-pz-course="express"],[data-pz-course="order"]).on{background:var(--course-active)!important;text-decoration:none}
html:is(.pzl-dark,.pz-dark) [data-pz-course="pron"]{--course-ink:#dcc0f6;--course-bg:#30263e;--course-active:#49345e}
html:is(.pzl-dark,.pz-dark) [data-pz-course="express"]{--course-ink:#acd4f5;--course-bg:#203345;--course-active:#294a65}
html:is(.pzl-dark,.pz-dark) [data-pz-course="order"]{--course-ink:#e5e5e7;--course-bg:#303238;--course-active:#303238}

/* 미선택 메뉴는 마우스를 올려도 선택 배경이 생기지 않는다. */
#pz_bar a[data-pz-course]:not(.on),#pz_drawer a.pz_drawer_primary[data-pz-course]:not(.on){background:transparent!important}

/* 가입 진입 버튼은 메인의 기초 시작하기와 같은 색으로 통일한다. */
#pz_bar .pz_me a.pz_btn_sm,#pz_drawer a.pz_drawer_logout[href*="login.php"]{background:#303238!important;border-color:#f5f5f5!important;color:#fff!important}
#pz_bar .pz_me a.pz_btn_sm:hover,#pz_drawer a.pz_drawer_logout[href*="login.php"]:hover{background:#303238!important;border-color:#f5f5f5!important}

/* 작은 화면에서도 로고와 가입 버튼을 한 줄로 정렬 */
@media(max-width:640px){#pz_bar .pz_bar_in{width:100%;max-width:none;box-sizing:border-box;margin:0;padding-left:8px!important;padding-right:6px!important;gap:8px;height:64px}#pz_bar .pz_logo{gap:6px;flex-shrink:0}#pz_bar .pz_mark{width:24px;height:24px}#pz_bar .pz_brand_text{gap:4px}#pz_bar .pz_brand_text strong,#pz_bar .pz_brand_text small{font-size:14px}#pz_bar .pz_me{gap:4px}#pz_bar .pz_me a.pz_btn_sm{white-space:nowrap;font-size:12px;line-height:1;padding:11px 9px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}#pz_menu_btn{padding:6px;min-width:36px}}
.pzl-role-segment>small{opacity:1}

/* 모바일 공통: 바깥 여백과 카드 안쪽 여백이 중첩되지 않게 한다. */
@media(max-width:640px){
 #wrapper,#container_wr,#container{width:100%!important;min-width:0!important;box-sizing:border-box}
 #container_wr{padding-left:8px!important;padding-right:8px!important}
 #container{padding-left:0!important;padding-right:0!important}
 #container :is(.pze,.plk,.pzv,.pzl-wrap,.pzc,.pg-guide,.pz-payment,.pzs,.cafe-root){width:100%!important;max-width:100%;margin-left:0!important;margin-right:0!important}
 #container :is(.pze_results,.pze_inline_detail,.pze_inline_example,.plk_intro,.plk_example,.pzv_intro,.pzv_card,.pzl-hero,.pzc_lesson,.pg-hero,.pg-card,.pg-step,.pg-how,.pz-payment-card,.pz-payment-bank){padding-left:12px!important;padding-right:12px!important}
 .pz_secondarybar_in{padding-left:4px;padding-right:4px}
}

.pz_nav_primary a[data-pz-course="order"]{background:#303238!important;color:#fff!important;border-radius:9px;padding:10px 14px}.pz_drawer_primary[data-pz-course="order"]{color:#303238;font-weight:850}.pz_brand_text strong{font-size:21px}

.pz_nav_group{position:relative;flex:none}.pz_nav_group summary{cursor:pointer;list-style:none;font-size:15px;font-weight:750;white-space:nowrap;padding:10px 7px}.pz_nav_group summary::-webkit-details-marker{display:none}.pz_nav_group>div{position:absolute;top:100%;left:0;min-width:160px;background:var(--card,#fff);border:1px solid #f5f5f5;border-radius:10px;padding:8px;box-shadow:0 10px 24px #30323820;z-index:300}.pz_nav_group>div a{display:block!important;padding:12px!important;white-space:nowrap}.pz_nav_group.is-active summary{color:#303238}.pz_nav_group summary:focus-visible{outline:3px solid #3679c7;outline-offset:2px}.pz_mobile_primary a[data-pz-course="order"]{background:#303238;color:white!important;border-radius:8px}.pz_nav_primary{overflow:visible!important;gap:10px!important}

/* 선택 위치는 배경과 밑줄로 표시하고, 세 핵심 과정만 고유색을 사용한다. */
#pz_bar a[data-pz-course]:not([data-pz-course="order"]):not([data-pz-course="express"]):not([data-pz-course="pron"]),
#pz_drawer a.pz_drawer_primary:not([data-pz-course="order"]):not([data-pz-course="express"]):not([data-pz-course="pron"]),
#pz_bar .pz_secondary_item,#pz_drawer .pz_drawer_secondary a,#pz_bar .pz_nav_group summary{color:#000!important}
#pz_bar .pz_nav_group summary{display:flex;align-items:center;gap:8px;border-radius:10px;line-height:1.4;padding:10px 9px}
#pz_bar .pz_nav_group.is-active summary{background:#edf0f3;box-shadow:inset 0 -3px 0 #000}
#pz_bar .pz_nav_group a.on{background:#edf0f3!important;font-weight:900;text-decoration:underline;text-underline-offset:5px}
#pz_bar .pz_nav_group a[data-pz-course="pron"].on{background:var(--course-active)!important}
#pz_bar .pz_secondary_item.on,#pz_drawer .pz_drawer_secondary a.on{background:#edf0f3!important;text-decoration:underline;text-underline-offset:5px}
#pz_bar a[data-pz-course="videos"].on,#pz_bar a[data-pz-course="talk"].on,#pz_bar a[data-pz-course="reading"].on{background:#edf0f3!important}
.pz_nav_chevron{display:block;width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .15s;flex:none}
.pz_nav_group[open] .pz_nav_chevron{transform:rotate(225deg);margin-top:3px}
#pz_bar .pz_nav_group>div{background:#fff;border-color:#f5f5f5;padding:6px;min-width:170px}
#pz_bar .pz_nav_group>div a{border-radius:7px;line-height:1.5}
#pz_bar .pz_nav_group>div a:hover{background:#f4f5f6!important}

#pz_bar .pz_nav_group summary .pz_pron_label{color:#7043a5}#pz_bar .pz_nav_group summary:has(.pz_pron_label){gap:0}#pz_bar .pz_nav_group summary .pz_nav_chevron{margin-left:8px}

/* 현재 선택은 글자 굵기나 밑줄을 바꾸지 않고 음영으로만 구분한다. */
#pz_bar .pz_nav_group.is-active summary{box-shadow:none;font-weight:750}
#pz_bar .pz_nav_group a,#pz_bar .pz_nav_group a.on{font-weight:750!important;text-decoration:none!important}
#pz_bar .pz_secondary_item,#pz_bar .pz_secondary_item.on{font-weight:800!important;text-decoration:none!important}
#pz_drawer .pz_drawer_secondary a,#pz_drawer .pz_drawer_secondary a.on{font-weight:760!important;text-decoration:none!important}
#pz_bar .pz_nav_primary>a,#pz_bar .pz_nav_primary>a.on{font-weight:750!important;text-decoration:none!important}
#pz_bar .pz_nav_primary{gap:4px!important}
@media(max-width:640px){#pz_bar .pz_brand_text strong{font-size:22px!important;line-height:1.2}#pz_bar .pz_mark{width:29px;height:29px}#pz_bar .pz_logo{gap:9px}}

/* 상위 메뉴 링크와 펼침 메뉴의 글자 크기를 통일합니다. */
#pz_bar .pz_nav_primary>a,#pz_bar .pz_nav_group>summary{font-size:16px!important}
.pz2_slot.done[role="button"]:focus-visible{outline:3px solid #303238;outline-offset:3px}

/* 모바일 계정 메뉴는 펼친 메뉴의 상단에 배치한다. */
#pz_drawer .pz_drawer_hd{gap:8px;padding-left:16px;padding-right:10px}
.pz_drawer_header_actions{display:flex;align-items:center;gap:4px;margin-left:auto}
#pz_drawer .pz_drawer_header_actions a{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 8px;font-size:14px;font-weight:700;white-space:nowrap;color:inherit;text-decoration:none;border-radius:8px}
#pz_drawer .pz_drawer_header_actions .pz_drawer_close{min-width:44px;min-height:44px;margin-left:4px}
#pz_drawer .pz_drawer_header_actions a:focus-visible{outline:2px solid #303238;outline-offset:1px}
@media(max-width:1024px){#pz_bar .pz_me .pz_settings_link,#pz_bar .pz_me .pz_logout_link{display:none!important}}
@media(max-width:360px){#pz_drawer .pz_drawer_header_actions a{padding:0 7px}#pz_drawer .pz_drawer_header_actions a i{display:inline-block}}

#pz_drawer .pz_drawer_hd>strong{font-size:20px;white-space:nowrap}
#pz_drawer .pz_drawer_header_actions a i{display:inline-block}

/* 언어명을 포함한 텍스트 로고 */
#pz_bar .pz_brand_text{display:flex;flex-direction:row;align-items:baseline;gap:8px}
#pz_bar .pz_brand_text strong{font-size:25px!important;line-height:1.2}
#pz_bar .pz_brand_text small{font-size:15px!important;color:#303238;font-weight:700;letter-spacing:0}
@media(max-width:360px){#pz_drawer .pz_drawer_hd{padding-left:12px;padding-right:6px;gap:4px}#pz_drawer .pz_drawer_header_actions{gap:0}#pz_drawer .pz_drawer_header_actions a{padding:0 5px}#pz_drawer .pz_drawer_header_actions .pz_drawer_close{min-width:36px;margin-left:0}}