* {
    line-height: 1.5;
    word-break: keep-all;
    background-repeat: no-repeat;
}
caption {
    display: none;
}
li {
    list-style: none;
}

.pc-only {
    display: block;
}
.mo-only {
    display: none;
}
.leading-1 {
    line-height: 1;
}
.KIMMB {
    font-family: "KIMMB", sans-serif;
}
.already-inputed-item {
    background-color: var(--color-gray-1);
}
.already-inputed-item * {
    color: var(--color-gray-3);
}
.calendar-only-container {
    position: relative;
}
.max-line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-disc {
    position: relative;
    padding-left: 16px;
}
.list-disc::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: var(--color-black-1);
}

#header {
    z-index: 9990;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
#header .logo-white {
    display: none;
}
#header .my-page-wrap:not(.logged-in) {
    border: 1px solid var(--color-black-1);
    border-radius: 999px;
}
#header .my-page-wrap .icon-mypage-wrap {
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.05);
}
#header .my-page-wrap.logged-in .icon-mypage-wrap {
    border: 1px solid var(--color-black-1);
}
#header .my-page-wrap.logged-in .btn-text {
    display: none;
}

#header .my-page-wrap:not(.logged-in):hover,
#header .my-page-wrap:hover .icon-mypage-wrap {
    border-color: #fff;
    background-color: #fff;
}
#header .my-page-wrap .icon-mypage-wrap .icon-white,
#header .my-page-wrap:hover .icon-mypage-wrap .icon-white {
    display: none;
}
#header .my-page-wrap .icon-mypage-wrap .icon-black,
#header .my-page-wrap:hover .icon-mypage-wrap .icon-black {
    display: block;
}

#header.type-white .my-page-wrap * {
    color: #fff;
}
#header.type-white .my-page-wrap:hover * {
    color: var(--color-black-1);
}
#header.type-white .my-page-wrap .icon-mypage-wrap,
#header.type-white .my-page-wrap {
    border-color: #fff;
}

#header.type-white .my-page-wrap:hover .icon-mypage-wrap {
    background-color: #fff;
}
#header.type-white .my-page-wrap .icon-mypage-wrap {
    background-color: rgba(255, 255, 255, 0.1);
}
#header.type-white .logo-white,
#header.type-white .my-page-wrap:hover .icon-mypage-wrap .icon-black,
#header.type-white .my-page-wrap .icon-mypage-wrap .icon-white {
    display: block;
}
#header.type-white .logo-default,
#header.type-white .my-page-wrap:hover .icon-mypage-wrap .icon-white,
#header.type-white .my-page-wrap .icon-mypage-wrap .icon-black {
    display: none;
}
#header.type-white .sub-menu-wrap * {
    color: #fff;
}

#popParent {
    display: none;
}
.pop-parent {
    z-index: 9999;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
    background-color: rgba(0, 0, 0, 0.35);
}
.pop-parent .pop {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
}
.pop-parent .m-ratioBox-wrap {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}
.pop-parent .m-ratioBox-wrap .m-ratioBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-color: var(--sub_color01);
}
.pop-parent .m-ratioBox-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}
.pop-parent .m-ratioBox-wrap iframe {
    width: 105%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}
.pop-parent .pop .btn-toggle {
    width: 40px;
    height: 40px;
    position: relative;
    background-color: black;
    cursor: pointer;
}
.pop-parent .pop .btn-toggle img {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: all 0.3s;
}
.pop-parent .pop-btns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    background-color: #3c3c3c;
}
.pop-parent .pop-btns a {
    color: #fff;
    padding: 7px 14px;
}
.pop-parent .pop-btns #oneday_check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.pop-parent .pop-btns #oneday_check + label {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.pop-parent .pop-btns #oneday_check + label:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    border: 1px solid #fff;
}
.pop-parent .pop .swiper-btn-control {
    width: 8px;
    height: 11px;
    margin-left: 16px;
    position: relative;
    top: 2px;
}
.pop-parent .popupSwiper {
    background-color: #fff;
}
.pop-parent .swiper-pagination {
    pointer-events: none;
    top: 21px;
    left: auto;
    right: 20px;
    width: fit-content;
}
.pop-parent .swiper-pagination-bullet {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 0;
    border: 1px solid white;
    opacity: 0.5;
    background-color: transparent;
}
.pop-parent .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
}
.pop-parent .active {
    right: -400px;
}
.pop-parent .active .btn-toggle {
    transform: rotate(180deg);
}
.pop-parent .pop .btn-close {
    width: 40px;
    height: 40px;
    background-color: black;
}
.pop-parent .pop .btn-close > i {
    color: #fff;
}

.floating-btns-wrap {
    z-index: 99;
    position: fixed;
    bottom: 48px;
    right: 48px;
    opacity: 0;
    width: 48px;
    transition: 0.3s;
}

