@charset "utf-8";
/* ===== 여기 값만 바꾸세요: 공개 사이트 색상과 크기 ===== */
:root {
  --bpn-green: #167345;       /* 버튼과 강조색 */
  --bpn-green-dark: #0d5532;  /* 버튼 마우스 효과 */
  --bpn-ink: #183126;          /* 제목색 */
  --bpn-muted: #60736a;        /* 안내문구 */
  --bpn-surface: #fff;         /* 카드 배경 */
  --bpn-page: #f5f8f5;        /* 하위 페이지 배경 */
  --bpn-border: #dce8df;      /* 테두리 */
  --bpn-radius: 18px;         /* 둥근 모서리 */
  --bpn-sub-title-height: 154px; /* 하위 제목 영역 높이 */
  --bpn-content-width: 1240px;/* 본문 최대 폭 */
}
/* 여기까지 설정. 첫 화면의 본문(#middle.main)은 아래 규칙의 대상이 아닙니다. */

/* 상단 헤더는 메인과 하위 페이지에서 함께 사용합니다. */
body > .wrapper > #header {background:#fff;border-bottom:1px solid var(--bpn-border);box-shadow:0 2px 18px rgba(18,69,39,.08);}
body > .wrapper > #header .secbox {position:relative;width:min(1400px,calc(100% - 44px));}
body > .wrapper > #header .logo {padding-top:29px;}
body > .wrapper > #header .logo a {display:inline-flex;align-items:center;padding:0;border:0;background:transparent;box-shadow:none;}
body > .wrapper > #header .logo img {max-width:min(275px,23vw);height:auto;}
body > .wrapper > #header #wrap-nav {background:transparent;}
body > .wrapper > #header .nav {width:min(1400px,calc(100% - 44px));padding-left:350px;padding-right:88px;}
body > .wrapper > #header .nav > ul {display:flex;align-items:stretch;}
body > .wrapper > #header .nav > ul > li {float:none;flex:1;min-width:0;width:auto;}
body > .wrapper > #header .nav > ul > li > a {padding:37px 12px;color:var(--bpn-ink);font-size:17px;font-weight:750;text-align:center;letter-spacing:-.025em;white-space:nowrap;transition:color .2s ease,background .2s ease;}
body > .wrapper > #header .nav > ul > li > a:hover,
body > .wrapper > #header .nav .depth a:hover {color:var(--bpn-green);}
body > .wrapper > #header .nav > ul > li > a:hover,
body > .wrapper > #header .nav > ul > li.hover > a {background:#f1f8f3;}
body > .wrapper > #header .nav > ul > li > a:hover:after,
body > .wrapper > #header .nav > ul > li.hover > a:after {left:50%;bottom:14px;width:28px;height:3px;margin-left:-14px;border-radius:3px;background:var(--bpn-green);}
body > .wrapper > #header .nav .depth {padding:18px 12px 23px;}
body > .wrapper > #header .nav .depth a {padding:8px 0;color:#304b3b;font-size:14px;line-height:1.4;}
body > .wrapper > #header .util {position:absolute;top:0;right:0;float:none;width:60px;height:101px;z-index:15;}
body > .wrapper > #header .util .btn-pop-sitemap {top:30px;right:4px;width:42px;height:42px;padding:0;border:1px solid var(--bpn-border);border-radius:11px;background:linear-gradient(var(--bpn-ink),var(--bpn-ink)) center 13px/18px 2px no-repeat,linear-gradient(var(--bpn-ink),var(--bpn-ink)) center 20px/18px 2px no-repeat,linear-gradient(var(--bpn-ink),var(--bpn-ink)) center 27px/18px 2px no-repeat,#f7fbf8;text-indent:-9999px;overflow:hidden;cursor:pointer;}
body > .wrapper > #header .util .btn-pop-sitemap:hover {border-color:var(--bpn-green);background-color:#e9f5ec;}
/* 각 상위 메뉴 아래에만 펼쳐지는 카드형 내비게이션 */
body > .wrapper > #header #wrap-nav.on {background:transparent;box-shadow:none;}
body > .wrapper > #header #wrap-nav.on:after {display:none;}
body > .wrapper > #header .nav > ul > li {position:relative;}
body > .wrapper > #header .nav .depth,
body > .wrapper > #header #wrap-nav.on .nav .depth {display:none;position:absolute;top:100%;left:0;width:max-content;min-width:210px;max-width:min(320px,80vw);padding:12px;border:1px solid var(--bpn-border);border-radius:0 0 16px 16px;background:#fff;box-shadow:0 18px 32px rgba(20,55,35,.14);box-sizing:border-box;z-index:20;}
body > .wrapper > #header .nav > ul > li:last-child .depth {left:auto;right:0;}
body > .wrapper > #header .nav > ul > li:hover > .depth,
body > .wrapper > #header .nav > ul > li:focus-within > .depth {display:block!important;}
body > .wrapper > #header .nav .depth li {margin:0;}
body > .wrapper > #header .nav .depth a {display:block;padding:11px 13px;border-radius:9px;color:#304b3b;font-size:15px;line-height:1.4;white-space:nowrap;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease;}
body > .wrapper > #header .nav .depth a:hover,
body > .wrapper > #header .nav .depth a:focus-visible {background:#edf7ef;color:var(--bpn-green-dark);transform:translateX(2px);text-decoration:none;}
/* 기존 사이트맵의 팝업 기능을 유지하면서 화면 구성만 새로 정리 */
body > .wrapper .wrap-modal-popup:has(.pop-sitemap) .dim {background:#092117;opacity:.72;}
body > .wrapper .wrap-modal-popup .pop-sitemap {width:min(1100px,calc(100vw - 36px));max-height:calc(100vh - 44px);padding:clamp(25px,4vw,54px);overflow-y:auto;border:1px solid #e1eee5;border-radius:22px;background:#f7faf7;box-shadow:0 26px 75px rgba(0,25,12,.25);box-sizing:border-box;}
body > .wrapper .wrap-modal-popup .pop-sitemap h2 {margin:0;padding:0 54px 0 0;color:var(--bpn-ink);font-size:clamp(26px,3vw,36px);line-height:1.3;letter-spacing:-.04em;}
body > .wrapper .wrap-modal-popup .pop-sitemap h2:after {display:none;}
body > .wrapper .wrap-modal-popup .pop-sitemap .bpn-sitemap-intro {margin:9px 0 0;color:#496254;font-size:15px;line-height:1.55;}
body > .wrapper .wrap-modal-popup .pop-sitemap .wrap-contents {padding-top:30px;}
body > .wrapper .wrap-modal-popup .pop-sitemap .list-sitemap {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;left:auto;width:100%;margin:0;overflow:visible;}
body > .wrapper .wrap-modal-popup .pop-sitemap .list-sitemap > li {float:none;width:auto;min-width:0;min-height:0;margin:0;padding:21px 15px;border:1px solid var(--bpn-border);border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(27,72,42,.04);}
body > .wrapper .wrap-modal-popup .pop-sitemap .list-sitemap dt {margin:0 0 14px;padding:0 5px 14px;border:0;border-bottom:2px solid #cce2d1;color:var(--bpn-green-dark);font-size:19px;line-height:1.4;font-weight:750;}
body > .wrapper .wrap-modal-popup .pop-sitemap .list-sitemap dd {border:0;}
body > .wrapper .wrap-modal-popup .pop-sitemap .list-sitemap dd a {display:block;padding:10px 10px;border-radius:8px;color:#304b3b;font-size:15px;line-height:1.4;text-decoration:none;transition:background .18s ease,color .18s ease;}
body > .wrapper .wrap-modal-popup .pop-sitemap .list-sitemap dd a:hover,
body > .wrapper .wrap-modal-popup .pop-sitemap .list-sitemap dd a:focus-visible {background:#edf7ef;color:var(--bpn-green-dark);}
body > .wrapper .wrap-modal-popup .pop-sitemap .pop-close {top:clamp(19px,3vw,40px);right:clamp(19px,3vw,40px);width:42px;height:42px;border:1px solid var(--bpn-border);border-radius:11px;background:#fff;cursor:pointer;}
body > .wrapper .wrap-modal-popup .pop-sitemap .pop-close span {display:block;width:100%;height:100%;padding:0;background:none;font-size:0;text-indent:-9999px;}
body > .wrapper .wrap-modal-popup .pop-sitemap .pop-close:before,
body > .wrapper .wrap-modal-popup .pop-sitemap .pop-close:after {content:"";position:absolute;top:19px;left:10px;width:20px;height:2px;border-radius:2px;background:var(--bpn-ink);transform:rotate(45deg);}
body > .wrapper .wrap-modal-popup .pop-sitemap .pop-close:after {transform:rotate(-45deg);}
@media (max-width:900px) {
 body > .wrapper .wrap-modal-popup .pop-sitemap .list-sitemap {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px) {
 body > .wrapper .wrap-modal-popup .pop-sitemap .list-sitemap {grid-template-columns:1fr;}
 body > .wrapper .wrap-modal-popup .pop-sitemap .wrap-contents {padding-top:20px;}
}
body > .wrapper > #header a:focus-visible {outline:3px solid var(--bpn-green);outline-offset:3px;}

/* 하위 페이지 본문에만 적용합니다. */
#middle.sub {background:var(--bpn-page);color:var(--bpn-ink);min-height:60vh;padding-bottom:clamp(40px,6vw,90px);}
#middle.sub .top-visual {overflow:hidden;}
#middle.sub .top-visual {position:relative;background-color:#174d32;background-size:cover;background-position:center;}
#middle.sub .top-visual:before {content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(10,47,29,.86),rgba(10,47,29,.36));pointer-events:none;}
#middle.sub .top-visual .secbox02 {position:relative;z-index:1;}
#middle.sub .top-visual .secbox02 {max-width:var(--bpn-content-width);margin-inline:auto;}
#middle.sub .top-visual .bpn-text-title {padding-top:clamp(72px,7vw,90px);color:#fff;font-size:clamp(34px,4vw,54px);font-weight:750;line-height:1.2;letter-spacing:-.05em;text-shadow:0 2px 18px rgba(0,0,0,.18);}
#middle.sub .top-visual .bpn-text-title:after {content:"";display:block;width:44px;height:3px;margin:18px auto 0;border-radius:4px;background:#b9e5c7;}
#middle.sub .top-visual .comm {font-size:clamp(13px,1.2vw,16px);}
#middle.sub .top-visual .comm {color:#f1fbf3!important;line-height:1.65;text-shadow:0 1px 10px rgba(0,0,0,.34);}
#middle.sub .contents {width:min(var(--bpn-content-width),calc(100% - 48px));max-width:var(--bpn-content-width);margin-inline:auto;}
#middle.sub .location {border:1px solid var(--bpn-border);border-radius:12px;background:var(--bpn-surface);box-shadow:0 6px 22px rgba(23,61,35,.06);}
#middle.sub .location .current {color:var(--bpn-ink);font-weight:700;}
#middle.sub .wrap-section {background:var(--bpn-surface);border:1px solid var(--bpn-border);border-radius:var(--bpn-radius);box-shadow:0 16px 42px rgba(24,70,43,.06);padding:clamp(22px,3.8vw,48px);box-sizing:border-box;min-height:300px;}
#middle.sub .wrap-section p {line-height:1.8;}
#middle.sub .wrap-section .list.type01,
#middle.sub .wrap-section .list.type02,
#middle.sub .wrap-section .list.type03 dl,
#middle.sub .wrap-section .list.type03 ul,
#middle.sub .wrap-section .list.type03 p,
#middle.sub .wrap-section .box.type01 dd,
#middle.sub .wrap-section .box.type02 dd {color:#385247;}
#middle.sub .wrap-section .bpn-text-subtitle {margin:20px 0 16px;padding:0 0 12px;border-bottom:1px solid var(--bpn-border);color:var(--bpn-ink);font-size:clamp(20px,2vw,27px);line-height:1.4;letter-spacing:-.04em;}
#middle.sub .wrap-section .bpn-text-subtitle:after {display:none;content:none;}
#middle.sub .wrap-section img {max-width:100%;height:auto;}
#middle.sub .wrap-section a:focus-visible,
#middle.sub .contents button:focus-visible {outline:3px solid var(--bpn-green);outline-offset:2px;}
#middle.sub .wrap-section input[type=text],#middle.sub .wrap-section input[type=password],
#middle.sub .wrap-section input[type=date],#middle.sub .wrap-section select,
#middle.sub .wrap-section textarea {border:1px solid var(--bpn-border);border-radius:9px;background:#fff;min-height:38px;padding:7px 10px;box-sizing:border-box;color:var(--bpn-ink);}
#middle.sub .wrap-section input:focus,#middle.sub .wrap-section select:focus,
#middle.sub .wrap-section textarea:focus {outline:2px solid rgba(22,115,69,.35);border-color:var(--bpn-green);}
#middle.sub .wrap-section table {border-collapse:collapse;}
#middle.sub .wrap-section th {background:#eff6f0;color:var(--bpn-ink);}
#middle.sub .wrap-section th,#middle.sub .wrap-section td {border-bottom:1px solid var(--bpn-border);}
#middle.sub .wrap-section tr:hover td {background:#f7faf7;}
#middle.sub .wrap-section .tb-view.type02 > table > tbody > tr.doc:hover > td {background:#fff;}
#middle.sub.company.business-view .wrap-section .tb-view .bn-notice tr:hover td {background:#fff;}
#middle.sub.company.business-view .wrap-section .tb-view.type02 tr:hover > td {background:#fff;}
#middle.sub.board.view .wrap-section .tb-view.type02 > table > tbody > tr.doc > td,
#middle.sub.board.view .wrap-section .tb-view.type02 > table > tbody > tr.doc:hover > td {background:#fff;}
#middle.sub.board.view .wrap-section .tb-view.type02 .inner {padding:clamp(22px,3vw,42px);color:#385247;font-size:15px;line-height:1.75;overflow-wrap:anywhere;}
#middle.sub.board.view .wrap-section .tb-view.type02 .inner a {color:var(--bpn-green-dark);text-decoration:underline;text-underline-offset:3px;}
#middle.sub .wrap-section .tb-list,#middle.sub .wrap-section .tb-view,#middle.sub .wrap-section .tb-history {border:1px solid var(--bpn-border);border-radius:12px;overflow:hidden;background:#fff;}
#middle.sub .wrap-section .tit02 {padding:12px 0 28px;color:var(--bpn-ink);font-size:clamp(24px,2.5vw,34px);font-weight:750;line-height:1.35;letter-spacing:-.045em;}
#middle.sub .wrap-section .sec-doc01 {margin-top:36px;}
#middle.sub .wrap-section .sec-doc02 {margin-top:28px;}
#middle.sub .wrap-section .tb-list.type01,#middle.sub .wrap-section .tb-list.type02,#middle.sub .wrap-section .tb-view.type01,#middle.sub .wrap-section .tb-view.type02 {border-top:1px solid var(--bpn-border);}
#middle.sub .wrap-section .tb-list th,#middle.sub .wrap-section .tb-view th {padding:15px 12px;background:#eef6f0;color:var(--bpn-ink);font-size:14px;font-weight:700;line-height:1.45;}
#middle.sub .wrap-section .tb-list td,#middle.sub .wrap-section .tb-view td {padding:15px 12px;border-color:var(--bpn-border);color:#3e5548;font-size:14px;line-height:1.6;}
#middle.sub .wrap-section .tb-list .noti td,#middle.sub .wrap-section .tb-list .noti a {color:var(--bpn-green);}
#middle.sub .wrap-section .tb-list .ellipsis a:hover {text-decoration:underline;text-decoration-color:var(--bpn-green);}
#middle.sub .wrap-section .tb-list tr.hover {background:#f0f8f2;}
#middle.sub .wrap-section .btn a,#middle.sub .wrap-section .btn button {border-radius:9px;transition:background .2s ease,color .2s ease;}
#middle.sub .wrap-section .btn.color01 a,#middle.sub .wrap-section .btn.color01 button {background:var(--bpn-green);border-color:var(--bpn-green);}
#middle.sub .wrap-section .btn.color02 a,#middle.sub .wrap-section .btn.color02 button {background:#fff;border-color:var(--bpn-border);color:var(--bpn-ink);}
#middle.sub .wrap-section .btn.color03 a,#middle.sub .wrap-section .btn.color03 button {background:var(--bpn-ink);border-color:var(--bpn-ink);}
#middle.sub .wrap-section .pagenate a,#middle.sub .wrap-section .paging a {border-radius:7px;}
#middle.sub .wrap-section .top-message {margin:18px 0 30px;color:var(--bpn-ink);font-size:clamp(18px,2vw,24px);line-height:1.55;}
#middle.sub .wrap-section .wrap-info .date {color:var(--bpn-muted);}
#middle.sub .wrap-section .tab-mn {border-bottom:1px solid var(--bpn-border);}
#middle.sub .wrap-section .tab-mn.type02:after {background:var(--bpn-border);}
#middle.sub .wrap-section .tab-mn li a span {border-radius:10px 10px 0 0;border-color:var(--bpn-border);color:var(--bpn-ink);background:#f7faf8;transition:background .2s ease;}
#middle.sub .wrap-section .tab-mn li.on a span,#middle.sub .wrap-section .tab-mn li a:hover span {border-color:var(--bpn-green);background:var(--bpn-green);color:#fff;}
#middle.sub .wrap-section .tab-mn.type02 li a span {min-width:0;padding:0 clamp(15px,3vw,48px);}
#middle.sub .wrap-section .tb-calendar {border-color:var(--bpn-border);border-radius:12px;overflow:hidden;}
#middle.sub .wrap-section .tb-calendar thead th {background:#eef6f0;color:var(--bpn-ink);}
#middle.sub .wrap-section .tb-calendar tbody td {border-color:var(--bpn-border);}
#middle.sub .wrap-section .tb-calendar tbody td.today {background:#e4f5e9;}
#middle.sub .wrap-section .box-ceo {margin-top:8px;padding-top:25px;line-height:1.8;}
#middle.sub .wrap-section .tb-list table,#middle.sub .wrap-section .tb-view table {width:100%;}
#middle.sub .search-box {padding:clamp(20px,3vw,38px);border:1px solid var(--bpn-border);border-radius:var(--bpn-radius);background:#f9fcfa;}
#middle.sub .box.type01,#middle.sub .box.type02,#middle.sub .rol-figure,#middle.sub .box-shipment01,#middle.sub .box-shipment02 {border:1px solid var(--bpn-border);border-radius:var(--bpn-radius);background:#fbfdfb;box-shadow:0 8px 26px rgba(25,65,38,.035);}
#middle.sub .role-list li {border-color:var(--bpn-border);}
#middle.sub .role-list dt {color:var(--bpn-ink);font-weight:700;}
#middle.sub .role-list dd,#middle.sub .box-ceo {color:var(--bpn-muted);}
#middle.sub .tb-history {border-top-color:var(--bpn-border);}
/* 연혁: 기존 연도/월일/내용 데이터와 정렬 동작을 유지한 타임라인 */
#middle.sub.company.history .history-sort {display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:0 0 20px!important;}
#middle.sub.company.history .history-sort label {color:var(--bpn-muted)!important;font-weight:700;}
#middle.sub.company.history .history-sort select {border-radius:9px!important;border-color:var(--bpn-border)!important;}
#middle.sub.company.history .tb-history {margin-top:0;border:0;border-radius:0;background:transparent;overflow:visible;}
#middle.sub.company.history .tb-history table {border-collapse:separate;border-spacing:0 10px;table-layout:fixed;}
#middle.sub.company.history .tb-history tr {background:#f8fbf9;box-shadow:0 4px 20px rgba(22,69,39,.045);}
#middle.sub.company.history .tb-history td {border-top:1px solid var(--bpn-border);border-bottom:1px solid var(--bpn-border);color:var(--bpn-ink);vertical-align:top;font-size:15px;line-height:1.5;}
#middle.sub.company.history .tb-history td:first-child {border-left:1px solid var(--bpn-border);border-radius:12px 0 0 12px;color:var(--bpn-green);font-size:21px;font-weight:800;white-space:nowrap;}
#middle.sub.company.history .tb-history td:nth-child(2) {position:relative;color:var(--bpn-muted);font-weight:600;}
#middle.sub.company.history .tb-history td:nth-child(2):before {content:"";position:absolute;left:18px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--bpn-green);}
#middle.sub.company.history .tb-history td:last-child {border-right:1px solid var(--bpn-border);border-radius:0 12px 12px 0;}
#middle.sub.company.history .tb-history .list-doc {color:var(--bpn-ink);font-size:15px;line-height:1.5;}
#middle.sub.company.history .tb-history .list-date li,#middle.sub.company.history .tb-history .list-doc li {line-height:1.5!important;padding:3px 0;}
@media(max-width:800px) {
 #middle.sub.company.history .tb-history table {min-width:0;width:100%;}
 #middle.sub.company.history .tb-history td {padding:12px 7px!important;font-size:13px;word-break:break-word;}
 #middle.sub.company.history .tb-history td:first-child {font-size:16px;}
 #middle.sub.company.history .tb-history td:nth-child(2):before {display:none;}
}
#middle.sub .map .map-area .map-info {background:rgba(13,85,50,.94);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.14);}
#middle.sub .wrap-section .btn,#middle.sub .wrap-section input[type=submit],
#middle.sub .wrap-section button[type=submit] {border-radius:10px;transition:background .2s ease,transform .2s ease;}
#middle.sub .wrap-section .btn:hover,#middle.sub .wrap-section input[type=submit]:hover {transform:translateY(-1px);}
/* 별도 시세 화면: 이미지에 박힌 글자를 쓰지 않고 실제 제목을 표시합니다. */
.daily-price-page .daily-price-hero {border-radius:var(--bpn-radius);background:linear-gradient(95deg,rgba(255,255,255,.38),rgba(255,255,255,.1)),url('/images/market/daily_auction_banner_light.png') center/cover no-repeat;box-shadow:0 16px 42px rgba(20,69,38,.1);}
.daily-price-page .daily-price-hero > img {display:block;width:100%;height:100%;object-fit:cover;}
.daily-price-page .daily-price-hero:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.26),rgba(255,255,255,0) 65%);pointer-events:none;}
.daily-price-page .daily-price-hero .bpn-price-hero-copy {position:absolute;top:26%;left:clamp(24px,5vw,72px);z-index:2;color:var(--bpn-ink);}
.daily-price-page .bpn-price-hero-copy h1 {font-size:clamp(31px,3vw,49px);line-height:1.2;letter-spacing:-.045em;}
.daily-price-page .bpn-price-hero-copy p {margin-top:14px;color:#4e6755;font-size:clamp(14px,1.3vw,17px);line-height:1.5;}
.daily-price-page .daily-price-tabs {border-radius:11px;background:rgba(4,44,25,.5);backdrop-filter:blur(8px);}
.daily-price-page .daily-price-search,.daily-price-page .daily-price-commission {border-radius:var(--bpn-radius);border-color:var(--bpn-border);background:#fff;box-shadow:0 12px 32px rgba(23,66,35,.06);}
.daily-price-page .daily-price-search button {border-radius:8px;background:var(--bpn-green);}
.daily-price-page .daily-price-search a {border-radius:8px;}
@media(max-width:800px) {.daily-price-page .daily-price-hero .bpn-price-hero-copy {top:14%;left:22px;right:22px;}.daily-price-page .bpn-price-hero-copy p {margin-top:6px;}}
@media (max-width:800px) {
 #middle.sub .contents {width:calc(100% - 24px);}
 #middle.sub .wrap-section {padding:18px;overflow-x:auto;}
 #middle.sub .wrap-section table {min-width:max-content;max-width:none;}
}
@media (max-width:1180px) {
 body > .wrapper > #header .nav {padding-left:290px;}
 body > .wrapper > #header .logo img {max-width:245px;}
 body > .wrapper > #header .nav > ul > li > a {padding-inline:7px;font-size:15px;}
}
@media (prefers-reduced-motion:reduce) {#middle.sub *,body > .wrapper > #header * {transition:none!important;animation:none!important;}}

/* 하위 페이지 맨 위 버튼: 메인 스크롤 화면과 같은 녹색 원형 버튼 */
body > .wrapper:has(#middle.sub) > .gotop {position:fixed;top:auto;left:auto;right:clamp(20px,3vw,48px);bottom:30px;margin:0;padding:0;width:48px;height:48px;border-radius:50%;background:#2d7a43;box-shadow:0 6px 18px rgba(24,78,42,.22);z-index:400;visibility:hidden;pointer-events:none;transition:background .2s ease,visibility .2s ease;}
body > .wrapper:has(#middle.sub) > .gotop.bpn-top-visible {visibility:visible;pointer-events:auto;}
body > .wrapper:has(#middle.sub) > .gotop:hover {background:#216637;}
body > .wrapper:has(#middle.sub) > .gotop:before {content:"";position:absolute;top:16px;left:18px;width:12px;height:12px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(45deg);}
body > .wrapper:has(#middle.sub) > .gotop:after {content:"";position:absolute;top:17px;left:24px;width:2px;height:18px;background:#fff;border-radius:2px;}
/* 찾아오시는 길: 자가용과 버스 안내 */
#middle.sub.company.map .map-guide {border:0;display:grid;grid-template-columns:1fr;gap:16px;margin-top:26px;}
#middle.sub.company.map .map-guide ul {display:contents;}
#middle.sub.company.map .map-guide li {padding:28px 28px 28px 142px;border:1px solid var(--bpn-border);border-radius:16px;background:#fbfdfb;}
#middle.sub.company.map .map-guide li:after {display:block;top:28px;left:28px;width:94px;height:94px;background-image:url('/images/common/ic_map02.png');background-size:94px 188px;}
#middle.sub.company.map .map-guide .list01:after {background-position:0 0;}
#middle.sub.company.map .map-guide .list02:after {background-position:0 -94px;}
#middle.sub.company.map .map-guide .bpn-map-guide-heading {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
#middle.sub.company.map .map-guide .bpn-map-guide-address {margin:0 0 20px;color:#304b3b;font-weight:650;}
#middle.sub.company.map .map-guide dl {margin:18px 0 0;line-height:1.6;}
#middle.sub.company.map .map-guide dt {color:var(--bpn-ink);font-weight:700;}
#middle.sub.company.map .map-guide dd {margin:5px 0 0;color:#385247;text-indent:0;line-height:1.65;}
#middle.sub.company.map .map-guide .bpn-map-guide-note {margin-top:20px;color:#526a5b;font-size:14px;line-height:1.7;}
#middle.sub.company.map .map-guide .bpn-map-guide-source a {display:inline-block;margin-top:12px;color:var(--bpn-green-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
#middle.sub.company.map .map-guide .list02 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;}
#middle.sub.company.map .map-guide .list02 > h4,#middle.sub.company.map .map-guide .list02 > p {grid-column:1/-1;}
#middle.sub.company.map .map-guide .list02 dl {margin:0;padding:17px 0;border-top:1px solid var(--bpn-border);}
#middle.sub.company.map .map-guide .list02 .bpn-bus-time {color:#526a5b;font-size:13px;}
@media(max-width:780px){#middle.sub.company.map .map-guide .list02{grid-template-columns:1fr;}}
@media(max-width:780px){#middle.sub.company.map .map-guide{grid-template-columns:1fr;}}

/* 하위 페이지: 자동 이동 없이 첫 화면에서 본문이 보이는 작은 제목 영역 */
#middle.sub .top-visual {height:auto;min-height:var(--bpn-sub-title-height);box-sizing:border-box;padding:24px 24px 22px;}
#middle.sub .top-visual .bpn-text-title {padding-top:0;font-size:34px;line-height:1.25;}
#middle.sub .top-visual .bpn-text-title:after {margin:10px auto 0;width:32px;}
#middle.sub .top-visual .comm {margin:10px auto 0;max-width:900px;font-size:14px;}
#middle.sub .location {top:0;margin:16px 0 22px;}
@media(max-width:800px){
 #middle.sub .top-visual {min-height:120px;padding:20px 18px;}
 #middle.sub .top-visual .bpn-text-title {font-size:28px;}
 #middle.sub .top-visual .comm {font-size:12px;}
 #middle.sub .location {margin:12px 0 16px;}
}