.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-c01ef291-c2b8-ab52-f5a9-5984f0d592ac {
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-5becae34-a130-0bd8-863c-cc695b14242d {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-8e4c9436-794c-855e-2a0f-8ce20d7b44db {
text-align: justify !important;
}
.lfr-layout-structure-item-6b3bf05d-2b53-fb1a-afb6-03ade1415dd1 {
padding-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-26219a9d-fbc6-eff9-b6d4-043838bd7b8b {
color: var(--black) !important;
}
.lfr-layout-structure-item-3f248e30-53e8-80f3-1fd0-54adcdb0a3ae {
text-align: justify !important;
}
.lfr-layout-structure-item-ccf272a1-f970-65f8-79c6-13fb95b41aad {
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-2560bea5-3887-ad25-40e0-49f6c120a0c6 {
font-size: 14.4px !important;
margin-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-48dd4f3b-02c9-7421-3910-1a1c23ae5542 {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-c69abdff-a027-1446-a43a-dc89c6bd5e56 {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-fd614db9-df60-c3ea-3ddd-de71ff22e8cc {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-d9caabc6-03eb-016f-c091-e321e75fda55 {
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-40eda493-d51b-1d67-3d4d-37312cfd9604 {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-3ab3baaa-e0fc-fd39-d537-eb6c2f4ab10a {
color: var(--black) !important;
}
.lfr-layout-structure-item-8236c801-71cd-d71d-3b02-aa5105dd4c7c {
padding-right: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-b1126889-d730-2f29-298c-d713406cc5b5 {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-e20458f2-8003-97ad-370e-979b01fee6e3 {
color: var(--black) !important;
}
.lfr-layout-structure-item-48f8441c-150a-664a-4e1d-0a7337f88683 {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-1a7d8618-04da-f132-566c-c267af8b9f40 {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-b21623f3-8e89-1941-8be3-07b69a799a5d {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-c66203a6-a328-e5f6-a2ee-263d8be3bfc5 {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-bbc484e7-c2c8-84c5-ccf8-dea63738290a {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-cf607d1e-abc0-66d2-ecb6-703f67bb5136 {
text-align: justify !important;
}
.lfr-layout-structure-item-5ae65d07-3c75-e180-acc5-07f42e8cc3bc {
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-7641e40c-1afb-bb18-8005-3c59d9e7c730 {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: right !important;
}
.lfr-layout-structure-item-85223a54-8d41-7c03-c490-756a8afb7a52 {
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-7ed67255-9982-7118-3106-a8deede028a4 {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