.floating-btns-wrap.active {
    opacity: 1;
}
.btn-scroll-top {
    position: relative;
    aspect-ratio: 1/1;
    width: 100%;
    border-radius: 100%;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.btn-scroll-top i {
    font-size: 24px;
    color: #464646;
    z-index: 2;
}

.btn-scroll-top .progress_bar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.btn-scroll-top .progress_bar::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    background-color: #fff;
    border-radius: 100%;
}
.btn-menu {
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--color-gray-2);
}
.btn-menu .icon-open {
    display: block;
}
.btn-menu.on .icon-open {
    display: none;
}
.btn-menu .icon-close {
    display: none;
}
.btn-menu.on .icon-close {
    display: block;
}
.menu-items-wrap {
    display: none;
}
.btn-menu.on + .menu-items-wrap {
    display: flex;
}

/* 체크박스 */
.checkbox-wrap input[type="checkbox"]:checked + .label-checkbox .box {
    background-color: var(--color-navy-2);
}
.checkbox-wrap .label-checkbox {
    display: flex;
    align-items: center;
}
.checkbox-wrap
    input[type="checkbox"]:not(:checked)
    + .label-checkbox
    .label-text {
    opacity: 0.5;
}
.checkbox-wrap .box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: var(--color-gray-6);
}
.checkbox-wrap .box .icon-check {
    color: #fff;
}

/* 라디오 박스 */
.radio-box-wrap
    .radio-box-item
    input[type="radio"]:checked
    + .label-radio
    .box {
    background-color: var(--color-navy-2);
}
.radio-box-wrap .radio-box-item .label-radio {
    border: 1px solid var(--color-gray-4);
    border-radius: 8px;
}
.radio-box-wrap .radio-box-item input[type="radio"]:checked + .label-radio {
    border: 1px solid var(--color-navy-2);
}
.radio-box-wrap .radio-box-item .label-radio .box {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--color-gray-4);
}
.radio-box-wrap .radio-box-item .label-radio .box .icon-check {
    color: #fff;
}
.radio-box-wrap
    .radio-box-item
    input[type="radio"]:not(:checked)
    + .label-radio
    .label-text {
    color: var(--color-gray-3);
}
.radio-box-wrap
    .radio-box-item
    input[type="radio"]:checked
    + .label-radio
    .label-text {
    color: var(--color-navy-2);
}

/* 캘린더 */
.calendar-only-container:not(.entered)
    .calendar-only::-webkit-datetime-edit-text,
.calendar-only-container:not(.entered)
    .calendar-only::-webkit-datetime-edit-month-field,
.calendar-only-container:not(.entered)
    .calendar-only::-webkit-datetime-edit-day-field,
.calendar-only-container:not(.entered)
    .calendar-only::-webkit-datetime-edit-year-field {
    -webkit-appearance: none;
    display: none;
}
.calendar-only-container .calendar-only::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    color: transparent;
    background: transparent;
}
.calendar-only-container.entered .placeholder-text {
    opacity: 0;
}
.calendar-only-container .placeholder-text {
    opacity: 0.4;
}
.calendar-only-container .calendar-only {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 20px;
    padding-left: 24px;
}
.calendar-only-container .calendar-only::before {
    content: "";
    font-family: "xeicon";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.pagination * {
    font-family: "KIMMB", sans-serif;
    font-weight: 700;
}
.pagination .page-btn .icon {
    font-family: "xeicon";
}
.pagination .page-btn:not(.active) {
    opacity: 0.3;
}
.pagination .page-btn.active {
    border-bottom: 2px solid var(--color-black-1);
}

/* 캐디 검색 결과 */
.caddie-result-container
    .caddie-result-item
    input[type="radio"]:checked
    + label {
    border-color: var(--color-navy-2);
}
.caddie-result-container
    .caddie-result-item
    input[type="radio"]:checked
    + label
    .check-box-wrap {
    background-color: var(--color-navy-2);
}
.caddie-result-container
    .caddie-result-item
    input[type="radio"]:checked
    + label
    *:not(.icon-check, .tag) {
    color: var(--color-navy-2);
}
.caddie-result-container .caddie-result-item label {
    display: block;
    border: 1.5px solid var(--color-gray-6);
    border-radius: 16px;
    padding: 12px 12px 32px 24px;
    background-color: #fff;
}
.caddie-result-container
    .caddie-result-item
    .caddie-info-item:not(:last-of-type) {
    border-bottom: 1px solid var(--color-gray-6);
    padding-bottom: 12px;
}

.container-1440 {
    width: 1440px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.container-1280 {
    width: 1280px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.container-830 {
    width: 830px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#footer {
    border-top: 1px solid var(--color-gray-6);
}
#footer .link-item {
    line-height: 1;
    font-weight: 600;
}
#footer .link-item:not(:last-of-type) {
    border-right: 2px solid var(--color-black-1);
    padding-right: 12px;
    margin-right: 12px;
}
/* 글로벌 끝 */

.main-page .main-banner-section .point-text {
    position: relative;
}
.main-page .main-banner-section .point-text::after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    height: 20px;
    background-color: rgba(154, 246, 93, 0.4);
}
.main-page .join-section .speech-bubble {
    position: relative;
    width: fit-content;
    border-radius: 999px;
    padding: 16px 45px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}
