.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-85eb89ee-b65f-4c62-0ad1-3de2a737a7ac {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: right !important;
}
.lfr-layout-structure-item-b4a2f7c8-4f08-e884-8cba-949fc984eaeb {
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-81c0e8ee-e1aa-0203-108d-d3ca555b95b0 {
text-align: justify !important;
}
.lfr-layout-structure-item-d080cf75-81de-8482-6806-b2f687666d80 {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-4427b662-e142-946a-7772-5fecea9d250c {
color: var(--black) !important;
}
.lfr-layout-structure-item-83ef6ce6-3d85-0640-7d23-60f0ec2e9b2a {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-d7094825-ca50-2278-43d5-0f8011c6a88c {
border-color: #000000 !important;
border-radius: 40px !important;
border-style: solid; border-width: 2px !important; border-width: 2pxpx !important;
max-width: 700px !important;
min-height: 400px !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-9a603b6a-c49f-4e2b-3ed2-c758a13a1449 {
color: var(--black) !important;
}
.lfr-layout-structure-item-c3b80992-a75d-291a-84ad-c65c3b59fb77 {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-6b3bf05d-2b53-fb1a-afb6-03ade1415dd1 {
padding-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-2814d708-7658-6086-f77d-5b6c65b1e601 {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-7607c0bd-2514-09e1-fed0-b0a867362d98 {
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-d7334227-f90f-3e20-6462-dd2063bb7d63 {
text-align: justify !important;
}
.lfr-layout-structure-item-b603ba1a-f65a-59e1-6626-169707fc969d {
color: var(--black) !important;
}
.lfr-layout-structure-item-b527cd24-1394-05d3-f2c9-b9995c0d5a66 {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !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-f327ec08-561a-7d69-6c3a-bda83b257bf5 {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-ee423955-6753-d34f-5bd7-ecd56a7efefe {
text-align: center !important;
}
.lfr-layout-structure-item-4839ae57-8a90-7a78-4279-0e9addf46930 {
text-align: center !important;
}
.lfr-layout-structure-item-b4fc7fa1-6ade-3924-6070-08ab60f48f73 {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-7ed0683b-225e-7f9c-790e-4153765b3fc6 {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-184ac236-f5a3-0a06-0198-62763d64c3de {
text-align: center !important;
}
.lfr-layout-structure-item-922f7edc-6433-1855-b23d-f0bb1e62eb04 {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-fe7a50fd-b471-3d18-8dd9-7cc9d82d5fc6 {
text-align: justify !important;
}
.lfr-layout-structure-item-3b4f3a19-5608-5ebe-6372-c720474a5485 {
text-align: justify !important;
}
.lfr-layout-structure-item-b2bd897b-21c1-6d7b-e337-1b2289f58281 {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-dc87a37a-a7ec-ac1d-1208-470906466fc2 {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-9d6558e2-c882-bc91-6f71-0cb14801d7c9 {
border-color: #000000 !important;
border-radius: 40px !important;
border-style: solid; border-width: 2px !important; border-width: 2pxpx !important;
max-width: 700px !important;
min-height: 400px !important;
}
.lfr-layout-structure-item-f476b2d8-766f-a014-54f0-5a5d565113c2 {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-aa33334b-f45f-8868-948b-1db9fac2afd6 {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-6cfd508e-8f93-c4d8-2ab1-c56b0049c333 {
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-7b24b61f-b050-c96f-b292-77e673d296dd {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-55ef76a5-d49f-15d8-5b0e-a5a9dfad6037 {
margin-left: var(--spacer-3,1rem) !important;
max-height: 270px !important;
max-width: 200px !important;
}
.lfr-layout-structure-item-f0025962-d090-57a6-aed8-4e70fce19cdb {
color: var(--black) !important;
}
.lfr-layout-structure-item-2636649e-a6e0-5060-0aba-5c75dbc249d8 {
margin-top: var(--spacer-2,0.5rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-49d1b0da-2b98-5c07-d946-2f560dc95131 {
margin-left: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-a05209be-5e0e-ba1d-ec46-2a9e70015357 {
margin-top: var(--spacer-3,1rem) !important;
text-align: center !important;
}
