@charset "UTF-8";
/* Korean landing only. Existing application controls and shared styles are retained. */
.dpl--ko .dpl-hero{position:relative;overflow:hidden;background:#080e24;color:#fff;padding:100px 0 56px}
.dpl--ko .dpl-hero:before{content:"";position:absolute;width:720px;height:720px;right:-260px;top:-330px;background:radial-gradient(circle,rgba(28,116,255,.25),transparent 68%);pointer-events:none}
.dpl--ko .dpl__container{max-width:1400px}
.dpl--ko .dpl-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:44px;row-gap:36px;position:relative}
.dpl--ko .dpl-hero .dpl-eyebrow{color:#8dccff;font-size:11px;letter-spacing:.09em}
.dpl--ko .dpl-hero__title{font-size:clamp(34px,3.9vw,62px);color:#fff;line-height:1.23;letter-spacing:-.055em}
.dpl--ko .dpl-hero__title em{color:#9af5d2}
.dpl--ko .dpl-hero__lead{color:#b9c6db;font-size:16px;line-height:1.9;max-width:460px}
.dpl--ko .dpl-hero__actions{margin-bottom:0}
.dpl--ko .dpl-hero .dpl-btn--primary{background:#a5f4d2;color:#071c24;box-shadow:0 5px 35px #6ee7b422}
.dpl--ko .dpl-hero .dpl-btn--ghost{color:#fff;border-color:#57617b}
.dpl--ko .dpl-hero .dpl-btn--ghost:hover{background:#ffffff16}
.dpl--ko .dpl-hero__facts{width:100%;min-width:0;margin-top:8px;padding-top:24px;flex-wrap:wrap;gap:16px}
.dpl--ko .dpl-hero__facts:before{background:#ffffff22}
.dpl--ko .dpl-hero__facts li{color:#b9c6db;border-color:#ffffff22;font-size:12px}
.dpe-film{min-width:0;border:1px solid #ffffff24;border-radius:18px;background:#0d152e;overflow:hidden;box-shadow:0 30px 80px #0005;transform:rotate(-1deg)}
.dpe-film__top,.dpe-film__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-size:10px;letter-spacing:.06em;color:#a6b6ce}
.dpe-film__signal{color:#a5f4d2}
.dpe-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#060b18}
.dpe-film__bottom{font-size:11px;letter-spacing:0}
.dpe-film__bottom span:last-child{font-size:9px;white-space:nowrap}
.dpe-updates{background:#a5f4d2;padding:82px 0 88px;color:#092b2b;overflow:hidden}
.dpe-updates__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.dpe-label{font:700 11px var(--font-mono);letter-spacing:.12em}
.dpe-sticker{display:inline-block;background:#0a302b;color:#c5ff9e;font-size:14px;font-weight:900;padding:14px 22px;border-radius:50%;transform:rotate(9deg)}
.dpl .dpe-updates h3{font-size:clamp(30px,4vw,56px);font-weight:900;letter-spacing:-.055em;line-height:1.3;color:#092b2b}
.dpe-updates h3 em{font-style:normal;color:#236b58}
.dpl .dpe-updates__intro{margin-top:24px;color:#28584d;font-size:16px;line-height:1.9}
.dpe-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:52px}
.dpe-values article{position:relative;border-top:1px solid #123c3544;padding-top:22px}
.dpe-values__index{font:700 10px var(--font-mono);letter-spacing:.08em}
.dpe-values__symbol{position:absolute;right:8px;top:28px;font-size:48px;line-height:1;color:#236b58}
.dpl .dpe-values h4{margin:34px 0 18px;font-size:27px;font-weight:900;line-height:1.4;color:#092b2b;letter-spacing:-.045em}
.dpl .dpe-values p{font-size:14px;line-height:1.9;color:#28584d}
.dpl--ko .dpl-features{background:#f8fafc}
.dpl--ko .dpl-card{border-radius:16px;box-shadow:none;border:1px solid #e2e8f0}
.dpl--ko .dpl-process{background:#fff}
.dpl--ko .dpl-btn:focus-visible,.dpe-film video:focus-visible{outline:3px solid #009df4;outline-offset:5px}
@media(min-width:1000px){.dpe-film{transition:transform .4s ease}.dpe-film:hover{transform:rotate(0)}}
@media(max-width:1000px){.dpl--ko .dpl-hero__grid{grid-template-columns:1fr}.dpl--ko .dpl-hero__copy{max-width:680px}.dpl--ko .dpl-hero__lead{max-width:580px}.dpe-film{transform:none}.dpl--ko .dpl-hero{padding-top:64px}.dpe-values{gap:20px}.dpl .dpe-values h4{font-size:23px}}
@media(max-width:600px){.dpl--ko .dpl__container{padding:0 22px}.dpl--ko .dpl-hero{padding:48px 0 34px}.dpl--ko .dpl-hero .dpl-eyebrow{font-size:9px;letter-spacing:0}.dpl--ko .dpl-hero__lead{font-size:14px}.dpl--ko .dpl-hero .dpl-btn{padding:14px 18px;font-size:13px}.dpl--ko .dpl-hero__facts li{padding:0;border:0;font-size:11px}.dpe-film__top{font-size:8px;padding:12px}.dpe-film__bottom{padding:12px;font-size:10px}.dpe-film__bottom span:last-child{display:none}.dpe-updates{padding:48px 0}.dpe-sticker{font-size:11px;padding:12px}.dpe-label{font-size:9px}.dpe-values{grid-template-columns:1fr;gap:30px;margin-top:32px}.dpl .dpe-values h4{margin-top:20px}.dpl .dpe-updates__intro{font-size:14px}}
@media(prefers-reduced-motion:reduce){.dpl--ko *,.dpl--ko *:before,.dpl--ko *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* EMR origin story */
.dpe-story{background:#fff9ef;padding:88px 0 92px;color:#142b31}
.dpe-story__label{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #142b3128;font-size:11px;font-weight:700;letter-spacing:.08em}
.dpe-story__label span:last-child{letter-spacing:0;color:#6b7069}
.dpe-story__layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;padding-top:58px;align-items:center}
.dpe-story__quote{position:relative;padding-left:34px}
.dpe-story__mark{position:absolute;left:-8px;top:-44px;font:160px Georgia,serif;color:#e3b949;line-height:1}
.dpl .dpe-story h3{position:relative;font-size:clamp(40px,5.2vw,76px);font-weight:900;letter-spacing:-.065em;line-height:1.23;color:#142b31}
.dpe-story h3 span{display:inline-block;position:relative;z-index:0}
.dpe-story h3 span:after{content:"";position:absolute;z-index:-1;left:-5px;right:-8px;height:24%;bottom:7%;background:#ffcc56;transform:rotate(-3deg)}
.dpl .dpe-story__byline{font-size:14px;margin-top:28px;color:#737568}
.dpe-story__note{display:inline-block;background:#ffdc7d;padding:10px 16px;transform:rotate(-3deg);font-size:12px;font-weight:700;margin-bottom:27px}
.dpl .dpe-story h4{font-size:clamp(26px,2.6vw,36px);line-height:1.4;letter-spacing:-.045em;font-weight:900;color:#142b31;margin-bottom:24px}
.dpl .dpe-story__answer>p{font-size:15px;line-height:1.95;color:#52605b;margin-bottom:15px;max-width:460px}
.dpe-story__diagram{display:flex;align-items:center;gap:18px;margin-top:30px;padding:20px 0;border-top:1px solid #142b3128;border-bottom:1px solid #142b3128}
.dpe-story__diagram>span{flex:1;font-size:17px;font-weight:700;color:#142b31}
.dpe-story__diagram small{display:block;font-size:11px;font-weight:400;color:#68766d;margin-top:7px}
.dpe-story__diagram b{font-size:28px;color:#9b843c}
.dpe-story__promise{font-size:13px;font-weight:700;margin-top:22px;color:#256453}.dpe-story__promise span{margin-right:8px}
/* Preserve the original public company details and existing legal link/event classes. */
/* body 클래스(lang_ko 등)에 기대면 화면 이동 시 body 클래스가 비워질 때(class="") 흰 배경으로 돌아간다. 푸터는 항상 같은 모양이어야 하므로 클래스 조건을 두지 않는다. */
#footer.footer{transition:none;position:relative;display:block;height:auto;margin:0;padding:0;background:#080e24;color:#b9c6db;font-family:var(--font-body);text-align:left}
#footer.footer .footer_privacy{padding:48px 0;background:transparent}
#footer.footer .footer_privacy>.inner{display:flex;align-items:flex-start;gap:48px;max-width:1400px;padding:0 40px;margin:auto;width:100%;box-sizing:border-box}
#footer.footer .footer_logo{display:block;flex:0 0 125px;width:125px;height:45px;background:none;text-decoration:none;color:#fff}
#footer.footer .footer_logo:after{content:'Kailab';font-family:var(--font-brand);font-size:32px;font-weight:800;letter-spacing:-1.5px;color:#8dccff}
#footer.footer .footer_logo .blind{display:none}
#footer.footer .footer_con{flex:1;min-width:0;width:auto}
#footer.footer .kailab_info{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;margin:0 0 24px}
#footer.footer .kailab_info li{padding:0;margin:0;border:0}
#footer.footer .kailab_info li:after{content:none}
#footer.footer .kailab_info a,#footer.footer .kailab_info button{color:#d6dfed;font-size:12px;background:none;border:0;padding:0;text-decoration:none;cursor:pointer;line-height:1.6}
#footer.footer .business_info{color:#91a0b8;font-size:12px;line-height:1.9}
#footer.footer .info_company{display:block;color:#d6dfed;font-weight:700;margin-bottom:6px}
#footer.footer .info_view{display:none}
#footer.footer .info_nm,#footer.footer .info_add{display:flex;flex-wrap:wrap;gap:4px 18px}
#footer.footer .info_add{margin-top:4px}
#footer.footer .info_nm,#footer.footer .info_add{height:auto;visibility:visible;opacity:1}
#footer.footer .pc_copyright{display:block;margin-top:16px;color:#697b96;font-size:11px}
#footer.footer .link_youtube{display:block;position:static;color:#a5f4d2;font-size:11px;text-decoration:none;background:none;width:auto;height:auto;text-indent:0;flex-shrink:0;white-space:nowrap}
@media(max-width:900px){.dpe-story__layout{gap:42px}.dpe-story__quote{padding-left:20px}#footer.footer .footer_privacy>.inner{flex-wrap:wrap;gap:24px}#footer.footer .footer_con{flex-basis:65%}}
@media(max-width:600px){.dpe-story{padding:48px 0}.dpe-story__label{font-size:9px;gap:10px}.dpe-story__layout{grid-template-columns:1fr;gap:42px;padding-top:44px}.dpe-story__mark{font-size:110px;top:-32px;left:-4px}.dpl .dpe-story h3{font-size:46px}.dpl .dpe-story__answer>p{font-size:14px}.dpe-story__diagram{gap:10px}.dpe-story__diagram>span{font-size:15px}#footer.footer .footer_privacy>.inner{display:block;padding:0 22px}#footer.footer .footer_logo{margin-bottom:24px}#footer.footer .link_youtube{margin-top:20px}}
/* Warm ivory header echoes the EMR story; retain the original two-color Kailab logo. */
:is(.lang_ko,.lang_en,body) #div_tops .header_area,.dpe-preview-header .header_area{position:relative;top:auto;z-index:100;width:100%;background:#fff9ef}
:is(.lang_ko,.lang_en,body) #div_tops .header,.dpe-preview-header .header{position:relative;box-sizing:border-box;height:90px;padding:0 40px;background:#fff9ef;border-bottom:1px solid #e9e2d7;font-family:var(--font-body);width:100%}
#div_tops .header .m_inner{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1320px;width:100%;height:100%;margin:0 auto}
#div_tops .header .logo{position:static;flex-shrink:0;width:162px;height:54px;margin:0;padding:0;background:url('/images/logo/logo_kailab.png') no-repeat left center;background-size:contain}
#div_tops .header .logo a{display:block;height:100%;width:100%}
#div_tops .header .logo .blind{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
#div_tops .header .gnb_area{position:static;display:flex;align-items:center;justify-content:flex-end;width:auto;margin-left:auto}
#div_tops .header .user_area{display:flex;align-items:center;gap:28px;padding:0;margin:0;list-style:none}
#div_tops .header .user_area>li{position:relative;display:block;padding:0;line-height:normal}
#div_tops .header .user_area a,#div_tops .header .user_area button.btn_userInfo{color:#253e42;font-size:13px;font-weight:500;text-decoration:none;letter-spacing:0}
#div_tops .header .user_area a:hover{color:#007ea0}
#div_tops .header .user_area .link_login>a{display:block;border:1px solid #c8d5ca;border-radius:99px;padding:10px 22px;background:#edf3e9;color:#214a3d}
#div_tops .header .user_area .link_login>a:hover{background:#d9eddf;border-color:#91b49d}
#div_tops .header .btn_lang_icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;background:transparent;color:#54665c;cursor:pointer;padding:0}
#div_tops .header .btn_lang_icon i{color:#54665c;font-size:18px;padding:0}
#div_tops .header .select_lang{position:absolute;top:40px;left:-24px;min-width:108px;background:#fffdf7;box-shadow:0 10px 30px #080e2422;border:1px solid #e9e2d7;border-radius:10px;padding:8px;z-index:110}
#div_tops .header .select_lang a{display:block;padding:8px;font-size:12px}
#div_tops .header .select_lang[hidden]{display:none}
@media(min-width:901px){#div_tops .header .m_menu,#div_tops .header .btn_m_menu_close{display:none}}
.dpe-preview-header .gnb_box,.dpe-preview-header .m_menu,.dpe-preview-header .btn_m_menu_close{display:none!important}
@media(max-width:900px){:is(.lang_ko,.lang_en,body) #div_tops .header,.dpe-preview-header .header{height:76px;padding:0 24px}#div_tops .header .logo{width:130px;height:44px}#div_tops .header .user_area{gap:18px}#div_tops .header .gnb_area:not(.on) .gnb_box{display:none}:is(.lang_ko,.lang_en,body) #div_tops .header .m_menu{display:none}#div_tops .header .gnb_area:not(.on) .btn_m_menu_close{display:none}}
@media(max-width:600px){:is(.lang_ko,.lang_en,body) #div_tops .header,.dpe-preview-header .header{height:72px;padding:0 16px}#div_tops .header .logo{width:104px;height:38px}#div_tops .header .user_area{gap:12px;flex-wrap:wrap;justify-content:flex-end}#div_tops .header .user_area a{font-size:11px}#div_tops .header .user_area .link_login>a{padding:8px 11px}#div_tops .header .btn_lang_icon{width:24px;height:28px}#div_tops .header .user_area .btn_intro{display:block}}
@media(max-width:900px){:is(.lang_ko,.lang_en,body) #div_tops .header .m_menu{display:block;position:absolute;right:0;top:0;height:100%;width:24px;border:0;background:url('/images/icon/m_menu.png') no-repeat center;text-indent:-9999px;z-index:111}body:is(.lang_ko,.lang_en,body) #div_tops .header .user_area{margin-right:40px}#div_tops .header .gnb_area.on{display:block;position:fixed;inset:0;width:100%;height:100vh;background:#080e2480}#div_tops .header .gnb_area.on .gnb_box{display:block}#div_tops .header .gnb_area.on .btn_m_menu_close{display:block}#div_tops .header .gnb_area.on .user_area{display:none}}

/* ===== CTA 배너 (지금 가입하고 무료로 체험해 보세요): 메인 팔레트로 통일 ===== */
.dpl--ko .dpl-cta{background:#fff9ef;padding:72px 0 96px}
.dpl--ko .dpl-cta__box{background:#080e24;border:1px solid #ffffff14;box-shadow:0 30px 80px #080e2433}
.dpl--ko .dpl-cta__wavewrap{opacity:.16}
.dpl--ko .dpl-cta__wave rect,.dpl--ko .dpl-cta__wave path{fill:#a5f4d2}
.dpl.dpl--ko .dpl-cta__title{color:#fff}
.dpl.dpl--ko .dpl-cta__desc{color:#b9c6db}
.dpl.dpl--ko .dpl-cta__contact{color:#8dccff}
.dpl.dpl--ko .dpl-btn--onnavy{background:#a5f4d2;color:#071c24;box-shadow:0 5px 35px #6ee7b422}
.dpl.dpl--ko .dpl-btn--onnavy:hover{background:#c3f8e2;color:#071c24}
@media(max-width:600px){.dpl--ko .dpl-cta{padding:40px 0 56px}}

/* ===== 푸터: 어떤 body 클래스 상태에서도 고정 높이(style_override #footer{height:100px}) 대신 내용 높이 사용 ===== */
#footer.footer,body #footer.footer{height:auto !important;min-height:0 !important;overflow:visible;position:relative !important;bottom:auto !important}
#footer.footer .footer_privacy>.inner{height:auto !important}
#footer.footer .footer_privacy{height:auto !important;min-height:0 !important}
#footer.footer .footer_privacy>.inner{padding-top:40px;padding-bottom:40px;align-items:flex-start}

/* ===== '업데이트에 진심!' 스티커: 3배 확대, 제목 우측 빈 공간(좌하단 방향)으로 이동 ===== */
.dpe-updates__heading{position:relative}
.dpe-sticker{position:absolute;right:10%;top:26px;font-size:40px;line-height:1.1;padding:34px 54px;white-space:nowrap;transform:rotate(9deg);box-shadow:0 22px 50px #0a302b33;z-index:1}
@media(max-width:1000px){.dpe-sticker{position:static;font-size:20px;padding:18px 28px;box-shadow:none}}

/* ===== 업데이트 영역: 최신 업데이트 소식 (dr_release_note 의 공개 최신 N건) ===== */
.dpe-releases{margin-top:56px;border-bottom:1px solid #123c3544}
.dpe-releases__title{margin:0 0 6px;font:700 11px var(--font-mono);letter-spacing:.12em;color:#236b58}
.dpe-releases__item{display:flex;align-items:baseline;gap:18px;padding:16px 0;border-top:1px solid #123c3544}
.dpe-releases__ver{flex:none;min-width:72px;font:700 13px var(--font-mono);letter-spacing:.06em;color:#236b58}
.dpe-releases__date{flex:none;min-width:86px;font:700 11px var(--font-mono);letter-spacing:.06em;color:#28584d}
.dpl .dpe-releases__name{font-size:17px;font-weight:900;line-height:1.5;color:#092b2b;letter-spacing:-.01em}
@media(max-width:600px){.dpe-releases__item{flex-wrap:wrap;gap:4px 14px}.dpe-releases__name{flex-basis:100%}}

/* 영어 화면: 한국어용 자간(음수)·줄바꿈 설정을 영어에 맞게 되돌린다 */
.dpl--en,.dpl--en *:not(svg):not(svg *){word-break:normal;letter-spacing:normal}
.dpl--en .dpl-hero__title{font-size:clamp(32px,3.5vw,54px);line-height:1.15}
.dpl--en .dpl-hero__lead{max-width:500px}
.dpl--en .dpe-updates h3,.dpl--en .dpe-story h3{line-height:1.12}
.dpl--en .dpe-sticker{font-size:30px;padding:26px 40px}
@media(max-width:1000px){.dpl--en .dpe-sticker{font-size:18px;padding:16px 26px}}

/* 햄버거가 보이는 폭(900px 이하): 소개/상품안내/마이페이지/로그아웃/문의하기는 햄버거 메뉴(.gnb_box)에 이미 있으므로 상단에는 언어 아이콘만 둔다(로그인·회원가입도 햄버거 메뉴 안에 있다).
   (안 그러면 항목이 여러 줄로 접혀 헤더 밖으로 밀려난다. 영어는 글자가 더 길어 더 심하다) */
@media(max-width:900px){
#div_tops .header .user_area{flex-wrap:nowrap;align-items:center}
#div_tops .header .user_area .btn_intro,#div_tops .header .user_area .btn_subscription,#div_tops .header .user_area li.user_info_dropdown,#div_tops .header .user_area li.btn_logout,#div_tops .header .user_area li.btn_userInfo,#div_tops .header .user_area li.btn_login{display:none}
}

/* 이메일무단수집거부 팝업은 푸터 안에 있어 푸터의 연한 글자색(#b9c6db)을 물려받아 흰 바탕에서 제목이 안 보인다. 예전처럼 기본 글자색으로 되돌린다. */
#footer.footer .email_collect_refusal{color:#000}

/* 이메일무단수집거부 팝업 위치: 푸터 바로 위에 붙여 연다(푸터 높이가 바뀌어도 푸터 윗면 기준이라 겹치지 않는다).
   화면이 낮으면 팝업 높이를 줄이고 안쪽을 스크롤한다. */
#footer.footer .email_collect_refusal{position:absolute;left:50%;right:auto;top:auto;bottom:calc(100% + 14px);margin-left:0;transform:translateX(-50%);height:min(610px,calc(100vh - 150px));max-height:none;z-index:1000}
#footer.footer .email_collect_refusal .scroll_area{height:calc(100% - 78px);overflow-y:auto;overflow-x:hidden}

/* 헤더 항목 높이 맞춤: style.css 의 .user_area li.btn_intro a{top:5px} 가 '소개/About' 만 5px 아래로 내리고 있었다 */
#div_tops .header .user_area li.btn_intro a,#div_tops .header .user_area li.btn_subscription a{top:0}
/* 언어 선택: 국기 아이콘(a:before, 왼쪽 17px)이 글자(Korean/English) 앞부분을 가리지 않도록 왼쪽 여백을 둔다 */
#div_tops .header .select_lang a{position:relative;padding:8px 8px 8px 32px}

/* 영상 틀 아래 'MADE BY KAILAB ↗' → 회사 소개 화면 링크 */
.dpe-film__bottom a{color:inherit;text-decoration:none;transition:color .15s}
.dpe-film__bottom a:hover,.dpe-film__bottom a:focus-visible{color:#a5f4d2;text-decoration:underline}

/* 하위 화면 맨 아래의 흰 띠: 내용 영역(.m_inner)의 아래쪽 바깥 여백(50px)이 크림색 배경(#contentsWrap) 밖으로 빠져나와
   body 의 흰색이 푸터 위에 보였다. 여백이 배경 안에 머물도록 한다. */
#contentsWrap{display:flow-root}

/* PC 헤더의 '운영관리'(관리자/영업): 예전처럼 로고 오른쪽 왼편에 둔다. 나머지 메뉴는 오른쪽 user_area 에 있으므로 gnb_box 에서는 운영관리만 보인다.
   (모바일은 햄버거 메뉴 안의 gnb_box 를 그대로 쓴다) */
@media(min-width:901px){
#div_tops .header .gnb_area{flex:1;margin-left:48px;justify-content:space-between;align-items:center}
#div_tops .header .gnb_area .gnb_box{display:flex;align-items:center;margin:0;padding:0;list-style:none}
#div_tops .header .gnb_area .gnb_box>li:not(.gnb_admin){display:none}
#div_tops .header .gnb_area .gnb_box>li.gnb_admin{position:relative;height:76px;line-height:76px;display:flex;align-items:center}
#div_tops .header .gnb_area .gnb_box>li.gnb_admin>a{padding:0 6px;font-size:18px;line-height:normal;font-weight:600;letter-spacing:-1px;color:#252525}
#div_tops .header .gnb_area .gnb_box>li.gnb_admin>a:after{content:none}
#div_tops .header .gnb_area .gnb_box>li.gnb_admin .depth_2{display:none;position:absolute;top:100%;left:0;transform:none;min-width:140px;max-width:none;width:auto;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 8px 24px #080e2420;z-index:9999}
#div_tops .header .gnb_area .gnb_box>li.gnb_admin:hover .depth_2{display:block}
#div_tops .header .gnb_area .gnb_box>li.gnb_admin .depth_2 li{line-height:normal}
#div_tops .header .gnb_area .gnb_box>li.gnb_admin .depth_2 li a{display:block;padding:9px 18px;font-size:13px;color:#252525;white-space:nowrap;letter-spacing:0}
#div_tops .header .gnb_area .gnb_box>li.gnb_admin .depth_2 li a:hover{background:#f1f5f9;text-decoration:none}
}

/* 표(회원정보·라이선스 회원정보·관계법령 등): 다른 표·목록처럼 흰 배경으로 맞추고, 항목 칸(th)만 연한 회색으로 둔다.
   (sub_dp_energy.css 의 크림색(#f6efe2) 표 배경을 덮는다) */
#contentsWrap .data_table_area table,#contentsWrap .list_table_area table{background:#fff}
#contentsWrap .data_table_area table tr td,#contentsWrap .list_table_area table tr td{background:#fff}
#contentsWrap .data_table_area table tr th,#contentsWrap .data_table_area.type_purple table tr th,#contentsWrap .list_table_area table tr th{background-color:#f6f8fb}
#contentsWrap .data_table_area.list_table_area table tbody tr:hover td{background:#f3fbf6}

/* 창을 키울 때 보이는 흰 바탕/스크롤바 띠: 페이지 바탕과 스크롤바를 크림색에 맞춘다 */
html,body{background:#fff9ef}
.main_container{scrollbar-width:thin;scrollbar-color:#d6ccba #fff9ef}
.main_container::-webkit-scrollbar{width:10px;height:10px}
.main_container::-webkit-scrollbar-track{background:#fff9ef}
.main_container::-webkit-scrollbar-thumb{background:#d6ccba;border-radius:6px}

/* 마이페이지(버튼)와 소개/로그아웃/문의하기(링크)의 글자 세로 위치를 맞춘다 */
#div_tops .header .user_area .user_info_dropdown{display:flex;align-items:center}
#div_tops .header .user_area .user_info_dropdown .btn_userInfo{line-height:normal;padding:0 6px;margin:0}

/* 메인(랜딩) 화면: style.css 의 .contents-wrap{padding-top:90px} 는 헤더가 fixed 이던 때 헤더 높이를 비워 두던 값이다.
   지금 헤더는 일반 흐름이라 그대로 두면 헤더와 맨 위 어두운 영역 사이에 크림색 빈 띠가 생긴다. */
#contentsWrap.main_landing{padding-top:0}

/* 입력창·동의 줄: 크림 바탕 위에서 범위가 안 보이던 것을 '흰 배경 + 연한 테두리'로 맞춘다.
   (표·목록과 같은 기준. 경고성 안내 박스(필독 사항 등)는 색을 유지한다) */
#contentsWrap .section_board .m_text,#contentsWrap .section_board textarea{background:#fff;border:1px solid #d9d0c2}
#contentsWrap .section_board .m_text:focus,#contentsWrap .section_board textarea:focus{background:#fff;border-color:#236b58}
#contentsWrap .section_board .agree_check{background:#fff;border:1px solid #e9e2d7;border-radius:10px}

/* 스토리 인용 장식(“): 제목과 겹치거나 잘리지 않도록 제목 위에 장식 전용 공간을 둔다. 모든 폭에서 같은 구조 */
.dpe-story__quote{padding-top:84px}
.dpe-story__mark{left:0;top:-2px;font-size:150px;line-height:1;height:90px}
@media(max-width:900px){.dpe-story__quote{padding-top:68px}.dpe-story__mark{font-size:118px;top:-2px;height:72px}}
@media(max-width:600px){.dpe-story__quote{padding-top:56px}.dpe-story__mark{font-size:96px;top:-2px;height:60px;left:0}}

/* 소개 화면: 대표 사인(greeting_sign.png)은 style.css 에서 영어/핀란드어(.lang_en, .lang_fi)에만 걸려 있어 한국어에서는 안 보였다.
   언어와 상관없이 이름 위에 사인을 보여준다(영어와 같은 위치·크기). */
.contents-wrap .greeting h5{position:relative;padding-top:110px}
.contents-wrap .greeting h5:before{content:"";position:absolute;top:40px;left:0;width:213px;height:47px;background:url(../images/sub/greeting_sign.png) no-repeat left center;background-size:contain}

/* 회원가입 약관 본문 박스: 크림 바탕에 투명 + 회색 직각 테두리라 범위가 흐릿했다 → 흰 배경 + 연한 테두리 + 둥근 모서리로 맞춘다
   (게시판의 동의 박스 .section_board .agree_box 와 같은 모양) */
#contentsWrap .agree_section .agree_box{background:#fff;border:1px solid #e9e2d7;border-radius:14px}

/* 모바일 메뉴가 열려 있을 때는 햄버거 아이콘이 닫기(✕) 버튼 위에 겹쳐 보이므로 숨긴다 */
#div_tops .header:has(.gnb_area.on) .m_menu{display:none !important}

/* 영어 화면: 스토리 도식의 영어 단어(DoctorPencil)가 중간에서 끊기지 않게 한다 */
.dpl--en .dpe-story__diagram{gap:14px}
.dpl--en .dpe-story__diagram>span{flex:1 1 auto;overflow-wrap:normal;word-break:normal;hyphens:none;font-size:16px}