.main-page .join-section .speech-bubble::after {
    content: "";
    display: block;
    clear: both;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -30%) rotate(45deg) skew(10deg, 10deg);
    width: 30px;
    height: 30px;
    background-color: #fff;
}
.main-page .join-section .speech-bubble .inner-text {
    z-index: 9;
    position: relative;
}
.main-page .join-section .meritz-samsung-wrap .tag {
    position: absolute;
    top: 0px;
    left: 0px;
}
.main-page .join-section .meritz-samsung-wrap .meritz:hover {
    background-color: var(--color-red-2);
}
.main-page .join-section .meritz-samsung-wrap .meritz:hover .icon-direct-wrap,
.main-page .join-section .meritz-samsung-wrap .samsung:hover .icon-direct-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
    background-color: #fff;
}
.main-page .join-section .meritz-samsung-wrap .meritz .icon-direct-wrap i,
.main-page .join-section .meritz-samsung-wrap .samsung .icon-direct-wrap i {
    font-size: 20px;
    font-weight: 900;
    transform: rotate(-45deg);
}
.main-page .join-section .meritz-samsung-wrap .samsung:hover {
    background-color: var(--color-blue-2);
}

.main-page .why-need-swiper {
    overflow: hidden;
}
.main-page .why-need-swiper .swiper-wrapper {
    flex-wrap: wrap;
    gap: 40px;
}
.main-page .why-need-swiper .swiper-wrapper .swiper-slide {
    height: auto;
}
.main-page .why-need-swiper .swiper-wrapper .swiper-slide.type-1 {
    width: calc(100% / 3 - 80px / 3);
}
.main-page .why-need-swiper .swiper-wrapper .swiper-slide.type-2 {
    width: calc(50% - 40px / 2);
}

.main-page .guard-section {
    background-image: url(../images/main_page_15.webp);
    background-size: cover;
    background-position: center;
}
.main-page .guard-section .white-text-wrap * {
    color: #fff;
}

.main-page .service-swiper {
    overflow: hidden;
}
.main-page .service-swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

/* 서브페이지 시작 */
.sub-page .banner-section {
    border-radius: 0px 0px 56px 56px;
    background-image: url(../images/subpage_banner_bg.png);
    background-size: 100% auto;
    background-position: bottom center;
}
.sub-page .banner-section .key-img-wrap {
    position: relative;
    height: 350px;
}
.sub-page .banner-section .key-img-wrap .key-img {
    width: auto;
    height: 100%;
}
.sub-page .banner-section .key-img-wrap .key-img-active {
    animation: key-img-active 0.55s ease-in-out 0.3s forwards;
    position: absolute;
    top: 0px;
    left: 0px;
}
@keyframes key-img-active {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(35px);
    }
}
.insurance-signup-step-1
    .agreement-items-wrap
    .agreement-item:not(:last-of-type) {
    border-bottom: 1px dashed var(--color-gray-6);
}

.insurance-signup .progress-graph {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 8px;
    background: conic-gradient(
        var(--color-sky-1) 0%,
        var(--color-sky-1) 33%,
        #e4e4e4 0%,
        #e4e4e4 100%
    );
}
.insurance-signup-step-2.insurance-signup .progress-graph {
    background: conic-gradient(
        var(--color-sky-1) 0%,
        var(--color-sky-1) 66%,
        #e4e4e4 0%,
        #e4e4e4 100%
    );
}
.insurance-signup .progress-graph .progress-graph-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
}
.table-info-wrap {
    overflow: hidden;
    border: 1px solid var(--color-gray-6);
    border-radius: 12px;
}
.insurance-signup-step-3 .table-info {
    overflow: hidden;
    border-style: hidden;
    border-radius: 8px;
}
.insurance-signup-step-3 .table-info th {
    width: 160px;
    height: 56px;
    background-color: var(--color-gray-1);
}
.insurance-signup-step-3 .table-info th,
.insurance-signup-step-3 .table-info td {
    padding: 0px 24px;
    border: 1px solid var(--color-gray-6);
}

.sub-page .sub-gnb-container {
    position: absolute;
    bottom: 80px;
    left: 0px;
}
.sub-page .sub-gnb-container * {
    color: #fff;
}
.sub-page .sub-gnb-container .sub-gnb-item {
    font-size: 20px;
    font-weight: 300;
}
.sub-page .sub-gnb-container .sub-gnb-item.on {
    position: relative;
}
.sub-page .sub-gnb-container .sub-gnb-item.on::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
}
.sub-page .sub-gnb-container .sub-gnb-item:not(.on) {
    opacity: 0.6;
}
.sub-page .side-bar {
    border: 1px solid var(--color-gray-6);
    border-radius: 8px;
}
.sub-page .info-detail-wrap {
    position: relative;
}
.sub-page .info-detail-wrap::before {
    content: "";
    display: block;
    clear: both;
    width: 16px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.24);
}

.join-floating-btn-container {
    z-index: 99;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    max-height: 100px;
    transition: 0.5s ease;
}
.join-floating-btn-container.on {
    max-height: 300px;
}
.join-floating-btn-container.on .btn-floating-contents-control {
    transform: rotate(180deg);
}
.join-floating-btn-container .inner-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    text-align: left;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12);
    border-radius: 24px 24px 0px 0px;
}
.join-floating-btn-container .opened-contents,
.join-floating-btn-container.on .closed-contents {
    display: none;
}
.join-floating-btn-container,
.join-floating-btn-container.on .opened-contents {
    display: block;
}

