.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-5f693600-28b7-8926-5073-581b65777ca1 {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-b57bd030-c52d-79a3-09c9-8865ebd53f3f {
text-align: center !important;
}
.lfr-layout-structure-item-0ae0dfc2-4ba0-5215-c2ca-576981dd6835 {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-ce35dfae-1a43-b30a-2bf5-e0d2f40a7ed2 {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-e118c822-680b-45a1-b4c5-e90c35eadeab {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-e118c822-680b-45a1-b4c5-e90c35eadeab) !important;
}
.lfr-layout-structure-item-32edeb69-eb2e-a2d5-fda5-52beb636285a {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-62999db0-a828-2e42-c524-c85f0767cb27 {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-5b89be72-fa74-cb1f-5bf3-2b619a9bbd7a {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-f4ba43a0-298d-1189-c9da-ab2f31504c65 {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-3655a6bc-e403-1656-1e58-b60367d0f9f1 {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: right !important;
}
/* ===============================
   DKU 사이트 경로 (lp-same-depth)
   한 줄 탭 + 미니멀 스타일 + 가로 스크롤바 색상
   =============================== */

/* 전체 리스트 */
.lp-same-depth {
  display: flex;
  flex-wrap: nowrap;          /* 한 줄 유지 */
  overflow-x: auto;           /* 가로 스크롤 허용 */
  white-space: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 2px;
  
  /* Firefox 스크롤 설정 */
  scrollbar-width: thin;           
  scrollbar-color: #0366d6 #f0f0f0; /* thumb / track 색상 */
}

/* 크롬/사파리/Edge 스크롤바 색상 */
.lp-same-depth::-webkit-scrollbar {
    height: 6px;                 /* 스크롤바 높이 */
}
.lp-same-depth::-webkit-scrollbar-track {
    background: #f0f0f0;         /* 트랙 색상 */
    border-radius: 3px;
}
.lp-same-depth::-webkit-scrollbar-thumb {
    background-color: #0366d6;   /* 드래그바 색상 */
    border-radius: 3px;
    border: 1px solid #cccccc;
}
.lp-same-depth::-webkit-scrollbar-thumb:hover {
    background-color: #0056b3;   /* hover 시 색상 */
}

/* 개별 탭(li) */
.lp-same-depth li {
  flex: 0 0 auto;               /* 한 줄 유지 */
  border: 1px solid #c8d1dc;
  background-color: #f2f4f7;
  border-radius: 3px;
  padding: 3px 8px;             /* 박스 여백 축소 */
  font-size: 0.8rem;            /* 글자 작게 */
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;      /* 말줄임 처리 */
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* hover 효과 */
.lp-same-depth li:hover {
  background-color: #0056b3;
  color: #fff;
}

/* 링크 기본 스타일 */
.lp-same-depth a {
  color: inherit;
  text-decoration: none;
  display: block;
}

/* 현재 페이지(active) 강조 */
.lp-same-depth li.active {
  background-color: #0366d6;
  color: #fff;
  font-weight: 600;
}
.lfr-layout-structure-item-71d2188e-54b6-050f-2799-39f22e4a603d {
border-color: #000000 !important;
border-radius: 40px !important;
border-style: solid; border-width: 2px !important; border-width: 2pxpx !important;
max-height: 400px !important;
max-width: 700px !important;
min-height: 400px !important;
}
.lfr-layout-structure-item-f86a7fdd-1093-fb4a-0208-e1cd264afe15 {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-6bbe5d1e-6741-3da1-5531-62b21d3a492d {
text-align: justify !important;
}
.lfr-layout-structure-item-5ead01d8-59e8-8077-8899-cd05419c23e5 {
text-align: center !important;
}
.lfr-layout-structure-item-b105ba6d-2529-8d19-e1ef-a7410e038c71 {
border-color: #000000 !important;
border-radius: 40px !important;
border-style: solid; border-width: 2px !important; border-width: 2pxpx !important;
max-height: 400px !important;
max-width: 700px !important;
min-height: 400px !important;
}
.lfr-layout-structure-item-56f2aa5e-ac65-32b3-f611-4024963ff842 {
color: var(--black) !important;
}
.lfr-layout-structure-item-ba0fc298-decb-509c-7306-1522889e34a2 {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-a4c5d217-5aae-03f7-d1e0-04c12b49915f {
color: var(--black) !important;
}
.lfr-layout-structure-item-b2fb6789-1f02-e77a-e072-c5cfd4abe7b6 {
color: var(--black) !important;
}
.lfr-layout-structure-item-788a3644-d49a-0b58-dcc6-c73570c26a2e {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: right !important;
}
.lfr-layout-structure-item-d1b7258d-1608-28a9-fbd4-96fda62dc1eb {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: right !important;
}
.lfr-layout-structure-item-a9b71cdb-8cc1-ee2e-39db-4acf86942846 {
text-align: justify !important;
}
.lfr-layout-structure-item-b5fdfed5-6520-b1a0-b1cc-abdda9ecc45f {
color: var(--black) !important;
}
.lfr-layout-structure-item-84ed5d71-6d9e-0e7e-2b2f-9a8144326018 {
border-color: #000000 !important;
border-radius: 40px !important;
border-style: solid; border-width: 2px !important; border-width: 2pxpx !important;
max-height: 400px !important;
max-width: 700px !important;
min-height: 400px !important;
}
.lfr-layout-structure-item-3b97cc00-a618-4cc4-758e-0c3dadccfda8 {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-5675577e-3d86-29ca-c68f-0c01103b5406 {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-8e994805-7dd4-2f32-2365-007449a84379 {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-7bbe0b37-5092-22ba-4537-48e105934963 {
text-align: justify !important;
}
.lfr-layout-structure-item-4d635d2a-8f34-1178-9ac7-5fd59fcc3762 {
text-align: center !important;
}
.lfr-layout-structure-item-049b8bc9-a0b1-f70d-fb4f-56db7be755fb {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-d131741a-9cb6-93fc-f85e-8158be2b5d1c {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-b2b0102d-723e-309f-6c9c-34c219056545 {
color: var(--black) !important;
}
.lfr-layout-structure-item-d587b8d2-5132-47eb-c5e2-f8327a07ad67 {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-6b3bf05d-2b53-fb1a-afb6-03ade1415dd1 {
padding-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-4654b74d-b133-0c4d-0180-78b84875d1ac {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-2a34f951-bbf7-302c-5dcb-11757e72b2f5 {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-46b8f301-c6c1-2b1f-5e69-605f8fdf6167 {
text-align: center !important;
}
.lfr-layout-structure-item-5931e643-7206-a7e3-565b-3f8fd7e9b407 {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-08520b88-2403-6153-514c-3c19d9707596 {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-22ee5091-6748-a5d0-0603-9655fa4fdfee {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: right !important;
}
.lfr-layout-structure-item-69db580f-25a4-4b11-8d46-43fda0164d93 {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-dc812a23-59f1-c169-69a7-457cc3ee0f1c {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: right !important;
}
.lfr-layout-structure-item-345e01bd-8cc9-cd99-9352-96a7f0186470 {
text-align: center !important;
}
.lfr-layout-structure-item-126fa52f-8864-710e-7948-8de1a0ca9737 {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-5acce483-3377-5b72-9d5c-328e2c54ad18 {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-0185bee1-e3f4-a5ea-22f9-eb2c7bf884d6 {
border-color: #000000 !important;
border-radius: 40px !important;
border-style: solid; border-width: 2px !important; border-width: 2pxpx !important;
max-height: 400px !important;
max-width: 700px !important;
min-height: 400px !important;
}
.lfr-layout-structure-item-414b92c0-f80b-a03e-847f-f3fc0a46133e {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-6a554ac6-1204-83e8-7f63-67e86ae2d826 {
border-color: #000000 !important;
border-radius: 40px !important;
border-style: solid; border-width: 2px !important; border-width: 2pxpx !important;
max-height: 400px !important;
max-width: 700px !important;
min-height: 400px !important;
}
.lfr-layout-structure-item-dfc0faa0-41c3-aa10-aced-dbb7c26e7e8f {
text-align: justify !important;
}
.lfr-layout-structure-item-934ac7b6-e8bc-b0d2-5f5f-fa4302054599 {
border-color: #000000 !important;
border-radius: 40px !important;
border-style: solid; border-width: 2px !important; border-width: 2pxpx !important;
max-height: 400px !important;
max-width: 700px !important;
min-height: 400px !important;
}
.lfr-layout-structure-item-9139a0d0-04fc-b084-fb20-a497679584eb {
text-align: justify !important;
}
.lfr-layout-structure-item-e4ca9a3d-5ff8-45e3-c947-47123d68955c {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-85b2f8e4-4185-18c4-ed8c-e14274827968 {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: right !important;
}
.lfr-layout-structure-item-fdc0986c-c632-f395-9fa7-01c77d8dfe39 {
color: var(--black) !important;
}
.lfr-layout-structure-item-55e6cf99-e042-66c0-6fd8-24958836da2d {
text-align: justify !important;
}
