@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
:root { --loc-bus:#385CA3; --loc-town:#5EB033; --loc-7:#546312; --loc-ring:#878787; --loc-sep:#D9D9D9; }
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"서울특별시 동작구 상도동 사당로 46, 창의관 201호"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

/*  css 파일 추가 처리(선택사항)  */
.fr-box .swiper-wrapper {display:block;}

.blocker {z-index: 100;}
.modal {max-width:980px; width: 100%;}

.bg-gray {background:#fafafa;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 120  / var(--inner) * 100vw ), 120px) 0;}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.insectitbx {margin-bottom: var(--padding-70);}
.insectitbx .insectit {font-size:var(--font-size-32); font-weight: bold;}
.insectitbx .insecdec {margin-top: var(--padding-20); font-size: var(--font-size-18); }
.insectitbx .badge {display: inline-flex;align-items: center;justify-content: center; margin-bottom: 10px; padding:6px 10px; color: var(--color-secondary); line-height: 1; font-weight: bold; background: #E0EFF9;}

.greet_1 .greet-intro { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--padding-60); padding-top: var(--padding-60); }
.greet_1 .greet-intro .titbx { flex: 0 1 auto; max-width: 100%; }
.greet_1 .greet-intro .titbx .eng {  font-size: var(--font-size-64); font-weight: 700; letter-spacing: -0.03em; line-height: 1.25; background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-primary) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.greet_1 .greet-intro .txtbx { flex: 1 1 0; display: flex; flex-direction: column; gap: var(--padding-30); max-width: 750px; }
.greet_1 .greet-intro .txtbx .txt {  font-size: var(--font-size-18); color: var(--color-body); line-height: 1.67; letter-spacing: -0.03em; }
.greet_1 .greet-intro .txtbx .sign { margin: var(--padding-20) 0 0; font-size: var(--font-size-24); font-weight: 600; color: var(--color-dark); letter-spacing: -0.03em; line-height: 1.2; text-align: right; }
 .greet_2 { position: relative; padding: var(--padding-100) 0; background: url(../images/sub/greet2-bg.jpg) no-repeat center center / cover; }
.greet_2 .greet-band { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--padding-50); }
.greet_2 .greet-band .lead { width: clamp(300px, calc( 600 / var(--inner) * 100vw ), 600px); color: var(--color-white); }
.greet_2 .greet-band .lead .line { font-size: var(--font-size-28); line-height: 1.71; letter-spacing: -0.03em; }
.greet_2 .greet-band .lead .line.emp { font-size: var(--font-size-32); font-weight: 700; line-height: 1.5; letter-spacing: -0.03em; }
.greet_2 .greet-band .goals { flex: 1; display: flex; flex-direction: column; gap: var(--padding-30); max-width: 750px; }
.greet_2 .greet-band .goals .item { display: flex; align-items: center; gap: var(--padding-15); }
.greet_2 .greet-band .goals .num { flex: 0 0 clamp(24px, calc( 32 / var(--inner) * 100vw ), 32px); width: clamp(24px, calc( 32 / var(--inner) * 100vw ), 32px); height: clamp(24px, calc( 32 / var(--inner) * 100vw ), 32px); border-radius: 16px; background: var(--color-white); display: flex; align-items: center; justify-content: center; font-size: var(--font-size-16); font-weight: 600; color: var(--color-primary); letter-spacing: -0.03em; line-height: 1; }
.greet_2 .greet-band .goals .tit { font-size: var(--font-size-22); font-weight: 600; color: var(--color-white); letter-spacing: -0.03em; line-height: 1.2; }

.background_1 {position: relative; padding-bottom: 30px;}
.background_1 .back-intro { display: flex; flex-wrap: wrap;  gap:55px; }
.background_1 .imgbx { width: clamp(280px, calc( 642 / var(--inner) * 100vw ), 642px); position: relative;}
.background_1 .deco { position: absolute; left: 0; bottom: 0; z-index: 0; width: clamp(260px, calc( 718 / var(--inner) * 100vw ), 718px); height: clamp(200px, calc( 569 / var(--inner) * 100vw ), 569px); background: #ccd8ee; }
.background_1 .imgbx .img { position: relative; z-index: 1; }
.background_1 .txtbx { flex: 1 ; display: flex; flex-direction: column; gap: var(--padding-40); padding-top:var(--padding-20); letter-spacing: -0.5px;}
.background_1 .txtbx .txt { font-size: var(--font-size-20); color: var(--color-body); line-height: 1.6;  }
.background_1 .txtbx .txt .point { font-weight: 600; color: var(--color-secondary); }
.background_2 .purplist .item { display: flex; flex-wrap: wrap; align-items: center; gap: var(--padding-30); padding: var(--padding-60) var(--padding-50); border-bottom: 1px solid #ddd; }
.background_2 .purplist .item:last-child { border-bottom: none; }
.background_2 .purplist .item:nth-child(odd) { background: #fafafa; }
.background_2 .purplist .item:nth-child(even) { background: #fff; }
.background_2 .purplist .num { flex: 0 0 clamp(30px, calc(40 / var(--inner) * 100vw), 40px); width: clamp(30px, calc(40 / var(--inner) * 100vw), 40px); height: clamp(30px, calc(40 / var(--inner) * 100vw), 40px); border-radius: 50%; background: var(--color-primary); display: flex; align-items: center; justify-content: center; font-size: var(--font-size-16); font-weight: 600; color: var(--color-white); letter-spacing: -0.03em; line-height: 1; }
.background_2 .purplist .txtbx { flex: 1; display: flex; flex-direction: column; gap: var(--padding-20); min-width: 0; }
.background_2 .purplist .tit { font-size: var(--font-size-22); font-weight: 600; letter-spacing: -0.03em; line-height: 1.2; }
.background_2 .purplist .desc { font-size: var(--font-size-18); color: var(--color-body); letter-spacing: -0.03em; line-height: 1.67; }

.vision_1 .inner {padding: var(--padding-120) 0; background: url(../images/sub/vision-bg.jpg) no-repeat center center / cover;}
.vision_1 .inner .txt {text-align: center;font-size: var(--font-size-22); color: #fff; line-height: 1.72; font-weight: 600;}
.vision_2 .mission { display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; }
.vision_2 .mission .item { padding: var(--padding-30); }
.vision_2 .mission .item .cont { display: flex; flex-direction: column; align-items: center; gap: var(--padding-30); text-align: center; }
.vision_2 .mission .item.blu { background: #3561bd; color: var(--color-white); }
.vision_2 .mission .item.wte { background: #fff; }
.vision_2 .mission .item.wte .desc { color: var(--color-body); }
.vision_2 .mission .tit { font-size: var(--font-size-22); font-weight: 600; letter-spacing: -0.03em; line-height: 1.36; }
.vision_2 .mission .desc { font-size: var(--font-size-16); letter-spacing: -0.03em; line-height: 1.63; }
.vision_2 .mission .img img { width: clamp(35px, calc(48 / var(--inner) * 100vw), 48px); aspect-ratio: 1; object-fit: contain; }
.vision_2 .mission .item:nth-child(2) { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.vision_2 .mission .item:nth-child(4) { border: 1px solid #ddd; }

.history_1 .hist-head { margin-bottom: var(--padding-50); }
.history_1 .hist-head .yeartop { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 7px; }
.history_1 .hist-head .year { font-size: var(--font-size-72); font-weight: 700; letter-spacing: -0.03em; line-height: 1; }
.history_1 .hist-head .deco { flex: 0 0 auto; width: 24px; height: 9px; margin-top: 25px; margin-left: 15px; background: var(--color-primary); transform: rotate(-45deg); transform-origin: left center; border-radius: 20px;}
.history_1 .hist-head .subtit { margin-top: var(--padding-30); font-size: var(--font-size-32); font-weight: 700; letter-spacing: -0.03em; line-height: 1.2; }
.history_1 .hist-band { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--padding-80); }
.history_1 .hist-band .imgbx { width:clamp(280px, calc(650 / var(--inner) * 100vw), 650px); width: clamp(280px, calc(650 / var(--inner) * 100vw), 650px); max-width: 100%; }
.history_1 .hist-band .img { margin: 0; }
.history_1 .hist-band .img img { width: 100%; aspect-ratio: 650 / 325; object-fit: cover; }
.history_1 .hist-band .listbx { flex: 1;  }
.history_1 .histitem { display: flex; flex-direction: column; gap: var(--padding-40); padding: var(--padding-30) 0; border-bottom: 1px solid #ddd; }
.history_1 .histitem:first-child { padding-top: 0; }
.history_1 .histitem .month { align-self: flex-start; display: flex; align-items: center; justify-content: center; min-width: clamp(44px, calc(48 / var(--inner) * 100vw), 48px); min-height: clamp(44px, calc(48 / var(--inner) * 100vw), 48px); padding: var(--padding-10); background: var(--color-primary); color: var(--color-white); font-size: var(--font-size-24); font-weight: 700; letter-spacing: -0.03em; line-height: 1; border-radius: 8px 0 8px 0; }
.history_1 .histitem .rows { display: flex; flex-direction: column; gap: var(--padding-20); width: 100%; }
.history_1 .histitem .row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--padding-20); }
.history_1 .histitem .date { flex: 0 0 clamp(52px, calc(61 / var(--inner) * 100vw), 61px); font-size: var(--font-size-22); font-weight: 600; letter-spacing: -0.03em; line-height: 1.2; }
.history_1 .histitem .desc { flex: 1; margin: 0; min-width: 0; font-size: var(--font-size-18); color: var(--color-body); letter-spacing: -0.03em; line-height: 1.67; }

.location-area .mapwrap { margin-bottom: var(--padding-50); }
.loc { margin-top: var(--padding-60);}
.loc .loc-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--padding-30) var(--padding-20);  }
.loc .loc-tels { display: flex; flex-wrap: wrap; gap: var(--padding-60); }
.loc .loc-f { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--padding-20); min-width: 0; flex: 0 1 auto; }
.loc .loc-ico { flex-shrink: 0; box-sizing: border-box; width: clamp(35px, calc(60 / var(--inner) * 100vw), 60px); height: clamp(35px, calc(60 / var(--inner) * 100vw), 60px); display: flex; align-items: center; justify-content: center; background: var(--color-white); border-radius: 50%; outline: 2px solid var(--color-primary); outline-offset: -2px; }
.loc .loc-ico--g { outline-color: var(--loc-ring);  }
.loc .loc-ico img { width: clamp(15px, calc(24 / var(--inner) * 100vw), 24px); height: clamp(15px, calc(24 / var(--inner) * 100vw), 24px); object-fit: contain; display: block; }
.loc .loc-t { margin: 0; font-size: var(--font-size-18); font-weight: 600; letter-spacing: -0.03em; line-height: 1.3; color: var(--color-primary); }
.loc .loc-addr { margin: var(--padding-10) 0 0; font-size: var(--font-size-22); font-weight: 600; letter-spacing: -0.03em; line-height: 1.67; color: var(--color-dark); }
.loc .loc-m { margin: var(--padding-10) 0 0; font-size: var(--font-size-18); font-weight: 400; letter-spacing: -0.03em; line-height: 1.67; color: var(--color-body); }
.loc .loc-bot { padding-top: 40px; margin-top: 40px; border-top: 1px solid #ddd; display: flex; flex-direction: column; gap: var(--padding-30); }
.loc .loc-ht { margin: 0; font-size: var(--font-size-32); font-weight: 600; letter-spacing: -0.03em; line-height: 1.3; color: var(--color-dark); }
.loc .loc-cols { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--padding-80); width: 100%; }
.loc .loc-line { display: flex; flex-wrap: wrap; align-items: center; gap: var(--padding-10); margin: 0 0 var(--padding-20); font-size: var(--font-size-18); letter-spacing: -0.03em; line-height: 1.67; color: var(--color-body); }
.loc .loc-line:last-child { margin-bottom: 0; }
.loc .loc-b { flex-shrink: 0; font-weight: 600; color: var(--loc-bus); }
.loc .loc-line--town { margin-bottom: 0; }
.loc .loc-line--town .loc-b { color: var(--loc-town); }
.loc .loc-line--town .loc-b strong { font-weight: 700; }
.loc .loc-v { flex-shrink: 0; width: 1px; height: 18px; background: var(--loc-sep); }
.loc .loc-line--sub { margin: 0; color: var(--color-dark); }
.loc .loc-7 { font-weight: 600; color: var(--loc-7); }

.subsec-wrap {display: flex;flex-direction: column;gap: var(--padding-180);}
.subsec-wrap .insec {display: flex;flex-direction: column;gap: var(--padding-100);}

.linetitle {margin-bottom: var(--padding-80); padding-left:15px; position: relative; font-size: var(--font-size-40); font-weight: 600; letter-spacing: -0.4px;}
.linetitle::before {content: ''; position: absolute; left: 0; top: clamp(4px, calc(7 / var(--inner) * 100vw), 7px);  width: 4px; height: var(--padding-40); background: var(--color-primary); }
.bordertit {margin-bottom: var(--padding-30); padding-bottom: var(--padding-30); margin-left: var(--padding-30);  border-bottom: 1px solid #ddd; font-size: var(--font-size-32); font-weight: 600;}
.rowwrap {display: flex;flex-direction: column;gap: var(--padding-50); margin-left: var(--padding-30); letter-spacing: -0.6px; }
.rowwrap .title {font-size: var(--font-size-22); font-weight: 600; }
.rowwrap .subintit {margin-top: var(--padding-20); font-size: var(--font-size-20); font-weight: 400;}
.rowwrap .textlist {margin-top: var(--padding-20);}
.rowwrap .textitem {font-size: var(--font-size-18); color: var(--color-body); line-height: 1.55;}

.tabwrap {margin-bottom: var(--padding-80);}
.tabwrap .tabs {display: flex; justify-content: center; gap: var(--padding-15); max-width: 340px; width: 100%; margin: 0 auto;}
.tabwrap .tabs .tab {flex: 1; text-align: center;}
.tabwrap .tabs .tab a {display: inline-flex; align-items: center;justify-content: center; padding: var(--padding-10); width: 100%; height:clamp(40px, calc(50 / var(--inner) * 100vw), 50px) ; letter-spacing: -0.4px; color: var(--color-body); background: #F4F4F4; border-radius: 99px;}
.tabwrap .tabs .tab.active a {background: #121212; color: #fff; font-weight: 600; }

.comm-sec .comm-list { display: flex; flex-direction: column; gap: var(--padding-120);}
.comm-sec .comm-inner { display: flex; flex-wrap: wrap;  }
.comm-sec .comm-ph {  width: clamp(280px, calc(530 / var(--inner) * 100vw), 530px); }
.comm-sec .comm-body { flex: 1; padding-left: var(--padding-50); padding-top: 30px;}
.comm-sec .comm-head {padding-bottom: var(--padding-30); margin-bottom: var(--padding-30); position: relative;}
.comm-sec .comm-head::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd; margin-left: clamp(-50px, calc(-50 / var(--inner) * 100vw), -25px);}
.comm-sec .comm-tit { flex-shrink: 0; font-size: var(--font-size-32); font-weight: 700; letter-spacing: -0.03em; line-height: 1; color: var(--color-dark); }
.comm-sec .comm-txt p { font-size: var(--font-size-18); font-weight: 400; letter-spacing: -0.03em; line-height: 1.67; color: var(--color-body); }

.comm2 { display: flex; flex-direction: column; gap: clamp(60px, calc(120 / var(--inner) * 100vw), 120px); align-items: flex-start; width: 100%; }
.comm2-top { width: 100%; border-top: 2px solid #121212; background: #fff; padding-top: 30px; display: flex; flex-direction: column; align-items: center; gap: var(--padding-60);  }
.comm2-intro { display: flex; flex-direction: column; align-items: center; gap: 10px;  text-align: center; }
.comm2-ico { display: inline-flex; align-items: center; justify-content: center; }
.comm2-ico--80 { width: clamp(40px, calc(80 / var(--inner) * 100vw), 80px); height: clamp(40px, calc(80 / var(--inner) * 100vw), 80px); }
.comm2-ico--56 { width: clamp(35px, calc(56 / var(--inner) * 100vw), 56px); height: clamp(35px, calc(56 / var(--inner) * 100vw), 56px); }
.comm2-ico img { display: block; width: 100%; height: 100%; object-fit: contain; }

.comm2-htit { font-size: var(--font-size-32); font-weight: 700; letter-spacing: -0.03em; color: var(--color-dark); }
.comm2-sub { font-size: var(--font-size-18); font-weight: 400; letter-spacing: -0.03em; color: var(--color-dark); }
.comm2-m3 { display: flex; flex-wrap: wrap; gap: var(--padding-40); width: 100%; align-items: stretch; justify-content: center; }
.comm2-m3box { width: calc((100% - 2 * var(--padding-40)) / 3); border: 1px solid #ddd; padding: var(--padding-30);  display: flex; flex-direction: column; gap: var(--padding-30); }
.comm2-m3tit { font-size: var(--font-size-22); font-weight: 600; letter-spacing: -0.03em; color: var(--color-dark); }
.comm2-bul { display: flex; flex-direction: column; gap: var(--padding-20); }
.comm2-bul-item { display: flex; flex-direction: row; align-items: flex-start; gap: 12px; font-size: var(--font-size-18); font-weight: 400; letter-spacing: -0.03em; line-height: 1.44; color: var(--color-body); }
.comm2-bul-item:not(.comm2-bul-item--bar)::before { content: ''; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--color-body); margin-top: clamp(8px, calc(10 / var(--inner) * 100vw), 10px); }
.comm2-panels { display: grid; grid-template-columns: repeat(2,1fr);  gap: var(--padding-40); width: 100%;}
.comm2-panel {  border: 1px solid #ddd; background: #fff; padding: 30px 0; display: flex; flex-direction: column; align-items: center; gap: var(--padding-30);  }
.comm2-panel-hd { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.comm2-ptit { font-size: var(--font-size-32); font-weight: 700; letter-spacing: -0.03em; color: var(--color-dark); }
.comm2-psub { font-size: var(--font-size-18); font-weight: 400; letter-spacing: -0.03em; color: var(--color-dark); }
.comm2-panel-line { width: 100%; height: 1px; background: #eee; flex-shrink: 0; }
.comm2-plist { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 570px; padding: 0 var(--padding-30);  }
.comm2-plist li { display: flex; gap: 12px; font-size: var(--font-size-18); font-weight: 400; letter-spacing: -0.03em; line-height: 1.44; color: var(--color-body); }
.comm2-plist li::before { content: ''; flex-shrink: 0; margin-top: clamp(8px, calc(10 / var(--inner) * 100vw), 10px); width: 5px; height: 5px; border-radius: 50%; background: var(--color-body); }

.seminars-list {display: grid;grid-template-columns: repeat(3,1fr); gap: var(--padding-60) var(--padding-40);}
.seminar-item {display: block;}
.seminar-item .images {position:relative; padding-bottom:75%; overflow:hidden;}
.seminar-item .images img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.seminar-item .textbx {padding-top: var(--padding-25); text-align: center; letter-spacing: -0.5px;}
.seminar-item .title {font-size: var(--font-size-18); font-weight: bold; display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.seminar-item .text {margin-top: var(--padding-15); font-size: var(--font-size-14); color: #878787; display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;} 
.seminar-item .timelocal {padding-top: var(--padding-20); display: flex;flex-direction: column;gap: var(--padding-10); max-width: 200px; width: 100%;margin: 0 auto;}
.seminar-item .timelocal .item {display: flex;align-items: center; gap:8px;}
.seminar-item .timelocal img {vertical-align: middle; height: var(--padding-14);}
.seminar-item .timelocal .dec{font-size: var(--font-size-14); color: #878787;}
.detailview-table { width: 100%; border-collapse: collapse; background: #fff; border-top: 1px solid #121212; }
.detailview-table col.col-label { width: clamp(140px, calc(200 / var(--inner) * 100vw), 200px); }
.detailview-table col.col-cont { width: auto; }
.detailview-table th, .detailview-table td { padding: 15px var(--padding-20); border-bottom: 1px solid #ddd; line-height: 1.5; font-size: var(--font-size-16); vertical-align: middle; }
.detailview-table th { border-right: 1px solid #ddd; background: #F4F4F4; font-weight: bold; color: var(--color-dark); text-align: center; }
.detailview-table td { color: var(--color-body); }
.detailview-table .filedown {display: inline-block; color: var(--color-secondary); font-weight: 600; text-decoration: underline;}
.edit-wrap .buttons {margin-top: 40px;}
.edit-wrap .buttons .btn-pack {border-radius: 99px;}
.detail-wrap {display: flex;flex-direction: column;gap: var(--padding-80);}

.fund { display: flex; flex-direction: column;width: 100%; }
.fund-filt { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px; gap:20px; width: 100%;}
.fund-total {font-size: var(--font-size-14); font-weight: 400; letter-spacing: -0.03em; line-height: 1.4; color: var(--color-body); }
.fund-total-num { font-size: var(--font-size-14); font-weight: 600; color: var(--color-primary); }
.fund-filt-rt {flex: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px var(--padding-50); }
.fund-filt-grp { display: flex; align-items: center; gap: 10px; }
.fund-filt-datego { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.fund-filt-dates { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.fund-lbl { font-size: var(--font-size-16); font-weight: 600; letter-spacing: -0.03em; line-height: 1; color: var(--color-dark); white-space: nowrap; }
.fund-sel { min-width: 94px; border: 1px solid #ddd; border-radius: 0; background: #fff; font-size: var(--font-size-15); font-weight: 400; letter-spacing: -0.03em; color: var(--color-body); cursor: pointer; -webkit-appearance: none; appearance: none; }
.fund-date-grp { display: flex; align-items: center; gap: 10px; }
.fund-date { display: flex; width: 200px; max-width: 100%;}
.fund-date-tilde { font-size: var(--font-size-16); font-weight: 600; letter-spacing: -0.03em; color: var(--color-body); }
.fund-btn-go { min-width: 100px; height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px); padding: 0 20px; border: 0; background: #121212; font-size: var(--font-size-16); font-weight: 600; letter-spacing: -0.03em; line-height: 1; color: #fff; cursor: pointer; }
.fund-tbl-scroll { width: 100%; overflow-x: auto;  }
.fund-tbl { width: 100%; border-collapse: collapse; table-layout: fixed; border-top: 2px solid #121212; background: #fff; }
.fund-tbl thead th { padding:var(--padding-30) 10px; border-bottom: 1px solid #ddd; background: #f4f4f4; font-size: var(--font-size-16); font-weight: 600; letter-spacing: -0.03em; line-height: 1.25; color: var(--color-dark); vertical-align: middle; text-align: center;}
.fund-tbl tbody td { padding: var(--padding-20) 8px; border-bottom: 1px solid #ddd; font-size: 14PX; font-weight: 400; letter-spacing: -0.03em; line-height: 1.4; color: var(--color-body); vertical-align: middle; text-align: center;}
.fund-type--in { color: #ed1846; font-weight: 600; }
.fund-type--out { color: var(--color-secondary); font-weight: 600; }
.fund-amt--in { color: #ed1846; font-weight: 600; }
.fund-amt--out { color: var(--color-secondary); font-weight: 600; }
.fund-sum { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--padding-24); padding: 20px 5px; border-top: 1px solid #121212; border-bottom: 1px solid #121212;}
.fund-sum-l { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--padding-15); }
.fund-sum-tit { font-size: var(--font-size-24); font-weight: 700; letter-spacing: -0.03em; line-height: 1; color: var(--color-dark); }
.fund-sum-period { font-size: var(--font-size-16); font-weight: 400; letter-spacing: -0.03em; line-height: 1.4; color: #878787; }
.fund-sum-r { display: flex; flex-direction: column; align-items: flex-end; gap: var(--padding-15); }
.fund-sum-main { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; gap: var(--padding-20); width: 100%; max-width: 360px; color: var(--color-dark); }
.fund-sum-main-lbl { font-size: var(--font-size-16); font-weight: 600; letter-spacing: -0.03em; line-height: 1; }
.fund-sum-main-val { margin: 0; text-align: right; line-height: 1; }
.fund-sum-main-num { font-size: var(--font-size-24); font-weight: 700; letter-spacing: -0.03em; }
.fund-sum-main-won { font-size: 14PX; font-weight: 700; letter-spacing: -0.03em; margin-left: 4px; }
.fund-sum-sub { display: flex; flex-direction: column; align-items: flex-end; gap: var(--padding-10); width: 100%; max-width: 200px; font-size: 14PX; font-weight: 600; letter-spacing: -0.03em; }
.fund-sum-line { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; width: 100%; text-align: right; }
.fund-sum-line--in { color: #ed1846; }
.fund-sum-line--out { color: var(--color-secondary); }