.mypage-signup-history .table-info-container {
    overflow: hidden;
    border: 1px solid var(--color-gray-6);
    border-radius: 8px;
}
.mypage-signup-history .table-info {
    border-radius: 8px;
    border-style: hidden;
    box-shadow: 0 0 0 1px var(--color-gray-6);
}
.mypage-signup-history .table-info th,
.mypage-signup-history .table-info td {
    text-align: left;
    border: 1px solid var(--color-gray-6);
    padding-left: 24px;
}
.mypage-signup-history .table-info th {
    width: 160px;
    height: 56px;
    background-color: var(--color-gray-1);
}
.mypage-signup-history .table-info td {
    width: 420px;
}

/* 사고접수내역 페이지 */
.sub-page.mypage-claim-history .info-detail-wrap::before {
    content: none;
}
.mypage-claim-history .victim-name,
.mypage-claim-history .calendar-only-container {
    display: flex;
    align-items: center;
    height: 48px;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid var(--color-gray-6);
    border-radius: 8px;
    padding-left: 24px;
}

.result-tab-container {
    border-bottom: 2px solid var(--color-gray-6);
}
.result-tab-container .result-tab-item {
    position: relative;
    font-weight: 300;
    padding: 0px 12px 16px 12px;
}
.result-tab-container .result-tab-item.on {
    font-weight: 700;
}
.result-tab-container .result-tab-item.on::after {
    content: "";
    display: block;
    clear: both;
    z-index: 9;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform: translateY(100%);
    width: 100%;
    height: 2px;
    background-color: var(--color-black-1);
}
.mypage-claim-history .table-result {
    width: 100%;
}
.mypage-claim-history .table-result * {
    text-align: center;
}
.mypage-claim-history .table-result th,
.mypage-claim-history .table-result td {
    padding: 16px 0px;
}
.mypage-claim-history .table-result thead th {
    background-color: var(--color-gray-1);
}
.mypage-claim-history .table-result thead th:first-of-type {
    border-radius: 8px 0px 0px 8px;
}
.mypage-claim-history .table-result thead th:last-of-type {
    border-radius: 0px 8px 8px 0px;
}
.mypage-claim-history .table-result tbody tr {
    cursor: pointer;
    border-bottom: 1px solid var(--color-gray-6);
}

.mypage-claim-history .table-result .status {
    font-weight: 600;
}
.mypage-claim-history .table-result .status.state-0 {
    opacity: 0.5;
}
.mypage-claim-history .table-result .status.state-1 {
    opacity: 0.5;
}
.mypage-claim-history .table-result .status.state-2 {
    color: var(--color-sky-1);
}
.mypage-claim-history .table-result .status.state-3 {
    color: var(--color-blue-4);
}

.mypage-claim-details table {
    width: 100%;
    border-style: hidden;
}
.mypage-claim-details table th,
.mypage-claim-details table td {
    border: 1px solid var(--color-gray-6);
    padding: 16px 24px;
}
.mypage-claim-details table th {
    width: 160px;
    background-color: var(--color-gray-1);
}

/* 마이페이지 사고접수 */
.mypage-file-claim #drop-zone.on .no-file-guide,
.mypage-file-claim #drop-zone .file-list-container {
    display: none;
}
.mypage-file-claim #drop-zone.on .file-list-container {
    display: block;
}
.mypage-file-claim #drop-zone .file-list-container .file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
}
.mypage-file-claim #drop-zone .file-list-container .file-item:hover {
    background-color: #e2e6ea;
}
.mypage-file-claim #drop-zone .file-list-container .file-item.file-name {
    margin-right: 8px;
}
.mypage-file-claim #drop-zone .file-list-container .file-item .btn-remove-file {
    background-color: transparent;
}
.mypage-file-claim
    .checkbox-wrap
    input[type="checkbox"]:checked
    + .label-checkbox {
    border-color: var(--color-navy-2);
}

.mypage-signup-history-manager .input-item {
    border: 1px solid var(--color-gray-6);
    border-radius: 8px;
    padding: 12px 24px;
}
.mypage-signup-history-manager .caddie-result-container-wrap {
    position: relative;
}
.mypage-signup-history-manager .caddie-result-container-wrap::after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 120px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    pointer-events: none;
}
.mypage-signup-history-manager .caddie-result-container {
    max-height: 900px;
    overflow-y: auto;
}
.mypage-signup-history-manager .caddie-result-container .caddie-result-item {
    border: 1px solid var(--color-gray-6);
    border-radius: 8px;
    padding: 12px 12px 32px 24px;
}
.mypage-signup-history-manager
    .caddie-result-container
    .caddie-result-item:hover {
    border-color: var(--color-navy-2);
}
.mypage-signup-history-manager
    .caddie-result-container
    .caddie-result-item:hover
    .check-box-wrap {
    background-color: var(--color-navy-2);
}
.mypage-signup-history-manager
    .caddie-result-container
    .caddie-result-item:hover
    .icon-check {
    opacity: 1;
    color: #fff;
}
.mypage-signup-history-manager
    .caddie-result-container
    .caddie-result-item
    .tag.cancel {
    color: var(--color-red-1);
    background-color: #fad2d0;
}

