.elementor-1022 .elementor-element.elementor-element-cd8062f{--display:flex;--min-height:370px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1022 .elementor-element.elementor-element-cd8062f:not(.elementor-motion-effects-element-type-background), .elementor-1022 .elementor-element.elementor-element-cd8062f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hc240201.interwise.kr/img/sub_page/sv/sv_01.jpg");background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1022 .elementor-element.elementor-element-d280188{text-align:center;}.elementor-1022 .elementor-element.elementor-element-d280188 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2.5rem;font-weight:600;}.elementor-1022 .elementor-element.elementor-element-2406b67{--spacer-size:20px;}.elementor-1022 .elementor-element.elementor-element-5f91414{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1022 .elementor-element.elementor-element-5f91414.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1022 .elementor-element.elementor-element-72c7e99{--spacer-size:100px;}.elementor-1022 .elementor-element.elementor-element-c69f225{text-align:center;}.elementor-1022 .elementor-element.elementor-element-c69f225 .elementor-heading-title{font-size:2.5rem;font-weight:800;color:#000000;}.elementor-1022 .elementor-element.elementor-element-e277ea0{--spacer-size:30px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1022 .elementor-element.elementor-element-30c5bb7{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2.5px;}.elementor-1022 .elementor-element.elementor-element-30c5bb7 .elementor-divider-separator{width:1500px;margin:0 auto;margin-center:0;}.elementor-1022 .elementor-element.elementor-element-30c5bb7 .elementor-divider{text-align:center;padding-block-start:10px;padding-block-end:10px;}.elementor-1022 .elementor-element.elementor-element-21b015e{--spacer-size:70px;}.elementor-1022 .elementor-element.elementor-element-1f3b53a{text-align:center;}.elementor-1022 .elementor-element.elementor-element-1f3b53a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:700;color:#000000;}.elementor-1022 .elementor-element.elementor-element-41bb9eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-1022 .elementor-element.elementor-element-cd8062f{--width:100%;}.elementor-1022 .elementor-element.elementor-element-5f91414{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-fe4aec0 *//* 기본 스타일 초기화 */
.toss-history-final {
    max-width: 800px;
    margin: 50px auto;
    background-color: #ffffff !important;
    font-family: -apple-system, sans-serif;
}

.toss-history-final input[type="radio"] {
    display: none !important;
}

.toss-flex-container {
    display: flex !important;
    min-height: 600px; /* 사이드바가 잘리지 않도록 최소 높이 설정 */
}

/* 왼쪽 사이드바 */
.toss-sidebar {
    width: 120px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    padding-right: 40px !important;
    position: relative !important;
    flex-shrink: 0 !important;
}

/* 세로 직선 */
.toss-sidebar-line {
    position: absolute !important;
    right: 0 !important;
    top: 10px !important;
    bottom: 10px !important;
    width: 2px !important;
    background-color: #f2f4f6 !important;
}

/* 년도 글자 (비활성화 상태) */
.toss-label {
    display: block !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #adb5bd !important; /* 확실히 보이는 회색 */
    padding: 18px 0 !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

/* 년도 옆의 점(Dot) */
.toss-label::after {
    content: "" !important;
    position: absolute !important;
    right: -49px !important; 
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important; 
    height: 20px !important; 
    background-color: #e5e8eb !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;
    z-index: 2 !important;
}

/* 오른쪽 내용 영역 */
.toss-content-area {
    flex-grow: 1 !important;
    padding-left: 50px !important;
}

.toss-panel {
    display: none !important;
    animation: tossFadeIn 0.5s ease-out forwards;
}

.toss-entry { margin-bottom: 35px !important; }

/* 날짜 스타일 - margin-top으로 위치 조절 가능 */
.t-date { 
    display: block !important; 
    font-size: 17px !important; 
    font-weight: 700 !important; 
    color: #8b95a1 !important; 
    margin-top: 17px !important; /* 이 숫자를 키우면 날짜가 더 내려갑니다 */
    margin-bottom: 0px !important; 
}

.t-title { 
    font-size: 17px !important; 
    font-weight: 600 !important; 
    color: #191f28 !important; 
    margin: 0 !important; 
    line-height: 1.5 !important; 
}

/* 활성화 로직 (클릭했을 때) */

/* 글자 및 점 강조 */
#v2026:checked ~ .toss-flex-container .l-2026, #v2025:checked ~ .toss-flex-container .l-2025,
#v2024:checked ~ .toss-flex-container .l-2024, #v2023:checked ~ .toss-flex-container .l-2023,
#v2022:checked ~ .toss-flex-container .l-2022, #v2021:checked ~ .toss-flex-container .l-2021,
#v2020:checked ~ .toss-flex-container .l-2020, #v2019:checked ~ .toss-flex-container .l-2019,
#v2018:checked ~ .toss-flex-container .l-2018, #v2017:checked ~ .toss-flex-container .l-2017,
#v2016:checked ~ .toss-flex-container .l-2016 {
    color: #191f28 !important;
}

#v2026:checked ~ .toss-flex-container .l-2026::after, #v2025:checked ~ .toss-flex-container .l-2025::after,
#v2024:checked ~ .toss-flex-container .l-2024::after, #v2023:checked ~ .toss-flex-container .l-2023::after,
#v2022:checked ~ .toss-flex-container .l-2022::after, #v2021:checked ~ .toss-flex-container .l-2021::after,
#v2020:checked ~ .toss-flex-container .l-2020::after, #v2019:checked ~ .toss-flex-container .l-2019::after,
#v2018:checked ~ .toss-flex-container .l-2018::after, #v2017:checked ~ .toss-flex-container .l-2017::after,
#v2016:checked ~ .toss-flex-container .l-2016::after {
    background-color: #191f28 !important;
}

/* 판넬 노출 */
#v2026:checked ~ .toss-flex-container .p-2026, #v2025:checked ~ .toss-flex-container .p-2025,
#v2024:checked ~ .toss-flex-container .p-2024, #v2023:checked ~ .toss-flex-container .p-2023,
#v2022:checked ~ .toss-flex-container .p-2022, #v2021:checked ~ .toss-flex-container .p-2021,
#v2020:checked ~ .toss-flex-container .p-2020, #v2019:checked ~ .toss-flex-container .p-2019,
#v2018:checked ~ .toss-flex-container .p-2018, #v2017:checked ~ .toss-flex-container .p-2017,
#v2016:checked ~ .toss-flex-container .p-2016 {
    display: block !important;
}

@keyframes tossFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 모바일 모드 */
@media (max-width: 600px) {
    .toss-flex-container { flex-direction: column !important; min-height: auto !important; }
    .toss-sidebar { width: 100% !important; flex-direction: row !important; overflow-x: auto !important; padding: 0 !important; border-bottom: 1px solid #f2f4f6 !important; margin-bottom: 20px !important; justify-content: flex-start !important; }
    .toss-sidebar-line, .toss-label::after { display: none !important; }
    .toss-label { padding: 12px 15px !important; font-size: 17px !important; }
    .toss-content-area { padding-left: 0 !important; }
}/* End custom CSS */