.mypage-signup-history-manager .table-container {
    overflow: hidden;
    border: 1px solid var(--color-gray-6);
}
.mypage-signup-history-manager .table-container table {
    border-style: hidden;
}
.mypage-signup-history-manager .table-container table th {
    width: 160px;

    background-color: var(--color-gray-1);
}
.mypage-signup-history-manager .table-container table th,
.mypage-signup-history-manager .table-container table td {
    text-align: left;
    height: 56px;
    padding: 0px 24px;
    border: 1px solid var(--color-gray-6);
}
.caddie-popup-container {
    display: none;
    z-index: 9990;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.caddie-popup-container .caddie-popup-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 900px;
    border-radius: 16px;
    padding: 32px 32px 40px 32px;
    background-color: #fff;
}

/* 자주묻는 질문 */
.faq-page .faq-item details {
    padding: 36px 24px;
    border-bottom: 1px solid var(--color-gray-6);
}
.faq-page .faq-item:not(:first-of-type) details[open] {
    border-top: 1px solid var(--color-black-1);
}
.faq-page .faq-item details[open] {
    border-color: var(--color-black-1);
}
.faq-page .faq-item details[open] .icon-plus {
    display: none;
}
.faq-page .faq-item details:not([open]) .icon-minus {
    display: none;
}
.faq-page .faq-item details summary {
    cursor: pointer;
}
.faq-page .faq-item details summary::marker {
    content: none;
}
.faq-page .faq-item details[open] summary * {
    font-weight: 700;
}

/* 법률 페이지 */
.privacy strong {
    margin-bottom: 8px;
}

/* 가입확인서 다운로드 */
#element-to-print {
    position: absolute;
    top: 0px;
    left: -9999px;
    width: 2480px;
    height: 3508px;
    padding: 64px;
}

#element-to-print {
    *:not([class*="text-"]) {
        font-size: 36px;
    }
}

/* 보험가입증명서 공통 스타일 */
#product_info,
#info_section,
#sing_section {
    width: 100%;
}
#sing_section {
    display: flex;
    justify-content: end;
}
#element-to-print .info_section_box_wrap {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
#element-to-print .info_section_box {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
#element-to-print table {
    width: 100%;
    border-collapse: collapse;
    text-indent: 40px;
    text-align: left;
}
#element-to-print th {
    background-color: var(--color-gray-6);
}
#element-to-print th,
#element-to-print td {
    height: 80px;
    line-height: 80px;
}

#element-to-print .info-custom-table tbody > tr > th,
#element-to-print .info-custom-table tbody > tr > td {
    border-top: 4px solid #000;
}
#element-to-print .info-custom-table tbody > tr:last-of-type th,
#element-to-print .info-custom-table tbody > tr:last-of-type td {
    border-bottom: 4px solid #000;
}
#element-to-print .info-custom-table .no-border-table tbody > tr > th,
#element-to-print .info-custom-table .no-border-table tbody > tr > td {
    border-top: 0px none;
    border-bottom: 0px none;
}

#element-to-print .custom-type-1 th:not(.no-border-left),
#element-to-print .custom-type-1 td:not(.no-border-left) {
    border-left: 2px solid #000;
}
#element-to-print .custom-type-1 th:first-child,
#element-to-print .custom-type-1 td:first-child {
    border-left: none;
}
#element-to-print .custom-type-2,
#element-to-print .custom-type-2 th,
#element-to-print .custom-type-2 td {
    text-align: center;
    text-indent: 0;
}
#element-to-print .custom-type-3,
#element-to-print .custom-type-3 th,
#element-to-print .custom-type-3 td {
    text-align: right;
    padding-right: 40px;
}
#element-to-print td.custom-type-3 {
    border-bottom: 4px solid #000;
}
/* .custom-type-4 {
    border-top: 4px solid #000;
  } */
#element-to-print .custom-type-4 th,
#element-to-print .custom-type-4 td {
    border-top: 4px solid #000;
}

#element-to-print #border-style {
    width: 100%;
    height: 4px;
    background: var(--color-gray);
}

/* 메리츠 */
/* Header */
#element-to-print #meritz_header {
    position: relative;
    width: 100%;
    height: 184px;
    border: 12px solid var(--color-red-1);
    border-top: none;
    border-radius: 0 0 80px 80px;
    margin-bottom: 72px;
}
#element-to-print #meritz_header > h1 > p {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
}
#element-to-print #meritz_header > h1 > .logo-img {
    position: absolute;
    display: block;
    width: 495px;
    bottom: 20px;
    right: 115px;
}

/* Contents */
#element-to-print #meritz_contents_wrap {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 40px;
}
#element-to-print #meritz_contents_wrap > #product_info {
    margin-bottom: 32px;
}
#element-to-print #meritz_contents_wrap > #sing_section {
    padding-top: 62px;
}
#element-to-print #meritz_contents_wrap .info_section_box > p {
    padding: 30px;
    background: #f1f1f1;
}
#element-to-print #meritz_contents_wrap .info_section_title {
    display: flex;
    justify-content: space-between;
}
#element-to-print #meritz_contents_wrap .sing-img {
    width: 608px;
}

/* Footer */
#element-to-print #meritz_footer {
    display: flex;
    justify-content: space-between;
}
#element-to-print #meritz_footer > .footer-left,
#element-to-print #meritz_footer > .footer-right,
#element-to-print #meritz_footer > .footer-right > p {
    display: flex;
}
#element-to-print #meritz_footer > .footer-left,
#element-to-print #meritz_footer > .footer-right > p {
    flex-direction: column;
}
#element-to-print #meritz_footer > .footer-left {
    gap: 24px;
    padding-left: 60px;
}
#element-to-print #meritz_footer > .footer-right {
    gap: 70px;
    padding-right: 240px;
}
#element-to-print #meritz_footer > .footer-right > p {
    gap: 16px;
}

/* 삼성 */
/* Header */
#samsung_header {
    width: 100%;
    display: flex;
    justify-content: end;
    padding-bottom: 180px;
}
#samsung_header h1 {
    width: 256px;
}

/* Contents */
#samsung_contents_wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    border-bottom: 4px solid var(--color-gray-6);
}
#samsung_contents_wrap > #product_info {
    margin-bottom: 72px;
}
#samsung_contents_wrap > #sing_section {
    position: relative;
    padding: 65px 0;
}
#samsung_contents_wrap > #sing_section > p {
    padding-right: 240px;
}
#samsung_contents_wrap .sing-img {
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translateY(-50%);
    width: 159px;
    height: 151px;
}

#element-to-print #samsung_footer {
    display: flex;
    justify-content: end;
}
#element-to-print #samsung_footer > div {
    display: flex;
    gap: 70px;
    padding-right: 240px;
}

/* 팝업 공통 스타일 */
.pop-title-txt-32 {
    font-size: 32px;
    font-weight: 700;
}
.pop-title-txt-24 {
    font-size: 24px;
    font-weight: 700;
}
.pop-body-txt-24 {
    font-size: 24px;
    font-weight: 500;
}
.pop-body-txt-20 {
    font-size: 20px;
    font-weight: 500;
}
.pop-txt-opacity-60 {
    opacity: 60%;
}
.pop-txt-opacity-40 {
    opacity: 40%;
}

#pop-wrap {
    display: none;
    z-index: 9900;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.5);
}
#pop-wrap.new-window {
    display: flex;
}
#pop-wrap.open {
    display: flex;
}
.pop-inner {
    position: absolute;
    flex-direction: column;
    width: 904px;
    height: 364px;
    background-color: #fff;
}
.pop-inner .pop-logo {
    width: 320px;
}
.close-btn {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
}
.close-btn i {
    font-size: 25px;
    color: #333;
}

/* 서브페이지 끝 */

/* pdf */
@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.xi-spin {
    animation: rotate360 3s 0s linear infinite;
}
.rotate-180 {
    transform: rotate(180deg);
}
.pdf-page {
    position: absolute;
    top: 0px;
    left: -9999px;
    width: 2480px;
    height: 3508px;
    font-family: "Pretendard";
    padding: 50px 75px;
    background-color: #fff;
    --spacing: 0.125rem;
    /* box-shadow: inset 0px 0px 0px 1px rgba(255, 0, 0, 1); */
}
.pdf-page * {
    word-break: break-all;
    line-height: 1.2;
}
.pdf-page.caregiver {
    padding: 125px 160px;
}
.pdf-page.caddie-care {
    padding: 0px;
}
.caddie-care > .contents-wrap {
    padding: 0px 140px;
}

/* 1439px 이하 */
@media screen and (max-width: 1439px) {
    .container-1440.mobile-px,
    .container-1440 .mobile-px {
        padding-left: 16px;
        padding-right: 16px;
    }
    .container-1280.mobile-px,
    .container-1280 .mobile-px {
        padding-left: 16px;
        padding-right: 16px;
    }

    .main-page .main-banner-section > .container-1280 {
        padding-left: 60px;
    }
}
/* 1279px 이하 */
@media screen and (max-width: 1279px) {
    .pc-only {
        display: none;
    }
    .mo-only {
        display: block;
    }
    .list-disc {
        padding-left: 8px;
    }
    .list-disc::before {
        width: 3px;
        height: 3px;
    }

    .pop-parent .pop {
        width: 310px;
    }
    .pop-parent.active {
        right: -310px;
    }

    /* 글로벌 끝 */

    .main-page .main-banner-section .point-text::after {
        content: none;
    }
    .main-page .service-swiper .swiper-wrapper {
        gap: 16px;
    }

    .sub-page .sub-gnb-container {
        left: 16px;
    }
    .sub-page .sub-gnb-container .sub-gnb-item {
        font-size: 15px;
    }

    .mypage-signup-history .table-info * {
        font-size: 14px;
    }
    .mypage-signup-history .table-info th,
    .mypage-signup-history .table-info td {
        padding: 0px 12px;
    }

    .mypage-signup-history-manager .input-item {
        padding: 14px;
    }
    .calendar-only-container .calendar-only {
        padding-left: 0px;
    }
    .mypage-claim-history .calendar-only-container .calendar-only,
    .mypage-signup-history-manager .calendar-only-container .calendar-only {
        padding-left: 14px;
    }
}

/* 1023px 이하 */
@media screen and (max-width: 1023px) {
    .floating-btns-wrap {
        bottom: 16px;
        right: 16px;
    }
    #header.type-white .sub-menu-wrap * {
        color: var(--color-black-1);
    }
    #header .sub-menu-wrap {
        display: none;
        position: absolute;
        top: 80px;
        left: 0px;
        width: 100%;
        padding: 0px 24px;
    }
    #header.on {
        height: 100%;
        background-color: #fff;
    }
    #header.on .sub-menu-wrap {
        display: flex;
    }
    #header.on .mobile-menu-btn-wrap .icon-menu {
        display: none;
    }
    #header.on .mobile-menu-btn-wrap .icon-close {
        display: block;
        font-size: 18px;
    }
    #wrap #header .my-page-wrap {
        border: 0px none;
    }
    #header .my-page-wrap .icon-mypage-wrap {
        background-color: transparent;
    }
    #wrap #header .my-page-wrap .btn-text {
        display: none;
    }
    #header.on.type-white .logo-white,
    #header .mobile-menu-btn-wrap .icon-white,
    #header.type-white .mobile-menu-btn-wrap .icon-black,
    #header.type-white .mobile-menu-btn-wrap .icon-white,
    #header.on.type-white .mobile-menu-btn-wrap .icon-white {
        display: none;
    }
    #header.on.type-white .logo-default,
    #header.on.type-white .my-page-wrap .icon-mypage-wrap .icon-black,
    #header.type-white .mobile-menu-btn-wrap .icon-white {
        display: block;
    }

    .checkbox-wrap .box {
        width: 16px;
        height: 16px;
    }
    .checkbox-wrap .box.type-2 {
        width: 24px;
        height: 24px;
    }
    .checkbox-wrap .box .icon-check {
        font-size: 10px;
    }
    .checkbox-wrap .box.type-2 .icon-check {
        font-size: 14px;
    }

    .pagination .page-btn {
        font-size: 18px;
        padding: 0px 4px;
    }

    .result-tab-container .result-tab-item {
        padding: 0px 8px 8px 8px;
    }
    /* 글로벌 끝 */

    .main-page .why-need-swiper .swiper-wrapper {
        gap: 20px;
    }
    .main-page .why-need-swiper .swiper-wrapper .swiper-slide.type-1 {
        width: calc(100% / 3 - 40px / 3);
    }
    .main-page .why-need-swiper .swiper-wrapper .swiper-slide.type-2 {
        width: calc(50% - 20px / 2);
    }
    #wrap.main-page .join-section .meritz-samsung-wrap .icon-direct-wrap {
        display: none;
    }

    /* 서브페이지 */
    .sub-page .sub-gnb-container {
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
    .sub-page .sub-gnb-container .sub-gnb-item.on::before {
        content: none;
    }
    .sub-page .banner-section {
        border-radius: 0px 0px 32px 32px;
    }
    .sub-page .banner-section .key-img-wrap {
        display: none;
    }
    .insurance-signup .progress-graph {
        width: 45px;
        height: 45px;
        padding: 4px;
    }

    .mypage-signup-history .table-info * {
        font-size: 12px;
    }
    .mypage-signup-history .table-info th,
    .mypage-signup-history .table-info td {
        padding: 0px 8px;
    }

    .radio-box-wrap .radio-box-item .label-radio .box {
        width: 16px;
        height: 16px;
    }
    .radio-box-wrap .radio-box-item .label-radio .box .icon-check {
        font-size: 10px;
    }

    .mypage-claim-history .victim-name,
    .mypage-claim-history .calendar-only-container {
        height: 40px;
    }
    .mypage-claim-history .victim-name,
    .mypage-claim-history .calendar-only-container {
        padding-left: 12px;
    }
    .calendar-only-container .calendar-only,
    .calendar-only-container .placeholder-text,
    .mypage-claim-history .victim-name {
        font-size: 14px;
    }
    .mypage-claim-history .table-result-wrap {
        overflow-x: auto;
    }
    .mypage-claim-history .table-result-wrap .table-result {
        min-width: 600px;
    }
    .mypage-claim-history .table-result * {
        font-size: 14px;
    }
    .mypage-claim-history .table-result th,
    .mypage-claim-history .table-result td {
        padding: 8px 0px;
    }

    .mypage-claim-details table {
        font-size: 14px;
    }
    .mypage-claim-details table th,
    .mypage-claim-details table td {
        padding: 8px 16px;
    }
    .mypage-claim-details .table-container tr {
        display: flex;
        flex-wrap: wrap;
    }
    .mypage-claim-details .table-container th,
    .mypage-claim-details .table-container td {
        display: block;
        text-align: left;
        font-size: 13px;
        border-width: 0.5px;
    }

    #wrap.mypage-claim-details .progress-status .table-container th,
    #wrap.mypage-claim-details .progress-status .table-container td {
        display: table-cell;
        width: calc(100% / 3);
    }

    .mypage-claim-details .table-container th {
        width: 110px;
    }
    .mypage-claim-details .table-container th.full-width,
    .mypage-claim-details .table-container th.full-width + td {
        width: 100%;
    }
    .mypage-claim-details .table-container td {
        width: calc(100% - 110px);
    }

    .caddie-result-scroll-wrap {
        scrollbar-width: auto; /* firefox */
    }
    .caddie-result-scroll-wrap::-webkit-scrollbar {
        height: 2px;
    }
    #wrap .caddie-result-container {
        max-height: none;
        border-top: 1px solid var(--color-black-1);
        padding-top: 0px;
        padding-left: 0px;
        margin-top: 24px;
    }
    #wrap.mypage-file-claim .caddie-result-container {
        border-top: 0px none;
    }

    .caddie-result-container .caddie-result-item label {
        width: max-content;
    }
    #wrap .caddie-result-container-wrap::after {
        content: none;
    }
    #wrap .caddie-result-container .caddie-result-item {
        position: relative;
        border: 0px none;
        padding: 20px;
    }
    #wrap.mypage-file-claim .caddie-result-container .caddie-result-item {
        padding: 0px;
    }
    #wrap .caddie-result-container .caddie-result-item .check-box-wrap {
        position: absolute;
        top: 20px;
        right: 0px;
        transform: translateY(15%);
        width: 24px;
        height: 24px;
    }
    #wrap.mypage-file-claim
        .caddie-result-container
        .caddie-result-item
        .check-box-wrap {
        right: 16px;
    }
    #wrap .caddie-result-container .caddie-result-item .caddie-info-item {
        display: flex;
        border: 0px none;
        padding-bottom: 0px;
    }
    #wrap
        .caddie-result-container
        .caddie-result-item
        .caddie-info-item
        > strong {
        display: block;
        width: 105px;
        font-size: 14px;
    }
    #wrap .caddie-result-container .caddie-result-item .caddie-info-item > p {
        margin-top: 0px;
    }

    .caddie-result-container .caddie-result-item label {
        padding: 20px 16px 20px 20px;
    }

    .caddie-popup-container {
        overflow-y: auto;
    }
    .caddie-popup-container .caddie-popup-inner {
        width: 100%;
        height: auto;
        border-radius: 0px;
    }
    .mypage-signup-history-manager .table-container table tr {
        display: flex;
        flex-wrap: wrap;
    }
    .mypage-signup-history-manager .table-container table th,
    .mypage-signup-history-manager .table-container table td {
        display: block;
        height: auto;
        font-size: 13px;
        border-width: 0.5px;
        padding: 12px 16px;
    }
    .mypage-signup-history-manager .table-container table th {
        width: 105px;
    }
    .mypage-signup-history-manager .table-container table td {
        width: calc(100% - 105px);
    }

    /* 마이페이지 사고접수 */
    .mypage-file-claim #drop-zone .file-list-container .file-item {
        font-size: 12px;
        padding-right: 16px;
    }

    /* 자주묻는 질문 */
    .faq-page .faq-item details {
        padding: 20px 0px;
    }

    /* 법률 페이지 */
    .privacy strong {
        margin-bottom: 8px;
    }
    .privacy .list-disc {
        font-size: 14px;
    }

    /* 가입확인서 다운로드 */
    /* .pop-title-txt-32 {
        font-size: 24px;
    }
    .pop-title-txt-24 {
        font-size: 12px;
    }
    .pop-body-txt-24 {
        font-size: 12px;
    }
    .pop-body-txt-20 {
        font-size: 12px;
    } */

    .pop-inner {
        width: 90%;
    }
    .pop-inner .pop-logo {
        width: 220px;
        margin-bottom: 20px;
    }

    .close-btn {
        top: 24px;
        right: 24px;
        width: 18px;
        height: 18px;
    }
    .close-btn i {
        font-size: 16px;
    }
}

/* 767px 이하 */
@media screen and (max-width: 767px) {
    .pop-parent {
        top: 50%;
        right: unset;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .pop-parent .pop-btns {
        width: 100%;
        justify-content: space-between;
    }
    .pop-parent .pop .btn-toggle {
        display: none;
    }
    .pop-parent .pop .btn-close {
        display: block;
    }
    /* 글로벌 끝 */

    .main-page .join-section .speech-bubble {
        padding: 8px 22px;
    }
    .main-page .join-section .speech-bubble::after {
        width: 20px;
        height: 20px;
    }

    .main-page .why-need-swiper .swiper-wrapper {
        flex-wrap: nowrap;
        gap: 0px;
    }
    #wrap.main-page .why-need-swiper .swiper-wrapper .swiper-slide {
        width: fit-content;
    }

    .main-page .service-swiper .swiper-wrapper {
        display: flex;
        gap: 0px;
    }
    .main-page .service-swiper .swiper-wrapper .swiper-slide {
        height: auto;
    }

    /* 서브페이지 */
    .mypage-signup-history .table-info {
        width: 100%;
    }
    .mypage-signup-history .table-info tr {
        display: flex;
        flex-wrap: wrap;
    }
    .mypage-signup-history .table-info tr th,
    .mypage-signup-history .table-info tr td {
        height: auto;
        border-width: 0.5px;
        padding: 12px;
    }
    .mypage-signup-history .table-info tr th {
        display: block;
        width: 35%;
    }
    .mypage-signup-history .table-info tr td {
        width: 65%;
    }

    .btn-search-filter.on * {
        color: var(--color-blue-4);
    }
    .mobile-filter:not(.open) {
        display: none;
    }
    .mypage-claim-history .table-result-wrap {
        border-bottom: 1px solid var(--color-black-1);
    }
    /*:root {*/
    /*    --spacing: 0.125rem;*/
    /*}*/
}