@charset "UTF-8";
@import url(./reset.css);
@import url(./fonts.css);
@import url(./swiper-bundle.min.css);

html {
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #101010;
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: #101010;
    font-family: 'Pretendard';
    line-height: 1.4;
    letter-spacing: -0.5px;
}

    body::after {
        display: block;
        content: '';
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        opacity: 0;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    body.dim:after {
        z-index: 10;
        opacity: 1;
    }

textarea,
input[type="text"],
input[type="submit"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="date"] {
    -webkit-appearance: none;
}

input[type="date"] {
    position: relative;
    padding-right: 0;
}

    input[type="date"]::after {
        display: block;
        content: '\e90c';
        font-family: "icomoon";
        font-size: 18px;
        font-weight: 400;
        text-align: left;
        color: #101010;
        line-height: 1;
        position: absolute;
        top: 50%;
        right: 15px;
        width: 18px;
        height: 18px;
        font-size: 18px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
    }

    input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: none;
        color: transparent;
    }

    input[type="date"].trigger {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        opacity: 0;
    }

strong {
    font-weight: 700;
}

@-webkit-keyframes clickAction {
    30% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes clickAction {
    30% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

hr {
    margin: 0 -18px;
    padding: 0 18px;
    height: 8px;
    border: none;
    border-top: 1px solid #dddddd;
    background: #f1f1f1;
}

.mt-0 {
    margin-top: 0px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.mt-1 {
    margin-top: 0.5px !important;
}

.mr-1 {
    margin-right: 0.5px !important;
}

.mb-1 {
    margin-bottom: 0.5px !important;
}

.ml-1 {
    margin-left: 0.5px !important;
}

.mt-2 {
    margin-top: 1px !important;
}

.mr-2 {
    margin-right: 1px !important;
}

.mb-2 {
    margin-bottom: 1px !important;
}

.ml-2 {
    margin-left: 1px !important;
}

.mt-3 {
    margin-top: 1.5px !important;
}

.mr-3 {
    margin-right: 1.5px !important;
}

.mb-3 {
    margin-bottom: 1.5px !important;
}

.ml-3 {
    margin-left: 1.5px !important;
}

.mt-4 {
    margin-top: 2px !important;
}

.mr-4 {
    margin-right: 2px !important;
}

.mb-4 {
    margin-bottom: 2px !important;
}

.ml-4 {
    margin-left: 2px !important;
}

.mt-5 {
    margin-top: 2.5px !important;
}

.mr-5 {
    margin-right: 2.5px !important;
}

.mb-5 {
    margin-bottom: 2.5px !important;
}

.ml-5 {
    margin-left: 2.5px !important;
}

.mt-6 {
    margin-top: 3px !important;
}

.mr-6 {
    margin-right: 3px !important;
}

.mb-6 {
    margin-bottom: 3px !important;
}

.ml-6 {
    margin-left: 3px !important;
}

.mt-7 {
    margin-top: 3.5px !important;
}

.mr-7 {
    margin-right: 3.5px !important;
}

.mb-7 {
    margin-bottom: 3.5px !important;
}

.ml-7 {
    margin-left: 3.5px !important;
}

.mt-8 {
    margin-top: 4px !important;
}

.mr-8 {
    margin-right: 4px !important;
}

.mb-8 {
    margin-bottom: 4px !important;
}

.ml-8 {
    margin-left: 4px !important;
}

.mt-9 {
    margin-top: 4.5px !important;
}

.mr-9 {
    margin-right: 4.5px !important;
}

.mb-9 {
    margin-bottom: 4.5px !important;
}

.ml-9 {
    margin-left: 4.5px !important;
}

.mt-10 {
    margin-top: 5px !important;
}

.mr-10 {
    margin-right: 5px !important;
}

.mb-10 {
    margin-bottom: 5px !important;
}

.ml-10 {
    margin-left: 5px !important;
}

.mt-11 {
    margin-top: 5.5px !important;
}

.mr-11 {
    margin-right: 5.5px !important;
}

.mb-11 {
    margin-bottom: 5.5px !important;
}

.ml-11 {
    margin-left: 5.5px !important;
}

.mt-12 {
    margin-top: 6px !important;
}

.mr-12 {
    margin-right: 6px !important;
}

.mb-12 {
    margin-bottom: 6px !important;
}

.ml-12 {
    margin-left: 6px !important;
}

.mt-13 {
    margin-top: 6.5px !important;
}

.mr-13 {
    margin-right: 6.5px !important;
}

.mb-13 {
    margin-bottom: 6.5px !important;
}

.ml-13 {
    margin-left: 6.5px !important;
}

.mt-14 {
    margin-top: 7px !important;
}

.mr-14 {
    margin-right: 7px !important;
}

.mb-14 {
    margin-bottom: 7px !important;
}

.ml-14 {
    margin-left: 7px !important;
}

.mt-15 {
    margin-top: 7.5px !important;
}

.mr-15 {
    margin-right: 7.5px !important;
}

.mb-15 {
    margin-bottom: 7.5px !important;
}

.ml-15 {
    margin-left: 7.5px !important;
}

.mt-16 {
    margin-top: 8px !important;
}

.mr-16 {
    margin-right: 8px !important;
}

.mb-16 {
    margin-bottom: 8px !important;
}

.ml-16 {
    margin-left: 8px !important;
}

.mt-17 {
    margin-top: 8.5px !important;
}

.mr-17 {
    margin-right: 8.5px !important;
}

.mb-17 {
    margin-bottom: 8.5px !important;
}

.ml-17 {
    margin-left: 8.5px !important;
}

.mt-18 {
    margin-top: 9px !important;
}

.mr-18 {
    margin-right: 9px !important;
}

.mb-18 {
    margin-bottom: 9px !important;
}

.ml-18 {
    margin-left: 9px !important;
}

.mt-19 {
    margin-top: 9.5px !important;
}

.mr-19 {
    margin-right: 9.5px !important;
}

.mb-19 {
    margin-bottom: 9.5px !important;
}

.ml-19 {
    margin-left: 9.5px !important;
}

.mt-20 {
    margin-top: 10px !important;
}

.mr-20 {
    margin-right: 10px !important;
}

.mb-20 {
    margin-bottom: 10px !important;
}

.ml-20 {
    margin-left: 10px !important;
}

.mt-21 {
    margin-top: 10.5px !important;
}

.mr-21 {
    margin-right: 10.5px !important;
}

.mb-21 {
    margin-bottom: 10.5px !important;
}

.ml-21 {
    margin-left: 10.5px !important;
}

.mt-22 {
    margin-top: 11px !important;
}

.mr-22 {
    margin-right: 11px !important;
}

.mb-22 {
    margin-bottom: 11px !important;
}

.ml-22 {
    margin-left: 11px !important;
}

.mt-23 {
    margin-top: 11.5px !important;
}

.mr-23 {
    margin-right: 11.5px !important;
}

.mb-23 {
    margin-bottom: 11.5px !important;
}

.ml-23 {
    margin-left: 11.5px !important;
}

.mt-24 {
    margin-top: 12px !important;
}

.mr-24 {
    margin-right: 12px !important;
}

.mb-24 {
    margin-bottom: 12px !important;
}

.ml-24 {
    margin-left: 12px !important;
}

.mt-25 {
    margin-top: 12.5px !important;
}

.mr-25 {
    margin-right: 12.5px !important;
}

.mb-25 {
    margin-bottom: 12.5px !important;
}

.ml-25 {
    margin-left: 12.5px !important;
}

.mt-26 {
    margin-top: 13px !important;
}

.mr-26 {
    margin-right: 13px !important;
}

.mb-26 {
    margin-bottom: 13px !important;
}

.ml-26 {
    margin-left: 13px !important;
}

.mt-27 {
    margin-top: 13.5px !important;
}

.mr-27 {
    margin-right: 13.5px !important;
}

.mb-27 {
    margin-bottom: 13.5px !important;
}

.ml-27 {
    margin-left: 13.5px !important;
}

.mt-28 {
    margin-top: 14px !important;
}

.mr-28 {
    margin-right: 14px !important;
}

.mb-28 {
    margin-bottom: 14px !important;
}

.ml-28 {
    margin-left: 14px !important;
}

.mt-29 {
    margin-top: 14.5px !important;
}

.mr-29 {
    margin-right: 14.5px !important;
}

.mb-29 {
    margin-bottom: 14.5px !important;
}

.ml-29 {
    margin-left: 14.5px !important;
}

.mt-30 {
    margin-top: 15px !important;
}

.mr-30 {
    margin-right: 15px !important;
}

.mb-30 {
    margin-bottom: 15px !important;
}

.ml-30 {
    margin-left: 15px !important;
}

.mt-31 {
    margin-top: 15.5px !important;
}

.mr-31 {
    margin-right: 15.5px !important;
}

.mb-31 {
    margin-bottom: 15.5px !important;
}

.ml-31 {
    margin-left: 15.5px !important;
}

.mt-32 {
    margin-top: 16px !important;
}

.mr-32 {
    margin-right: 16px !important;
}

.mb-32 {
    margin-bottom: 16px !important;
}

.ml-32 {
    margin-left: 16px !important;
}

.mt-33 {
    margin-top: 16.5px !important;
}

.mr-33 {
    margin-right: 16.5px !important;
}

.mb-33 {
    margin-bottom: 16.5px !important;
}

.ml-33 {
    margin-left: 16.5px !important;
}

.mt-34 {
    margin-top: 17px !important;
}

.mr-34 {
    margin-right: 17px !important;
}

.mb-34 {
    margin-bottom: 17px !important;
}

.ml-34 {
    margin-left: 17px !important;
}

.mt-35 {
    margin-top: 17.5px !important;
}

.mr-35 {
    margin-right: 17.5px !important;
}

.mb-35 {
    margin-bottom: 17.5px !important;
}

.ml-35 {
    margin-left: 17.5px !important;
}

.mt-36 {
    margin-top: 18px !important;
}

.mr-36 {
    margin-right: 18px !important;
}

.mb-36 {
    margin-bottom: 18px !important;
}

.ml-36 {
    margin-left: 18px !important;
}

.mt-37 {
    margin-top: 18.5px !important;
}

.mr-37 {
    margin-right: 18.5px !important;
}

.mb-37 {
    margin-bottom: 18.5px !important;
}

.ml-37 {
    margin-left: 18.5px !important;
}

.mt-38 {
    margin-top: 19px !important;
}

.mr-38 {
    margin-right: 19px !important;
}

.mb-38 {
    margin-bottom: 19px !important;
}

.ml-38 {
    margin-left: 19px !important;
}

.mt-39 {
    margin-top: 19.5px !important;
}

.mr-39 {
    margin-right: 19.5px !important;
}

.mb-39 {
    margin-bottom: 19.5px !important;
}

.ml-39 {
    margin-left: 19.5px !important;
}

.mt-40 {
    margin-top: 20px !important;
}

.mr-40 {
    margin-right: 20px !important;
}

.mb-40 {
    margin-bottom: 20px !important;
}

.ml-40 {
    margin-left: 20px !important;
}

.mt-41 {
    margin-top: 20.5px !important;
}

.mr-41 {
    margin-right: 20.5px !important;
}

.mb-41 {
    margin-bottom: 20.5px !important;
}

.ml-41 {
    margin-left: 20.5px !important;
}

.mt-42 {
    margin-top: 21px !important;
}

.mr-42 {
    margin-right: 21px !important;
}

.mb-42 {
    margin-bottom: 21px !important;
}

.ml-42 {
    margin-left: 21px !important;
}

.mt-43 {
    margin-top: 21.5px !important;
}

.mr-43 {
    margin-right: 21.5px !important;
}

.mb-43 {
    margin-bottom: 21.5px !important;
}

.ml-43 {
    margin-left: 21.5px !important;
}

.mt-44 {
    margin-top: 22px !important;
}

.mr-44 {
    margin-right: 22px !important;
}

.mb-44 {
    margin-bottom: 22px !important;
}

.ml-44 {
    margin-left: 22px !important;
}

.mt-45 {
    margin-top: 22.5px !important;
}

.mr-45 {
    margin-right: 22.5px !important;
}

.mb-45 {
    margin-bottom: 22.5px !important;
}

.ml-45 {
    margin-left: 22.5px !important;
}

.mt-46 {
    margin-top: 23px !important;
}

.mr-46 {
    margin-right: 23px !important;
}

.mb-46 {
    margin-bottom: 23px !important;
}

.ml-46 {
    margin-left: 23px !important;
}

.mt-47 {
    margin-top: 23.5px !important;
}

.mr-47 {
    margin-right: 23.5px !important;
}

.mb-47 {
    margin-bottom: 23.5px !important;
}

.ml-47 {
    margin-left: 23.5px !important;
}

.mt-48 {
    margin-top: 24px !important;
}

.mr-48 {
    margin-right: 24px !important;
}

.mb-48 {
    margin-bottom: 24px !important;
}

.ml-48 {
    margin-left: 24px !important;
}

.mt-49 {
    margin-top: 24.5px !important;
}

.mr-49 {
    margin-right: 24.5px !important;
}

.mb-49 {
    margin-bottom: 24.5px !important;
}

.ml-49 {
    margin-left: 24.5px !important;
}

.mt-50 {
    margin-top: 25px !important;
}

.mr-50 {
    margin-right: 25px !important;
}

.mb-50 {
    margin-bottom: 25px !important;
}

.ml-50 {
    margin-left: 25px !important;
}

.mt-51 {
    margin-top: 25.5px !important;
}

.mr-51 {
    margin-right: 25.5px !important;
}

.mb-51 {
    margin-bottom: 25.5px !important;
}

.ml-51 {
    margin-left: 25.5px !important;
}

.mt-52 {
    margin-top: 26px !important;
}

.mr-52 {
    margin-right: 26px !important;
}

.mb-52 {
    margin-bottom: 26px !important;
}

.ml-52 {
    margin-left: 26px !important;
}

.mt-53 {
    margin-top: 26.5px !important;
}

.mr-53 {
    margin-right: 26.5px !important;
}

.mb-53 {
    margin-bottom: 26.5px !important;
}

.ml-53 {
    margin-left: 26.5px !important;
}

.mt-54 {
    margin-top: 27px !important;
}

.mr-54 {
    margin-right: 27px !important;
}

.mb-54 {
    margin-bottom: 27px !important;
}

.ml-54 {
    margin-left: 27px !important;
}

.mt-55 {
    margin-top: 27.5px !important;
}

.mr-55 {
    margin-right: 27.5px !important;
}

.mb-55 {
    margin-bottom: 27.5px !important;
}

.ml-55 {
    margin-left: 27.5px !important;
}

.mt-56 {
    margin-top: 28px !important;
}

.mr-56 {
    margin-right: 28px !important;
}

.mb-56 {
    margin-bottom: 28px !important;
}

.ml-56 {
    margin-left: 28px !important;
}

.mt-57 {
    margin-top: 28.5px !important;
}

.mr-57 {
    margin-right: 28.5px !important;
}

.mb-57 {
    margin-bottom: 28.5px !important;
}

.ml-57 {
    margin-left: 28.5px !important;
}

.mt-58 {
    margin-top: 29px !important;
}

.mr-58 {
    margin-right: 29px !important;
}

.mb-58 {
    margin-bottom: 29px !important;
}

.ml-58 {
    margin-left: 29px !important;
}

.mt-59 {
    margin-top: 29.5px !important;
}

.mr-59 {
    margin-right: 29.5px !important;
}

.mb-59 {
    margin-bottom: 29.5px !important;
}

.ml-59 {
    margin-left: 29.5px !important;
}

.mt-60 {
    margin-top: 30px !important;
}

.mr-60 {
    margin-right: 30px !important;
}

.mb-60 {
    margin-bottom: 30px !important;
}

.ml-60 {
    margin-left: 30px !important;
}

.mt-61 {
    margin-top: 30.5px !important;
}

.mr-61 {
    margin-right: 30.5px !important;
}

.mb-61 {
    margin-bottom: 30.5px !important;
}

.ml-61 {
    margin-left: 30.5px !important;
}

.mt-62 {
    margin-top: 31px !important;
}

.mr-62 {
    margin-right: 31px !important;
}

.mb-62 {
    margin-bottom: 31px !important;
}

.ml-62 {
    margin-left: 31px !important;
}

.mt-63 {
    margin-top: 31.5px !important;
}

.mr-63 {
    margin-right: 31.5px !important;
}

.mb-63 {
    margin-bottom: 31.5px !important;
}

.ml-63 {
    margin-left: 31.5px !important;
}

.mt-64 {
    margin-top: 32px !important;
}

.mr-64 {
    margin-right: 32px !important;
}

.mb-64 {
    margin-bottom: 32px !important;
}

.ml-64 {
    margin-left: 32px !important;
}

.mt-65 {
    margin-top: 32.5px !important;
}

.mr-65 {
    margin-right: 32.5px !important;
}

.mb-65 {
    margin-bottom: 32.5px !important;
}

.ml-65 {
    margin-left: 32.5px !important;
}

.mt-66 {
    margin-top: 33px !important;
}

.mr-66 {
    margin-right: 33px !important;
}

.mb-66 {
    margin-bottom: 33px !important;
}

.ml-66 {
    margin-left: 33px !important;
}

.mt-67 {
    margin-top: 33.5px !important;
}

.mr-67 {
    margin-right: 33.5px !important;
}

.mb-67 {
    margin-bottom: 33.5px !important;
}

.ml-67 {
    margin-left: 33.5px !important;
}

.mt-68 {
    margin-top: 34px !important;
}

.mr-68 {
    margin-right: 34px !important;
}

.mb-68 {
    margin-bottom: 34px !important;
}

.ml-68 {
    margin-left: 34px !important;
}

.mt-69 {
    margin-top: 34.5px !important;
}

.mr-69 {
    margin-right: 34.5px !important;
}

.mb-69 {
    margin-bottom: 34.5px !important;
}

.ml-69 {
    margin-left: 34.5px !important;
}

.mt-70 {
    margin-top: 35px !important;
}

.mr-70 {
    margin-right: 35px !important;
}

.mb-70 {
    margin-bottom: 35px !important;
}

.ml-70 {
    margin-left: 35px !important;
}

.mt-71 {
    margin-top: 35.5px !important;
}

.mr-71 {
    margin-right: 35.5px !important;
}

.mb-71 {
    margin-bottom: 35.5px !important;
}

.ml-71 {
    margin-left: 35.5px !important;
}

.mt-72 {
    margin-top: 36px !important;
}

.mr-72 {
    margin-right: 36px !important;
}

.mb-72 {
    margin-bottom: 36px !important;
}

.ml-72 {
    margin-left: 36px !important;
}

.mt-73 {
    margin-top: 36.5px !important;
}

.mr-73 {
    margin-right: 36.5px !important;
}

.mb-73 {
    margin-bottom: 36.5px !important;
}

.ml-73 {
    margin-left: 36.5px !important;
}

.mt-74 {
    margin-top: 37px !important;
}

.mr-74 {
    margin-right: 37px !important;
}

.mb-74 {
    margin-bottom: 37px !important;
}

.ml-74 {
    margin-left: 37px !important;
}

.mt-75 {
    margin-top: 37.5px !important;
}

.mr-75 {
    margin-right: 37.5px !important;
}

.mb-75 {
    margin-bottom: 37.5px !important;
}

.ml-75 {
    margin-left: 37.5px !important;
}

.mt-76 {
    margin-top: 38px !important;
}

.mr-76 {
    margin-right: 38px !important;
}

.mb-76 {
    margin-bottom: 38px !important;
}

.ml-76 {
    margin-left: 38px !important;
}

.mt-77 {
    margin-top: 38.5px !important;
}

.mr-77 {
    margin-right: 38.5px !important;
}

.mb-77 {
    margin-bottom: 38.5px !important;
}

.ml-77 {
    margin-left: 38.5px !important;
}

.mt-78 {
    margin-top: 39px !important;
}

.mr-78 {
    margin-right: 39px !important;
}

.mb-78 {
    margin-bottom: 39px !important;
}

.ml-78 {
    margin-left: 39px !important;
}

.mt-79 {
    margin-top: 39.5px !important;
}

.mr-79 {
    margin-right: 39.5px !important;
}

.mb-79 {
    margin-bottom: 39.5px !important;
}

.ml-79 {
    margin-left: 39.5px !important;
}

.mt-80 {
    margin-top: 40px !important;
}

.mr-80 {
    margin-right: 40px !important;
}

.mb-80 {
    margin-bottom: 40px !important;
}

.ml-80 {
    margin-left: 40px !important;
}

.mt-81 {
    margin-top: 40.5px !important;
}

.mr-81 {
    margin-right: 40.5px !important;
}

.mb-81 {
    margin-bottom: 40.5px !important;
}

.ml-81 {
    margin-left: 40.5px !important;
}

.mt-82 {
    margin-top: 41px !important;
}

.mr-82 {
    margin-right: 41px !important;
}

.mb-82 {
    margin-bottom: 41px !important;
}

.ml-82 {
    margin-left: 41px !important;
}

.mt-83 {
    margin-top: 41.5px !important;
}

.mr-83 {
    margin-right: 41.5px !important;
}

.mb-83 {
    margin-bottom: 41.5px !important;
}

.ml-83 {
    margin-left: 41.5px !important;
}

.mt-84 {
    margin-top: 42px !important;
}

.mr-84 {
    margin-right: 42px !important;
}

.mb-84 {
    margin-bottom: 42px !important;
}

.ml-84 {
    margin-left: 42px !important;
}

.mt-85 {
    margin-top: 42.5px !important;
}

.mr-85 {
    margin-right: 42.5px !important;
}

.mb-85 {
    margin-bottom: 42.5px !important;
}

.ml-85 {
    margin-left: 42.5px !important;
}

.mt-86 {
    margin-top: 43px !important;
}

.mr-86 {
    margin-right: 43px !important;
}

.mb-86 {
    margin-bottom: 43px !important;
}

.ml-86 {
    margin-left: 43px !important;
}

.mt-87 {
    margin-top: 43.5px !important;
}

.mr-87 {
    margin-right: 43.5px !important;
}

.mb-87 {
    margin-bottom: 43.5px !important;
}

.ml-87 {
    margin-left: 43.5px !important;
}

.mt-88 {
    margin-top: 44px !important;
}

.mr-88 {
    margin-right: 44px !important;
}

.mb-88 {
    margin-bottom: 44px !important;
}

.ml-88 {
    margin-left: 44px !important;
}

.mt-89 {
    margin-top: 44.5px !important;
}

.mr-89 {
    margin-right: 44.5px !important;
}

.mb-89 {
    margin-bottom: 44.5px !important;
}

.ml-89 {
    margin-left: 44.5px !important;
}

.mt-90 {
    margin-top: 45px !important;
}

.mr-90 {
    margin-right: 45px !important;
}

.mb-90 {
    margin-bottom: 45px !important;
}

.ml-90 {
    margin-left: 45px !important;
}

.mt-91 {
    margin-top: 45.5px !important;
}

.mr-91 {
    margin-right: 45.5px !important;
}

.mb-91 {
    margin-bottom: 45.5px !important;
}

.ml-91 {
    margin-left: 45.5px !important;
}

.mt-92 {
    margin-top: 46px !important;
}

.mr-92 {
    margin-right: 46px !important;
}

.mb-92 {
    margin-bottom: 46px !important;
}

.ml-92 {
    margin-left: 46px !important;
}

.mt-93 {
    margin-top: 46.5px !important;
}

.mr-93 {
    margin-right: 46.5px !important;
}

.mb-93 {
    margin-bottom: 46.5px !important;
}

.ml-93 {
    margin-left: 46.5px !important;
}

.mt-94 {
    margin-top: 47px !important;
}

.mr-94 {
    margin-right: 47px !important;
}

.mb-94 {
    margin-bottom: 47px !important;
}

.ml-94 {
    margin-left: 47px !important;
}

.mt-95 {
    margin-top: 47.5px !important;
}

.mr-95 {
    margin-right: 47.5px !important;
}

.mb-95 {
    margin-bottom: 47.5px !important;
}

.ml-95 {
    margin-left: 47.5px !important;
}

.mt-96 {
    margin-top: 48px !important;
}

.mr-96 {
    margin-right: 48px !important;
}

.mb-96 {
    margin-bottom: 48px !important;
}

.ml-96 {
    margin-left: 48px !important;
}

.mt-97 {
    margin-top: 48.5px !important;
}

.mr-97 {
    margin-right: 48.5px !important;
}

.mb-97 {
    margin-bottom: 48.5px !important;
}

.ml-97 {
    margin-left: 48.5px !important;
}

.mt-98 {
    margin-top: 49px !important;
}

.mr-98 {
    margin-right: 49px !important;
}

.mb-98 {
    margin-bottom: 49px !important;
}

.ml-98 {
    margin-left: 49px !important;
}

.mt-99 {
    margin-top: 49.5px !important;
}

.mr-99 {
    margin-right: 49.5px !important;
}

.mb-99 {
    margin-bottom: 49.5px !important;
}

.ml-99 {
    margin-left: 49.5px !important;
}

.mt-100 {
    margin-top: 50px !important;
}

.mr-100 {
    margin-right: 50px !important;
}

.mb-100 {
    margin-bottom: 50px !important;
}

.ml-100 {
    margin-left: 50px !important;
}

.mt-101 {
    margin-top: 50.5px !important;
}

.mr-101 {
    margin-right: 50.5px !important;
}

.mb-101 {
    margin-bottom: 50.5px !important;
}

.ml-101 {
    margin-left: 50.5px !important;
}

.mt-102 {
    margin-top: 51px !important;
}

.mr-102 {
    margin-right: 51px !important;
}

.mb-102 {
    margin-bottom: 51px !important;
}

.ml-102 {
    margin-left: 51px !important;
}

.mt-103 {
    margin-top: 51.5px !important;
}

.mr-103 {
    margin-right: 51.5px !important;
}

.mb-103 {
    margin-bottom: 51.5px !important;
}

.ml-103 {
    margin-left: 51.5px !important;
}

.mt-104 {
    margin-top: 52px !important;
}

.mr-104 {
    margin-right: 52px !important;
}

.mb-104 {
    margin-bottom: 52px !important;
}

.ml-104 {
    margin-left: 52px !important;
}

.mt-105 {
    margin-top: 52.5px !important;
}

.mr-105 {
    margin-right: 52.5px !important;
}

.mb-105 {
    margin-bottom: 52.5px !important;
}

.ml-105 {
    margin-left: 52.5px !important;
}

.mt-106 {
    margin-top: 53px !important;
}

.mr-106 {
    margin-right: 53px !important;
}

.mb-106 {
    margin-bottom: 53px !important;
}

.ml-106 {
    margin-left: 53px !important;
}

.mt-107 {
    margin-top: 53.5px !important;
}

.mr-107 {
    margin-right: 53.5px !important;
}

.mb-107 {
    margin-bottom: 53.5px !important;
}

.ml-107 {
    margin-left: 53.5px !important;
}

.mt-108 {
    margin-top: 54px !important;
}

.mr-108 {
    margin-right: 54px !important;
}

.mb-108 {
    margin-bottom: 54px !important;
}

.ml-108 {
    margin-left: 54px !important;
}

.mt-109 {
    margin-top: 54.5px !important;
}

.mr-109 {
    margin-right: 54.5px !important;
}

.mb-109 {
    margin-bottom: 54.5px !important;
}

.ml-109 {
    margin-left: 54.5px !important;
}

.mt-110 {
    margin-top: 55px !important;
}

.mr-110 {
    margin-right: 55px !important;
}

.mb-110 {
    margin-bottom: 55px !important;
}

.ml-110 {
    margin-left: 55px !important;
}

.mt-111 {
    margin-top: 55.5px !important;
}

.mr-111 {
    margin-right: 55.5px !important;
}

.mb-111 {
    margin-bottom: 55.5px !important;
}

.ml-111 {
    margin-left: 55.5px !important;
}

.mt-112 {
    margin-top: 56px !important;
}

.mr-112 {
    margin-right: 56px !important;
}

.mb-112 {
    margin-bottom: 56px !important;
}

.ml-112 {
    margin-left: 56px !important;
}

.mt-113 {
    margin-top: 56.5px !important;
}

.mr-113 {
    margin-right: 56.5px !important;
}

.mb-113 {
    margin-bottom: 56.5px !important;
}

.ml-113 {
    margin-left: 56.5px !important;
}

.mt-114 {
    margin-top: 57px !important;
}

.mr-114 {
    margin-right: 57px !important;
}

.mb-114 {
    margin-bottom: 57px !important;
}

.ml-114 {
    margin-left: 57px !important;
}

.mt-115 {
    margin-top: 57.5px !important;
}

.mr-115 {
    margin-right: 57.5px !important;
}

.mb-115 {
    margin-bottom: 57.5px !important;
}

.ml-115 {
    margin-left: 57.5px !important;
}

.mt-116 {
    margin-top: 58px !important;
}

.mr-116 {
    margin-right: 58px !important;
}

.mb-116 {
    margin-bottom: 58px !important;
}

.ml-116 {
    margin-left: 58px !important;
}

.mt-117 {
    margin-top: 58.5px !important;
}

.mr-117 {
    margin-right: 58.5px !important;
}

.mb-117 {
    margin-bottom: 58.5px !important;
}

.ml-117 {
    margin-left: 58.5px !important;
}

.mt-118 {
    margin-top: 59px !important;
}

.mr-118 {
    margin-right: 59px !important;
}

.mb-118 {
    margin-bottom: 59px !important;
}

.ml-118 {
    margin-left: 59px !important;
}

.mt-119 {
    margin-top: 59.5px !important;
}

.mr-119 {
    margin-right: 59.5px !important;
}

.mb-119 {
    margin-bottom: 59.5px !important;
}

.ml-119 {
    margin-left: 59.5px !important;
}

.mt-120 {
    margin-top: 60px !important;
}

.mr-120 {
    margin-right: 60px !important;
}

.mb-120 {
    margin-bottom: 60px !important;
}

.ml-120 {
    margin-left: 60px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pt-1 {
    padding-top: 0.5px !important;
}

.pr-1 {
    padding-right: 0.5px !important;
}

.pb-1 {
    padding-bottom: 0.5px !important;
}

.pl-1 {
    padding-left: 0.5px !important;
}

.pt-2 {
    padding-top: 1px !important;
}

.pr-2 {
    padding-right: 1px !important;
}

.pb-2 {
    padding-bottom: 1px !important;
}

.pl-2 {
    padding-left: 1px !important;
}

.pt-3 {
    padding-top: 1.5px !important;
}

.pr-3 {
    padding-right: 1.5px !important;
}

.pb-3 {
    padding-bottom: 1.5px !important;
}

.pl-3 {
    padding-left: 1.5px !important;
}

.pt-4 {
    padding-top: 2px !important;
}

.pr-4 {
    padding-right: 2px !important;
}

.pb-4 {
    padding-bottom: 2px !important;
}

.pl-4 {
    padding-left: 2px !important;
}

.pt-5 {
    padding-top: 2.5px !important;
}

.pr-5 {
    padding-right: 2.5px !important;
}

.pb-5 {
    padding-bottom: 2.5px !important;
}

.pl-5 {
    padding-left: 2.5px !important;
}

.pt-6 {
    padding-top: 3px !important;
}

.pr-6 {
    padding-right: 3px !important;
}

.pb-6 {
    padding-bottom: 3px !important;
}

.pl-6 {
    padding-left: 3px !important;
}

.pt-7 {
    padding-top: 3.5px !important;
}

.pr-7 {
    padding-right: 3.5px !important;
}

.pb-7 {
    padding-bottom: 3.5px !important;
}

.pl-7 {
    padding-left: 3.5px !important;
}

.pt-8 {
    padding-top: 4px !important;
}

.pr-8 {
    padding-right: 4px !important;
}

.pb-8 {
    padding-bottom: 4px !important;
}

.pl-8 {
    padding-left: 4px !important;
}

.pt-9 {
    padding-top: 4.5px !important;
}

.pr-9 {
    padding-right: 4.5px !important;
}

.pb-9 {
    padding-bottom: 4.5px !important;
}

.pl-9 {
    padding-left: 4.5px !important;
}

.pt-10 {
    padding-top: 5px !important;
}

.pr-10 {
    padding-right: 5px !important;
}

.pb-10 {
    padding-bottom: 5px !important;
}

.pl-10 {
    padding-left: 5px !important;
}

.pt-11 {
    padding-top: 5.5px !important;
}

.pr-11 {
    padding-right: 5.5px !important;
}

.pb-11 {
    padding-bottom: 5.5px !important;
}

.pl-11 {
    padding-left: 5.5px !important;
}

.pt-12 {
    padding-top: 6px !important;
}

.pr-12 {
    padding-right: 6px !important;
}

.pb-12 {
    padding-bottom: 6px !important;
}

.pl-12 {
    padding-left: 6px !important;
}

.pt-13 {
    padding-top: 6.5px !important;
}

.pr-13 {
    padding-right: 6.5px !important;
}

.pb-13 {
    padding-bottom: 6.5px !important;
}

.pl-13 {
    padding-left: 6.5px !important;
}

.pt-14 {
    padding-top: 7px !important;
}

.pr-14 {
    padding-right: 7px !important;
}

.pb-14 {
    padding-bottom: 7px !important;
}

.pl-14 {
    padding-left: 7px !important;
}

.pt-15 {
    padding-top: 7.5px !important;
}

.pr-15 {
    padding-right: 7.5px !important;
}

.pb-15 {
    padding-bottom: 7.5px !important;
}

.pl-15 {
    padding-left: 7.5px !important;
}

.pt-16 {
    padding-top: 8px !important;
}

.pr-16 {
    padding-right: 8px !important;
}

.pb-16 {
    padding-bottom: 8px !important;
}

.pl-16 {
    padding-left: 8px !important;
}

.pt-17 {
    padding-top: 8.5px !important;
}

.pr-17 {
    padding-right: 8.5px !important;
}

.pb-17 {
    padding-bottom: 8.5px !important;
}

.pl-17 {
    padding-left: 8.5px !important;
}

.pt-18 {
    padding-top: 9px !important;
}

.pr-18 {
    padding-right: 9px !important;
}

.pb-18 {
    padding-bottom: 9px !important;
}

.pl-18 {
    padding-left: 9px !important;
}

.pt-19 {
    padding-top: 9.5px !important;
}

.pr-19 {
    padding-right: 9.5px !important;
}

.pb-19 {
    padding-bottom: 9.5px !important;
}

.pl-19 {
    padding-left: 9.5px !important;
}

.pt-20 {
    padding-top: 10px !important;
}

.pr-20 {
    padding-right: 10px !important;
}

.pb-20 {
    padding-bottom: 10px !important;
}

.pl-20 {
    padding-left: 10px !important;
}

.pt-21 {
    padding-top: 10.5px !important;
}

.pr-21 {
    padding-right: 10.5px !important;
}

.pb-21 {
    padding-bottom: 10.5px !important;
}

.pl-21 {
    padding-left: 10.5px !important;
}

.pt-22 {
    padding-top: 11px !important;
}

.pr-22 {
    padding-right: 11px !important;
}

.pb-22 {
    padding-bottom: 11px !important;
}

.pl-22 {
    padding-left: 11px !important;
}

.pt-23 {
    padding-top: 11.5px !important;
}

.pr-23 {
    padding-right: 11.5px !important;
}

.pb-23 {
    padding-bottom: 11.5px !important;
}

.pl-23 {
    padding-left: 11.5px !important;
}

.pt-24 {
    padding-top: 12px !important;
}

.pr-24 {
    padding-right: 12px !important;
}

.pb-24 {
    padding-bottom: 12px !important;
}

.pl-24 {
    padding-left: 12px !important;
}

.pt-25 {
    padding-top: 12.5px !important;
}

.pr-25 {
    padding-right: 12.5px !important;
}

.pb-25 {
    padding-bottom: 12.5px !important;
}

.pl-25 {
    padding-left: 12.5px !important;
}

.pt-26 {
    padding-top: 13px !important;
}

.pr-26 {
    padding-right: 13px !important;
}

.pb-26 {
    padding-bottom: 13px !important;
}

.pl-26 {
    padding-left: 13px !important;
}

.pt-27 {
    padding-top: 13.5px !important;
}

.pr-27 {
    padding-right: 13.5px !important;
}

.pb-27 {
    padding-bottom: 13.5px !important;
}

.pl-27 {
    padding-left: 13.5px !important;
}

.pt-28 {
    padding-top: 14px !important;
}

.pr-28 {
    padding-right: 14px !important;
}

.pb-28 {
    padding-bottom: 14px !important;
}

.pl-28 {
    padding-left: 14px !important;
}

.pt-29 {
    padding-top: 14.5px !important;
}

.pr-29 {
    padding-right: 14.5px !important;
}

.pb-29 {
    padding-bottom: 14.5px !important;
}

.pl-29 {
    padding-left: 14.5px !important;
}

.pt-30 {
    padding-top: 15px !important;
}

.pr-30 {
    padding-right: 15px !important;
}

.pb-30 {
    padding-bottom: 15px !important;
}

.pl-30 {
    padding-left: 15px !important;
}

.pt-31 {
    padding-top: 15.5px !important;
}

.pr-31 {
    padding-right: 15.5px !important;
}

.pb-31 {
    padding-bottom: 15.5px !important;
}

.pl-31 {
    padding-left: 15.5px !important;
}

.pt-32 {
    padding-top: 16px !important;
}

.pr-32 {
    padding-right: 16px !important;
}

.pb-32 {
    padding-bottom: 16px !important;
}

.pl-32 {
    padding-left: 16px !important;
}

.pt-33 {
    padding-top: 16.5px !important;
}

.pr-33 {
    padding-right: 16.5px !important;
}

.pb-33 {
    padding-bottom: 16.5px !important;
}

.pl-33 {
    padding-left: 16.5px !important;
}

.pt-34 {
    padding-top: 17px !important;
}

.pr-34 {
    padding-right: 17px !important;
}

.pb-34 {
    padding-bottom: 17px !important;
}

.pl-34 {
    padding-left: 17px !important;
}

.pt-35 {
    padding-top: 17.5px !important;
}

.pr-35 {
    padding-right: 17.5px !important;
}

.pb-35 {
    padding-bottom: 17.5px !important;
}

.pl-35 {
    padding-left: 17.5px !important;
}

.pt-36 {
    padding-top: 18px !important;
}

.pr-36 {
    padding-right: 18px !important;
}

.pb-36 {
    padding-bottom: 18px !important;
}

.pl-36 {
    padding-left: 18px !important;
}

.pt-37 {
    padding-top: 18.5px !important;
}

.pr-37 {
    padding-right: 18.5px !important;
}

.pb-37 {
    padding-bottom: 18.5px !important;
}

.pl-37 {
    padding-left: 18.5px !important;
}

.pt-38 {
    padding-top: 19px !important;
}

.pr-38 {
    padding-right: 19px !important;
}

.pb-38 {
    padding-bottom: 19px !important;
}

.pl-38 {
    padding-left: 19px !important;
}

.pt-39 {
    padding-top: 19.5px !important;
}

.pr-39 {
    padding-right: 19.5px !important;
}

.pb-39 {
    padding-bottom: 19.5px !important;
}

.pl-39 {
    padding-left: 19.5px !important;
}

.pt-40 {
    padding-top: 20px !important;
}

.pr-40 {
    padding-right: 20px !important;
}

.pb-40 {
    padding-bottom: 20px !important;
}

.pl-40 {
    padding-left: 20px !important;
}

.pt-41 {
    padding-top: 20.5px !important;
}

.pr-41 {
    padding-right: 20.5px !important;
}

.pb-41 {
    padding-bottom: 20.5px !important;
}

.pl-41 {
    padding-left: 20.5px !important;
}

.pt-42 {
    padding-top: 21px !important;
}

.pr-42 {
    padding-right: 21px !important;
}

.pb-42 {
    padding-bottom: 21px !important;
}

.pl-42 {
    padding-left: 21px !important;
}

.pt-43 {
    padding-top: 21.5px !important;
}

.pr-43 {
    padding-right: 21.5px !important;
}

.pb-43 {
    padding-bottom: 21.5px !important;
}

.pl-43 {
    padding-left: 21.5px !important;
}

.pt-44 {
    padding-top: 22px !important;
}

.pr-44 {
    padding-right: 22px !important;
}

.pb-44 {
    padding-bottom: 22px !important;
}

.pl-44 {
    padding-left: 22px !important;
}

.pt-45 {
    padding-top: 22.5px !important;
}

.pr-45 {
    padding-right: 22.5px !important;
}

.pb-45 {
    padding-bottom: 22.5px !important;
}

.pl-45 {
    padding-left: 22.5px !important;
}

.pt-46 {
    padding-top: 23px !important;
}

.pr-46 {
    padding-right: 23px !important;
}

.pb-46 {
    padding-bottom: 23px !important;
}

.pl-46 {
    padding-left: 23px !important;
}

.pt-47 {
    padding-top: 23.5px !important;
}

.pr-47 {
    padding-right: 23.5px !important;
}

.pb-47 {
    padding-bottom: 23.5px !important;
}

.pl-47 {
    padding-left: 23.5px !important;
}

.pt-48 {
    padding-top: 24px !important;
}

.pr-48 {
    padding-right: 24px !important;
}

.pb-48 {
    padding-bottom: 24px !important;
}

.pl-48 {
    padding-left: 24px !important;
}

.pt-49 {
    padding-top: 24.5px !important;
}

.pr-49 {
    padding-right: 24.5px !important;
}

.pb-49 {
    padding-bottom: 24.5px !important;
}

.pl-49 {
    padding-left: 24.5px !important;
}

.pt-50 {
    padding-top: 25px !important;
}

.pr-50 {
    padding-right: 25px !important;
}

.pb-50 {
    padding-bottom: 25px !important;
}

.pl-50 {
    padding-left: 25px !important;
}

.pt-51 {
    padding-top: 25.5px !important;
}

.pr-51 {
    padding-right: 25.5px !important;
}

.pb-51 {
    padding-bottom: 25.5px !important;
}

.pl-51 {
    padding-left: 25.5px !important;
}

.pt-52 {
    padding-top: 26px !important;
}

.pr-52 {
    padding-right: 26px !important;
}

.pb-52 {
    padding-bottom: 26px !important;
}

.pl-52 {
    padding-left: 26px !important;
}

.pt-53 {
    padding-top: 26.5px !important;
}

.pr-53 {
    padding-right: 26.5px !important;
}

.pb-53 {
    padding-bottom: 26.5px !important;
}

.pl-53 {
    padding-left: 26.5px !important;
}

.pt-54 {
    padding-top: 27px !important;
}

.pr-54 {
    padding-right: 27px !important;
}

.pb-54 {
    padding-bottom: 27px !important;
}

.pl-54 {
    padding-left: 27px !important;
}

.pt-55 {
    padding-top: 27.5px !important;
}

.pr-55 {
    padding-right: 27.5px !important;
}

.pb-55 {
    padding-bottom: 27.5px !important;
}

.pl-55 {
    padding-left: 27.5px !important;
}

.pt-56 {
    padding-top: 28px !important;
}

.pr-56 {
    padding-right: 28px !important;
}

.pb-56 {
    padding-bottom: 28px !important;
}

.pl-56 {
    padding-left: 28px !important;
}

.pt-57 {
    padding-top: 28.5px !important;
}

.pr-57 {
    padding-right: 28.5px !important;
}

.pb-57 {
    padding-bottom: 28.5px !important;
}

.pl-57 {
    padding-left: 28.5px !important;
}

.pt-58 {
    padding-top: 29px !important;
}

.pr-58 {
    padding-right: 29px !important;
}

.pb-58 {
    padding-bottom: 29px !important;
}

.pl-58 {
    padding-left: 29px !important;
}

.pt-59 {
    padding-top: 29.5px !important;
}

.pr-59 {
    padding-right: 29.5px !important;
}

.pb-59 {
    padding-bottom: 29.5px !important;
}

.pl-59 {
    padding-left: 29.5px !important;
}

.pt-60 {
    padding-top: 30px !important;
}

.pr-60 {
    padding-right: 30px !important;
}

.pb-60 {
    padding-bottom: 30px !important;
}

.pl-60 {
    padding-left: 30px !important;
}

.pt-61 {
    padding-top: 30.5px !important;
}

.pr-61 {
    padding-right: 30.5px !important;
}

.pb-61 {
    padding-bottom: 30.5px !important;
}

.pl-61 {
    padding-left: 30.5px !important;
}

.pt-62 {
    padding-top: 31px !important;
}

.pr-62 {
    padding-right: 31px !important;
}

.pb-62 {
    padding-bottom: 31px !important;
}

.pl-62 {
    padding-left: 31px !important;
}

.pt-63 {
    padding-top: 31.5px !important;
}

.pr-63 {
    padding-right: 31.5px !important;
}

.pb-63 {
    padding-bottom: 31.5px !important;
}

.pl-63 {
    padding-left: 31.5px !important;
}

.pt-64 {
    padding-top: 32px !important;
}

.pr-64 {
    padding-right: 32px !important;
}

.pb-64 {
    padding-bottom: 32px !important;
}

.pl-64 {
    padding-left: 32px !important;
}

.pt-65 {
    padding-top: 32.5px !important;
}

.pr-65 {
    padding-right: 32.5px !important;
}

.pb-65 {
    padding-bottom: 32.5px !important;
}

.pl-65 {
    padding-left: 32.5px !important;
}

.pt-66 {
    padding-top: 33px !important;
}

.pr-66 {
    padding-right: 33px !important;
}

.pb-66 {
    padding-bottom: 33px !important;
}

.pl-66 {
    padding-left: 33px !important;
}

.pt-67 {
    padding-top: 33.5px !important;
}

.pr-67 {
    padding-right: 33.5px !important;
}

.pb-67 {
    padding-bottom: 33.5px !important;
}

.pl-67 {
    padding-left: 33.5px !important;
}

.pt-68 {
    padding-top: 34px !important;
}

.pr-68 {
    padding-right: 34px !important;
}

.pb-68 {
    padding-bottom: 34px !important;
}

.pl-68 {
    padding-left: 34px !important;
}

.pt-69 {
    padding-top: 34.5px !important;
}

.pr-69 {
    padding-right: 34.5px !important;
}

.pb-69 {
    padding-bottom: 34.5px !important;
}

.pl-69 {
    padding-left: 34.5px !important;
}

.pt-70 {
    padding-top: 35px !important;
}

.pr-70 {
    padding-right: 35px !important;
}

.pb-70 {
    padding-bottom: 35px !important;
}

.pl-70 {
    padding-left: 35px !important;
}

.pt-71 {
    padding-top: 35.5px !important;
}

.pr-71 {
    padding-right: 35.5px !important;
}

.pb-71 {
    padding-bottom: 35.5px !important;
}

.pl-71 {
    padding-left: 35.5px !important;
}

.pt-72 {
    padding-top: 36px !important;
}

.pr-72 {
    padding-right: 36px !important;
}

.pb-72 {
    padding-bottom: 36px !important;
}

.pl-72 {
    padding-left: 36px !important;
}

.pt-73 {
    padding-top: 36.5px !important;
}

.pr-73 {
    padding-right: 36.5px !important;
}

.pb-73 {
    padding-bottom: 36.5px !important;
}

.pl-73 {
    padding-left: 36.5px !important;
}

.pt-74 {
    padding-top: 37px !important;
}

.pr-74 {
    padding-right: 37px !important;
}

.pb-74 {
    padding-bottom: 37px !important;
}

.pl-74 {
    padding-left: 37px !important;
}

.pt-75 {
    padding-top: 37.5px !important;
}

.pr-75 {
    padding-right: 37.5px !important;
}

.pb-75 {
    padding-bottom: 37.5px !important;
}

.pl-75 {
    padding-left: 37.5px !important;
}

.pt-76 {
    padding-top: 38px !important;
}

.pr-76 {
    padding-right: 38px !important;
}

.pb-76 {
    padding-bottom: 38px !important;
}

.pl-76 {
    padding-left: 38px !important;
}

.pt-77 {
    padding-top: 38.5px !important;
}

.pr-77 {
    padding-right: 38.5px !important;
}

.pb-77 {
    padding-bottom: 38.5px !important;
}

.pl-77 {
    padding-left: 38.5px !important;
}

.pt-78 {
    padding-top: 39px !important;
}

.pr-78 {
    padding-right: 39px !important;
}

.pb-78 {
    padding-bottom: 39px !important;
}

.pl-78 {
    padding-left: 39px !important;
}

.pt-79 {
    padding-top: 39.5px !important;
}

.pr-79 {
    padding-right: 39.5px !important;
}

.pb-79 {
    padding-bottom: 39.5px !important;
}

.pl-79 {
    padding-left: 39.5px !important;
}

.pt-80 {
    padding-top: 40px !important;
}

.pr-80 {
    padding-right: 40px !important;
}

.pb-80 {
    padding-bottom: 40px !important;
}

.pl-80 {
    padding-left: 40px !important;
}

.pt-81 {
    padding-top: 40.5px !important;
}

.pr-81 {
    padding-right: 40.5px !important;
}

.pb-81 {
    padding-bottom: 40.5px !important;
}

.pl-81 {
    padding-left: 40.5px !important;
}

.pt-82 {
    padding-top: 41px !important;
}

.pr-82 {
    padding-right: 41px !important;
}

.pb-82 {
    padding-bottom: 41px !important;
}

.pl-82 {
    padding-left: 41px !important;
}

.pt-83 {
    padding-top: 41.5px !important;
}

.pr-83 {
    padding-right: 41.5px !important;
}

.pb-83 {
    padding-bottom: 41.5px !important;
}

.pl-83 {
    padding-left: 41.5px !important;
}

.pt-84 {
    padding-top: 42px !important;
}

.pr-84 {
    padding-right: 42px !important;
}

.pb-84 {
    padding-bottom: 42px !important;
}

.pl-84 {
    padding-left: 42px !important;
}

.pt-85 {
    padding-top: 42.5px !important;
}

.pr-85 {
    padding-right: 42.5px !important;
}

.pb-85 {
    padding-bottom: 42.5px !important;
}

.pl-85 {
    padding-left: 42.5px !important;
}

.pt-86 {
    padding-top: 43px !important;
}

.pr-86 {
    padding-right: 43px !important;
}

.pb-86 {
    padding-bottom: 43px !important;
}

.pl-86 {
    padding-left: 43px !important;
}

.pt-87 {
    padding-top: 43.5px !important;
}

.pr-87 {
    padding-right: 43.5px !important;
}

.pb-87 {
    padding-bottom: 43.5px !important;
}

.pl-87 {
    padding-left: 43.5px !important;
}

.pt-88 {
    padding-top: 44px !important;
}

.pr-88 {
    padding-right: 44px !important;
}

.pb-88 {
    padding-bottom: 44px !important;
}

.pl-88 {
    padding-left: 44px !important;
}

.pt-89 {
    padding-top: 44.5px !important;
}

.pr-89 {
    padding-right: 44.5px !important;
}

.pb-89 {
    padding-bottom: 44.5px !important;
}

.pl-89 {
    padding-left: 44.5px !important;
}

.pt-90 {
    padding-top: 45px !important;
}

.pr-90 {
    padding-right: 45px !important;
}

.pb-90 {
    padding-bottom: 45px !important;
}

.pl-90 {
    padding-left: 45px !important;
}

.pt-91 {
    padding-top: 45.5px !important;
}

.pr-91 {
    padding-right: 45.5px !important;
}

.pb-91 {
    padding-bottom: 45.5px !important;
}

.pl-91 {
    padding-left: 45.5px !important;
}

.pt-92 {
    padding-top: 46px !important;
}

.pr-92 {
    padding-right: 46px !important;
}

.pb-92 {
    padding-bottom: 46px !important;
}

.pl-92 {
    padding-left: 46px !important;
}

.pt-93 {
    padding-top: 46.5px !important;
}

.pr-93 {
    padding-right: 46.5px !important;
}

.pb-93 {
    padding-bottom: 46.5px !important;
}

.pl-93 {
    padding-left: 46.5px !important;
}

.pt-94 {
    padding-top: 47px !important;
}

.pr-94 {
    padding-right: 47px !important;
}

.pb-94 {
    padding-bottom: 47px !important;
}

.pl-94 {
    padding-left: 47px !important;
}

.pt-95 {
    padding-top: 47.5px !important;
}

.pr-95 {
    padding-right: 47.5px !important;
}

.pb-95 {
    padding-bottom: 47.5px !important;
}

.pl-95 {
    padding-left: 47.5px !important;
}

.pt-96 {
    padding-top: 48px !important;
}

.pr-96 {
    padding-right: 48px !important;
}

.pb-96 {
    padding-bottom: 48px !important;
}

.pl-96 {
    padding-left: 48px !important;
}

.pt-97 {
    padding-top: 48.5px !important;
}

.pr-97 {
    padding-right: 48.5px !important;
}

.pb-97 {
    padding-bottom: 48.5px !important;
}

.pl-97 {
    padding-left: 48.5px !important;
}

.pt-98 {
    padding-top: 49px !important;
}

.pr-98 {
    padding-right: 49px !important;
}

.pb-98 {
    padding-bottom: 49px !important;
}

.pl-98 {
    padding-left: 49px !important;
}

.pt-99 {
    padding-top: 49.5px !important;
}

.pr-99 {
    padding-right: 49.5px !important;
}

.pb-99 {
    padding-bottom: 49.5px !important;
}

.pl-99 {
    padding-left: 49.5px !important;
}

.pt-100 {
    padding-top: 50px !important;
}

.pr-100 {
    padding-right: 50px !important;
}

.pb-100 {
    padding-bottom: 50px !important;
}

.pl-100 {
    padding-left: 50px !important;
}

.pt-101 {
    padding-top: 50.5px !important;
}

.pr-101 {
    padding-right: 50.5px !important;
}

.pb-101 {
    padding-bottom: 50.5px !important;
}

.pl-101 {
    padding-left: 50.5px !important;
}

.pt-102 {
    padding-top: 51px !important;
}

.pr-102 {
    padding-right: 51px !important;
}

.pb-102 {
    padding-bottom: 51px !important;
}

.pl-102 {
    padding-left: 51px !important;
}

.pt-103 {
    padding-top: 51.5px !important;
}

.pr-103 {
    padding-right: 51.5px !important;
}

.pb-103 {
    padding-bottom: 51.5px !important;
}

.pl-103 {
    padding-left: 51.5px !important;
}

.pt-104 {
    padding-top: 52px !important;
}

.pr-104 {
    padding-right: 52px !important;
}

.pb-104 {
    padding-bottom: 52px !important;
}

.pl-104 {
    padding-left: 52px !important;
}

.pt-105 {
    padding-top: 52.5px !important;
}

.pr-105 {
    padding-right: 52.5px !important;
}

.pb-105 {
    padding-bottom: 52.5px !important;
}

.pl-105 {
    padding-left: 52.5px !important;
}

.pt-106 {
    padding-top: 53px !important;
}

.pr-106 {
    padding-right: 53px !important;
}

.pb-106 {
    padding-bottom: 53px !important;
}

.pl-106 {
    padding-left: 53px !important;
}

.pt-107 {
    padding-top: 53.5px !important;
}

.pr-107 {
    padding-right: 53.5px !important;
}

.pb-107 {
    padding-bottom: 53.5px !important;
}

.pl-107 {
    padding-left: 53.5px !important;
}

.pt-108 {
    padding-top: 54px !important;
}

.pr-108 {
    padding-right: 54px !important;
}

.pb-108 {
    padding-bottom: 54px !important;
}

.pl-108 {
    padding-left: 54px !important;
}

.pt-109 {
    padding-top: 54.5px !important;
}

.pr-109 {
    padding-right: 54.5px !important;
}

.pb-109 {
    padding-bottom: 54.5px !important;
}

.pl-109 {
    padding-left: 54.5px !important;
}

.pt-110 {
    padding-top: 55px !important;
}

.pr-110 {
    padding-right: 55px !important;
}

.pb-110 {
    padding-bottom: 55px !important;
}

.pl-110 {
    padding-left: 55px !important;
}

.pt-111 {
    padding-top: 55.5px !important;
}

.pr-111 {
    padding-right: 55.5px !important;
}

.pb-111 {
    padding-bottom: 55.5px !important;
}

.pl-111 {
    padding-left: 55.5px !important;
}

.pt-112 {
    padding-top: 56px !important;
}

.pr-112 {
    padding-right: 56px !important;
}

.pb-112 {
    padding-bottom: 56px !important;
}

.pl-112 {
    padding-left: 56px !important;
}

.pt-113 {
    padding-top: 56.5px !important;
}

.pr-113 {
    padding-right: 56.5px !important;
}

.pb-113 {
    padding-bottom: 56.5px !important;
}

.pl-113 {
    padding-left: 56.5px !important;
}

.pt-114 {
    padding-top: 57px !important;
}

.pr-114 {
    padding-right: 57px !important;
}

.pb-114 {
    padding-bottom: 57px !important;
}

.pl-114 {
    padding-left: 57px !important;
}

.pt-115 {
    padding-top: 57.5px !important;
}

.pr-115 {
    padding-right: 57.5px !important;
}

.pb-115 {
    padding-bottom: 57.5px !important;
}

.pl-115 {
    padding-left: 57.5px !important;
}

.pt-116 {
    padding-top: 58px !important;
}

.pr-116 {
    padding-right: 58px !important;
}

.pb-116 {
    padding-bottom: 58px !important;
}

.pl-116 {
    padding-left: 58px !important;
}

.pt-117 {
    padding-top: 58.5px !important;
}

.pr-117 {
    padding-right: 58.5px !important;
}

.pb-117 {
    padding-bottom: 58.5px !important;
}

.pl-117 {
    padding-left: 58.5px !important;
}

.pt-118 {
    padding-top: 59px !important;
}

.pr-118 {
    padding-right: 59px !important;
}

.pb-118 {
    padding-bottom: 59px !important;
}

.pl-118 {
    padding-left: 59px !important;
}

.pt-119 {
    padding-top: 59.5px !important;
}

.pr-119 {
    padding-right: 59.5px !important;
}

.pb-119 {
    padding-bottom: 59.5px !important;
}

.pl-119 {
    padding-left: 59.5px !important;
}

.pt-120 {
    padding-top: 60px !important;
}

.pr-120 {
    padding-right: 60px !important;
}

.pb-120 {
    padding-bottom: 60px !important;
}

.pl-120 {
    padding-left: 60px !important;
}

.d-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-b {
    display: block !important;
}

.d-i {
    display: inline !important;
}

.d-ib {
    display: inline-block !important;
}

.bd-n {
    border: none !important;
}

.bt-n {
    border-top: none !important;
}

.br-n {
    border-right: none !important;
}

.bb-n {
    border-bottom: none !important;
}

.bl-n {
    border-left: none !important;
}

.ff-i {
    font-family: 'icomoon' !important;
}

.fw-b {
    font-weight: 700 !important;
}

.fw-m {
    font-weight: 500 !important;
}

.fw-n {
    font-weight: 400 !important;
}

.fw-l {
    font-weight: 300 !important;
}

.fs-0 {
    font-size: 0 !important;
}

.fc-1 {
    color: #101010 !important;
}

.fc-2 {
    color: #606060 !important;
}

.fc-3 {
    color: #888888 !important;
}

.fc-4 {
    color: #c0c0c0 !important;
}

.fc-5 {
    color: #ffffff !important;
}

.fc-6 {
    color: #ef1e1e !important;
}

.fc-7 {
    color: #009ac0 !important;
}

.fc-8 {
    color: #004e73 !important;
}

.fc-9 {
    color: #5fb9bc !important;
}

.pcolor {
    color: #004e73 !important;
    font-weight: bold !important;
}

.pcolor2 {
    color: #ef1e1e !important;
}

.pcolor3 {
    color: #009ac0 !important;
}

.ta-c {
    text-align: center !important;
}

.ta-l {
    text-align: left !important;
}

.ta-r {
    text-align: right !important;
}

.va-t {
    vertical-align: top !important;
}

.va-m {
    vertical-align: middle !important;
}

.va-b {
    vertical-align: baseline !important;
}

.w-full {
    width: 100% !important;
}

.hidden {
    overflow: hidden;
    position: absolute;
    top: -9999px;
    right: -9999px;
    z-index: -9999;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

header {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    z-index: 5000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
}

    header h1 {
        font-weight: 300;
        font-size: 19px;
    }

    header .ham {
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
        font-size: 0;
    }

        header .ham::before {
            content: '\e902';
            font-family: "icomoon";
            font-size: 32px;
        }

    header .util {
        position: absolute;
        left: 12px;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        font-size: 0;
    }

        header .util a {
            display: inline-block;
            margin-left: 6px;
        }

        header .util .back::before {
            content: '\e900';
            font-family: "icomoon";
            font-size: 32px;
        }

        header .util .home::before {
            content: '\e901';
            font-family: "icomoon";
            font-size: 32px;
        }

        header .util .logo::before {
            content: '';
            display: inline-block;
            width: 76.5px;
            height: 18px;
            background: url(../img/svgicons/logo-top.svg) 0 0/contain no-repeat;
        }

        header .util a + a {
            margin-left: 5px;
        }

    header.border {
        border-bottom: 1px solid #ddd;
    }

    header.nobg {
        background: none;
    }

    header.scrolled {
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }

    header.full ~ #content {
        padding: 0;
    }

.gnb-wrap {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100vw;
    height: 100%;
    z-index: 10000;
    background-color: #fff;
}

    .gnb-wrap .go-home {
        border-bottom: 1px solid #dddddd;
    }

        .gnb-wrap .go-home a {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 18px;
            height: 60px;
            font-weight: 300;
            font-size: 19px;
        }

    .gnb-wrap .wrap {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: calc(100% - 60px);
        overflow-y: auto;
    }

        .gnb-wrap .wrap hr {
            margin: 0;
        }

/* 해더 보이고 안보이게 */
#content {
    -webkit-transition: padding 0.2s;
    transition: padding 0.2s;
}

header.has-tab ~ #content {
    padding-top: 110px;
}

    header.has-tab ~ #content > div[class*=tab] {
        position: fixed;
        top: 60px;
        left: 18px;
        width: 100%;
    }

.tab-border.is-fixed {
    position: fixed;
    left: 0;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

header.has-tab.scrolled {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

    header.has-tab.scrolled ~ #content::before {
        content: '';
        display: inline-block;
        position: fixed;
        left: 0;
        top: -20px;
        width: 100%;
        height: 110px;
        background-color: #fff;
        z-index: 1;
    }

    header.has-tab.scrolled ~ #content > div[class*=tab] {
        -webkit-transition: top 0.15s;
        transition: top 0.15s;
        z-index: 100;
    }

    header.has-tab.scrolled ~ #content div[data-fixed2DepthTab],
    header.has-tab.scrolled ~ #content div[data-fixed3DepthTab],
    header.has-tab.scrolled ~ #content div[data-fixed3DepthTab2] {
        -webkit-transition: -webkit-transform 0.15s;
        transition: -webkit-transform 0.15s;
        transition: transform 0.15s;
        transition: transform 0.15s, -webkit-transform 0.15s;
        z-index: 2;
    }

    header.has-tab.scrolled.up {
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

        header.has-tab.scrolled.up ~ #content::before {
            top: -60px;
        }

        header.has-tab.scrolled.up ~ #content > div[class*=tab] {
            position: fixed;
            top: 0;
            left: 18px;
            width: 100%;
        }

        header.has-tab.scrolled.up ~ #content .tab-border.is-fixed {
            top: 50px;
        }

        header.has-tab.scrolled.up ~ #content.onepage {
            padding-top: 50px;
        }

            header.has-tab.scrolled.up ~ #content.onepage .special-prd {
                height: calc(var(--vh, 1vh) * 100 - 50px);
            }

    header.has-tab.scrolled.down {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

        header.has-tab.scrolled.down ~ #content::before {
            top: -20px;
        }

        header.has-tab.scrolled.down ~ #content > div[class*=tab] {
            position: fixed;
            top: 60px;
            left: 18px;
            width: 100%;
        }

        header.has-tab.scrolled.down ~ #content .tab-border.is-fixed {
            top: 110px;
        }

        header.has-tab.scrolled.down ~ #content.onepage {
            padding-top: 110px;
        }

header.has-tab.tab-fixed.scrolled ~ #content::before {
    height: 140px;
}

header.has-tab.tab-fixed.scrolled.up ~ #content > div[class*=tab] {
    top: -50px;
}

header.has-tab.tab-fixed.scrolled.up ~ #content .tab-border.is-fixed {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

header.has-tab.tab-fixed.scrolled.up ~ #content::before {
    height: 100px;
}

header.fixed-2depth-tab.scrolled {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

    header.fixed-2depth-tab.scrolled.up {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

        header.fixed-2depth-tab.scrolled.up ~ #content .fixed-2depth-tab {
            -webkit-transform: translateY(-60px) !important;
            transform: translateY(-60px) !important;
        }

    header.fixed-2depth-tab.scrolled.down {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

        header.fixed-2depth-tab.scrolled.down ~ #content .fixed-2depth-tab {
            -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
        }

    header.fixed-2depth-tab.scrolled ~ #content .fixed-2depth-tab {
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
    }

.tab-border.is-fixed + * {
    padding-top: 50px;
}

.pin-spacer .fixed-2depth-tab {
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

    .pin-spacer .fixed-2depth-tab.active {
        width: 100% !important;
    }

.sticky-wrap {
    z-index: 1;
}

    .sticky-wrap.fixed-2depth-tab {
        background-color: #fff;
    }

    .sticky-wrap .page-head {
        margin: 0;
    }

.gnb-menu > li {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .gnb-menu > li .on a {
        color: #009ac0;
        text-decoration: underline;
    }

    .gnb-menu > li + li {
        border-top: 1px solid #dddddd;
    }

    .gnb-menu > li > a {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 18px;
        height: 60px;
        font-weight: 300;
        font-size: 19px;
    }

    .gnb-menu > li > span {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 18px;
        height: 60px;
        font-weight: 300;
        font-size: 19px;
    }

        .gnb-menu > li > span::before {
            content: '\e90b';
            position: absolute;
            right: 12px;
            top: 50%;
            margin-top: -12.5px;
            display: inline-block;
            width: 25px;
            height: 25px;
            font-family: "icomoon";
            font-size: 25px;
            color: #101010;
            line-height: 1;
            -webkit-transition: -webkit-transform 0.2s;
            transition: -webkit-transform 0.2s;
            transition: transform 0.2s;
            transition: transform 0.2s, -webkit-transform 0.2s;
        }

        .gnb-menu > li > span.active {
            background-color: #004e73;
            font-weight: 500;
            color: #ffffff;
        }

            .gnb-menu > li > span.active::before {
                -webkit-transform: rotateZ(180deg);
                transform: rotateZ(180deg);
                color: #ffffff;
            }

    .gnb-menu > li .expand {
        overflow: hidden;
        height: 0;
    }

    .gnb-menu > li > .expand > ul {
        padding: 0 18px;
    }

        .gnb-menu > li > .expand > ul > li + li > a,
        .gnb-menu > li > .expand > ul > li + li > span {
            border-top: 1px solid #ebebeb;
        }

        .gnb-menu > li > .expand > ul > li > a,
        .gnb-menu > li > .expand > ul > li > span {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            height: 55px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 16px;
        }

            .gnb-menu > li > .expand > ul > li > span::before {
                content: '\e90b';
                position: absolute;
                right: -5px;
                top: 50%;
                margin-top: -12.5px;
                display: inline-block;
                width: 25px;
                height: 25px;
                font-family: "icomoon";
                font-size: 25px;
                color: #101010;
                line-height: 1;
                -webkit-transition: -webkit-transform 0.2s;
                transition: -webkit-transform 0.2s;
                transition: transform 0.2s;
                transition: transform 0.2s, -webkit-transform 0.2s;
            }

        .gnb-menu > li > .expand > ul > li > .active {
            color: #009ac0;
        }

            .gnb-menu > li > .expand > ul > li > .active::before {
                color: #009ac0;
                -webkit-transform: rotateZ(180deg);
                transform: rotateZ(180deg);
            }

        .gnb-menu > li > .expand > ul ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .gnb-menu > li > .expand > ul ul li {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: 34px;
                width: 50%;
                margin-top: 9px;
                font-size: 14px;
                color: #888888;
            }

                .gnb-menu > li > .expand > ul ul li:nth-child(1), .gnb-menu > li > .expand > ul ul li:nth-child(2) {
                    margin-top: 0;
                }

                .gnb-menu > li > .expand > ul ul li:last-child {
                    margin-bottom: 22px;
                }

.gnb-wrap .welcome {
    border-bottom: 1px solid #dddddd;
}

    .gnb-wrap .welcome .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 14px 12px 14px 12px;
    }

        .gnb-wrap .welcome .head .btn-search {
            font-size: 0;
            width: 32px;
            height: 32px;
            display: inline-block;
            background: url(../img/svgicons/search-64.svg) 0 0/contain no-repeat;
        }

        .gnb-wrap .welcome .head .btn.close::before {
            content: '\e903';
            display: inline-block;
            width: 32px;
            height: 32px;
            font-family: "icomoon";
            font-size: 32px;
            line-height: 1;
        }

    .gnb-wrap .welcome .body {
        padding: 6px 18px 26px 18px;
        font-weight: 300;
        font-size: 19px;
        color: #101010;
    }

.gnb-wrap .shortcut-menus {
    padding-bottom: 23.5px;
}

    .gnb-wrap .shortcut-menus li {
        display: block;
        margin-top: 23px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 18px;
        font-size: 16px;
        font-weight: bold;
        color: #606060;
    }

        .gnb-wrap .shortcut-menus li + li {
            margin-top: 22px;
        }

    .gnb-wrap .shortcut-menus .cart span {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-left: 8px;
        vertical-align: middle;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 21px;
        padding: 0 6px;
        border-radius: 21px;
        background-color: #ef1e1e;
        font-family: "Pretendard";
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }

.gnb-wrap .util {
    text-align: right;
    font-size: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 18px 35px 18px;
    background-color: #f8f8f8;
}

    .gnb-wrap .util .btn-line {
        text-decoration: none;
    }

        .gnb-wrap .util .btn-line::before {
            content: '';
            position: absolute;
            display: inline-block;
            left: 0;
            right: 0;
            bottom: 2px;
            height: 1px;
            background-color: #888888;
        }

.gnb-wrap .footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    background-color: #606060;
    color: #fff;
}

    .gnb-wrap .footer a {
        font-size: 15px;
    }

        .gnb-wrap .footer a::before {
            content: '';
            display: inline-block;
            margin-right: 5px;
            margin-top: -1px;
            vertical-align: middle;
            width: 25px;
            height: 25px;
            background: url(../img/svgicons/tel.svg) 0 0/contain no-repeat;
        }

    .gnb-wrap .footer i {
        position: relative;
        top: 1px;
        margin-left: 8px;
        font-weight: bold;
        font-size: 19px;
    }

footer {
    position: relative;
    padding: 0px 18px 0px 18px;
    background-color: #2b2b2b;
    font-size: 12px;
    color: #999;
    z-index: 160;
}

    footer .accordion {
        vertical-align: middle;
        display: block;
    }

        footer .accordion li {
            display: block;
            vertical-align: middle;
            font-size: 0;
        }

            footer .accordion li + li {
                margin-left: 17px;
            }

            footer .accordion li a {
                font-size: 12px;
            }

            footer .accordion li i {
                color: #fff;
            }

    footer .select-lang {
        position: relative;
        font-size: 13px;
        color: #fff;
    }

        footer .select-lang .current::after {
            content: '\e90b';
            display: inline-block;
            width: 20px;
            margin-left: 3px;
            vertical-align: middle;
            -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
            font-family: "icomoon";
            font-size: 20px;
            line-height: 1;
            -webkit-transition: -webkit-transform 0.2s;
            transition: -webkit-transform 0.2s;
            transition: transform 0.2s;
            transition: transform 0.2s, -webkit-transform 0.2s;
        }

        footer .select-lang .current.active::after {
            -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
        }

        footer .select-lang .current.active + ul {
            display: block;
        }

        footer .select-lang ul {
            position: absolute;
            right: 0;
            bottom: 27px;
            display: none;
            width: 63px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 10px;
            border: 2px solid #101010;
            background-color: #fff;
            overflow: hidden;
            color: #606060;
        }

            footer .select-lang ul li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: 40px;
                font-family: "Pretendard";
                font-size: 15px;
            }

            footer .select-lang ul .active {
                background-color: #f8f8f8;
                font-weight: bold;
                color: #101010;
            }

    footer .f-bottom {
        padding: 17px 0px 20px 0px;
    }

    footer .mid-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 17px 0 0;
    }

    footer .btm-wrap {
        position: relative;
    }

    footer .accordion > li {
        border-top: none;
    }

        footer .accordion > li:last-child {
            border-bottom: 2px solid #fff;
        }

        footer .accordion > li .tit {
            font-family: "Pretendard";
            font-weight: bold;
            font-size: 18px;
            color: #fff;
            padding: 9px 0 4px 0;
        }

            footer .accordion > li .tit i {
                right: 0;
            }

                footer .accordion > li .tit i::before {
                    color: inherit;
                }

        footer .accordion > li .wrap {
            font-size: 11px;
            padding: 0 0 10px 0;
            line-height: 1.64;
            background-color: transparent;
        }

            footer .accordion > li .wrap p {
                margin-top: 13px;
            }

                footer .accordion > li .wrap p i {
                    color: #fff;
                }

            footer .accordion > li .wrap .logo {
                font-size: 0;
                display: inline-block;
                width: 65px;
                height: 27px;
                background: url(../img/svgicons/footer-logo.svg) 0 0/contain no-repeat;
            }

                footer .accordion > li .wrap .logo a {
                    font-size: 0;
                }

    footer .util {
        margin-top: 21px;
        font-size: 12px;
    }

        footer .util i {
            color: #fff;
        }

        footer .util li + li {
            margin-top: 12px;
        }

    footer .copyright {
        margin-top: 27px;
    }

    footer .sns {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        text-align: right;
    }

        footer .sns li {
            vertical-align: top;
            font-size: 0;
        }

            footer .sns li + li {
                margin-left: 14px;
            }

        footer .sns a {
            display: inline-block;
            width: 28px;
            height: 28px;
        }

        footer .sns .fb {
            background: url(../img/svgicons/facebook.svg) 0 0/contain no-repeat;
        }

        footer .sns .it {
            background: url(../img/svgicons/insta.svg) 0 0/contain no-repeat;
        }

        footer .sns .yt {
            background: url(../img/svgicons/youtube.svg) 0 0/contain no-repeat;
        }

    footer:empty {
        background-color: #2b2b2b;
        height: 462px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #ffffff;
    }

        footer:empty::before {
            content: '푸터영역';
        }

.select-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin: 0 0 0 11px;
    height: 52px;
}

    .select-wrap:first-child {
        margin: 0;
    }

    .select-wrap select {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

        .select-wrap select:disabled ~ .label-slt {
            border-color: #dddddd;
            background: #f8f8f8;
            color: #c0c0c0;
        }

            .select-wrap select:disabled ~ .label-slt:after {
                color: #c0c0c0;
            }

        .select-wrap select:focus ~ .label-slt {
            border-color: #969696;
        }

    .select-wrap .label-slt {
        overflow: hidden;
        display: block;
        max-width: 100%;
        max-height: 50px;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-all;
        word-wrap: break-word;
        font-size: 17px;
        font-weight: 400;
        text-align: left;
        color: #606060;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 52px;
        max-height: 52px;
        border: 1px solid #dddddd;
        border-radius: 5px;
        padding: 0 30px 0 15px;
        background: #ffffff;
        line-height: 50px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

        .select-wrap .label-slt::after {
            display: block;
            content: '\e921';
            font-family: "icomoon";
            font-size: 12px;
            font-weight: 400;
            text-align: left;
            color: #101010;
            line-height: 1;
            width: 12px;
            height: 12px;
            position: absolute;
            top: 50%;
            right: 13px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .select-wrap .label-slt.show-box::after {
            display: none;
        }

    .select-wrap.selected .label-slt {
        color: #101010;
    }

    .select-wrap.h-90 {
        height: 45px;
    }

        .select-wrap.h-90 .label-slt {
            font-size: 13px;
            height: 45px;
            line-height: 43px;
        }

            .select-wrap.h-90 .label-slt::after {
                display: block;
                content: '\e921';
                font-family: "icomoon";
                font-size: 12px;
                font-weight: 400;
                text-align: left;
                color: #101010;
                line-height: 1;
                width: 12px;
                height: 12px;
                position: absolute;
                top: 50%;
                right: 13px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

[data-selectmodal] {
    cursor: pointer;
}

    [data-selectmodal] .label-slt {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [data-selectmodal] select {
        z-index: 0;
    }

.opt-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 10000;
    background-color: rgba(16, 16, 16, 0.85);
    cursor: pointer;
}

    .opt-container .btn.close {
        position: absolute;
        top: -15px;
        right: 15px;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .opt-container .wrap {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: translateY(120%);
        transform: translateY(120%);
        padding-top: 17.5px;
        border-radius: 15px 15px 0 0;
        background-color: #fff;
    }

        .opt-container .wrap .inner {
            height: 100%;
            max-height: 51vh;
            overflow-y: auto;
        }

        .opt-container .wrap li button {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            min-height: 60px;
            width: 100%;
            padding: 18.5px 18px 18px 18px;
            letter-spacing: -0.5px;
            text-align: left;
        }

            .opt-container .wrap li button:hover {
                background-color: #f8f8f8;
            }

button[class^=tooltip] {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: -0.47px;
}

    button[class^=tooltip]::after {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 8px;
        background: url(../img/svgicons/question-40.svg) 0 0/contain no-repeat;
    }

    button[class^=tooltip] .tip-text {
        display: none;
    }

button.tooltip2::after {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-image: url(../img/svgicons/question-36.svg);
}

button.tooltip2 i {
    margin-left: 3px;
}

button.tooltip3 {
    font-size: 13px;
    line-height: 1.73;
    color: #888888;
}

    button.tooltip3::after {
        width: 15px;
        height: 15px;
        background-image: url(../img/svgicons/question-30.svg);
    }

button.tooltip-info {
    font-size: 13px;
    color: #888888;
    line-height: 1.29;
}

    button.tooltip-info::after {
        width: 18px;
        height: 18px;
        margin-left: 5px;
        background-image: url(../img/svgicons/exmark-gray-36.svg);
    }

button.tooltip-exmark {
    font-size: 14px;
    color: #101010;
}

    button.tooltip-exmark::after {
        width: 18px;
        height: 18px;
        margin-left: 4px;
        background-image: url(../img/svgicons/exmark-black-36.svg);
    }

.tooltip-box {
    position: fixed;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.5);
    z-index: 10000;
    cursor: pointer;
}

    .tooltip-box .t-wrap {
        position: relative;
        max-width: 339px;
        min-width: 250px;
        background-color: #fff;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 20px 25px 20px;
    }

    .tooltip-box .btn-close2 {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .tooltip-box .t-header {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 700;
    }

    .tooltip-box .t-body {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 15px;
        max-height: 450px;
        overflow-y: scroll;
        color: #606060;
        font-size: 15px;
    }

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20000;
    background-color: #fff;
}

    .modal .header {
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: 300;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
        padding: 0px 44px 0px 18px;
        border-bottom: 2px solid #101010;
    }

        .modal .header .tit {
            -webkit-transform: translateY(2px);
            transform: translateY(2px);
        }

    .modal .btn.close {
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 0;
    }

        .modal .btn.close::before {
            content: '\e903';
            display: inline-block;
            width: 32px;
            height: 32px;
            font-family: "icomoon";
            font-size: 32px;
            line-height: 1;
        }

    .modal .body {
        overflow-y: scroll;
        padding: 0 18px;
        height: calc(var(--vh, 1vh) * 100 - 60px);
    }

        .modal .body > .wrap {
            height: 100%;
        }

div[class*=modal-opt] {
    position: fixed;
    top: 100vh;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    background-color: rgba(16, 16, 16, 0.85);
    cursor: pointer;
}

    div[class*=modal-opt] .btn.close {
        position: absolute;
        top: -15px;
        right: 15px;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        background: url(../img/svgicons/close-64.svg) 0 0/contain no-repeat;
    }

    div[class*=modal-opt] .wrap {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: translate(0, 120%);
        transform: translate(0, 120%);
        border-radius: 15px 15px 0 0;
        background-color: #fff;
    }

        div[class*=modal-opt] .wrap .inner {
            min-height: 176.5px;
        }

    div[class*=modal-opt].active {
        top: 0;
        z-index: 10000;
    }

.modal-view {
    position: fixed;
    top: 100vh;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    height: 100%;
    opacity: 0;
    z-index: 10000;
    overflow: hidden;
    background-color: rgba(16, 16, 16, 0.85);
}

    .modal-view .btn.close {
        position: absolute;
        top: -15px;
        right: 0px;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        background: url(../img/svgicons/close-64.svg) 0 0/contain no-repeat;
    }

    .modal-view .wrap {
        position: relative;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 315px;
        height: 315px;
        border-radius: 5px;
    }

    .modal-view.event {
        cursor: pointer;
    }

        .modal-view.event .wrap {
            border-radius: 10px;
            overflow: hidden;
            height: auto;
        }

        .modal-view.event .btn-con {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border-top: 1px solid #101010;
        }

        .modal-view.event .btn {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: 50px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .modal-view.event .btn + .btn {
                border-left: 1px solid #101010;
            }

.active.modal-view {
    top: 0;
    opacity: 1;
}

.modal-video {
    position: fixed;
    top: 100vh;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    height: 100%;
    opacity: 0;
    z-index: 10000;
    overflow: hidden;
    background-color: rgba(16, 16, 16, 0.85);
    cursor: pointer;
}

    .modal-video .wrap {
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 0 56%;
    }

        .modal-video .wrap .video-player {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

.active.modal-video {
    top: 0;
    opacity: 1;
}

@media screen and (orientation: landscape) {
    .modal-view .btn.close {
        top: 0;
        right: -15px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.winpop .header {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 15;
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 0px 44px 0px 18px;
    border-bottom: 2px solid #101010;
}

    .winpop .header .tit {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

.winpop .btn.close {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
}

    .winpop .btn.close::before {
        content: '\e903';
        display: inline-block;
        width: 32px;
        height: 32px;
        font-family: "icomoon";
        font-size: 32px;
        line-height: 1;
    }

.winpop .body {
    overflow-y: scroll;
    padding: 0 18px;
    height: calc(var(--vh, 1vh) * 100 - 60px);
}

    .winpop .body > .wrap {
        height: 100%;
    }

.paging {
    text-align: center;
    font-size: 0;
}

    .paging a {
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        color: #606060;
        display: inline-block;
        position: relative;
        width: 32px;
        height: 32px;
        margin: 0 0 0 15px;
        border-radius: 50%;
        font-family: 'Pretendard';
        line-height: 32px;
        vertical-align: middle;
    }

        .paging a:nth-child(2) {
            margin: 0;
        }

        .paging a.prev {
            margin: 0 30px 0 0;
            font-size: 0;
        }

            .paging a.prev i {
                font-size: 13.5px;
                font-weight: 400;
                text-align: center;
                color: #606060;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

        .paging a.next {
            margin: 0 0 0 30px;
            font-size: 0;
        }

            .paging a.next i {
                font-size: 13.5px;
                font-weight: 400;
                text-align: center;
                color: #606060;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

        .paging a.current {
            font-size: 18px;
            font-weight: 700;
            text-align: center;
            color: #ffffff;
            background: #004e73;
        }

        .paging a:focus, .paging a:active {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
            outline: none;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
        }

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 10px 0 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}

    .form-row .btn-104 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 110px;
        flex: 0 0 110px;
        margin: 0 0 0 10px !important;
    }

    .form-row:first-child {
        margin: 0;
    }

    .form-row .dash {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
        position: relative;
    }

        .form-row .dash::before {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            display: block;
            content: '';
            width: 7px;
            height: 1px;
            background: #101010;
        }

    .form-row .at {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        position: relative;
    }

        .form-row .at::before {
            font-size: 17px;
            font-weight: 400;
            text-align: center;
            color: #101010;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            display: block;
            content: '@';
            width: 100%;
            height: 100%;
            line-height: 52px;
        }

    .form-row .swung {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        position: relative;
    }

        .form-row .swung::before {
            font-size: 17px;
            font-weight: 400;
            text-align: center;
            color: #101010;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            display: block;
            content: '~';
            width: 100%;
            height: 100%;
            line-height: 52px;
        }

    .form-row .select-wrap {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100px;
        flex: 1 1 100px;
        margin: 0;
    }

    .form-row::before {
        display: block;
        content: '';
        position: absolute;
        top: 50%;
        right: 15px;
        padding: 0 11px 0 0;
        font-size: 13px;
        opacity: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .form-row::after {
        display: block;
        content: '';
        position: absolute;
        top: 50%;
        right: 15px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        opacity: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .form-row.good::before {
        content: '안전';
        color: #42c542;
        opacity: 1;
    }

    .form-row.good::after {
        background: #42c542;
        opacity: 1;
    }

    .form-row.normal::before {
        content: '보통';
        color: #edb340;
        opacity: 1;
    }

    .form-row.normal::after {
        background: #edb340;
        opacity: 1;
    }

    .form-row.bad::before {
        content: '위험';
        color: #e42525;
        opacity: 1;
    }

    .form-row.bad::after {
        background: #e42525;
        opacity: 1;
    }

    .form-row.right::before {
        content: '일치';
        color: #42c542;
        opacity: 1;
    }

    .form-row.right::after {
        background: #42c542;
        opacity: 1;
    }

    .form-row.wrong::before {
        content: '불일치';
        color: #e42525;
        opacity: 1;
    }

    .form-row.wrong::after {
        background: #e42525;
        opacity: 1;
    }

    .form-row.possible::before {
        content: '사용가능';
        color: #42c542;
        opacity: 1;
    }

    .form-row.possible::after {
        background: #42c542;
        opacity: 1;
    }

    .form-row.good input,
    .form-row.normal input,
    .form-row.bad input,
    .form-row.right input,
    .form-row.wrong input {
        padding-right: 70px;
    }

    .form-row.direct-area {
        overflow: hidden;
        height: 0;
        max-height: 0;
        margin: 0 !important;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .form-row.direct-input ~ .direct-area {
        height: auto;
        max-height: 52px;
        margin: 10px 0 0 !important;
    }

.guide-msg {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #ef1e1e;
    height: auto;
    max-height: 0;
    margin: 6px 0 0;
    line-height: 1.4;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.form-row.error input {
    border-color: #ef1e1e;
}

.form-row.error ~ .guide-msg {
    max-height: 100px;
    opacity: 1;
}

.form-row.error .label-slt {
    border-color: #ef1e1e;
}

.datepicker {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100px;
    flex: 1 1 100px;
    position: relative;
    min-width: 0;
}

    .datepicker input {
        padding-right: 40px;
        background: #ffffff;
        cursor: pointer;
        text-overflow: unset;
    }

    .datepicker::after {
        display: block;
        content: '\e90c';
        font-family: "icomoon";
        font-size: 18px;
        font-weight: 400;
        text-align: left;
        color: #101010;
        line-height: 1;
        position: absolute;
        top: 50%;
        right: 15px;
        width: 18px;
        height: 18px;
        font-size: 18px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
    }

input[type='date'] {
    position: relative;
    text-indent: -9999px;
    color: transparent;
}

    input[type='date']::-webkit-inner-spin-button,
    input[type='date']::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }

    input[type='date']::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background-color: #fff;
        opacity: 0;
        text-indent: 0;
    }

    input[type='date']::after {
        content: attr(data-date);
        position: absolute;
        top: 50%;
        left: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #606060;
        font-size: 17px;
        text-indent: 0;
    }

.accordion > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
}

    .accordion > li.open .tit > .txt {
        -webkit-line-clamp: initial;
        overflow: visible;
        max-height: none;
    }

    .accordion > li.all-chk-wrap + li {
        border-top: none;
    }

    .accordion > li:last-child {
        border-bottom: 1px solid #ddd;
    }

    .accordion > li .tit {
        padding: 26.5px 65px 26.5px 0px;
        position: relative;
        letter-spacing: -0.5px;
        font-size: 17px;
        font-weight: 400;
        text-align: left;
        color: #101010;
        cursor: pointer;
    }

        .accordion > li .tit .txt {
            max-height: 45px;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-break: break-all;
            word-wrap: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            overflow: hidden;
        }

        .accordion > li .tit i {
            position: absolute;
            right: 15px;
            top: 50%;
            margin-top: -10px;
            font-size: 20px;
            -webkit-transition: -webkit-transform 0.3s;
            transition: -webkit-transform 0.3s;
            transition: transform 0.3s;
            transition: transform 0.3s, -webkit-transform 0.3s;
        }

            .accordion > li .tit i::before {
                color: #101010;
            }

    .accordion > li .category {
        font-size: 12px;
        font-weight: 700;
        text-align: left;
        color: #004e73;
        display: block;
        margin-bottom: 8px;
    }

    .accordion > li .date {
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        color: #888888;
        display: block;
        margin: 7px 0 0;
        font-family: "Pretendard";
    }

    .accordion > li .expand {
        height: 0;
        overflow: hidden;
    }

    .accordion > li .wrap {
        background-color: #f8f8f8;
        padding: 25px 25px 27.5px 25px;
        font-size: 15px;
        color: #606060;
    }

        .accordion > li .wrap .q-box img {
            display: block;
            overflow: hidden;
            height: auto;
            margin: 0 auto;
            border-radius: 5px;
        }

        .accordion > li .wrap .a-box {
            position: relative;
            margin: 28px 0 0;
            border-top: 1px solid #dddddd;
            padding: 65px 0 0;
        }

            .accordion > li .wrap .a-box img {
                display: block;
                width: 100%;
            }

            .accordion > li .wrap .a-box::before {
                display: block;
                content: '';
                position: absolute;
                top: 31.5px;
                left: 0;
                width: 24px;
                height: 23px;
                background: url(../img/svgicons/faq-a.svg) center center/contain no-repeat;
            }

.accordion .open .tit {
    font-weight: 700;
}

    .accordion .open .tit i {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

.accordion .open .expand {
    overflow-y: auto;
}

.accordion.ty2 {
    margin: 0 -18px;
}

    .accordion.ty2 li {
        border: none;
    }

        .accordion.ty2 li .tit {
            font-size: 18px;
            font-weight: 500;
            text-align: left;
            color: #101010;
            padding: 24px 18px 19px;
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
        }

            .accordion.ty2 li .tit::after {
                display: block;
                content: '\e915';
                position: absolute;
                top: 50%;
                right: 18px;
                font-family: "icomoon";
                color: #888888;
                -webkit-transform: translateY(-50%) rotate(180deg);
                transform: translateY(-50%) rotate(180deg);
                -webkit-transition: all .4s;
                transition: all .4s;
            }

        .accordion.ty2 li.open .tit::after {
            -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
        }

        .accordion.ty2 li .wrap {
            padding: 0 18px 20px;
            background: none;
            -webkit-transition: all .3s;
            transition: all .3s;
        }

.hgroup {
    display: block;
    position: relative;
}

    .hgroup .head-60 {
        display: block;
        font-weight: 500;
        font-size: 30px;
        line-height: 1.4;
        color: #101010;
        text-align: left;
    }

    .hgroup .head-50 {
        display: block;
        font-weight: 500;
        font-size: 25px;
        line-height: 1.4;
        color: #101010;
        text-align: left;
    }

    .hgroup .head-38 {
        display: block;
        font-weight: 700;
        font-size: 19px;
        line-height: 1.4;
        color: #101010;
        text-align: left;
    }

    .hgroup .head-34 {
        display: block;
        font-weight: 400;
        font-size: 17px;
        line-height: 1.4;
        color: #101010;
        text-align: left;
    }

    .hgroup .head-30 {
        display: block;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.4;
        color: #101010;
        text-align: left;
    }

    .hgroup .desc {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #606060;
        margin: 10px 0 0;
    }

    .hgroup.d-f {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .hgroup .slt-custom {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: right;
    }

        .hgroup .slt-custom .slt-opt {
            left: auto;
            right: 0;
        }

.radio {
    display: inline-block;
    position: relative;
    margin: 0 0 0 40px;
    font-size: 0;
}

    .radio:nth-of-type(1) {
        margin: 0;
    }

    .radio input {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .radio .txt {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #101010;
        display: block;
        position: relative;
        padding: 0 0 0 29px;
        line-height: 20px;
        cursor: pointer;
        pointer-events: none;
    }

        .radio .txt::before {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 20px;
            height: 20px;
            border: 1px solid #969696;
            border-radius: 50%;
            background: #ffffff;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

        .radio .txt::after {
            display: block;
            content: '';
            position: absolute;
            top: 6px;
            left: 6px;
            z-index: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #969696;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

        .radio .txt:focus, .radio .txt:active {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
            outline: none;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
        }

    .radio input:checked + .txt::before {
        border-color: #004e73;
        background: #004e73;
        -webkit-animation: clickAction .2s;
        animation: clickAction .2s;
    }

    .radio input:checked + .txt::after {
        background: #ffffff;
        -webkit-animation: clickAction .2s;
        animation: clickAction .2s;
    }

    .radio input:disabled + .txt {
        color: #888888;
        cursor: default;
    }

        .radio input:disabled + .txt::before {
            border-color: #dddddd;
            background: #f8f8f8;
        }

        .radio input:disabled + .txt::after {
            display: none;
        }

.checkbox {
    display: inline-block;
    position: relative;
}

    .checkbox input {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .checkbox .txt-wrap {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #101010;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        padding: 0 0 0 28px;
        line-height: 21px;
        cursor: pointer;
        pointer-events: none;
    }

        .checkbox .txt-wrap::before {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 20px;
            height: 20px;
            border: 1px solid #969696;
            border-radius: 3px;
            background: #ffffff;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

        .checkbox .txt-wrap::after {
            display: block;
            content: '\e91f';
            position: absolute;
            top: 5px;
            left: 5px;
            z-index: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 11px;
            height: 7px;
            font-family: 'icomoon';
            font-size: 10px;
            line-height: 1;
            color: #969696;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

        .checkbox .txt-wrap strong {
            font-size: 15px;
            font-weight: 700;
            text-align: left;
            color: #ef1e1e;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            padding: 0 3px 0 0;
        }

        .checkbox .txt-wrap .txt {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            pointer-events: none;
        }

            .checkbox .txt-wrap .txt em {
                font-weight: 700;
            }

            .checkbox .txt-wrap .txt sub {
                font-size: 13px;
                font-weight: 400;
                text-align: left;
                color: #888888;
                display: block;
                margin: 10px 0 0;
            }

        .checkbox .txt-wrap .btn-line {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

        .checkbox .txt-wrap:focus, .checkbox .txt-wrap:active {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
            outline: none;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
        }

    .checkbox input:checked + .txt-wrap::before {
        border-color: #004e73;
        background: #004e73;
        -webkit-animation: clickAction .2s;
        animation: clickAction .2s;
    }

    .checkbox input:checked + .txt-wrap::after {
        color: #ffffff;
        -webkit-animation: clickAction .2s;
        animation: clickAction .2s;
    }

    .checkbox input:disabled + .txt-wrap {
        color: #888888;
        cursor: default;
    }

        .checkbox input:disabled + .txt-wrap::before {
            border-color: #dddddd;
            background: #f8f8f8;
        }

        .checkbox input:disabled + .txt-wrap::after {
            display: none;
        }

    .checkbox.all-chk .txt-wrap {
        font-size: 19px;
        font-weight: 700;
        text-align: left;
        color: #101010;
    }

    .checkbox.ty2 .txt {
        display: block;
        position: relative;
        width: 23px;
        height: 23px;
        border: 1px solid #969696;
        border-radius: 50%;
        background: #ffffff;
        font-size: 0;
    }

        .checkbox.ty2 .txt::after {
            display: block;
            content: '\e91f';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-family: 'icomoon';
            font-size: 14px;
            color: #969696;
            line-height: 25px;
            -webkit-transition: all .2s;
            transition: all .2s;
            text-align: center;
        }

    .checkbox.ty2 input:checked + .txt {
        border-color: #004e73;
        background: #004e73;
        -webkit-animation: clickAction .2s;
        animation: clickAction .2s;
    }

        .checkbox.ty2 input:checked + .txt::after {
            color: #ffffff;
        }

    .checkbox.ty3 .txt-wrap::before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        border: 1px solid #dddddd;
        border-radius: 50%;
        background: #f8f8f8;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .checkbox.ty3 .txt-wrap::after {
        display: block;
        content: '';
        position: absolute;
        top: 6px;
        left: 6px;
        z-index: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #969696;
        -webkit-transition: all .2s;
        transition: all .2s;
        opacity: 0;
    }

    .checkbox.ty3 .txt-wrap .txt {
        font-weight: 700;
        font-size: 17px;
        line-height: 20px;
    }

    .checkbox.ty3 input:checked + .txt-wrap::before {
        border-color: #004e73;
        background: #004e73;
        -webkit-animation: clickAction .2s;
        animation: clickAction .2s;
    }

    .checkbox.ty3 input:checked + .txt-wrap::after {
        background: #ffffff;
        -webkit-animation: clickAction .2s;
        animation: clickAction .2s;
        opacity: 1;
    }

    .checkbox.ty4 .txt {
        display: block;
        position: relative;
        width: 20px;
        height: 20px;
        border: 1px solid #969696;
        background: #fff;
        font-size: 0;
        border-radius: 3px;
    }

        .checkbox.ty4 .txt::after {
            display: block;
            content: '\e91f';
            position: absolute;
            top: 5px;
            left: 5px;
            z-index: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-family: 'icomoon';
            font-size: 10px;
            color: #969696;
            -webkit-transition: all .2s;
            transition: all .2s;
            text-align: center;
        }

    .checkbox.ty4 input:checked + .txt {
        border-color: #004e73;
        background: #004e73;
        -webkit-animation: clickAction .2s;
        animation: clickAction .2s;
    }

        .checkbox.ty4 input:checked + .txt::after {
            color: #ffffff;
        }

.all-chk-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    background: #f8f8f8;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #101010;
}

.chk-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin: 40px 0 0;
    font-size: 0;
    text-align: center;
}

    .btn-wrap.fixed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
    }

    .btn-wrap a,
    .btn-wrap button,
    .btn-wrap input[type='button'] {
        margin: 0 0 0 10px;
    }

        .btn-wrap a:first-child,
        .btn-wrap button:first-child,
        .btn-wrap input[type='button']:first-child {
            margin: 0;
        }

.prd-details .btn-wrap.fixed {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

    .prd-details .btn-wrap.fixed.show {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.btn-func {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    margin: 0 !important;
    border-top: 1px solid #101010;
    border-left: 1px solid #101010;
    background: #ffffff;
    font-size: 0;
}

    .btn-func:first-child {
        border-left: none;
    }

    .btn-func img {
        display: block;
        width: 26px;
        margin: 0 auto;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .btn-func.refresh img {
        width: 18px;
    }

    .btn-func:active img {
        -webkit-animation: clickAction .2s;
        animation: clickAction .2s;
    }

    .btn-func.ty2 {
        border-color: #dddddd;
    }

.btn-120 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    margin: 0 !important;
    border-top: 1px solid #004e73;
    border-radius: 0;
    padding: 0;
    background: #004e73;
    line-height: 60px;
    text-align: center;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 17px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
}

    .btn-120.c1 {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        outline: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-color: transparent;
        background-color: #f8f8f8;
        font-weight: 400;
        color: #888888;
        cursor: default;
    }

    .btn-120.c2 {
        border-color: #101010;
        background-color: #ffffff;
        font-weight: 700;
        color: #101010;
    }

.btn-110 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 164px;
    height: 55px;
    border: 1px solid #101010;
    border-radius: 5px;
    padding: 0;
    background: #ffffff;
    line-height: 55px;
    text-align: center;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 17px;
    font-weight: 700;
    text-align: left;
    color: #101010;
}

    .btn-110.c1 {
        border-color: #004e73;
        background-color: #004e73;
        font-weight: 700;
        color: #ffffff;
    }

    .btn-110.c2 {
        border-color: #f8f8f8;
        background-color: #f8f8f8;
        color: #888888;
        cursor: default;
    }

.btn-104 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 164px;
    height: 52px;
    border: 1px solid #101010;
    border-radius: 5px;
    padding: 0;
    background: #ffffff;
    line-height: 52px;
    text-align: center;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 17px;
    font-weight: 700;
    text-align: left;
    color: #101010;
}

    .btn-104.c1 {
        border-color: #004e73;
        background-color: #004e73;
        font-weight: 700;
        color: #ffffff;
    }

    .btn-104.c2 {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        outline: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-color: #f8f8f8;
        background-color: #f8f8f8;
        color: #888888;
        cursor: default;
    }

    .btn-104.c3 {
        border-color: #004e73;
        background: none;
        font-weight: 700;
        color: #004e73;
    }

    .btn-104.c4 {
        border-color: #ffffff;
        background-color: #ffffff;
        font-weight: 700;
        color: #101010;
    }

    .btn-104.c5 {
        border-color: #101010;
        background-color: #101010;
        font-weight: 700;
        color: #ffffff;
    }

    .btn-104.form {
        width: auto;
        min-width: 146px;
        padding: 0 25px;
        font-weight: 400 !important;
    }

        .btn-104.form.c1 {
            font-weight: 700 !important;
        }

    .btn-104 .txt {
        display: inline-block;
        position: relative;
        padding: 0 0 0 23px;
    }

        .btn-104 .txt .ico:before {
            position: absolute;
            top: 50%;
            left: 0;
            width: 18px;
            height: 18px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .btn-104.calendar {
        width: auto;
        min-width: 146px;
        padding: 0 25px;
        font-weight: 400 !important;
    }

        .btn-104.calendar .txt .ico:before {
            display: block;
            content: '\e90c';
            font-family: "icomoon";
            font-size: 18px;
            font-weight: 400;
            text-align: left;
            color: #101010;
            line-height: 1;
        }

    .btn-104.file {
        width: auto;
        min-width: 146px;
        padding: 0 25px;
        font-weight: 400 !important;
    }

        .btn-104.file .txt .ico:before {
            display: block;
            content: '\e912';
            font-family: "icomoon";
            font-size: 18px;
            font-weight: 400;
            text-align: left;
            color: #101010;
            line-height: 1;
        }

    .btn-104.ico {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 52px;
        border-color: #dddddd;
    }

        .btn-104.ico img {
            width: 26px;
        }

        .btn-104.ico:focus img, .btn-104.ico:active img {
            -webkit-animation: clickAction .2s;
            animation: clickAction .2s;
        }

    .btn-104.ty2 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
    }

button[class^=btn]:disabled,
button[class^=btn][disabled] {
    color: #888888;
    background-color: #f8f8f8;
    border-color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.btn-line {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #888888;
    display: inline-block;
    position: relative;
    line-height: 1.4;
    letter-spacing: -0.5px;
    text-decoration: underline;
}

    .btn-line.c1 {
        color: #101010;
    }

    .btn-line.c2 {
        color: #004e73;
    }

    .btn-line.c3 {
        color: #606060;
    }

.btn-rnd-70 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 135px;
    height: 35px;
    border: 1px solid #101010;
    border-radius: 17.5px;
    padding: 0 40px;
    background: #ffffff;
    line-height: 35px;
    text-align: center;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #101010;
    min-width: 128px !important;
    padding: 0 30px !important;
}

    .btn-rnd-70.c1 {
        border-color: #004e73;
        background-color: #004e73;
        color: #ffffff;
    }

    .btn-rnd-70.c2 {
        border-color: #101010;
        background-color: #101010;
        color: #ffffff;
    }

    .btn-rnd-70.c3 {
        border-color: #969696;
        background: none;
        color: #ffffff;
    }

    .btn-rnd-70 .txt {
        display: inline-block;
        position: relative;
        padding: 0 0 0 19px;
    }

        .btn-rnd-70 .txt .ico {
            display: block;
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 15px;
            height: 15px;
            margin: -7.5px 0 0;
        }

    .btn-rnd-70.btn-filter {
        min-width: auto !important;
        padding: 0 19px !important;
    }

        .btn-rnd-70.btn-filter .txt .ico {
            background: url(../img/svgicons/filter-30x30.svg) center center/contain no-repeat;
        }

    .btn-rnd-70:focus, .btn-rnd-70:active {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        outline: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

.btn-rnd-80 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #888888;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #888888;
    padding: 0 20px;
    font-size: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .btn-rnd-80.active {
        background-color: #004e73;
        color: #ffffff;
        border-color: #004e73;
        font-weight: bold;
    }

.btn-rnd-100 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 135px;
    height: 50px;
    border: 1px solid #101010;
    border-radius: 25px;
    padding: 0 40px;
    background: #ffffff;
    line-height: 50px;
    text-align: center;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: #101010;
}

    .btn-rnd-100.c1 {
        border-color: #004e73;
        background-color: #004e73;
        color: #ffffff;
    }

    .btn-rnd-100.c2 {
        border-color: #101010;
        background-color: #101010;
        color: #ffffff;
    }

    .btn-rnd-100 .txt {
        display: inline-block;
        position: relative;
        padding: 0 0 0 23px;
    }

        .btn-rnd-100 .txt .ico {
            display: block;
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 18px;
            height: 18px;
            background: #888888;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .btn-rnd-100:focus, .btn-rnd-100:active {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        outline: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

.btn-rnd-104 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 135px;
    height: 52px;
    border: 1px solid transparent;
    border-radius: 26px;
    padding: 0 40px;
    background: #ffffff;
    line-height: 52px;
    text-align: center;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: #004e73;
}

    .btn-rnd-104.c1 {
        border-color: #004e73;
        background-color: #004e73;
        color: #ffffff;
    }

    .btn-rnd-104.c2 {
        border-color: #101010;
        background-color: #101010;
        color: #ffffff;
    }

    .btn-rnd-104 .txt {
        display: inline-block;
        position: relative;
        padding: 0 0 0 23px;
    }

        .btn-rnd-104 .txt .ico {
            display: block;
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 18px;
            height: 18px;
            background: #888888;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .btn-rnd-104:focus, .btn-rnd-104:active {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        outline: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

.btn-rnd-110 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 135px;
    height: 55px;
    border: 1px solid #101010;
    border-radius: 27.5px;
    padding: 0 40px;
    background: #ffffff;
    line-height: 55px;
    text-align: center;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #101010;
    min-width: 169px !important;
    padding: 0 44px !important;
}

    .btn-rnd-110.c1 {
        border-color: #004e73;
        background-color: #004e73;
        color: #ffffff;
    }

    .btn-rnd-110.c2 {
        border-color: #101010;
        background-color: #101010;
        color: #ffffff;
    }

    .btn-rnd-110 .txt {
        display: inline-block;
        position: relative;
        padding: 0 0 0 23px;
    }

        .btn-rnd-110 .txt .ico {
            display: block;
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 15px;
            height: 15px;
            margin: -7.5px 0 0;
        }

    .btn-rnd-110.list .txt .ico:before {
        display: block;
        content: '\e920';
        font-family: "icomoon";
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #101010;
        line-height: 1;
    }

    .btn-rnd-110:focus, .btn-rnd-110:active {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        outline: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

.btn-tab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .btn-tab ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        position: relative;
    }

        .btn-tab ul li a,
        .btn-tab ul li button,
        .btn-tab ul li input[type='button'] {
            font-size: 14px;
            font-weight: 400;
            text-align: center;
            color: #101010;
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 52px;
            border: 1px solid #dddddd;
            border-left: none;
        }

            .btn-tab ul li a:focus, .btn-tab ul li a:active,
            .btn-tab ul li button:focus,
            .btn-tab ul li button:active,
            .btn-tab ul li input[type='button']:focus,
            .btn-tab ul li input[type='button']:active {
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                -webkit-tap-highlight-color: transparent;
                outline: none;
                -ms-touch-action: manipulation;
                touch-action: manipulation;
            }

            .btn-tab ul li a span,
            .btn-tab ul li button span,
            .btn-tab ul li input[type='button'] span {
                display: block;
                /*margin: -2px 0 0;*/
            }

        .btn-tab ul li:first-child a,
        .btn-tab ul li:first-child button,
        .btn-tab ul li:first-child input[type='button'] {
            border-left: 1px solid #dddddd;
            border-radius: 5px 0 0 5px;
        }

        .btn-tab ul li:first-child.on:before {
            display: none;
        }

        .btn-tab ul li:last-child a,
        .btn-tab ul li:last-child button,
        .btn-tab ul li:last-child input[type='button'] {
            border-radius: 0 5px 5px 0;
        }

        .btn-tab ul li.on a,
        .btn-tab ul li.on button,
        .btn-tab ul li.on input[type='button'] {
            font-size: 14px;
            font-weight: 400;
            text-align: center;
            color: #004e73;
            border-color: #004e73;
        }

        .btn-tab ul li.on::before {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: -1px;
            width: 1px;
            height: 100%;
            background: #004e73;
        }

.btn-tab.h-90 ul li a,
.btn-tab.h-90 ul li button,
.btn-tab.h-90 ul li input[type='button'] {
    height: 45px;
    font-size: 13px;
}

.btn-arr {
    display: inline-block;
    position: relative;
    padding: 0 24px 0 0;
}

    .btn-arr span {
        font-size: 14px;
        font-weight: 700;
        text-align: left;
        color: #101010;
        display: block;
    }

    .btn-arr::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background: url(../img/svgicons/more-right-black-40.svg) no-repeat 0 0/100%;
    }

.btn-arr-28 {
    display: inline-block;
    position: relative;
    padding: 0 22px 0 0;
}

    .btn-arr-28 span {
        font-size: 14px;
        font-weight: 700;
        text-align: left;
        color: #101010;
        display: block;
    }

    .btn-arr-28::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 14px;
        height: 14px;
        background: url(../img/svgicons/more-right-28.svg) no-repeat 0 0/100%;
    }

.btn.close {
    width: 32px;
    height: 32px;
    font-size: 0;
}

.btn-close2 {
    width: 13px;
    height: 13px;
    font-size: 0;
    background: url(../img/svgicons/close-26.svg) 0 0/contain no-repeat;
}

.p {
    text-align: center;
    font-size: 14px;
    color: #606060;
}

.tit + .p {
    margin-top: 9px;
}

.badge {
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 60px;
    height: 21px;
    margin: 0 0 0 11px;
    border: 1px solid;
    border-radius: 2px;
    padding: 0 10px;
    line-height: 21px;
}

    .badge:first-child {
        margin: 0;
    }

    .badge.b1 {
        border-color: #004e73;
        background: #004e73;
    }

    .badge.b2 {
        border-color: #68c3cb;
        background: #68c3cb;
    }

    .badge.b3 {
        border-color: #6f7dc7;
        background: #6f7dc7;
    }

    .badge.b4 {
        border-color: #c79b65;
        background: #c79b65;
    }

    .badge.b5 {
        border-color: #a4c5e1;
        background: #a4c5e1;
    }

    .badge.border {
        border-color: #004e73;
        background: none;
        color: #004e73;
    }

.tab-border {
    position: relative;
    z-index: 100;
    background: #ffffff;
}

    .tab-border ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .tab-border ul li {
            -webkit-box-flex: 1;
            -ms-flex: 1 1;
            flex: 1 1;
            position: relative;
        }

            .tab-border ul li .btn-tab {
                font-size: 17px;
                font-weight: 400;
                text-align: center;
                color: #606060;
                display: block;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
                height: 50px;
                border-bottom: 1px solid #dddddd;
                background: #ffffff;
                line-height: 50px;
            }

                .tab-border ul li .btn-tab:focus, .tab-border ul li .btn-tab:active {
                    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                    -webkit-tap-highlight-color: transparent;
                    outline: none;
                    -ms-touch-action: manipulation;
                    touch-action: manipulation;
                }

            .tab-border ul li.active .btn-tab {
                font-size: 17px;
                font-weight: 700;
                text-align: center;
                color: #004e73;
            }

            .tab-border ul li.active::after {
                display: block;
                content: '';
                position: absolute;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1;
                height: 2px;
                background: #004e73;
            }

    .tab-border.full {
        margin: 0 -18px;
        width: 100vw !important;
    }

    .tab-border.fixed {
        position: fixed;
        right: 0;
        left: 0;
        margin: 0;
    }

        .tab-border.fixed + * {
            margin-top: 50px;
        }

.tab-swipe {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

    .tab-swipe::before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 2px;
        z-index: 1;
        width: 50px;
        height: auto;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .tab-swipe::after {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 2px;
        z-index: 1;
        width: 50px;
        height: auto;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .tab-swipe.first:before {
        left: -50px;
    }

    .tab-swipe.last:after {
        right: -50px;
    }

    .tab-swipe ul {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

        .tab-swipe ul::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0;
            background-color: transparent;
            -webkit-appearance: none;
            appearance: none;
        }

        .tab-swipe ul::-webkit-scrollbar-thumb {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: transparent;
        }

        .tab-swipe ul li .btn-tab {
            padding: 0 17px;
        }

    .tab-swipe.icon ul li .btn-tab {
        min-width: 103.5px;
        padding: 0;
    }

        .tab-swipe.icon ul li .btn-tab span {
            display: inline-block;
            position: relative;
            padding: 0 10px;
        }
    /* 20250717 탭 아이콘 삭제 : 김진아 */
    /* .tab-swipe.icon ul li .btn-tab span::before {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  font-family: "icomoon";
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
} */

    /* .tab-swipe.icon ul li .btn-tab[data-tabid=water] span::before {
  content: '\e91c';
}

.tab-swipe.icon ul li .btn-tab[data-tabid=air] span::before {
  content: '\e916';
}

.tab-swipe.icon ul li .btn-tab[data-tabid=living] span::before {
  content: '\e91a';
}

.tab-swipe.icon ul li .btn-tab[data-tabid=cooking] span::before {
  content: '\e919';
}

.tab-swipe.icon ul li .btn-tab[data-tabid=body] span::before {
  content: '\e918';
} */

    .tab-swipe.icon ul li.active .btn-tab span::before {
        color: #004e73;
    }

.cont-wrap .tab-cont {
    display: none;
}

    .cont-wrap .tab-cont.visible {
        display: block;
    }

.nodata {
    padding: 50px 0 85px;
}

    .nodata.border {
        border: solid #dddddd;
        border-width: 1px 0;
        padding: 50px 0 46px;
    }

    .nodata p {
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        color: #606060;
        padding: 78px 0 0;
        background: url(../img/svgicons/nodata.svg) center top/62px auto no-repeat;
        line-height: 1.4;
    }

    .nodata.ty2 {
        position: relative;
        padding-top: 102px;
    }

        .nodata.ty2::before {
            content: '';
            position: absolute;
            top: 40px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 62px;
            height: 62px;
            background: url(../img/svgicons/nodata.svg) no-repeat 0 0/100%;
        }

        .nodata.ty2 strong {
            display: block;
            margin-top: 15px;
            font-size: 19px;
            font-weight: 700;
            text-align: center;
            color: #101010;
        }

            .nodata.ty2 strong + p {
                background: #fff;
                padding: 0;
                margin-top: 6px;
            }

.page-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-height: 24px;
    margin: 0 -18px;
    padding: 20px 18px 15px;
}

    .page-head .btn-search {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 60px;
        height: 60px;
        margin: -20px -17px -15px 0;
        padding: 20px 17px 15px;
        font-size: 0;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

        .page-head .btn-search::before {
            display: block;
            content: '\e90a';
            font-family: "icomoon";
            font-size: 25px;
            font-weight: 400;
            text-align: left;
            color: #101010;
            line-height: 1;
            position: absolute;
            top: 20px;
        }

    .page-head .search-box {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 20;
        padding: 16px 67px 16px 18px;
        background: #ffffff;
        -webkit-transition: all .4s;
        transition: all .4s;
        -webkit-transform: translateY(-300%);
        transform: translateY(-300%);
    }

        .page-head .search-box .search-inner {
            overflow: hidden;
            position: relative;
        }

            .page-head .search-box .search-inner .input-search {
                font-size: 17px;
                font-weight: 400;
                text-align: left;
                color: #101010;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
                height: 55px;
                border: none;
                border-radius: 5px;
                padding: 16px 50px 16px 20px;
                background: #f8f8f8;
            }

                .page-head .search-box .search-inner .input-search::-webkit-input-placeholder {
                    font-size: 17px;
                    font-weight: 400;
                    text-align: left;
                    color: #888888;
                }

                .page-head .search-box .search-inner .input-search:-ms-input-placeholder {
                    font-size: 17px;
                    font-weight: 400;
                    text-align: left;
                    color: #888888;
                }

                .page-head .search-box .search-inner .input-search::-ms-input-placeholder {
                    font-size: 17px;
                    font-weight: 400;
                    text-align: left;
                    color: #888888;
                }

                .page-head .search-box .search-inner .input-search::placeholder {
                    font-size: 17px;
                    font-weight: 400;
                    text-align: left;
                    color: #888888;
                }

            .page-head .search-box .search-inner .ico-search {
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                z-index: 10;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
                width: 55px;
                height: 55px;
                font-size: 0;
            }

                .page-head .search-box .search-inner .ico-search::before {
                    display: block;
                    content: '\e90a';
                    font-family: "icomoon";
                    font-size: 25px;
                    font-weight: 400;
                    text-align: left;
                    color: #101010;
                    line-height: 1;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

            .page-head .search-box .search-inner .btn-delete {
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                z-index: 10;
                width: 50px;
                height: 55px;
                font-size: 0;
                opacity: 0;
            }

                .page-head .search-box .search-inner .btn-delete::before {
                    display: block;
                    content: '\e910';
                    font-family: "icomoon";
                    font-size: 19px;
                    font-weight: 400;
                    text-align: left;
                    color: #dddddd;
                    line-height: 1;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

                .page-head .search-box .search-inner .btn-delete::after {
                    display: block;
                    content: '\e911';
                    font-family: "icomoon";
                    font-size: 19px;
                    font-weight: 400;
                    text-align: left;
                    color: #ffffff;
                    line-height: 1;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

        .page-head .search-box .btn-cancel {
            font-size: 17px;
            font-weight: 400;
            text-align: center;
            color: #101010;
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            z-index: 10;
            width: 67px;
            height: 55px;
            line-height: 55px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .page-head .search-box.focus .search-inner .ico-search {
            opacity: 0;
        }

        .page-head .search-box.focus .search-inner .btn-delete {
            opacity: 1;
        }

    .page-head.search-open .search-box {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .page-head .result {
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        color: #888888;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .page-head .result em {
            font-size: 17px;
            font-weight: 700;
            text-align: left;
            color: #004e73;
        }

.page-intro {
    padding: 30px 0 27px;
}

    .page-intro .tit {
        font-size: 19px;
        font-weight: 700;
        text-align: left;
        color: #101010;
        line-height: 1;
    }

    .page-intro .desc {
        margin: 10px 0 0;
    }

        .page-intro .desc p {
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #606060;
            margin: 10px 0 0;
            word-break: keep-all;
        }

            .page-intro .desc p:first-child {
                margin: 0;
            }

            .page-intro .desc p.sub {
                color: #888888;
            }

            .page-intro .desc p em {
                color: #101010;
            }

    .page-intro.ty2 {
        padding-top: 26px;
    }

        .page-intro.ty2 .desc {
            margin: 0;
        }

.search-bar {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 75px;
    margin: 0 -18px;
    padding: 26px 75px 26px 32px;
    background: #f8f8f8;
}

    .search-bar .full-input {
        font-size: 17px;
        font-weight: 400;
        text-align: left;
        color: #101010;
        display: block;
        padding: 0;
        height: 100%;
        border: none;
        background: none;
    }

        .search-bar .full-input::-webkit-input-placeholder {
            font-size: 17px;
            font-weight: 400;
            text-align: left;
            color: #888888;
        }

        .search-bar .full-input:-ms-input-placeholder {
            font-size: 17px;
            font-weight: 400;
            text-align: left;
            color: #888888;
        }

        .search-bar .full-input::-ms-input-placeholder {
            font-size: 17px;
            font-weight: 400;
            text-align: left;
            color: #888888;
        }

        .search-bar .full-input::placeholder {
            font-size: 17px;
            font-weight: 400;
            text-align: left;
            color: #888888;
        }

    .search-bar .full-btn {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        width: 75px;
        height: 75px;
        font-size: 0;
    }

        .search-bar .full-btn::before {
            display: block;
            content: '\e90a';
            font-family: "icomoon";
            font-size: 25px;
            font-weight: 400;
            text-align: left;
            color: #101010;
            line-height: 1;
            position: absolute;
            top: 50%;
            right: 32px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.slt-custom {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
}

    .slt-custom .slt-btn {
        font-size: 17px;
        font-weight: 700;
        text-align: left;
        color: #101010;
        display: inline-block;
        position: relative;
        padding: 0 31px 0 0;
        line-height: 25px;
    }

        .slt-custom .slt-btn::after {
            display: block;
            content: '\e90e';
            font-family: "icomoon";
            font-size: 23px;
            font-weight: 400;
            text-align: left;
            color: #101010;
            line-height: 1;
            position: absolute;
            top: 1px;
            right: 0;
            z-index: 1;
            width: 24px;
        }

    .slt-custom .slt-opt {
        overflow: hidden;
        position: absolute;
        top: 40px;
        left: 0;
        z-index: 200;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 150px;
        height: 0;
        max-height: 0;
        border: solid transparent;
        border-width: 0 2px;
        border-radius: 10px;
        background: #ffffff;
        -webkit-transition: max-height .4s;
        transition: max-height .4s;
        opacity: 0;
    }

        .slt-custom .slt-opt .opt-btn {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #606060;
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            padding: 15px 17px;
            background: #ffffff;
            line-height: 1.3;
            word-break: break-word;
        }

            .slt-custom .slt-opt .opt-btn:hover, .slt-custom .slt-opt .opt-btn:focus {
                font-weight: 700;
                color: #101010;
                background: #f8f8f8;
            }

    .slt-custom.open .slt-btn:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .slt-custom.open .slt-opt {
        overflow: auto;
        height: auto;
        max-height: 304px;
        border: 2px solid #101010;
        opacity: 1;
    }

    .slt-custom.ty2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

        .slt-custom.ty2 .slt-btn {
            padding: 0 22.5px 0 0;
            font-weight: 400;
            font-size: 13px;
        }

            .slt-custom.ty2 .slt-btn::after {
                content: '';
                width: 20px;
                height: 20px;
                background: url(../img/svgicons/arr-slt.svg) center center/contain no-repeat;
            }

        .slt-custom.ty2 .slt-opt {
            left: auto;
            right: 0;
            width: 120px;
        }

.steps-top {
    margin: 0 -18px;
}

    .steps-top ol {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #f8f8f8;
    }

        .steps-top ol li {
            position: relative;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 50px;
            color: #fff;
            font-family: "Pretendard";
            font-weight: 700;
            font-size: 15px;
            background-color: #004e73;
        }

            .steps-top ol li::after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                right: -2px;
                z-index: 1;
                width: 6px;
                height: 11px;
                background: url(../img/svgicons/arr-gray-12x22.svg) center center/6px auto no-repeat;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .steps-top ol li span {
                display: inline-block;
                line-height: 1;
                letter-spacing: -0.25px;
                margin-top: 4px;
                z-index: 1;
            }

            .steps-top ol li .num {
                margin-left: 3px;
            }

            .steps-top ol li:last-child::after {
                display: none;
            }

        .steps-top ol .on {
            background-color: transparent;
        }

            .steps-top ol .on::after {
                display: none;
            }

            .steps-top ol .on::before {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                display: inline-block;
                width: 100%;
                height: 50px;
                border-radius: 0 25px 25px 0;
                background-color: #004e73;
                z-index: 0;
            }

            .steps-top ol .on .txt {
                padding-left: 0;
                margin-right: 22px;
            }

            .steps-top ol .on .num {
                position: absolute;
                right: 5px;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                width: 40px;
                height: 40px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 18px;
                color: #004e73;
                margin-top: 0;
                margin-left: 10px;
                background-color: #fff;
                border-radius: 50%;
            }

                .steps-top ol .on .num em {
                    -webkit-transform: translateY(3px);
                    transform: translateY(3px);
                }

            .steps-top ol .on ~ li {
                background-color: #f8f8f8;
                font-weight: normal;
                color: #c0c0c0;
            }

            .steps-top ol .on:last-child {
                background-color: #004e73;
            }

                .steps-top ol .on:last-child .txt {
                    margin-right: 0;
                }

                .steps-top ol .on:last-child .num {
                    position: static;
                    display: inline-block;
                    background-color: transparent;
                    color: inherit;
                    font-size: inherit;
                    width: auto;
                    height: auto;
                    margin-left: 3px;
                    margin-top: 4px;
                }

.input-form > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px 0 0;
}

    .input-form > ul > li:first-child {
        margin: 0;
    }

    .input-form > ul > li .form-group {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .input-form > ul > li .form-group .sort {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
            margin: 0 0 11px;
            line-height: 1.5;
        }

            .input-form > ul > li .form-group .sort .sub {
                font-size: 12px;
                font-weight: 400;
                text-align: left;
                color: #888888;
                display: block;
                margin: 2px 0 0;
                padding: 0 0 4px;
            }

        .input-form > ul > li .form-group .cont {
            font-size: 17px;
            font-weight: 400;
            text-align: left;
            color: #606060;
            line-height: 1.14;
        }

            .input-form > ul > li .form-group .cont .form-box {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 1px solid #dddddd;
                border-radius: 5px;
                padding: 17px 20px 20px;
            }

                .input-form > ul > li .form-group .cont .form-box .txt {
                    font-size: 15px;
                    font-weight: 400;
                    text-align: left;
                    color: #606060;
                    line-height: 1.5;
                    word-break: keep-all;
                }

                .input-form > ul > li .form-group .cont .form-box .label-area {
                    margin: 17px 0 0;
                }

            .input-form > ul > li .form-group .cont .notice {
                margin: 15px 0 0;
            }

            .input-form > ul > li .form-group .cont .file-area .btn-104 {
                position: relative;
            }

                .input-form > ul > li .form-group .cont .file-area .btn-104 .btn-file {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    z-index: 1;
                    opacity: 0;
                }

            .input-form > ul > li .form-group .cont .file-area ul {
                margin: 11px 0 0;
            }

                .input-form > ul > li .form-group .cont .file-area ul li {
                    position: relative;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    height: 52px;
                    margin: 11px 0 0;
                    border: 1px solid #dddddd;
                    border-radius: 3px;
                }

                    .input-form > ul > li .form-group .cont .file-area ul li:first-child {
                        margin: 0;
                    }

                    .input-form > ul > li .form-group .cont .file-area ul li span {
                        font-size: 15px;
                        font-weight: 400;
                        text-align: left;
                        color: #606060;
                        overflow: hidden;
                        display: block;
                        max-width: 100%;
                        max-height: 50px;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        word-break: break-all;
                        word-wrap: break-word;
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        width: 100%;
                        padding: 0 50px 0 15px;
                        line-height: 50px;
                        background-color: #ffffff;
                    }

                    .input-form > ul > li .form-group .cont .file-area ul li .btn-del {
                        position: absolute;
                        top: 0;
                        right: 0;
                        z-index: 1;
                        display: block;
                        width: 50px;
                        height: 50px;
                        font-size: 0;
                    }

                        .input-form > ul > li .form-group .cont .file-area ul li .btn-del::before {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            -webkit-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                            display: block;
                            content: '';
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                            width: 20px;
                            height: 20px;
                            border: 1px solid #101010;
                            border-radius: 50%;
                        }

                        .input-form > ul > li .form-group .cont .file-area ul li .btn-del::after {
                            font-size: 13px;
                            font-weight: 700;
                            text-align: center;
                            color: #101010;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            -webkit-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                            display: block;
                            content: '\e903';
                            font-family: "icomoon";
                            line-height: 1;
                        }

.agree-wrap {
    padding: 25px 0 0;
}

    .agree-wrap .accordion li .tit {
        padding: 25px 40px 23.5px 15px;
    }

        .agree-wrap .accordion li .tit i {
            right: 10px;
        }

    .agree-wrap .accordion li .expand {
        max-height: 320px !important;
    }

        .agree-wrap .accordion li .expand .wrap {
            border-top: 1px solid #dddddd;
            padding: 27px 10px 25px 15px;
            background: none;
        }

    .agree-wrap.ty2 li {
        padding: 25px 18px 25px 18px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .agree-wrap.ty2 li + li {
            border-top: 1px solid #dddddd;
        }

    .agree-wrap.one {
        padding: 0;
    }

        .agree-wrap.one .accordion li {
            border: none;
        }

            .agree-wrap.one .accordion li.open {
                padding-bottom: 30px;
            }

            .agree-wrap.one .accordion li .tit {
                padding: 25px 25px 25px 0px;
            }

                .agree-wrap.one .accordion li .tit i {
                    right: 0;
                }

            .agree-wrap.one .accordion li .wrap {
                border: none;
                padding: 0;
            }

.board-thumb > ul > li {
    margin: 37.5px 0 0;
}

    .board-thumb > ul > li:first-child {
        margin: 0;
    }

    .board-thumb > ul > li a {
        display: block;
    }

    .board-thumb > ul > li .thumb {
        overflow: hidden;
        position: relative;
        width: 100%;
        border-radius: 10px;
        font-size: 0;
    }

        .board-thumb > ul > li .thumb img {
            max-width: 100%;
            width: 100%;
            height: auto;
        }

        .board-thumb > ul > li .thumb .sort {
            display: block;
            position: absolute;
            top: 15px;
            left: 15px;
            z-index: 1;
            width: 38px;
            height: 38px;
            font-size: 0;
        }

            .board-thumb > ul > li .thumb .sort.instagram {
                background: url(../img/svgicons/sns-instagram.svg) center center/cover no-repeat;
            }

            .board-thumb > ul > li .thumb .sort.blog {
                background: url(../img/svgicons/sns-blog.svg) center center/cover no-repeat;
            }

            .board-thumb > ul > li .thumb .sort.facebook {
                background: url(../img/svgicons/sns-facebook.svg) center center/cover no-repeat;
            }

            .board-thumb > ul > li .thumb .sort.play {
                width: 40px;
                height: 40px;
                top: auto;
                left: auto;
                bottom: 15px;
                right: 15px;
                background: url(../img/util/ic-play.svg) 0 0/100% no-repeat;
            }

    .board-thumb > ul > li .tit {
        font-size: 17px;
        font-weight: 400;
        text-align: left;
        color: #101010;
        display: block;
        margin: 14px 0 0;
        line-height: 1.5;
        word-break: break-word;
    }

    .board-thumb > ul > li .pipe {
        margin: 5px 0 0;
    }

.board-thumb.ty2 > ul > li {
    margin: 46.5px 0 0;
}

    .board-thumb.ty2 > ul > li:first-child {
        margin: 0;
    }

    .board-thumb.ty2 > ul > li .info {
        margin: 18px 0 0;
    }

        .board-thumb.ty2 > ul > li .info .tit {
            font-size: 19px;
            font-weight: 700;
            text-align: left;
            color: #101010;
        }

        .board-thumb.ty2 > ul > li .info .desc {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #888888;
            margin: 8px 0 0;
        }

        .board-thumb.ty2 > ul > li .info .pipe {
            margin: 18px 0 0;
        }

.table.table-notice tr {
    border: 1px solid #ddd;
    border-width: 1px 0 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .table.table-notice tr.fixed td:nth-child(1) {
        font-size: 12px;
        font-weight: 700;
        text-align: left;
        color: #004e73;
    }

    .table.table-notice tr td {
        padding: 25px 0 30px;
        font-size: 17px;
        font-weight: 400;
        text-align: left;
        color: #888888;
    }

        .table.table-notice tr td a {
            display: block;
            word-break: break-all;
            color: #101010;
        }

            .table.table-notice tr td a + .number {
                display: block;
                padding-top: 12px;
            }

        .table.table-notice tr td:nth-child(1) {
            width: 44px;
        }

.table.table-manual {
    border-top: 1px solid #dddddd;
}

    .table.table-manual li {
        border-bottom: 1px solid #dddddd;
    }

        .table.table-manual li a {
            position: relative;
            display: block;
            width: 100%;
            padding: 27px 52px 25px 0px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .table.table-manual li a .category {
                display: block;
                font-size: 13px;
                font-weight: 700;
                text-align: left;
                color: #004e73;
                font-family: "Pretendard";
            }

            .table.table-manual li a .heading {
                margin-top: 6px;
                font-size: 17px;
                font-weight: 400;
                text-align: left;
                color: #101010;
            }

            .table.table-manual li a i {
                position: absolute;
                top: 50%;
                right: 14px;
                -webkit-transform: translateY(-50%) rotateZ(-90deg);
                transform: translateY(-50%) rotateZ(-90deg);
                width: 20px;
                height: 20px;
            }

                .table.table-manual li a i::before {
                    font-size: 20px;
                    color: #101010;
                }

table {
    width: 100%;
}

    table td {
        font-family: 'Pretendard', sans-serif;
        font-size: 16px;
    }

        table td .pcolor {
            color: #004e73 !important;
        }

    table .number {
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        color: #888888;
        font-family: "Pretendard", sans-serif;
    }

    table .category {
        font-size: 13px;
        font-weight: 400;
        text-align: left;
        color: #101010;
        font-family: 'Pretendard", sans-serif';
    }

.tbl-cap.border table {
    border-top: 1px solid #101010;
}

.tbl-cap .caption {
    width: 100%;
    height: 60px;
    display: table;
    text-align: center;
    border: 1px solid #101010;
    border-width: 1px 0;
    background: #f8f8f8;
    font-size: 17px;
}

    .tbl-cap .caption span {
        display: table-cell;
        vertical-align: middle;
    }

.tbl-cap table tr {
    text-align: left;
    border-bottom: 1px solid #dddddd;
}

    .tbl-cap table tr th {
        width: 130px;
        padding: 18px 15px 18px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #101010;
        background: #f8f8f8;
        vertical-align: middle;
        font-size: 15px;
    }

    .tbl-cap table tr td {
        padding: 18px 15px 18px 15px;
        font-size: 15px;
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #606060;
        vertical-align: middle;
    }

        .tbl-cap table tr td span.number {
            font-family: "Pretendard", sans-serif;
            font-size: 17px;
            font-weight: 700;
            text-align: left;
            color: #101010;
        }

            .tbl-cap table tr td span.number em {
                font-size: 12px;
                font-family: 'Pretendard', sans-serif;
            }

        .tbl-cap table tr td span.date {
            font-family: "Pretendard", sans-serif;
        }

.tbl-cap.ty2 table thead {
    border-bottom: 1px solid #dddddd;
}

    .tbl-cap.ty2 table thead th {
        text-align: center;
    }

.tbl-cap.ty2 table tr td {
    text-align: center;
}

    .tbl-cap.ty2 table tr td:last-child {
        text-align: left;
    }

.tbl-cap.ty3 {
    border-top: 1px solid #101010;
}

    .tbl-cap.ty3 table {
        border-top: none;
    }

        .tbl-cap.ty3 table th {
            text-align: center;
        }

            .tbl-cap.ty3 table th:nth-child(1) {
                border-right: 1px solid #dddddd;
            }

        .tbl-cap.ty3 table tr td {
            text-align: center;
        }

            .tbl-cap.ty3 table tr td:nth-child(1) {
                border-right: 1px solid #dddddd;
            }

.prd-info .img {
    padding: 9px 9px 9px 9px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    font-size: 0;
}

    .prd-info .img img {
        width: 100%;
        height: 100%;
    }

.prd-info .info {
    margin-top: 5px;
}

    .prd-info .info .prd-head .prd-type {
        font-size: 0;
    }

    .prd-info .info .title-box {
        margin-top: 8px;
    }

        .prd-info .info .title-box .tit {
            font-size: 14px;
            font-weight: 700;
            text-align: left;
            color: #101010;
        }

        .prd-info .info .title-box .model {
            margin-top: 3.5px;
            font-size: 12px;
            font-weight: 400;
            text-align: left;
            color: #888888;
        }

    .prd-info .info .rent-type {
        margin-top: 14px;
    }

        .prd-info .info .rent-type .tit {
            font-size: 15px;
            font-weight: 700;
            text-align: left;
            color: #004e73;
        }

        .prd-info .info .rent-type .status {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            margin-top: 2.5px;
            font-size: 0;
        }

            .prd-info .info .rent-type .status .period.number {
                font-size: 15px;
                font-weight: 300;
                text-align: left;
                color: #888888;
            }

            .prd-info .info .rent-type .status .btn-line.right {
                font-size: 15px;
                font-weight: 400;
                text-align: left;
                color: #888888;
            }

    .prd-info .info .prd-detail {
        margin-top: 12px;
        border-top: 1px solid #101010;
    }

        .prd-info .info .prd-detail ul li {
            padding: 14px 0px 16px 0px;
            border-bottom: 1px solid #dddddd;
            overflow: hidden;
        }

            .prd-info .info .prd-detail ul li:last-child {
                border: none;
                padding-bottom: 0;
            }

            .prd-info .info .prd-detail ul li dl {
                display: table;
                width: 100%;
            }

                .prd-info .info .prd-detail ul li dl + dl {
                    margin-top: 11px;
                }

                .prd-info .info .prd-detail ul li dl dt {
                    display: table-cell;
                    width: 107px;
                    font-size: 15px;
                    font-weight: 400;
                    text-align: left;
                    color: #101010;
                }

                .prd-info .info .prd-detail ul li dl dd {
                    display: table-cell;
                    font-size: 0;
                    vertical-align: middle;
                }

                    .prd-info .info .prd-detail ul li dl dd::after {
                        content: '';
                        display: block;
                        clear: both;
                    }

                    .prd-info .info .prd-detail ul li dl dd .num, .prd-info .info .prd-detail ul li dl dd .date, .prd-info .info .prd-detail ul li dl dd .txt, .prd-info .info .prd-detail ul li dl dd .name {
                        font-size: 15px;
                        font-weight: 400;
                        text-align: left;
                        color: #606060;
                    }

                    .prd-info .info .prd-detail ul li dl dd .num, .prd-info .info .prd-detail ul li dl dd .date {
                        font-family: 'Pretendard', sans-serif;
                    }

                    .prd-info .info .prd-detail ul li dl dd .name {
                        float: left;
                    }

                        .prd-info .info .prd-detail ul li dl dd .name + .num {
                            float: left;
                            -webkit-transform: translateY(2px);
                            transform: translateY(2px);
                        }

                            .prd-info .info .prd-detail ul li dl dd .name + .num:before {
                                content: '';
                                display: inline-block;
                                width: 1px;
                                height: 11px;
                                background: #dddddd;
                                margin: 0 9px;
                                -webkit-transform: translateY(-1px);
                                transform: translateY(-1px);
                                font-size: 0;
                            }

                    .prd-info .info .prd-detail ul li dl dd .num + .txt {
                        margin-top: 5px;
                    }

                    .prd-info .info .prd-detail ul li dl dd .price {
                        font-size: 14px;
                        font-weight: 400;
                        text-align: left;
                        color: #101010;
                    }

                    .prd-info .info .prd-detail ul li dl dd .btn-line.c3 {
                        margin-top: 10px;
                        font-size: 14px;
                    }

.detail-box {
    border-radius: 5px;
    background: #f8f8f8;
    padding: 16px 20px 19px 20px;
}

    .detail-box dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .detail-box dl + dl {
            margin-top: 8px;
        }

        .detail-box dl dt {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 111px;
        }

        .detail-box dl dt, .detail-box dl dd {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #606060;
        }

            .detail-box dl dd .number {
                font-family: "Pretendard", sans-serif;
            }

                .detail-box dl dd .number + .txt {
                    display: block;
                    margin-top: 5px;
                }

            .detail-box dl dd .pipe li {
                font-size: 15px;
                font-weight: 400;
                text-align: left;
                color: #606060;
            }

.table-data tr th {
    min-width: 102px;
    width: 102px;
    padding: 10px 0px 10px 0px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #101010;
}

.table-data tr td {
    width: auto;
    padding: 10px 0px 10px 0px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #606060;
}

.table-data.ty2 tr {
    border-bottom: 1px solid #dddddd;
}

    .table-data.ty2 tr th {
        min-width: 93.5px;
        width: 93.5px;
        padding: 16px 0px 17.5px 0px;
        font-weight: 700;
    }

    .table-data.ty2 tr td {
        padding: 16px 0px 17.5px 0px;
    }

/* 에디터에서 뿌려지는 테이블 스타일 작업 */
.prd-info-tab table {
    border-top: 1px solid #ddd;
}

    .prd-info-tab table + table {
        margin-top: 20px;
    }

    .prd-info-tab table tr {
        text-align: left;
        border-bottom: 1px solid #dddddd;
    }

        .prd-info-tab table tr th {
            width: 130px;
            padding: 18px 7.5px 18px 7.5px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #101010;
            background: #f8f8f8;
            vertical-align: middle;
            font-size: 15px;
            word-break: break-word;
        }

            .prd-info-tab table tr th[rowspan]:first-child {
                border-right: 1px solid #ddd;
            }

            .prd-info-tab table tr th + th {
                border-left: 1px solid #ddd;
            }

        .prd-info-tab table tr td {
            padding: 18px 15px 18px 15px;
            font-size: 15px;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #606060;
            vertical-align: middle;
            word-break: break-word;
        }

            .prd-info-tab table tr td + td {
                border-left: 1px solid #ddd;
            }

            .prd-info-tab table tr td span.number {
                font-family: "Pretendard", sans-serif;
                font-size: 17px;
                font-weight: 700;
                text-align: left;
                color: #101010;
            }

                .prd-info-tab table tr td span.number em {
                    font-size: 12px;
                    font-family: 'Noto Sans KR', sans-serif;
                }

            .prd-info-tab table tr td span.date {
                font-family: "Pretendard", sans-serif;
            }

.row-list {
    border-top: 1px solid #dddddd;
}

    .row-list li {
        padding: 21px 0px 25px 0px;
        border-bottom: 1px solid #dddddd;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .row-list li em.pcolor {
            font-size: 14px;
            font-weight: 700;
            text-align: left;
            color: #004e73;
        }

        .row-list li p {
            margin-top: 12px;
            font-size: 17px;
            font-weight: 400;
            text-align: left;
            color: #101010;
        }

        .row-list li .call {
            position: relative;
            display: block;
            margin-top: 10px;
            padding-left: 30px;
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #888888;
        }

            .row-list li .call::before {
                content: '';
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 20px;
                height: 20px;
                background: url(../img/util/call-gr-40.svg) no-repeat 0 0/100%;
            }

.detail-view .top {
    padding: 30px 0px 28px 0px;
    border-bottom: 2px solid #101010;
}

    .detail-view .top .heading em {
        font-size: 14px;
        font-weight: 700;
        text-align: left;
        color: #004e73;
    }

        .detail-view .top .heading em + p {
            margin: 5px 0px 0px 0px;
        }

    .detail-view .top .heading p {
        font-size: 19px;
        font-weight: 400;
        text-align: left;
        color: #101010;
    }

    .detail-view .top .date {
        margin: 7px 0px 0px 0px;
        color: #888888;
        font-size: 0;
    }

        .detail-view .top .date .number {
            font-size: 12px;
            font-weight: 400;
            text-align: left;
            color: #888888;
            font-family: "Pretendard";
        }

        .detail-view .top .date .dash {
            margin: 0px 4.5px 0px 4.5px;
            font-size: 12px;
            font-weight: 400;
            text-align: left;
            color: #888888;
            font-family: "Pretendard";
        }

    .detail-view .top .type {
        margin: 12px 0px 0px 0px;
        color: #888888;
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        color: #888888;
    }

.detail-view .view {
    padding: 25px 0px 30px 0px;
}

    .detail-view .view .editor {
        font-size: 15px;
        word-break: break-all;
    }

        .detail-view .view .editor img {
            max-width: 100% !important;
            width: 100% !important;
        }

        .detail-view .view .editor hr {
            margin: 0;
            padding: 0;
            height: auto;
            border-width: 1px;
            border-color: inherit;
            background: none;
        }

        .detail-view .view .editor .movie {
            position: relative;
            height: 0;
            padding-top: 56.25%;
        }

            .detail-view .view .editor .movie iframe {
                position: absolute;
                left: 0;
                top: 0;
                width: 100% !important;
                height: 100% !important;
            }

        .detail-view .view .editor:empty {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 50px 30px 50px 30px;
            height: 200px;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.3);
        }

.detail-view .bottom {
    border: 1px solid #101010;
    border-width: 2px 0 1px 0;
}

    .detail-view .bottom a {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
        padding: 0px 17px 0px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .detail-view .bottom a.next {
            border-top: 1px solid #dddddd;
        }

        .detail-view .bottom a span.btn {
            -webkit-box-flex: 0;
            -ms-flex: none;
            flex: none;
            width: 95px;
            padding: 0px 0px 0px 22px;
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #888888;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .detail-view .bottom a span.btn::before {
                content: '';
                position: absolute;
                top: 50%;
                left: 15px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 15px;
                height: 15px;
            }

            .detail-view .bottom a span.btn.prev:before {
                background: url(../img/svgicons/arrow-up.svg) no-repeat 0 0/cover;
            }

            .detail-view .bottom a span.btn.next:before {
                background: url(../img/svgicons/arrow-down.svg) no-repeat 0 0/cover;
            }

        .detail-view .bottom a p {
            text-align: left;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
        }

            .detail-view .bottom a p.no-board-data {
                font-size: 15px;
                font-weight: 400;
                text-align: left;
                color: #888888;
            }

.detail-view .btn-wrap {
    margin: 40px 0px 0px 0px;
}

    .detail-view .btn-wrap i {
        margin-right: 7px;
    }

.detail-view .utils-area {
    position: relative;
    background: #f8f8f8;
    padding: 16px 18px 18px 44px;
}

    .detail-view .utils-area::before {
        content: '';
        position: absolute;
        top: 17px;
        left: 17px;
        width: 17px;
        height: 17px;
        background: url(../img/util/download-34.svg) no-repeat 0 0/100%;
    }

    .detail-view .utils-area a {
        display: block;
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        color: #004e73;
    }

        .detail-view .utils-area a + a {
            margin-top: 10px;
        }

.board-list li + li {
    margin-top: 15px;
}

.board-list li a {
    position: relative;
    display: block;
    height: 130px;
    padding: 15px 15px 15px 130px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    background: #f8f8f8;
}

    .board-list li a .thumb {
        position: absolute;
        top: 50%;
        left: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100px;
        height: 100px;
        background: #f8f8f8;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .board-list li a .thumb img {
            width: 100% !important;
            height: 100% !important;
        }

    .board-list li a .sub {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }

        .board-list li a .sub .tit {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
        }

        .board-list li a .sub .txt {
            margin-top: 7px;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
        }

            .board-list li a .sub .txt span {
                margin-right: 5px;
            }

            .board-list li a .sub .txt .num {
                font-size: 15px;
                font-weight: 700;
                text-align: left;
                color: #101010;
            }

.board-list + .bottom {
    margin-top: 30px;
}

.board-list.ty2 li + li {
    margin-top: 15px;
}

.board-list.ty2 li a {
    position: relative;
    display: block;
    height: 70px;
    padding: 5px 5px 5px 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f8f8f8;
}

    .board-list.ty2 li a .thumb {
        width: 60px;
        height: 60px;
        padding: 4px 4px 4px 4px;
        background: #f8f8f8;
    }

    .board-list.ty2 li a .sub {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }

        .board-list.ty2 li a .sub .tit {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
        }

        .board-list.ty2 li a .sub .txt {
            margin-top: 7px;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
        }

            .board-list.ty2 li a .sub .txt span {
                margin-right: 5px;
            }

            .board-list.ty2 li a .sub .txt .num {
                font-size: 15px;
                font-weight: 700;
                text-align: left;
                color: #101010;
            }

i.require {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #ef1e1e;
}

    i.require.ty2 {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #101010;
    }

p.bul {
    position: relative;
    padding: 0px 0px 0px 12px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #888888;
}

    p.bul::before {
        content: '';
        position: absolute;
        top: 6px;
        left: 0;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #888888;
    }

    p.bul.fc-1:before {
        background: #101010;
    }

    p.bul.ty2 {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #888888;
    }

        p.bul.ty2::before {
            top: 7px;
            width: 5px;
            height: 5px;
        }

p.bar {
    position: relative;
    padding-left: 10px;
}

    p.bar::before {
        content: '';
        position: absolute;
        top: 11px;
        left: 0;
        width: 5px;
        height: 1px;
        background: #606060;
    }

p.notice {
    position: relative;
    padding-left: 23px;
    color: #888888;
    line-height: 1.4;
}

    p.notice::before {
        content: '';
        position: absolute;
        top: -1px;
        left: 0;
        width: 18px;
        height: 18px;
        background: url(../img/util/notice-gray.svg) no-repeat 0 0/100%;
    }

    p.notice.small {
        font-size: 13px;
    }

        p.notice.small::before {
            top: 2px;
            width: 15px;
            height: 15px;
            background: url(../img/util/notice-gray.svg) center center/cover no-repeat;
        }

    p.notice.ty2 {
        color: #101010;
    }

        p.notice.ty2::before {
            background: url(../img/util/notice-black.svg) no-repeat 0 0/100%;
        }

ul.bul li {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #888888;
    position: relative;
    margin: 8px 0px 0px 0px;
    padding: 0px 0px 0px 12px;
}

    ul.bul li:first-child {
        margin: 0;
    }

    ul.bul li::before {
        content: '';
        position: absolute;
        top: 8.5px;
        left: 0;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #888888;
    }

    ul.bul li.fc-1:before {
        background: #101010;
    }

ul.bul.border {
    border-top: 1px solid #dddddd;
    padding: 21px 0 0;
}

ul.bul.ty2 li {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #888888;
    position: relative;
    margin: 8px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
}

    ul.bul.ty2 li:first-child {
        margin: 0;
    }

    ul.bul.ty2 li::before {
        content: '';
        position: absolute;
        top: 8px;
        left: 0;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #888888;
    }

    ul.bul.ty2 li.fc-1:before {
        background: #101010;
    }

ul.bar li {
    position: relative;
    padding-left: 10px;
}

    ul.bar li::before {
        content: '';
        position: absolute;
        top: 11px;
        left: 0;
        width: 5px;
        height: 1px;
        background: #606060;
    }

ul.bar.ty2 li {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #888888;
}

    ul.bar.ty2 li::before {
        top: 9px;
        width: 3px;
        background: #888888;
    }

ul.bar.ty3 li {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #606060;
    margin: 3px 0 0;
}

    ul.bar.ty3 li:first-child {
        margin: 0;
    }

ul.num li {
    position: relative;
    margin: 8px 0 0;
    padding-left: 20px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #606060;
}

    ul.num li:first-child {
        margin: 0;
    }

    ul.num li i {
        position: absolute;
        top: 2px;
        left: 0;
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #606060;
    }

ul.pipe {
    font-size: 0;
}

    ul.pipe li {
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        color: #888888;
        display: inline-block;
        position: relative;
        margin: 0 0 0 10px;
        padding: 0 0 0 10px;
        vertical-align: middle;
    }

        ul.pipe li:first-child {
            margin: 0;
            padding: 0;
        }

        ul.pipe li::before {
            display: block;
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 1px;
            height: 12px;
            margin: -1px 0 0;
            background: #969696;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        ul.pipe li:first-child:before {
            display: none;
        }

        ul.pipe li.pcolor {
            font-size: 14px;
            font-weight: 700;
            text-align: left;
            color: #004e73;
        }

        ul.pipe li.ff-c {
            margin-bottom: -2px;
        }

            ul.pipe li.ff-c::before {
                margin-top: -1px;
            }

ul.notice li {
    position: relative;
    margin: 7px 0 0;
    padding-left: 23px;
    color: #888888;
    font-size: 14px;
    line-height: 1.4;
    word-break: keep-all;
}

    ul.notice li::before {
        content: '';
        position: absolute;
        top: 1px;
        left: 0;
        width: 18px;
        height: 18px;
        background: url(../img/util/notice-gray.svg) no-repeat 0 0/100%;
    }

    ul.notice li:first-child {
        margin: 0;
    }

ul.notice.small li {
    margin: 8.5px 0 0;
    font-size: 13px;
}

    ul.notice.small li::before {
        top: 2px;
        width: 15px;
        height: 15px;
        background: url(../img/util/notice-gray.svg) center center/cover no-repeat;
    }

ul.notice.ty2 li {
    color: #101010;
}

    ul.notice.ty2 li::before {
        background: url(../img/util/notice-black.svg) no-repeat 0 0/100%;
    }

ul.notice.border {
    border-top: 1px solid #dddddd;
    padding: 47px 0 0;
}

.banner-area {
    margin: 0 -18px;
}

    .banner-area .box {
        display: block;
        font-size: 0;
    }

        .banner-area .box img {
            width: 100%;
        }

.link-list {
    margin: 0 -18px;
}

    .link-list li {
        border-bottom: 1px solid #dddddd;
    }

        .link-list li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            padding: 19.5px 18px;
        }

            .link-list li a::after {
                display: block;
                content: '';
                position: absolute;
                top: 50%;
                right: 18px;
                width: 15px;
                height: 15px;
                background: url(../img/svgicons/arr-black-30x30.svg) center center/100% auto no-repeat;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .link-list li a .tit {
                font-size: 17px;
                font-weight: 400;
                text-align: left;
                color: #101010;
                display: block;
                line-height: 21px;
            }

            .link-list li a .tel {
                font-size: 17px;
                font-weight: 700;
                text-align: left;
                color: #004e73;
                font-family: "Pretendard";
                line-height: 1;
            }

        .link-list li.no-arr a:after {
            display: none;
        }

.price {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #101010;
    display: inline-block;
}

    .price span {
        font-size: 19px;
        font-weight: 700;
        text-align: left;
        color: inherit;
        display: inline-block;
        margin: 0 3px 0 0;
        font-family: "Pretendard";
        line-height: 1;
    }

    .price.del {
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        color: #888888;
        text-decoration: line-through;
    }

        .price.del span {
            font-size: 13px;
            font-weight: 400;
            text-align: left;
            color: #888888;
            text-decoration: line-through;
        }

.price-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .price-area .cont {
        text-align: right;
    }

        .price-area .cont .price {
            text-align: right;
        }

.info-group {
    margin: 15px 0 0;
}

    .info-group:first-of-type {
        margin: 0;
    }

    .info-group dt {
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        color: #606060;
        margin: 0 0 6px;
    }

    .info-group dd {
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        color: #888888;
        position: relative;
        margin: 6px 0 0;
        padding: 0 0 0 11px;
    }

        .info-group dd::before {
            display: block;
            content: '';
            position: absolute;
            top: 7px;
            left: 0;
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background: #888888;
        }

        .info-group dd:first-of-type {
            margin: 0;
        }

        .info-group dd.desc {
            padding: 0;
        }

            .info-group dd.desc::before {
                display: none;
            }

.info-box2 {
    background-color: #f8f8f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 40px;
    padding: 25px 18px 30px 18px;
    border-radius: 10px;
}

    .info-box2 .mtm {
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 48px;
        font-size: 15px;
    }

        .info-box2 .mtm::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 33px;
            height: 100%;
            min-height: 29px;
            background: url(../img/svgicons/inquiry-42.svg) center center/33px 29px no-repeat;
        }

        .info-box2 .mtm.ty2 {
            padding-left: 0;
        }

            .info-box2 .mtm.ty2::before {
                display: none;
            }

.filter {
    float: left;
    position: relative;
    margin: 12px 0 0 9px;
}

    .filter input {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

        .filter input:checked + .txt {
            border-color: #004e73;
            background: #004e73;
            color: #ffffff;
        }

            .filter input:checked + .txt::before {
                color: #ffffff;
            }

    .filter .txt {
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        color: #888888;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 35px;
        padding: 0 0 0 15px;
        border: 1px solid #dddddd;
        border-radius: 35px;
        padding: 10px 15px 12px 30px;
        background: #ffffff;
        cursor: pointer;
        line-height: 1;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

        .filter .txt::before {
            font-size: 11px;
            font-weight: 400;
            text-align: left;
            color: #888888;
            display: block;
            content: '\e91f';
            position: absolute;
            top: 50%;
            left: 15px;
            font-family: "icomoon";
            line-height: 1;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all .4s;
            transition: all .4s;
        }

        .filter .txt:focus, .filter .txt:active {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
            outline: none;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
        }

.filter-wrap {
    overflow: hidden;
    margin: -12px 0 0 -8px;
}

.privacy-policy .policy-contents .article-list > li {
    margin-top: 20px;
}

    .privacy-policy .policy-contents .article-list > li:first-child {
        margin-top: 0;
    }

.privacy-policy .policy-contents .article-list strong {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #101010;
}

.privacy-policy .policy-contents ul.fc-6 li, .privacy-policy .policy-contents ol.fc-6 li {
    color: #ef1e1e !important;
}

.privacy-policy .policy-contents .list-depth1 li {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #101010;
}

    .privacy-policy .policy-contents .list-depth1 li .article-tit {
        color: #004e73;
    }

    .privacy-policy .policy-contents .list-depth1 li + li {
        margin-top: 6px;
    }

    .privacy-policy .policy-contents .list-depth1 li .list-depth2 {
        margin: 0 0 0 11px;
    }

        .privacy-policy .policy-contents .list-depth1 li .list-depth2 li {
            margin: 0;
        }

.privacy-policy .policy-contents .article-tit {
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    color: #101010;
    margin-bottom: 6px;
}

.privacy-policy .policy-contents .desc {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #101010;
}

.privacy-policy .policy-contents .point {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #5fb9bc !important;
}

.privacy-policy .policy-contents .tbl-cap {
    border-top: 1px solid #101010;
}

    .privacy-policy .policy-contents .tbl-cap.ta-c table td {
        text-align: center;
    }

    .privacy-policy .policy-contents .tbl-cap table {
        border-top: none;
    }

        .privacy-policy .policy-contents .tbl-cap table th {
            border-right: 1px solid #dddddd;
            font-size: 13px;
        }

            .privacy-policy .policy-contents .tbl-cap table th:last-child {
                border-right: none;
            }

        .privacy-policy .policy-contents .tbl-cap table tr td {
            text-align: left;
            border-right: 1px solid #dddddd;
            font-size: 13px;
        }

            .privacy-policy .policy-contents .tbl-cap table tr td:last-child {
                border-right: none;
            }

            .privacy-policy .policy-contents .tbl-cap table tr td.point {
                font-weight: 400;
            }

            .privacy-policy .policy-contents .tbl-cap table tr td.fc-6 {
                font-weight: 700;
                font-size: 16px;
                border-right: none;
            }

            .privacy-policy .policy-contents .tbl-cap table tr td.fc-9 {
                font-weight: 700;
                border-right: none;
            }

.privacy-policy .policy-contents .tbl-col.ty2 {
    width: 100%;
    margin: 5px 0px 0px 5px;
    padding: 10px 10px 10px 10px;
    border: 1px dotted #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .privacy-policy .policy-contents .tbl-col.ty2 table {
        text-align: center;
        vertical-align: middle;
    }

        .privacy-policy .policy-contents .tbl-col.ty2 table th {
            vertical-align: middle;
            color: #101010;
            font-size: 13px;
        }

            .privacy-policy .policy-contents .tbl-col.ty2 table th:first-of-type {
                padding-right: 5px;
            }

        .privacy-policy .policy-contents .tbl-col.ty2 table td {
            width: auto;
            padding-right: 5px;
        }

            .privacy-policy .policy-contents .tbl-col.ty2 table td .annual-rate {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: space-evenly;
                -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #101010;
                font-size: 13px;
            }

                .privacy-policy .policy-contents .tbl-col.ty2 table td .annual-rate .rate {
                    width: auto;
                }

                    .privacy-policy .policy-contents .tbl-col.ty2 table td .annual-rate .rate .desc {
                        text-align: center;
                    }

                        .privacy-policy .policy-contents .tbl-col.ty2 table td .annual-rate .rate .desc + .desc {
                            border-top: 1px solid #333;
                        }

@-webkit-keyframes loaderMotion {
    0% {
        -webkit-transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
        transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
        right: 0;
    }

    40% {
        -webkit-transform: scale3d(1, 1, 1) translateZ(0) perspective(1000px);
        transform: scale3d(1, 1, 1) translateZ(0) perspective(1000px);
    }

    100% {
        -webkit-transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
        transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
        right: 46px;
    }
}

@keyframes loaderMotion {
    0% {
        -webkit-transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
        transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
        right: 0;
    }

    40% {
        -webkit-transform: scale3d(1, 1, 1) translateZ(0) perspective(1000px);
        transform: scale3d(1, 1, 1) translateZ(0) perspective(1000px);
    }

    100% {
        -webkit-transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
        transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
        right: 46px;
    }
}

.loader-wrap {
    display: table;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .loader-wrap .loader-inner {
        display: table-cell;
        vertical-align: middle;
    }

        .loader-wrap .loader-inner .loader-box {
            position: relative;
            width: 60px;
            height: 14px;
            margin: 0 auto;
            text-align: center;
            font-size: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            .loader-wrap .loader-inner .loader-box span {
                display: inline-block;
                position: absolute;
                top: 50%;
                right: 0;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                background: #004e73;
                -webkit-animation: loaderMotion 1.5s linear infinite;
                animation: loaderMotion 1.5s linear infinite;
                -webkit-transform: scale3d(0, 0, 0) translateY(-50%) translateZ(0) perspective(1000px);
                transform: scale3d(0, 0, 0) translateY(-50%) translateZ(0) perspective(1000px);
                -webkit-transition: linear;
                transition: linear;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                -webkit-transform-style: preserve-3d;
            }

                .loader-wrap .loader-inner .loader-box span:nth-child(2) {
                    -webkit-animation-delay: .5s;
                    animation-delay: .5s;
                }

                .loader-wrap .loader-inner .loader-box span:nth-child(3) {
                    -webkit-animation-delay: 1s;
                    animation-delay: 1s;
                }

    .loader-wrap.fade-out {
        opacity: 0;
    }

@media screen and (max-width: 374px) {
    .util-page .btn-wrap .btn-110 {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 10px !important;
        flex: 1 1 10px !important;
        max-width: 164px !important;
    }

    .inner.ty2 .box.ty2 .icon-list li + li {
        margin-left: 12px !important;
    }

    .util-page .btn-wrap a.w-full {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 100% !important;
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    footer .f-top > ul li + li {
        margin-left: 1.46667vw;
    }

    ul.pipe li + li {
        margin-left: 1.46667vw;
        padding-left: 1.46667vw;
    }
}

#wrap {
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}

    #wrap > .dim {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        display: block;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 6000;
    }

#content {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 60px 18px 80px;
}

.main-top .bg {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 177.866666666666667vw;
}

    .main-top .bg video,
    .main-top .bg img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 50%;
        display: inline-block;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.main-top .wrap {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.mainswiper .comp {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

    .mainswiper .comp .txt-wrap {
        margin-top: 88px;
        padding: 0 20px;
    }

        .mainswiper .comp .txt-wrap p {
            font-weight: 700;
            font-size: 37.5px;
            color: #fff;
            line-height: 1.25;
            word-break: break-word;
        }

        .mainswiper .comp .txt-wrap .btn-rnd-104 {
            padding: 0 24px;
            margin-top: 19px;
        }

            .mainswiper .comp .txt-wrap .btn-rnd-104 span {
                font-weight: bold;
            }

.mainswiper .swiper-pagination {
    bottom: 97px;
}

    .mainswiper .swiper-pagination .control {
        display: inline-block;
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin-left: 9px;
        font-size: 0;
    }

        .mainswiper .swiper-pagination .control::before {
            content: '';
            display: inline-block;
            width: 11px;
            height: 11px;
            background: url(../img/svgicons/pause.svg) 0 0/contain no-repeat;
        }

        .mainswiper .swiper-pagination .control.paused::before {
            background-image: url(../img/svgicons/play.svg);
        }

.mainswiper .swiper-pagination-bullet {
    position: relative;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #101010;
    opacity: 0.4;
    margin: 0 !important;
    vertical-align: middle;
}

    .mainswiper .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 16px !important;
    }

    .mainswiper .swiper-pagination-bullet svg {
        position: absolute;
        opacity: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotateZ(-90deg);
        transform: translate(-50%, -50%) rotateZ(-90deg);
    }

        .mainswiper .swiper-pagination-bullet svg circle {
            stroke-dasharray: 50;
            stroke-dashoffset: 50;
        }

.mainswiper .swiper-pagination-bullet-active {
    opacity: 1;
}

    .mainswiper .swiper-pagination-bullet-active svg {
        opacity: 1;
    }

.mywells {
    padding-bottom: 63px;
}

    .mywells .tit {
        text-align: center;
        font-weight: 500;
        font-size: 25px;
        letter-spacing: -0.82px;
    }

    .mywells .scroll-wrap {
        position: relative;
        margin-top: 24px;
    }

        .mywells .scroll-wrap::before {
            content: '';
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            z-index: 1;
            width: 50px;
            height: 100%;
            background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .mywells .scroll-wrap::after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            width: 50px;
            height: 100%;
            background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
        }

        .mywells .scroll-wrap.move::before {
            display: block;
        }

        .mywells .scroll-wrap.last::after {
            display: none;
        }

    .mywells .tab-btns {
        padding: 0 18px;
        white-space: nowrap;
        overflow-x: scroll;
        font-size: 0;
        position: relative;
        text-align: center;
    }

        .mywells .tab-btns li {
            display: inline-block;
        }

            .mywells .tab-btns li a {
                letter-spacing: -1.02px;
            }

            .mywells .tab-btns li + li {
                margin-left: 10px;
            }

    .mywells .grid-con {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 18px;
        display: -ms-grid;
        display: grid;
        gap: 35px 19px;
        -ms-grid-columns: (42.66667vw)[auto-fit];
        grid-template-columns: repeat(auto-fit, 42.66667vw);
        grid-auto-rows: minmax(235px, auto);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 20px;
    }

        .mywells .grid-con li {
            display: inline-block;
        }

        .mywells .grid-con .thum {
            display: inline-block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 42.66667vw;
            height: 42.66667vw;
            padding: 9px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        .mywells .grid-con .info {
            text-align: center;
            margin-top: 12px;
        }

            .mywells .grid-con .info .goods-tit {
                display: block;
                font-size: 14px;
            }

            .mywells .grid-con .info .price {
                margin-top: 9px;
                font-size: 12px;
            }

                .mywells .grid-con .info .price span {
                    font-size: 17px;
                }

/* 메인 웨이브 */
.wave1 {
    position: absolute;
    left: 0;
    bottom: -49.5px;
    height: 133.5px;
    z-index: 1;
}

    .wave1 img {
        max-width: none;
        height: 100%;
    }

.wave2 {
    position: relative;
    height: 0;
    width: 100%;
    padding: 0;
    padding-top: 138.177083333333333%;
}

    .wave2 svg {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

.wave3 {
    position: relative;
    height: 0;
    width: 100%;
    padding: 0;
    padding-top: 138.17708%;
}

    .wave3 svg {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

.wave4 {
    position: relative;
    height: 0;
    width: 100%;
    padding: 0;
    padding-top: 138.17708%;
}

    .wave4 svg {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

.wave5 {
    position: relative;
    height: 0;
    width: 100%;
    padding: 0;
    padding-top: 138.17708%;
}

    .wave5 svg {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

.wells-event {
    position: relative;
    padding: 60px 18px 90px 18px;
    background-color: #faf9f7;
}

    .wells-event .wave-container {
        position: absolute;
        left: 0;
        top: -8vw;
        overflow: hidden;
        width: 100%;
        height: 8vw;
    }

    .wells-event .tit {
        text-align: center;
        font-weight: 500;
        font-size: 25px;
        letter-spacing: -0.82px;
    }

    .wells-event .btn-wrap {
        margin-top: 19px;
    }

.wells-events {
    margin-top: 26px;
    font-size: 0;
}

    .wells-events li {
        position: relative;
        display: inline-block;
        border-radius: 10px;
        overflow: hidden;
    }

        .wells-events li + li {
            margin-top: 20px;
        }

        .wells-events li .wrap {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 32px 30px;
        }

            .wells-events li .wrap .tit {
                position: relative;
                display: inline-block;
                font-size: 15px;
                font-weight: bold;
            }

                .wells-events li .wrap .tit::before {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    display: inline-block;
                    height: 2px;
                    width: 100%;
                    border-radius: 0.75px;
                    background-color: #101010;
                }

            .wells-events li .wrap p {
                margin-top: 10px;
                font-size: 14px;
                line-height: 1.4;
            }

.wells-sepcial {
    position: relative;
    padding: 50px 0 80px 0;
}

    .wells-sepcial > .tit {
        text-align: center;
        font-weight: 500;
        font-size: 25px;
        letter-spacing: -0.82px;
    }

    .wells-sepcial .wave-container {
        position: absolute;
        left: 0;
        top: -10.93333vw;
        overflow: hidden;
        width: 100%;
        height: 10.93333vw;
    }

    .wells-sepcial .swiper-container {
        margin-top: 18px;
        padding-bottom: 27.5px;
    }

    .wells-sepcial .swiper-slide {
        width: 74.66667vw;
        text-align: center;
        opacity: 0.4;
        -webkit-transition: opacity 0.1s;
        transition: opacity 0.1s;
    }

        .wells-sepcial .swiper-slide .tit {
            margin-top: 20px;
            font-weight: 500;
            font-size: 19px;
        }

        .wells-sepcial .swiper-slide p {
            margin-top: 13px;
            font-size: 14px;
            color: #606060;
        }

        .wells-sepcial .swiper-slide .btn-line {
            margin-top: 18px;
        }

    .wells-sepcial .swiper-slide-active {
        opacity: 1;
    }

.wells-special.single .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wells-special.single .swiper-slide {
    opacity: 1;
}

.wells-special.single .swiper-pagination {
    display: none;
}

.wells-membership {
    position: relative;
    padding: 60px 18px 90px 18px;
    background-color: #faf9f7;
}

    .wells-membership .wave-container {
        position: absolute;
        left: 0;
        top: -8vw;
        overflow: hidden;
        width: 100%;
        height: 8vw;
    }

    .wells-membership > .tit {
        font-weight: 500;
        font-size: 25px;
        letter-spacing: -0.82px;
    }

        .wells-membership > .tit + p {
            text-align: left;
        }

            .wells-membership > .tit + p + a {
                margin-top: 19px;
            }

    .wells-membership .swiper-container {
        margin: 27px -18px 0 -18px;
        padding-bottom: 30px;
    }

    .wells-membership .swiper-slide {
        border-radius: 10px;
        overflow: hidden;
    }

        .wells-membership .swiper-slide .txt-wrap {
            position: absolute;
            left: 0;
            top: 0;
            padding: 25px;
        }

            .wells-membership .swiper-slide .txt-wrap .tit {
                font-size: 15px;
                font-weight: bold;
            }

            .wells-membership .swiper-slide .txt-wrap p {
                font-size: 14px;
                color: #606060;
                margin-top: 10px;
            }

    .wells-membership .swiper-pagination {
        width: 90.4vw;
        top: auto;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .wells-membership .swiper-pagination-progressbar {
        height: 2px;
        background: transparent;
    }

        .wells-membership .swiper-pagination-progressbar::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            display: block;
            width: 100%;
            height: 1px;
            background-color: #ddd;
        }

        .wells-membership .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background-color: #101010;
        }

    .wells-membership .banner2 {
        display: inline-block;
        margin-top: 39px;
    }

.wells-story {
    position: relative;
    padding: 44px 18px 90px 18px;
}

    .wells-story .wave-container {
        position: absolute;
        left: 0;
        top: -8vw;
        overflow: hidden;
        width: 100%;
        height: 8vw;
    }

    .wells-story > .tit {
        text-align: center;
        font-weight: 500;
        font-size: 25px;
        letter-spacing: -0.82px;
    }

    .wells-story .swiper-container {
        margin: 19px -18px 0 -18px;
        padding-bottom: 29px;
    }

    .wells-story .swiper-slide {
        opacity: 0.4;
    }

        .wells-story .swiper-slide.swiper-slide-active {
            opacity: 1;
        }

        .wells-story .swiper-slide .img {
            display: inline-block;
            border-radius: 10px;
            overflow: hidden;
        }

        .wells-story .swiper-slide .tit {
            margin-top: 20px;
            text-align: center;
            font-weight: 500;
            font-size: 19px;
            line-height: 1.25;
        }

        .wells-story .swiper-slide p {
            margin-top: 12px;
            font-size: 14px;
            line-height: 1.4;
            color: #606060;
            text-align: center;
        }

.wells-info {
    padding-bottom: 58px;
}

    .wells-info .notice-lists {
        padding: 26px 18px;
        border-bottom: 1px solid #ddd;
    }

        .wells-info .notice-lists dt {
            font-size: 17px;
            font-weight: bold;
        }

            .wells-info .notice-lists dt a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

            .wells-info .notice-lists dt + dd {
                margin-top: 9px;
            }

        .wells-info .notice-lists dd {
            font-size: 14px;
            color: #888888;
        }

    .wells-info .customer {
        padding: 26px 18px;
    }

        .wells-info .customer dt {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            font-size: 17px;
            font-weight: bold;
        }

            .wells-info .customer dt a {
                font-family: "Pretendard";
                font-size: 19px;
                color: #004e73;
            }

                .wells-info .customer dt a::before {
                    content: '';
                    display: inline-block;
                    width: 27px;
                    height: 27px;
                    margin-right: 9px;
                    margin-top: -2px;
                    vertical-align: middle;
                    background: url(../img/svgicons/tel-54.svg) 0 0/contain no-repeat;
                }

        .wells-info .customer dd {
            margin-top: 14px;
            letter-spacing: -0.6px;
        }

        .wells-info .customer ul.pipe {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .wells-info .customer ul.pipe li {
                white-space: nowrap;
            }

                .wells-info .customer ul.pipe li::before {
                    height: 11px;
                    background-color: #dddddd;
                }

    .wells-info .etc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .wells-info .etc li {
            position: relative;
            text-align: center;
        }

            .wells-info .etc li + li {
                margin-left: 45px;
            }

            .wells-info .etc li::before {
                content: '';
                display: inline-block;
                background-color: #f8f8f8;
                width: 70px;
                height: 70px;
                border-radius: 50%;
            }

            .wells-info .etc li::after {
                content: '';
                position: absolute;
                display: inline-block;
                width: 38px;
                height: 38px;
                left: 50%;
                top: 16px;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
            }

            .wells-info .etc li.call::after {
                background: url(../img/svgicons/headset-54.svg) 0 0/contain no-repeat;
            }

            .wells-info .etc li.ono::after {
                background: url(../img/svgicons/oneonone-54.svg) 0 0/contain no-repeat;
            }

            .wells-info .etc li.as::after {
                background: url(../img/svgicons/fix-54.svg) 0 0/contain no-repeat;
            }

            .wells-info .etc li a {
                display: block;
                margin-top: 8px;
                font-size: 14px;
                color: #606060;
            }

.swiper-pagination.line {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 74.66667vw;
    height: 2px;
    margin: 0 auto;
    border-radius: 0;
    background: #dddddd;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .swiper-pagination.line > span {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 2px;
        margin: 0 !important;
        opacity: 0;
        border-radius: 0 !important;
    }

    .swiper-pagination.line .swiper-pagination-bullet-active {
        background-color: #101010;
        opacity: 1;
    }

/* 비디오 정보창 숨김처리 */
.vjs-loading-spinner,
.vjs-big-play-button,
.vjs-control-bar,
.vjs-error-display {
    display: none;
}

@media screen and (max-width: 360px) {
    .mywells .grid-con {
        -ms-grid-columns: (41.66667vw)[auto-fit];
        grid-template-columns: repeat(auto-fit, 41.66667vw);
    }
}

/* 에디터 태그 스타일 */
.detail-info.prd-price table {
    border-top: 1px solid #101010;
}

    .detail-info.prd-price table tr {
        text-align: left;
        border-bottom: 1px solid #dddddd;
    }

        .detail-info.prd-price table tr th {
            width: 130px;
            padding: 18px 15px 18px 15px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #101010;
            background: #f8f8f8;
            vertical-align: middle;
            font-size: 15px;
            word-break: break-word;
            border-right: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
        }

            .detail-info.prd-price table tr th:last-child {
                border-right: none;
            }

            .detail-info.prd-price table tr th[rowspan] {
                vertical-align: middle;
            }

        .detail-info.prd-price table tr td {
            padding: 18px 15px 18px 15px;
            font-size: 15px;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #606060;
            vertical-align: middle;
            word-break: break-word;
            border-right: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
        }

            .detail-info.prd-price table tr td:last-child {
                border-right: none;
            }

            .detail-info.prd-price table tr td p > * {
                word-break: break-word;
            }

/* loadmotion */
#special-prd .e-motion {
    position: relative;
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    will-change: transform;
    -webkit-transform: translateZ(0) perspective(1000px);
    transform: translateZ(0) perspective(1000px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

    #special-prd .e-motion .e-delay1 {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

    #special-prd .e-motion .e-delay2 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    #special-prd .e-motion .e-delay3 {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    #special-prd .e-motion .e-delay4 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

    #special-prd .e-motion .e-delay5 {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }

    #special-prd .e-motion .e-delay6 {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    #special-prd .e-motion .e-delay7 {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }

    #special-prd .e-motion .e-delay8 {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }

    #special-prd .e-motion .e-delay9 {
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s;
    }

    #special-prd .e-motion .e-delay10 {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }

    #special-prd .e-motion .e-delay11 {
        -webkit-transition-delay: 1.1s;
        transition-delay: 1.1s;
    }

    #special-prd .e-motion .e-delay12 {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }

    #special-prd .e-motion .e-delay13 {
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s;
    }

    #special-prd .e-motion .e-delay14 {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s;
    }

    #special-prd .e-motion .e-delay15 {
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }

    #special-prd .e-motion .e-delay16 {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }

    #special-prd .e-motion .e-delay17 {
        -webkit-transition-delay: 1.7s;
        transition-delay: 1.7s;
    }

    #special-prd .e-motion .e-delay18 {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }

    #special-prd .e-motion .e-delay19 {
        -webkit-transition-delay: 1.9s;
        transition-delay: 1.9s;
    }

    #special-prd .e-motion .e-delay20 {
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }

.brandstory-wells .e-motion {
    position: relative;
    opacity: 0;
    will-change: transform;
    -webkit-transform: translateZ(0) perspective(1000px);
    transform: translateZ(0) perspective(1000px);
}

.e-left {
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
}

.e-right {
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
}

.e-top {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
}

.e-bottom {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}

.e-spin {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#special-prd .e-active {
    opacity: 1;
}

#special-prd .e-left.e-active,
#special-prd .e-right.e-active,
#special-prd .e-top.e-active,
#special-prd .e-bottom.e-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.e-spin.e-active {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.e-parallax.e-active {
    -webkit-transition-duration: unset;
    transition-duration: unset;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.card-list {
    padding: 30px 0 0;
}

    .card-list li {
        margin: 50px 0 0;
    }

        .card-list li:first-child {
            margin: 0;
        }

        .card-list li .img-area {
            font-size: 0;
            text-align: center;
        }

            .card-list li .img-area img {
                max-width: 315px;
                height: auto;
            }

        .card-list li .txt-area {
            margin: 18px 0 0;
        }

            .card-list li .txt-area .tit {
                font-size: 19px;
                font-weight: 700;
                text-align: center;
                color: #101010;
            }

            .card-list li .txt-area .desc {
                font-size: 15px;
                font-weight: 400;
                text-align: center;
                color: #888888;
                margin: 8px 0 0;
            }

        .card-list li .btn-wrap {
            margin: 27px 0 0;
        }

.vip-benefit {
    padding: 35px 0 0;
}

    .vip-benefit .benefit-list {
        margin: 25px 0 0;
        padding: 0 0 40px;
    }

        .vip-benefit .benefit-list > li {
            margin: 37.5px 0 0;
        }

            .vip-benefit .benefit-list > li:first-child {
                margin: 0;
            }

            .vip-benefit .benefit-list > li .tit-area {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: 0 0 20px;
            }

                .vip-benefit .benefit-list > li .tit-area .sort {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 50px;
                    flex: 0 0 50px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    padding: 10px 0 9px;
                    background: #004e73;
                }

                    .vip-benefit .benefit-list > li .tit-area .sort .txt {
                        font-size: 10px;
                        font-weight: 500;
                        text-align: center;
                        color: #ffffff;
                        display: block;
                    }

                    .vip-benefit .benefit-list > li .tit-area .sort .num {
                        font-size: 15px;
                        font-weight: 500;
                        text-align: center;
                        color: #ffffff;
                        display: block;
                        line-height: 17px;
                    }

                .vip-benefit .benefit-list > li .tit-area .tit {
                    font-size: 19px;
                    font-weight: 700;
                    text-align: left;
                    color: #004e73;
                    -webkit-box-flex: 1;
                    -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
                    padding: 0 0 0 10px;
                }

            .vip-benefit .benefit-list > li .view .img {
                font-size: 0;
            }

                .vip-benefit .benefit-list > li .view .img img {
                    width: 100%;
                }

            .vip-benefit .benefit-list > li .view .contact {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

                .vip-benefit .benefit-list > li .view .contact li {
                    -webkit-box-flex: 1;
                    -ms-flex: 1 1 10px;
                    flex: 1 1 10px;
                    margin: 0 0 0 11px;
                    border-radius: 5px;
                    padding: 35px 0 30px;
                    background: #383838;
                    text-align: center;
                }

                    .vip-benefit .benefit-list > li .view .contact li:first-child {
                        margin: 0;
                        background: #b5895b;
                    }

                    .vip-benefit .benefit-list > li .view .contact li .tit {
                        font-size: 17px;
                        font-weight: 700;
                        text-align: center;
                        color: #ffffff;
                    }

                    .vip-benefit .benefit-list > li .view .contact li .desc {
                        font-size: 13px;
                        font-weight: 400;
                        text-align: center;
                        color: #ffffff;
                        margin: 12.5px 0 0;
                    }

                    .vip-benefit .benefit-list > li .view .contact li .img {
                        display: block;
                        width: 70px;
                        margin: 27.5px auto 20px;
                    }

                    .vip-benefit .benefit-list > li .view .contact li .call {
                        font-size: 19px;
                        font-weight: 700;
                        text-align: center;
                        color: #ffffff;
                        font-family: "Pretendard";
                        line-height: 35px;
                    }

            .vip-benefit .benefit-list > li .info {
                margin: 25px 0 0;
                word-break: keep-all;
            }

                .vip-benefit .benefit-list > li .info dl {
                    display: table;
                    width: 100%;
                    border-bottom: 1px solid #dddddd;
                    padding: 16px 0 17.5px;
                }

                    .vip-benefit .benefit-list > li .info dl dt {
                        font-size: 15px;
                        font-weight: 700;
                        text-align: left;
                        color: #101010;
                        display: table-cell;
                        width: 95px;
                        vertical-align: top;
                    }

                    .vip-benefit .benefit-list > li .info dl dd {
                        font-size: 15px;
                        font-weight: 400;
                        text-align: left;
                        color: #606060;
                        display: table-cell;
                        vertical-align: top;
                    }

                    .vip-benefit .benefit-list > li .info dl:first-of-type {
                        padding-top: 0;
                    }

                .vip-benefit .benefit-list > li .info .caution {
                    font-size: 13px;
                    font-weight: 400;
                    text-align: left;
                    color: #888888;
                    margin: 16.5px 0 0;
                }

                .vip-benefit .benefit-list > li .info .desc {
                    font-size: 15px;
                    font-weight: 400;
                    text-align: left;
                    color: #606060;
                    margin: 30px 0 0;
                }

                .vip-benefit .benefit-list > li .info .service-list {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    margin: 30px 0 0;
                }

                    .vip-benefit .benefit-list > li .info .service-list li {
                        -webkit-box-flex: 1;
                        -ms-flex: 1 1 auto;
                        flex: 1 1 auto;
                        border-left: 1px solid #dddddd;
                    }

                        .vip-benefit .benefit-list > li .info .service-list li:first-child {
                            border: none;
                        }

                        .vip-benefit .benefit-list > li .info .service-list li img {
                            display: block;
                            width: 60px;
                            margin: 0 auto;
                        }

                        .vip-benefit .benefit-list > li .info .service-list li .txt {
                            font-size: 15px;
                            font-weight: 400;
                            text-align: center;
                            color: #606060;
                            margin: 5px 0 0;
                        }

                .vip-benefit .benefit-list > li .info .notice {
                    margin: 11.5px 0 0;
                }

.vip-standard {
    margin: 0 -18px;
    padding: 45px 18px 50px;
    background: #f8f8f8;
}

    .vip-standard .visual {
        position: relative;
        margin: 30px -18px 0;
        padding: 0 0 20px;
        font-size: 0;
        text-align: center;
    }

        .vip-standard .visual:after {
            display: block;
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 240px;
            height: 296px;
            background: url(../img/event/bg-vip.svg) center top/100% auto no-repeat;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .vip-standard .visual .box {
            display: inline-block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 164px;
            height: 164px;
            margin: 0 0 0 10px;
            border: 1px solid #969696;
            border-radius: 50%;
            padding: 30px 0;
            background: #ffffff;
        }

            .vip-standard .visual .box:first-child {
                margin: 0;
            }

            .vip-standard .visual .box .icon {
                display: block;
                width: 50px;
                margin: 0 auto;
            }

            .vip-standard .visual .box .txt {
                font-size: 15px;
                font-weight: 400;
                text-align: center;
                color: #606060;
                margin: 10px 0 0;
            }

                .vip-standard .visual .box .txt em {
                    display: block;
                }

        .vip-standard .visual .title-box {
            position: relative;
            z-index: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 200px;
            height: 200px;
            margin: 70px auto 0;
            padding: 74px 0 0;
        }

            .vip-standard .visual .title-box img {
                display: block;
                width: 120px;
                margin: 0 auto;
            }

            .vip-standard .visual .title-box .txt {
                font-size: 19px;
                font-weight: 700;
                text-align: center;
                color: #c3a986;
                margin: 17px 0 0;
                line-height: 1;
            }

    .vip-standard .notice {
        margin: 40px 0 0;
    }

.vip-validity {
    padding: 45px 0 0;
}

    .vip-validity .info-area {
        margin: 32.5px 0 0;
    }

        .vip-validity .info-area ul li {
            margin: 35px 0 0;
        }

            .vip-validity .info-area ul li:first-child {
                margin: 0;
            }

            .vip-validity .info-area ul li .hgroup {
                margin: 0 0 16.5px;
            }

.discount-list ul li {
    display: none;
    margin: 20px 0 0;
}

    .discount-list ul li:first-child {
        margin: 0;
    }

    .discount-list ul li.visible {
        display: block;
    }

    .discount-list ul li .box {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        outline: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #dddddd;
        border-radius: 5px;
        padding: 30px 25px;
    }

        .discount-list ul li .box .icon {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 70px;
            flex: 0 0 70px;
            width: 70px;
        }

        .discount-list ul li .box .txt-area {
            padding: 0 0 0 25px;
        }

            .discount-list ul li .box .txt-area .tit {
                font-size: 17px;
                font-weight: 700;
                text-align: left;
                color: #101010;
                line-height: 1.55;
            }

            .discount-list ul li .box .txt-area .desc {
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #606060;
                margin: 5px 0 0;
            }

.my-wells .vip-intro {
    padding: 24px 0 28px;
}

    .my-wells .vip-intro .tit {
        font-size: 25px;
        font-weight: 700;
        text-align: left;
        color: #101010;
    }

    .my-wells .vip-intro .validity {
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        color: #606060;
        margin: 8px 0 0;
    }

    .my-wells .vip-intro .btn-area {
        margin: 5px 0 0;
        font-size: 0;
    }

.my-wells .benefit-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -18px;
}

    .my-wells .benefit-box li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        border-left: 1px solid #dddddd;
    }

        .my-wells .benefit-box li:first-child {
            border: none;
        }

        .my-wells .benefit-box li a {
            display: block;
            padding: 22px 0 25px;
        }

            .my-wells .benefit-box li a .sort {
                font-size: 15px;
                font-weight: 400;
                text-align: center;
                color: #101010;
            }

            .my-wells .benefit-box li a .cont {
                font-size: 17px;
                font-weight: 400;
                text-align: center;
                color: #004e73;
                margin: 5px 0 0;
                line-height: 1;
            }

                .my-wells .benefit-box li a .cont .num {
                    font-size: 30px;
                    font-weight: 700;
                    text-align: left;
                    color: #004e73;
                    display: inline-block;
                    line-height: 25px;
                }

.my-wells .banner-txt {
    margin: 0 -18px;
    padding: 24px 18px;
    background: url(../img/util/img-homecare-bg.svg) center center/cover no-repeat;
}

    .my-wells .banner-txt .box {
        display: block;
        margin: -24px -18px;
        padding: 24px 18px;
    }

        .my-wells .banner-txt .box .desc {
            position: relative;
            padding: 0 18px 0 0;
        }

            .my-wells .banner-txt .box .desc:after {
                display: block;
                content: '';
                position: absolute;
                top: 50%;
                right: 0;
                width: 11px;
                height: 11px;
                background: url(../img/svgicons/arr-white-22x22.svg) center center/100% auto no-repeat;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

    .my-wells .banner-txt .tit {
        font-size: 17px;
        font-weight: 700;
        text-align: left;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .my-wells .banner-txt .tit .price {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #ffffff;
            display: block;
            margin: 0 0 -1px;
            line-height: 1;
        }

            .my-wells .banner-txt .tit .price .num {
                font-size: 19px;
                font-weight: 700;
                text-align: left;
                color: #ffffff;
                font-family: "Pretendard";
                -webkit-transform: translateY(1px);
                transform: translateY(1px);
            }

    .my-wells .banner-txt .desc {
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
        display: inline-block;
        margin: 4px 0 0;
    }

.my-wells .ing-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 17.5px 0 0;
    padding: 0 0 30px;
}

    .my-wells .ing-list > li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 10px;
        flex: 1 1 10px;
        margin: 0 0 0 11px;
        font-size: 0;
    }

        .my-wells .ing-list > li:first-child {
            margin: 0;
        }

        .my-wells .ing-list > li .box {
            display: block;
        }

            .my-wells .ing-list > li .box .thumb {
                padding: 0 9.5px;
                font-size: 0;
                text-align: center;
            }

                .my-wells .ing-list > li .box .thumb img {
                    width: 100%;
                }

            .my-wells .ing-list > li .box .info {
                margin: 20px 0 0;
            }

                .my-wells .ing-list > li .box .info .prd-type {
                    font-size: 0;
                }

                .my-wells .ing-list > li .box .info .title-box .tit {
                    font-size: 16px;
                    font-weight: 400;
                    text-align: left;
                    color: #101010;
                    margin: 8px 0 0;
                }

                .my-wells .ing-list > li .box .info .title-box .model {
                    font-size: 12px;
                    font-weight: 400;
                    text-align: left;
                    color: #888888;
                    margin: 4px 0 0;
                }

                .my-wells .ing-list > li .box .info .info-box {
                    margin: 11px 0 0;
                }

                    .my-wells .ing-list > li .box .info .info-box dl {
                        margin: 14px 0 0;
                    }

                        .my-wells .ing-list > li .box .info .info-box dl:first-of-type {
                            margin: 0;
                        }

                        .my-wells .ing-list > li .box .info .info-box dl dt {
                            font-size: 12px;
                            font-weight: 700;
                            text-align: left;
                            color: #004e73;
                        }

                        .my-wells .ing-list > li .box .info .info-box dl dd {
                            font-size: 12px;
                            font-weight: 400;
                            text-align: left;
                            color: #004e73;
                            margin: 5px 0 0;
                        }

                            .my-wells .ing-list > li .box .info .info-box dl dd span {
                                display: inline-block;
                            }

        .my-wells .ing-list > li .btn-line {
            margin: 7px 0 0;
        }

.product-list > li {
    position: relative;
}

    .product-list > li:first-child hr {
        display: none;
    }

    .product-list > li.lump-sum .prd-info {
        padding: 10px 0 65px;
    }

    .product-list > li.lump-sum .rent-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        bottom: 30px;
        z-index: 1;
        width: 100%;
    }

        .product-list > li.lump-sum .rent-type .tit {
            font-size: 15px;
            font-weight: 700;
            text-align: left;
            color: #004e73;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 131px;
            flex: 0 0 131px;
        }

.product-list .prd-info {
    display: block;
    padding: 10px 0 30px;
}

    .product-list .prd-info .img img {
        width: 100%;
    }

    .product-list .prd-info .info .prd-head .title-box {
        margin: 11px 0 0;
    }

        .product-list .prd-info .info .prd-head .title-box .tit {
            font-size: 18px;
            font-weight: 500;
            text-align: left;
            color: #101010;
        }

    .product-list .prd-info .info .detail-box {
        margin: 8px 0 0;
    }

    .product-list .prd-info .info .price-area {
        margin: 12px 0 0;
    }

        .product-list .prd-info .info .price-area .sort {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 130px;
            flex: 0 0 130px;
        }

        .product-list .prd-info .info .price-area .cont {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            font-size: 0;
            text-align: left;
        }

.product-list .prd-view .filter-group > dt .filter-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -18px;
    padding: 17px 18px;
    background: #f8f8f8;
}

    .product-list .prd-view .filter-group > dt .filter-box .title {
        font-size: 15px;
        font-weight: 700;
        text-align: left;
        color: #101010;
    }

    .product-list .prd-view .filter-group > dt .filter-box .code {
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        color: #606060;
    }

.product-list .prd-view .filter-group:first-child > dt .filter-box {
    border-top: 1px solid #dddddd;
}

.product-list .prd-view .filter-group > dd {
    padding: 17px 0 27px;
}

.product-list .prd-view .wells-farm {
    border-radius: 5px;
    padding: 0 23px;
    background: #f8f8f8;
}

    .product-list .prd-view .wells-farm dl {
        border-top: 1px solid #dddddd;
        padding: 20px 0 17.5px;
    }

        .product-list .prd-view .wells-farm dl:first-child {
            border: none;
        }

        .product-list .prd-view .wells-farm dl dt {
            font-size: 13px;
            font-weight: 400;
            text-align: left;
            color: #606060;
        }

        .product-list .prd-view .wells-farm dl dd {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 5px 0 0;
        }

            .product-list .prd-view .wells-farm dl dd strong {
                font-size: 17px;
                font-weight: 700;
                text-align: left;
                color: #101010;
            }

.order-list .tbl-cap {
    margin: 20px 0 0;
}

.order-view {
    padding: 30px 0 0;
}

    .order-view .order-detail {
        padding: 26.5px 0 0;
    }

        .order-view .order-detail .order-prd-list {
            margin: 18px 0 0;
            border-top: 1px solid #101010;
        }

            .order-view .order-detail .order-prd-list li.prd-group {
                margin: 5px 0 0;
            }

                .order-view .order-detail .order-prd-list li.prd-group:first-child {
                    margin: 0;
                }

                .order-view .order-detail .order-prd-list li.prd-group .hgroup {
                    margin: 30px 0 0;
                }

                .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box {
                    margin: 5px 0 0;
                    padding: 10px 0 0;
                }

                    .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box:first-child {
                        margin: 0;
                    }

                    .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .thumb {
                        padding: 9px;
                    }

                        .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .thumb img {
                            display: block;
                            width: 100%;
                            max-width: 380px;
                            margin: 0 auto;
                        }

                    .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info {
                        margin: 5px 0 0;
                    }

                        .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .title-box .tit {
                            font-size: 17px;
                            font-weight: 400;
                            text-align: left;
                            color: #101010;
                        }

                        .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .title-box .code {
                            font-size: 12px;
                            font-weight: 400;
                            text-align: left;
                            color: #606060;
                            margin: 5px 0 0;
                            line-height: 1.75;
                        }

                        .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box {
                            margin: 10px 0 0;
                            padding: 18px 20px;
                        }

                            .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box dl + dl {
                                margin: 14px 0 0;
                            }

                            .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box dl dt {
                                font-size: 15px;
                                font-weight: 400;
                                text-align: left;
                                color: #101010;
                                width: 85px;
                            }

                            .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box dl dd .type {
                                font-weight: 700;
                                color: #004e73;
                            }

                                .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box dl dd .type .btn-line {
                                    margin: 0 0 0 7px;
                                }

                            .order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box dl dd .type-info {
                                margin: 7.5px 0 0;
                            }

                .order-view .order-detail .order-prd-list li.prd-group .tbl-cap {
                    margin: 12.5px 0 0;
                }

                    .order-view .order-detail .order-prd-list li.prd-group .tbl-cap tr th {
                        width: 100px;
                    }

.my-coupon {
    margin: 30px 0 0;
}

    .my-coupon .coupon-head {
        border: 1px solid #dddddd;
        border-radius: 5px;
        padding: 28px 0 19px;
    }

        .my-coupon .coupon-head .txt {
            font-size: 15px;
            font-weight: 400;
            text-align: center;
            color: #101010;
        }

        .my-coupon .coupon-head .btn-110 {
            min-width: 223px;
            margin: 22px 0 0;
        }

    .my-coupon .coupon-wrap {
        margin: 30px 0 0;
        padding: 0 0 30px;
    }

        .my-coupon .coupon-wrap ul li {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            max-width: 309px;
            margin: 15px auto 0;
            padding: 17.5px 84px 21.5px 35px;
            background: url(../img/etc/coupon-bg.png) center center/contain no-repeat;
        }

            .my-coupon .coupon-wrap ul li:first-child {
                margin-top: 0;
            }

            .my-coupon .coupon-wrap ul li .sort {
                font-size: 14px;
                font-weight: 700;
                text-align: left;
                color: #47c1cc;
                line-height: 1.5;
            }

            .my-coupon .coupon-wrap ul li .tit {
                font-size: 12px;
                font-weight: 400;
                text-align: left;
                color: #101010;
                margin: 5px 0 0;
            }

            .my-coupon .coupon-wrap ul li .period {
                font-size: 12px;
                font-weight: 400;
                text-align: left;
                color: #888888;
                margin: 9px 0 0;
                font-family: "Pretendard";
            }

            .my-coupon .coupon-wrap ul li.used {
                background-image: url(../img/etc/coupon-bg-used.png);
            }

                .my-coupon .coupon-wrap ul li.used .sort,
                .my-coupon .coupon-wrap ul li.used .tit,
                .my-coupon .coupon-wrap ul li.used .period {
                    color: #101010;
                    opacity: .3;
                }

.inquiry-links {
    margin: 40px 0 0;
}

    .inquiry-links ul li {
        overflow: hidden;
        margin: 15px 0 0;
        border-radius: 5px;
        background: #f8f8f8;
    }

        .inquiry-links ul li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 27px 25px 27px 22px;
        }

        .inquiry-links ul li .txt {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
            padding: 0 0 0 53px;
            background: 0 center / 40px auto no-repeat;
            line-height: 1.5;
        }

            .inquiry-links ul li .txt em {
                display: block;
                font-weight: 700;
            }

        .inquiry-links ul li .call {
            font-size: 17px;
            font-weight: 700;
            text-align: left;
            color: #004e73;
        }

        .inquiry-links ul li:first-child {
            margin: 0;
        }

            .inquiry-links ul li:first-child .txt {
                background-image: url(../img/svgicons/oneonone-80.svg);
            }

        .inquiry-links ul li:last-child .txt {
            background-image: url(../img/svgicons/fix-80.svg);
        }

.product-intro {
    position: relative;
    margin: -60px -18px 0;
}

    .product-intro .box {
        display: block;
        position: absolute;
        top: 0;
        opacity: 0;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

        .product-intro .box.active {
            position: relative;
            opacity: 1;
        }

        .product-intro .box .txt {
            font-size: 14px;
            font-weight: 400;
            text-align: center;
            color: #101010;
            position: absolute;
            top: 24.4%;
            right: 0;
            left: 0;
        }

        .product-intro .box img {
            width: 100%;
        }

.prd-list-wrap .filter-wrap {
    padding: 18px 0;
}

.prd-list-wrap .page-head {
    border-top: 1px solid #dddddd;
}

.prd-list {
    padding: 20px 0 0;
}

    .prd-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .prd-list ul li {
            position: relative;
            width: 47.2%;
            margin: 17px 0 0;
        }

            .prd-list ul li:nth-child(-n+2) {
                margin-top: 0;
            }

            .prd-list ul li.banner-area {
                width: calc(100% + 36px);
                margin: 34px -18px 0;
            }

            .prd-list ul li.soldout .img::after {
                font-size: 13px;
                font-weight: 400;
                text-align: center;
                color: #ffffff;
                display: block;
                content: '품절';
                position: absolute;
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 31px;
                background: #b3b3b3;
                line-height: 31px;
            }

            .prd-list ul li.notselling .img::after {
                font-size: 13px;
                font-weight: 400;
                text-align: center;
                color: #ffffff;
                display: block;
                content: '구매불가';
                position: absolute;
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 31px;
                background: #b3b3b3;
                line-height: 31px;
            }

            .prd-list ul li a {
                display: block;
            }

                .prd-list ul li a .img {
                    position: relative;
                    overflow: hidden;
                    border-radius: 5px;
                    padding: 7.5px 20px;
                    background: #f8f8f8;
                }

                    .prd-list ul li a .img img {
                        width: 100%;
                    }

                .prd-list ul li a .prd-info {
                    position: relative;
                    margin: 8px 0 0;
                    padding: 29px 0 0;
                    font-size: 0;
                }

                    .prd-list ul li a .prd-info .badge {
                        position: absolute;
                        top: 0;
                        left: 0;
                    }

                    .prd-list ul li a .prd-info .tit-area .tit {
                        overflow: hidden;
                        display: block;
                        max-width: 100%;
                        max-height: 45px;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        word-break: break-all;
                        word-wrap: break-word;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        white-space: normal;
                        font-size: 16px;
                        font-weight: 400;
                        text-align: left;
                        color: #101010;
                        height: 45px;
                        word-wrap: break-word;
                    }

                    .prd-list ul li a .prd-info .tit-area .model {
                        overflow: hidden;
                        display: block;
                        max-width: 100%;
                        max-height: 19px;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        word-break: break-all;
                        word-wrap: break-word;
                        font-size: 12px;
                        font-weight: 400;
                        text-align: left;
                        color: #888888;
                        margin: 4px 0 0;
                    }

                    .prd-list ul li a .prd-info .price-area {
                        position: absolute;
                        right: 0;
                        bottom: 0;
                        left: 0;
                    }

                        .prd-list ul li a .prd-info .price-area .sort {
                            font-size: 12px;
                            font-weight: 400;
                            text-align: left;
                            color: #101010;
                        }

                        .prd-list ul li a .prd-info .price-area .cont {
                            padding: 0 7.5px 0 0;
                        }

                            .prd-list ul li a .prd-info .price-area .cont .price {
                                display: block;
                                margin: 2.5px 0 0;
                                font-size: 12px;
                            }

                                .prd-list ul li a .prd-info .price-area .cont .price:first-child {
                                    margin: 0;
                                }

                                .prd-list ul li a .prd-info .price-area .cont .price span {
                                    font-size: 17px;
                                }

                                .prd-list ul li a .prd-info .price-area .cont .price.del {
                                    font-size: 10px;
                                }

                                    .prd-list ul li a .prd-info .price-area .cont .price.del span {
                                        font-size: 11px;
                                    }

            .prd-list ul li .checkbox {
                position: absolute;
                top: 0;
                left: 0;
                padding: 12px 14px;
            }

.floating-btns {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 150;
}

    .floating-btns ul {
        -webkit-transition: all .4s;
        transition: all .4s;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }

        .floating-btns ul li {
            display: block;
            position: relative;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 50px;
            height: 50px;
            margin: 10px 0 0 auto;
            border: 1px solid #808b97;
            border-radius: 50px;
            background: #ffffff;
            text-align: right;
        }

            .floating-btns ul li:first-child {
                margin-top: 0;
            }

            .floating-btns ul li .btn-float {
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                -webkit-tap-highlight-color: transparent;
                outline: none;
                -ms-touch-action: manipulation;
                touch-action: manipulation;
                display: block;
                width: 100%;
                border: none;
                padding: 8px 0 7px;
                background: none;
                cursor: pointer;
            }

                .floating-btns ul li .btn-float::before {
                    display: block;
                    content: '';
                    width: 18px;
                    height: 18px;
                    margin: 0 auto;
                    background: center / contain no-repeat;
                }

                .floating-btns ul li .btn-float .txt {
                    font-size: 10px;
                    font-weight: 700;
                    text-align: center;
                    color: #101010;
                    display: block;
                    margin: 1px 0 0;
                }

            .floating-btns ul li.talk {
                border-color: #009ac0;
                background: #009ac0;
                color: #ffffff;
            }

                .floating-btns ul li.talk .btn-float::before {
                    background-image: url(../img/util/advice-36x36-white.svg);
                }

                .floating-btns ul li.talk .btn-float .txt {
                    color: #ffffff;
                }

            .floating-btns ul li.product .btn-float::before {
                background-image: url(../img/util/product-36x36-gray.svg);
            }

            .floating-btns ul li.compare .btn-float::before {
                position: relative;
                background-image: url(../img/util/compare-36x36-gray.svg);
                -webkit-transition: all .4s;
                transition: all .4s;
            }

            .floating-btns ul li.compare .num {
                font-size: 17px;
                font-weight: 700;
                text-align: center;
                color: #009ac0;
                display: block;
                position: absolute;
                top: 8px;
                right: 0;
                left: 0;
                font-family: "Pretendard";
                line-height: 18px;
                opacity: 0;
                -webkit-transition: opacity .4s;
                transition: opacity .4s;
            }

            .floating-btns ul li.compare.active .num {
                position: relative;
                top: 0;
                opacity: 1;
            }

            .floating-btns ul li.compare.active .btn-float::before {
                position: absolute;
                top: 8px;
                right: 0;
                left: 0;
                opacity: 0;
            }

            .floating-btns ul li.top {
                -webkit-transition: all .4s;
                transition: all .4s;
                visibility: hidden;
                opacity: 0;
                -webkit-transform: translateY(20px);
                transform: translateY(20px);
            }

                .floating-btns ul li.top .btn-float .txt {
                    margin: 0;
                }

                .floating-btns ul li.top .btn-float::before {
                    display: block;
                    content: '\e915';
                    font-family: "icomoon";
                    font-size: 16px;
                    font-weight: 400;
                    text-align: left;
                    color: #ffffff;
                    line-height: 1;
                    background: none;
                    color: #808b97;
                    text-align: center;
                }

            .floating-btns ul li:hover, .floating-btns ul li:focus {
                -webkit-animation: clickAction .2s;
                animation: clickAction .2s;
            }

    .floating-btns.scrolldown ul {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

        .floating-btns.scrolldown ul li.top {
            visibility: visible;
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

.experience-center {
    padding: 25px 0 0;
}

    .experience-center .hgroup .head-38 {
        font-weight: 500;
    }

    .experience-center .swiper-thumb {
        margin: 12px -18px 39px;
        padding: 0 18px 17px;
    }

        .experience-center .swiper-thumb .swiper-slide {
            width: 120px;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
            outline: none;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
        }

            .experience-center .swiper-thumb .swiper-slide button {
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                -webkit-tap-highlight-color: transparent;
                outline: none;
                -ms-touch-action: manipulation;
                touch-action: manipulation;
            }

            .experience-center .swiper-thumb .swiper-slide .img {
                display: block;
                overflow: hidden;
                position: relative;
                border-radius: 5px;
            }

                .experience-center .swiper-thumb .swiper-slide .img img {
                    width: 100%;
                }

                .experience-center .swiper-thumb .swiper-slide .img::before {
                    display: block;
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    z-index: 2;
                    width: 30px;
                    height: 30px;
                    background: url(../img/util/swiper-thumb-chk.svg) center center/contain no-repeat;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

                .experience-center .swiper-thumb .swiper-slide .img::after {
                    display: block;
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    z-index: 1;
                    background: #47cdd8;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                }

            .experience-center .swiper-thumb .swiper-slide .txt-area {
                font-size: 13px;
                font-weight: 400;
                text-align: left;
                color: #101010;
                display: block;
                margin: 6px 0 0;
            }

            .experience-center .swiper-thumb .swiper-slide.swiper-slide-thumb-active .img::before,
            .experience-center .swiper-thumb .swiper-slide.swiper-slide-thumb-active .img::after {
                visibility: visible;
                opacity: .8;
            }

        .experience-center .swiper-thumb .swiper-scrollbar {
            right: 18px;
            bottom: 1px;
            left: 18px;
            width: auto;
            height: 2px;
            background: #dddddd;
        }

        .experience-center .swiper-thumb .swiper-scrollbar-drag {
            top: 0;
            bottom: 0;
            height: 2px;
            border-radius: 0;
            background: #101010;
        }

    .experience-center .swiper-show {
        margin: 11px 0 0;
    }

        .experience-center .swiper-show .swiper-slide {
            overflow: hidden;
            border-radius: 5px;
        }

            .experience-center .swiper-show .swiper-slide img {
                width: 100%;
            }

    .experience-center .prd-area {
        margin: 30px 0 0;
    }

        .experience-center .prd-area ul {
            border-top: 1px solid #dddddd;
        }

            .experience-center .prd-area ul li {
                border-bottom: 1px solid #dddddd;
            }

                .experience-center .prd-area ul li a {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 10px 15px 10px 0px;
                }

                    .experience-center .prd-area ul li a .thumb {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 100px;
                        flex: 0 0 100px;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        width: 100px;
                        padding: 6px;
                    }

                    .experience-center .prd-area ul li a .prd-info {
                        -webkit-box-flex: 1;
                        -ms-flex: 1 1 auto;
                        flex: 1 1 auto;
                        padding: 0 0 0 19px;
                    }

                        .experience-center .prd-area ul li a .prd-info .tit {
                            overflow: hidden;
                            display: block;
                            max-width: 100%;
                            max-height: 48px;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            word-break: break-all;
                            word-wrap: break-word;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            white-space: normal;
                            font-size: 17px;
                            font-weight: 400;
                            text-align: left;
                            color: #101010;
                            height: 48px;
                        }

                        .experience-center .prd-area ul li a .prd-info .price-area {
                            margin: 11.5px 0 0;
                        }

                            .experience-center .prd-area ul li a .prd-info .price-area .sort {
                                font-size: 14px;
                                font-weight: 700;
                                text-align: left;
                                color: #004e73;
                            }

                            .experience-center .prd-area ul li a .prd-info .price-area .price {
                                font-size: 14px;
                            }

.modal-discount {
    padding: 30px 0 0;
}

    .modal-discount .icon {
        padding: 0 0 29px;
        text-align: center;
    }

        .modal-discount .icon img {
            width: 110px;
        }

    .modal-discount .info {
        border-top: 1px solid #dddddd;
        padding: 25px 0 0;
    }

        .modal-discount .info .txt {
            font-size: 15px;
            font-weight: 700;
            text-align: left;
            color: #101010;
            margin: 0 0 31.5px;
        }

        .modal-discount .info dl dt {
            font-size: 19px;
            font-weight: 700;
            text-align: left;
            color: #101010;
            margin: 31.5px 0 0;
        }

            .modal-discount .info dl dt:first-of-type {
                margin: 0;
            }

        .modal-discount .info dl dd {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #606060;
            margin: 11.5px 0 0;
        }

            .modal-discount .info dl dd em {
                color: #004e73;
            }

            .modal-discount .info dl dd .desc {
                margin: 16.5px 0 0;
                font-size: 13px;
                color: #888888;
            }

    .modal-discount .btn-rnd-100 {
        padding: 0 24px;
    }

    .modal-discount.card {
        padding: 30px 0 100px;
    }

        .modal-discount.card .img img {
            display: block;
            width: 315px;
            margin: 0 auto;
        }

        .modal-discount.card .info {
            border: none;
            padding: 35px 0 0;
        }

            .modal-discount.card .info .tbl-cap.card {
                padding: 5px 0 0;
            }

                .modal-discount.card .info .tbl-cap.card tr th {
                    font-weight: 700;
                    font-size: 17px;
                    color: #101010;
                }

                    .modal-discount.card .info .tbl-cap.card tr th.em {
                        color: #004e73;
                    }

                .modal-discount.card .info .tbl-cap.card tr td {
                    text-align: center;
                }

                    .modal-discount.card .info .tbl-cap.card tr td.em {
                        font-weight: 700;
                        color: #004e73;
                    }

.modal-coupon {
    margin: 0 -18px;
    padding: 30px 18px;
    background: #f8f8f8;
}

    .modal-coupon .form-row input {
        height: 45px;
        margin: 0 0 0 6px;
        padding: 11px 15px;
    }

        .modal-coupon .form-row input:first-child {
            margin: 0;
        }

.accordion-agree .intro-txt p {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #606060;
    margin: 10px 0 0;
}

    .accordion-agree .intro-txt p:first-child {
        margin: 0;
    }

.accordion-agree .tbl-cap table th {
    width: 100px;
}

.accordion-agree .tbl-cap table td {
    background: #ffffff;
}

.modal-management {
    padding: 5px 0 80px;
}

    .modal-management .prd-info .img img {
        display: block;
        width: 190px;
        margin: 0 auto;
    }

    .modal-management .prd-info .info .tbl-cap {
        margin: 14px 0 0;
    }

        .modal-management .prd-info .info .tbl-cap tr th {
            width: 100px;
        }

.modal-payment {
    padding: 25px 0 75px;
}

    .modal-payment .order-model {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 12px;
    }

        .modal-payment .order-model .order-number {
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #101010;
        }

            .modal-payment .order-model .order-number .number {
                margin: 0 0 0 3px;
                font-family: "Pretendard";
                color: #606060;
            }

        .modal-payment .order-model .status {
            font-size: 15px;
            font-weight: 700;
            text-align: left;
            color: #004e73;
        }

    .modal-payment .inquiry-area {
        margin: 0 0 30px;
        padding: 30px 0 0;
    }

        .modal-payment .inquiry-area .tbl-wrap {
            margin: 30px 0 0;
        }

            .modal-payment .inquiry-area .tbl-wrap .tbl-cap {
                margin: 20px 0 0;
            }

                .modal-payment .inquiry-area .tbl-wrap .tbl-cap:first-child {
                    margin: 0;
                }

.modal-shipment {
    padding: 23px 0 80px;
}

    .modal-shipment .tbl-cap tr th {
        width: 114px;
    }

    .modal-shipment .info {
        padding: 25px 0 0;
    }

        .modal-shipment .info ul li {
            margin: 25px 0 0;
        }

            .modal-shipment .info ul li:first-child {
                margin: 0;
            }

            .modal-shipment .info ul li .tit {
                font-size: 15px;
                font-weight: 400;
                text-align: left;
                color: #101010;
                margin: 0 0 15px;
            }

            .modal-shipment .info ul li .detail-box dt {
                width: 101px;
            }

.modal-seedling {
    padding: 25px 0 100px;
}

    .modal-seedling .tbl-cap {
        margin: 18px 0 0;
    }

        .modal-seedling .tbl-cap tr th {
            font-size: 15px;
            vertical-align: top;
        }

        .modal-seedling .tbl-cap tr td .price {
            font-size: 12px;
            color: #101010;
        }

            .modal-seedling .tbl-cap tr td .price span {
                font-size: 17px;
            }

    .modal-seedling .seedling-chk {
        margin: 15px 0 0;
        padding: 0 0 43px;
    }

        .modal-seedling .seedling-chk ul {
            border-top: 1px solid #101010;
        }

            .modal-seedling .seedling-chk ul li {
                border-bottom: 1px solid #dddddd;
                font-size: 0;
            }

                .modal-seedling .seedling-chk ul li .checkbox {
                    width: 100%;
                    padding: 20px 0 21px;
                }

        .modal-seedling .seedling-chk .price {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            color: #004e73;
        }

    .modal-seedling .result-area {
        margin: 0px -18px -100px -18px;
        padding: 25px 18px 100px 18px;
        background: #f8f8f8;
    }

        .modal-seedling .result-area .result-box {
            position: relative;
            margin: 11px 0 0;
            border: 1px solid #dddddd;
            border-radius: 5px;
            padding: 20px 18px 22px 18px;
            background: #ffffff;
        }

            .modal-seedling .result-area .result-box .tit {
                font-size: 17px;
                font-weight: 700;
                text-align: left;
                color: #101010;
                padding: 0 40px 0 0;
            }

            .modal-seedling .result-area .result-box .price {
                margin: 5px 0 0;
                color: #004e73;
            }

            .modal-seedling .result-area .result-box .info {
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #888888;
                margin: 15px 0 0;
            }

            .modal-seedling .result-area .result-box .btn-del {
                position: absolute;
                top: 14px;
                right: 14px;
                width: 36px;
                height: 36px;
            }

                .modal-seedling .result-area .result-box .btn-del:after {
                    display: block;
                    content: '\e903';
                    font-family: "icomoon";
                    font-size: 16px;
                    font-weight: 400;
                    text-align: left;
                    color: #ffffff;
                    line-height: 1;
                    font-weight: 500;
                    font-size: 30px;
                    color: #888888;
                    text-align: center;
                }

.modal-filter {
    padding: 0 0 100px;
}

    .modal-filter .filter-group {
        padding: 21.5px 0 25px;
    }

        .modal-filter .filter-group:last-child {
            padding-bottom: 0;
        }

        .modal-filter .filter-group .tit {
            font-size: 17px;
            font-weight: 400;
            text-align: left;
            color: #101010;
            margin: 0 0 13px;
        }

.prd-details {
    padding: 41px 0 30px;
}

    .prd-details .prd-head {
        position: relative;
    }

        .prd-details .prd-head::after {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            z-index: -1;
            width: 210px;
            height: 210px;
            border-radius: 50%;
            background: #f8f8f8;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .prd-details .prd-head .prd-img {
            position: relative;
        }

            .prd-details .prd-head .prd-img .swiper-wrapper {
                padding: 0 0 17px;
                font-size: 0;
            }

                .prd-details .prd-head .prd-img .swiper-wrapper .img {
                    position: relative;
                    padding: 15px;
                    text-align: center;
                }

                    .prd-details .prd-head .prd-img .swiper-wrapper .img img {
                        width: 238px;
                    }

            .prd-details .prd-head .prd-img .btn-area {
                position: absolute;
                right: 0;
                bottom: 17px;
                z-index: 1;
            }

                .prd-details .prd-head .prd-img .btn-area button {
                    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                    -webkit-tap-highlight-color: transparent;
                    outline: none;
                    -ms-touch-action: manipulation;
                    touch-action: manipulation;
                    display: block;
                    width: 40px;
                    height: 40px;
                    margin: 10px 0 0;
                    font-size: 0;
                }

                    .prd-details .prd-head .prd-img .btn-area button:first-child {
                        margin: 0;
                    }

                    .prd-details .prd-head .prd-img .btn-area button.btn-360 {
                        background: url(../img/util/360-80x80.svg) center/100% auto no-repeat;
                    }

                    .prd-details .prd-head .prd-img .btn-area button.btn-play {
                        background: url(../img/util/play-80x80.svg) center/100% auto no-repeat;
                    }

            .prd-details .prd-head .prd-img .swiper-pagination {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                right: 0;
                bottom: 0;
                left: 0;
                width: auto;
            }

                .prd-details .prd-head .prd-img .swiper-pagination .swiper-pagination-bullet {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    height: 2px;
                    margin: 0;
                    border-radius: 0;
                    background: #dddddd;
                    opacity: 1;
                }

                    .prd-details .prd-head .prd-img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                        background: #101010;
                    }

        .prd-details .prd-head .tit-area {
            margin: 26px 0 0;
            padding: 0 0 30px;
        }

            .prd-details .prd-head .tit-area .desc {
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #101010;
            }

            .prd-details .prd-head .tit-area .tit {
                font-size: 25px;
                font-weight: 700;
                text-align: left;
                color: #101010;
                margin: 5px 0 0;
            }

            .prd-details .prd-head .tit-area .model {
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #888888;
                margin: 5px 0 0;
            }

            .prd-details .prd-head .tit-area .price-area {
                margin: 14px 0 0;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }

                .prd-details .prd-head .tit-area .price-area .sort {
                    font-size: 15px;
                    font-weight: 700;
                    text-align: left;
                    color: #101010;
                }

                .prd-details .prd-head .tit-area .price-area .price {
                    font-size: 15px;
                    font-weight: 400;
                    text-align: left;
                    color: #ef1e1e;
                    margin: 0 0 0 10px;
                }

                    .prd-details .prd-head .tit-area .price-area .price span {
                        font-weight: 700;
                        font-size: 25px;
                        -webkit-transform: translateY(1px);
                        transform: translateY(1px);
                    }

        .prd-details .prd-head .infor-wrap {
            padding: 30px 0 21px;
        }

            .prd-details .prd-head .infor-wrap > ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: 15px 0 0;
            }

                .prd-details .prd-head .infor-wrap > ul:first-child {
                    margin: 0;
                }

                .prd-details .prd-head .infor-wrap > ul > li.sort {
                    font-size: 15px;
                    font-weight: 700;
                    text-align: left;
                    color: #101010;
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 115px;
                    flex: 0 0 115px;
                }

                .prd-details .prd-head .infor-wrap > ul > li.cont {
                    font-size: 14px;
                    font-weight: 400;
                    text-align: right;
                    color: #101010;
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                }

                .prd-details .prd-head .infor-wrap > ul.special {
                    margin: 30px 0 0;
                    border-top: 1px solid #dddddd;
                    padding: 19px 0 0;
                }

            .prd-details .prd-head .infor-wrap .associated-card {
                overflow: hidden;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
                height: 24px;
                margin: 21.5px 0 0;
                border-radius: 5px;
                padding: 17.5px 18px 15.5px 18px;
                background: #f8f8f8;
                -webkit-transition: all .4s;
                transition: all .4s;
            }

                .prd-details .prd-head .infor-wrap .associated-card .tit-inner {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    position: relative;
                    padding: 0 24px 0 0;
                }

                    .prd-details .prd-head .infor-wrap .associated-card .tit-inner .btn-more {
                        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                        -webkit-tap-highlight-color: transparent;
                        outline: none;
                        -ms-touch-action: manipulation;
                        touch-action: manipulation;
                        position: absolute;
                        top: 0;
                        right: -5px;
                        z-index: 1;
                        width: 25px;
                        height: 25px;
                        font-size: 0;
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

                        .prd-details .prd-head .infor-wrap .associated-card .tit-inner .btn-more:after {
                            display: block;
                            content: '\e915';
                            font-family: "icomoon";
                            font-size: 16px;
                            font-weight: 400;
                            text-align: left;
                            color: #ffffff;
                            line-height: 1;
                            font-weight: 700;
                            font-size: 14px;
                            color: #101010;
                            text-align: center;
                        }

                .prd-details .prd-head .infor-wrap .associated-card .cont-inner {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    margin: 17.5px 0 0;
                    padding: 0 0 2.5px;
                }

                .prd-details .prd-head .infor-wrap .associated-card.open {
                    height: auto;
                    max-height: 500px;
                }

                    .prd-details .prd-head .infor-wrap .associated-card.open .btn-more {
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }

            .prd-details .prd-head .infor-wrap .btn-tab button {
                font-size: 17px;
            }

    .prd-details .prd-body .prd-strongpoint {
        padding: 30px 0 0;
    }

        .prd-details .prd-body .prd-strongpoint .prd-strongpoint-inner {
            overflow: hidden;
            position: relative;
            /*max-height: rSize(1400);*/
            -webkit-transition: all .4s;
            transition: all .4s;
        }

            .prd-details .prd-body .prd-strongpoint .prd-strongpoint-inner img {
                max-width: 100%;
                width: 100%;
            }

    .prd-details .prd-body .prd-standard {
        padding: 25px 0 0;
    }

        .prd-details .prd-body .prd-standard .tbl-cap {
            margin: 16px 0 0;
        }

            .prd-details .prd-body .prd-standard .tbl-cap table tr th {
                width: 131.5px;
                vertical-align: top;
            }

    .prd-details .prd-body .prd-review {
        padding: 25px 0 0;
    }

        .prd-details .prd-body .prd-review .review-group {
            margin: 35px 0 0;
        }

            .prd-details .prd-body .prd-review .review-group:first-child {
                margin: 0;
            }

            .prd-details .prd-body .prd-review .review-group .hgroup {
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
            }

                .prd-details .prd-body .prd-review .review-group .hgroup .btn-arr {
                    margin: 0 0 2px;
                }

            .prd-details .prd-body .prd-review .review-group .review-swiper {
                margin: 16px 0 0;
            }

                .prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container {
                    margin: 0 -18px;
                    padding: 0 36px 30px 0;
                }

                    .prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-wrapper {
                        padding: 0 18px;
                    }

                    .prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-slide {
                        width: 145px;
                    }

                        .prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-slide .thumb {
                            overflow: hidden;
                            width: 145px;
                            border-radius: 5px;
                        }

                        .prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-slide .txt-area {
                            margin: 10px 0 0;
                        }

                            .prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-slide .txt-area .tit {
                                overflow: hidden;
                                display: block;
                                max-width: 100%;
                                max-height: 36px;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                word-break: break-all;
                                word-wrap: break-word;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                white-space: normal;
                                font-size: 13px;
                                font-weight: 400;
                                text-align: left;
                                color: #101010;
                            }

                            .prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-slide .txt-area .type {
                                font-size: 13px;
                                font-weight: 400;
                                text-align: left;
                                color: #004e73;
                                margin: 8.5px 0 0;
                            }

                    .prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-scrollbar {
                        right: 18px;
                        bottom: 0;
                        left: 18px;
                        width: auto;
                        height: 2px;
                        background: #dddddd;
                    }

                    .prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-scrollbar-drag {
                        top: 0;
                        bottom: 0;
                        height: 2px;
                        border-radius: 0;
                        background: #101010;
                    }

            .prd-details .prd-body .prd-review .review-group .banner-list {
                margin: 16px 0 0;
            }

                .prd-details .prd-body .prd-review .review-group .banner-list li {
                    overflow: hidden;
                    margin: 10px 0 0;
                    border-radius: 5px;
                }

                    .prd-details .prd-body .prd-review .review-group .banner-list li:first-child {
                        margin: 0;
                    }

                    .prd-details .prd-body .prd-review .review-group .banner-list li .link-box {
                        display: block;
                        padding: 26.5px 25px 26px 25px;
                    }

                        .prd-details .prd-body .prd-review .review-group .banner-list li .link-box .tit {
                            font-size: 17px;
                            font-weight: 400;
                            text-align: left;
                            color: #101010;
                            margin: 0 0 4px;
                        }

                    .prd-details .prd-body .prd-review .review-group .banner-list li:first-child .link-box {
                        background: #e2e7eb url(../img/etc/review-bg01.jpg) right center/contain no-repeat;
                    }

                    .prd-details .prd-body .prd-review .review-group .banner-list li:last-child .link-box {
                        background: #f0e9e1 url(../img/etc/review-bg02.jpg) right center/contain no-repeat;
                    }

    .prd-details .prd-body .prd-price {
        padding: 25px 0 0;
    }

        .prd-details .prd-body .prd-price .tbl-cap {
            margin: 16px 0 0;
        }

        .prd-details .prd-body .prd-price .price-list {
            margin: 15px 0 0;
        }

            .prd-details .prd-body .prd-price .price-list li {
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #606060;
                margin: 10px 0 0;
                line-height: 1.5;
            }

                .prd-details .prd-body .prd-price .price-list li:first-child {
                    margin: 0;
                }

        .prd-details .prd-body .prd-price ul.bul {
            margin: 16.5px 0 0;
            padding: 15px 0 0 7px;
        }

            .prd-details .prd-body .prd-price ul.bul li {
                color: #606060;
                line-height: 1.5;
            }

                .prd-details .prd-body .prd-price ul.bul li::before {
                    background: #606060;
                }

        .prd-details .prd-body .prd-price ul.notice li {
            line-height: 1.5;
        }

    .prd-details .prd-body .prd-shipment {
        padding: 25px 0 0;
    }

        .prd-details .prd-body .prd-shipment .shipment-list {
            margin: 16px 0 0;
        }

            .prd-details .prd-body .prd-shipment .shipment-list li {
                margin: 20px 0 0;
            }

                .prd-details .prd-body .prd-shipment .shipment-list li:first-child {
                    margin: 0;
                }

                .prd-details .prd-body .prd-shipment .shipment-list li .tit {
                    font-size: 13px;
                    font-weight: 400;
                    text-align: left;
                    color: #101010;
                    margin: 0 0 13px;
                }

                .prd-details .prd-body .prd-shipment .shipment-list li .tbl-cap table tr th {
                    vertical-align: top;
                }

    .prd-details .prd-body .recommended-prd {
        margin: 35px 0 0;
    }

        .prd-details .prd-body .recommended-prd .reco-list {
            margin: 22px 0 0;
        }

            .prd-details .prd-body .recommended-prd .reco-list li {
                margin: 30px 0 0;
            }

                .prd-details .prd-body .recommended-prd .reco-list li:first-child {
                    margin: 0;
                }

                .prd-details .prd-body .recommended-prd .reco-list li .link-box {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .prd-details .prd-body .recommended-prd .reco-list li .link-box .thumb {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 auto;
                        flex: 0 0 auto;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        width: 100px;
                        padding: 6px;
                    }

                    .prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info {
                        -webkit-box-flex: 1;
                        -ms-flex: 1;
                        flex: 1;
                        padding: 0 0 0 31px;
                    }

                        .prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .tit {
                            font-size: 16px;
                            font-weight: 400;
                            text-align: left;
                            color: #101010;
                        }

                        .prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .desc {
                            font-size: 12px;
                            font-weight: 400;
                            text-align: left;
                            color: #888888;
                            margin: 5px 0 0;
                        }

                        .prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .price-area {
                            margin: 16.5px 0 0;
                        }

                            .prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .price-area .sort {
                                font-size: 12px;
                                font-weight: 400;
                                text-align: left;
                                color: #101010;
                            }

                            .prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .price-area .price {
                                font-size: 12px;
                                font-weight: 400;
                                text-align: left;
                                color: #101010;
                            }

                                .prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .price-area .price span {
                                    font-size: 17px;
                                }

    .prd-details .btn-wrap {
        z-index: 150;
    }

        .prd-details .btn-wrap .btn-104 {
            text-indent: 23px;
        }

            .prd-details .btn-wrap .btn-104::after {
                display: block;
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                width: 18px;
                height: 18px;
                margin: 0 0 0 -45px;
                background: url(../img/svgicons/url.svg) center/contain no-repeat;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

    .prd-details .prd-body #prdInfo_spec .tbl-cap table tr th {
        width: 80px;
    }

.special-wellsfarm {
    margin: -110px 0 0;
    line-height: 1.5;
}

    .special-wellsfarm .slt-custom .slt-opt {
        z-index: 1;
    }

    .special-wellsfarm .tit1 {
        font-size: 30px;
        font-weight: 500;
        text-align: center;
        color: #101010;
    }

    .special-wellsfarm .visual {
        position: relative;
        margin: 0 -18px 0;
    }

        .special-wellsfarm .visual img {
            width: 100%;
        }

        .special-wellsfarm .visual .hgroup1 {
            position: absolute;
            top: 18.31%;
            left: 50%;
            width: 100%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

            .special-wellsfarm .visual .hgroup1 .desc {
                font-size: 19px;
                font-weight: 400;
                text-align: center;
                color: #101010;
                padding: 0 18px;
            }

            .special-wellsfarm .visual .hgroup1 .tit {
                font-size: 30px;
                font-weight: 700;
                text-align: center;
                color: #101010;
                margin: 4px 0 0;
                padding: 0 18px;
                line-height: 30px;
            }

            .special-wellsfarm .visual .hgroup1 .sub-desc {
                font-size: 15px;
                font-weight: 400;
                text-align: center;
                color: #606060;
                margin: 17px 16px 0;
            }

        .special-wellsfarm .visual .box-guide {
            position: absolute;
            right: 55px;
            bottom: 2.26%;
            left: 27px;
        }

            .special-wellsfarm .visual .box-guide .guide-tit {
                font-size: 14px;
                font-weight: 700;
                text-align: center;
                color: #ffffff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 258.5px;
                height: 41px;
                background: url(../img/special/guide-box01.svg) center/contain no-repeat;
                line-height: 35.5px;
            }

            .special-wellsfarm .visual .box-guide .guide-desc {
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #101010;
                margin: 11px 0 0;
            }

        .special-wellsfarm .visual.box2 .hgroup1 {
            top: 8.5%;
        }

        .special-wellsfarm .visual.box2 .box-guide {
            bottom: 38%;
            left: 35px;
        }

            .special-wellsfarm .visual.box2 .box-guide .guide-tit {
                width: 220px;
                height: 65px;
                padding: 9.5px 0 0 18px;
                background-image: url(../img/special/guide-box02.svg);
                line-height: 20.5px;
                text-align: left;
            }

        .special-wellsfarm .visual.box3 .hgroup1 {
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .special-wellsfarm .product-info .prd-visual {
        position: relative;
        margin: -50px -18px 0;
    }

    .special-wellsfarm .product-info .cont-area {
        margin: 40px 7px 0;
    }

        .special-wellsfarm .product-info .cont-area li {
            margin: 57.5px 0 0;
        }

            .special-wellsfarm .product-info .cont-area li:first-child {
                margin: 0;
            }

            .special-wellsfarm .product-info .cont-area li .img img {
                width: 100%;
            }

            .special-wellsfarm .product-info .cont-area li .txt-group {
                position: relative;
                z-index: 1;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 85%;
                margin: -132px 0 0 auto;
                padding: 16px 20px 0px 20px;
                background: #ffffff;
            }

                .special-wellsfarm .product-info .cont-area li .txt-group .tit {
                    font-size: 19px;
                    font-weight: 200;
                    text-align: left;
                    color: #101010;
                }

                .special-wellsfarm .product-info .cont-area li .txt-group .desc {
                    font-size: 15px;
                    font-weight: 400;
                    text-align: left;
                    color: #888888;
                    margin: 12px 0 0;
                }

            .special-wellsfarm .product-info .cont-area li.box2 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .special-wellsfarm .product-info .cont-area li.box2 .img {
                    width: 48%;
                }

                .special-wellsfarm .product-info .cont-area li.box2 .txt-group {
                    width: 52%;
                    margin-top: 0;
                    padding-left: 0;
                }

            .special-wellsfarm .product-info .cont-area li.box3 .img {
                width: 48%;
            }

            .special-wellsfarm .product-info .cont-area li.box3 .txt-group {
                margin-top: -69px;
                padding-right: 0;
            }

    .special-wellsfarm .tip-wrap {
        padding: 60px 0 70px;
    }

        .special-wellsfarm .tip-wrap .tip-list {
            margin: 35px 0 0;
        }

            .special-wellsfarm .tip-wrap .tip-list li {
                margin: 30px 0 0;
            }

                .special-wellsfarm .tip-wrap .tip-list li:first-child {
                    margin: 0;
                }

                .special-wellsfarm .tip-wrap .tip-list li .img {
                    overflow: hidden;
                    border-radius: 5px;
                }

                    .special-wellsfarm .tip-wrap .tip-list li .img img {
                        width: 100%;
                    }

                .special-wellsfarm .tip-wrap .tip-list li .txt-area {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    margin: 20px 0 0;
                }

                    .special-wellsfarm .tip-wrap .tip-list li .txt-area .num {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 25px;
                        flex: 0 0 25px;
                        width: 25px;
                        height: 25px;
                        border-radius: 50%;
                        background: #004e73;
                    }

                        .special-wellsfarm .tip-wrap .tip-list li .txt-area .num span {
                            font-size: 14px;
                            font-weight: 700;
                            text-align: center;
                            color: #ffffff;
                            display: block;
                            font-family: "Pretendard";
                            line-height: 27px;
                        }

                    .special-wellsfarm .tip-wrap .tip-list li .txt-area .desc {
                        font-size: 15px;
                        font-weight: 400;
                        text-align: left;
                        color: #606060;
                        margin: 2px 0 0;
                        padding: 0 0 0 10px;
                    }

    .special-wellsfarm .package-wrap {
        margin: 0 -18px;
        padding: 64px 18px 70px 18px;
        background: #f8f8f8;
    }

        .special-wellsfarm .package-wrap .veggie-list {
            display: none;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 5px 0 0 -20px;
        }

            .special-wellsfarm .package-wrap .veggie-list.visible {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

            .special-wellsfarm .package-wrap .veggie-list li {
                display: none;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: calc(50% - 20px);
                margin: 20px 0 0 20px;
                border-radius: 5px;
                padding: 15px 31.5px 16px 31.5px;
                background: #ffffff;
            }

                .special-wellsfarm .package-wrap .veggie-list li.visible {
                    display: block;
                }

                .special-wellsfarm .package-wrap .veggie-list li .img img {
                    width: 100%;
                }

                .special-wellsfarm .package-wrap .veggie-list li .txt {
                    font-size: 15px;
                    font-weight: 400;
                    text-align: center;
                    color: #606060;
                    height: 66px;
                    margin: 10px -30px 0;
                }

        .special-wellsfarm .package-wrap .veggie-period li {
            display: none;
            margin: 40px 0 0;
        }

            .special-wellsfarm .package-wrap .veggie-period li.visible {
                display: block;
            }

            .special-wellsfarm .package-wrap .veggie-period li .tbl-veggie {
                margin: 20px 0 0;
                border-top: 1px solid #101010;
            }

                .special-wellsfarm .package-wrap .veggie-period li .tbl-veggie:first-child {
                    margin: 0;
                }

                .special-wellsfarm .package-wrap .veggie-period li .tbl-veggie table thead th {
                    font-size: 15px;
                    font-weight: 700;
                    text-align: center;
                    color: #101010;
                    border-bottom: 1px solid #dddddd;
                    border-left: 1px solid #dddddd;
                    padding: 19.5px 0;
                }

                    .special-wellsfarm .package-wrap .veggie-period li .tbl-veggie table thead th:first-child {
                        border-left: none;
                    }

                .special-wellsfarm .package-wrap .veggie-period li .tbl-veggie table tbody td {
                    font-size: 15px;
                    font-weight: 400;
                    text-align: center;
                    color: #606060;
                    border-bottom: 1px solid #dddddd;
                    border-left: 1px solid #dddddd;
                    padding: 13px 5px 14px 5px;
                    background: #ffffff;
                    vertical-align: middle;
                }

                    .special-wellsfarm .package-wrap .veggie-period li .tbl-veggie table tbody td:first-child {
                        border-left: none;
                    }

    .special-wellsfarm .review-wrap {
        padding: 64px 0 0;
    }

        .special-wellsfarm .review-wrap .review-area {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 33px 0 0;
        }

            .special-wellsfarm .review-wrap .review-area li {
                overflow: hidden;
                width: calc(50% - 10px);
                margin: 20px 0 0;
                border-radius: 5px;
            }

                .special-wellsfarm .review-wrap .review-area li:nth-child(1) {
                    margin-top: 0;
                }

                .special-wellsfarm .review-wrap .review-area li:nth-child(3n+1) {
                    width: 100%;
                }

                .special-wellsfarm .review-wrap .review-area li:nth-child(3n) {
                    margin-left: 20px;
                }

                .special-wellsfarm .review-wrap .review-area li img {
                    width: 100%;
                }

.modal-special {
    margin: 0 -18px;
}

.compare-prd {
    overflow: auto;
    margin: 0 -18px;
    padding: 25px 18px 50px;
}

    .compare-prd .compare-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .compare-prd .compare-list::after {
            display: block;
            content: '';
            height: 18px;
            padding: 0 18px 0 0;
        }

        .compare-prd .compare-list > li {
            position: relative;
            min-width: 150px;
            width: 150px;
            margin: 0 0 0 11px;
        }

            .compare-prd .compare-list > li:first-child {
                margin: 0;
            }

            .compare-prd .compare-list > li .btn-del {
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                -webkit-tap-highlight-color: transparent;
                outline: none;
                -ms-touch-action: manipulation;
                touch-action: manipulation;
                display: block;
                position: absolute;
                top: 10px;
                right: 10px;
                z-index: 10;
                width: 25px;
                height: 25px;
                font-size: 0;
            }

                .compare-prd .compare-list > li .btn-del:before {
                    display: block;
                    content: '\e910';
                    font-family: "icomoon";
                    font-size: 19px;
                    font-weight: 400;
                    text-align: left;
                    color: #dddddd;
                    line-height: 1;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    font-size: 25px;
                    color: #ffffff;
                }

                .compare-prd .compare-list > li .btn-del:after {
                    display: block;
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    z-index: 1;
                    width: 10px;
                    height: 10px;
                    background: url(../img/svgicons/delete-20x20.svg) center center no-repeat;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

            .compare-prd .compare-list > li .checkbox {
                position: absolute;
                top: 11px;
                left: 11px;
                z-index: 10;
            }

            .compare-prd .compare-list > li .summ-wrap .thumb {
                overflow: hidden;
                border: 1px solid #dddddd;
                border-radius: 5px;
                padding: 7.5px 19px;
                background: #f8f8f8;
            }

                .compare-prd .compare-list > li .summ-wrap .thumb .btn-area {
                    margin: 7px -19px -7.5px;
                }

                    .compare-prd .compare-list > li .summ-wrap .thumb .btn-area .btn-cart {
                        display: block;
                        width: 100%;
                        height: 37.5px;
                        background: #ffffff;
                    }

                        .compare-prd .compare-list > li .summ-wrap .thumb .btn-area .btn-cart span {
                            font-size: 14px;
                            font-weight: 400;
                            text-align: center;
                            color: #004e73;
                            position: relative;
                            padding: 0 0 0 22px;
                        }

                            .compare-prd .compare-list > li .summ-wrap .thumb .btn-area .btn-cart span::before {
                                display: block;
                                content: '';
                                width: 16px;
                                height: 16px;
                                position: absolute;
                                top: 50%;
                                left: 0;
                                background: url(../img/svgicons/cart-32x32-blue.svg) center/contain no-repeat;
                                -webkit-transform: translateY(-50%);
                                transform: translateY(-50%);
                            }

            .compare-prd .compare-list > li .summ-wrap .tit {
                overflow: hidden;
                display: block;
                max-width: 100%;
                max-height: 58.5px;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-break: break-all;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                white-space: normal;
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #101010;
                min-height: 57px;
                margin: 11px 0 0;
            }

            .compare-prd .compare-list > li .infor-wrap {
                margin: 18px 0 0;
            }

                .compare-prd .compare-list > li .infor-wrap > ul {
                    margin: 20px 0 0;
                }

                    .compare-prd .compare-list > li .infor-wrap > ul:first-child {
                        margin: 0;
                    }

                    .compare-prd .compare-list > li .infor-wrap > ul > li.sort {
                        font-size: 14px;
                        font-weight: 700;
                        text-align: left;
                        color: #101010;
                    }

                    .compare-prd .compare-list > li .infor-wrap > ul > li.cont {
                        margin: 11.5px 0 0;
                    }

                        .compare-prd .compare-list > li .infor-wrap > ul > li.cont .row {
                            margin: 10px 0 0;
                        }

                            .compare-prd .compare-list > li .infor-wrap > ul > li.cont .row:first-child {
                                margin: 0;
                            }

            .compare-prd .compare-list > li .price-area {
                margin: 17.5px 0 0;
            }

                .compare-prd .compare-list > li .price-area .cont {
                    width: 100%;
                    font-size: 0;
                }

                    .compare-prd .compare-list > li .price-area .cont .price:last-child {
                        display: block;
                        font-size: 12px;
                    }

                        .compare-prd .compare-list > li .price-area .cont .price:last-child span {
                            font-size: 17px;
                        }

                    .compare-prd .compare-list > li .price-area .cont .price.del {
                        margin: 0 0 5px;
                    }

            .compare-prd .compare-list > li .standard-wrap {
                margin: 20px 0 0;
            }

                .compare-prd .compare-list > li .standard-wrap .tit {
                    font-size: 14px;
                    font-weight: 700;
                    text-align: left;
                    color: #101010;
                }

                .compare-prd .compare-list > li .standard-wrap .tbl-cap {
                    margin: 12px 0 0;
                }

                    .compare-prd .compare-list > li .standard-wrap .tbl-cap table th {
                        width: 62.5px;
                        padding: 9.5px 8px 11px 8px;
                        font-size: 12px;
                        vertical-align: top;
                    }

                    .compare-prd .compare-list > li .standard-wrap .tbl-cap table td {
                        padding: 9.5px 8px 11px 8px;
                        font-size: 12px;
                    }

    .compare-prd.ty2 {
        padding-bottom: 87.5px;
    }

        .compare-prd.ty2 .compare-list > li .summ-wrap .thumb {
            border: none;
        }

    .compare-prd .sticky-tit {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        margin: 0 -18px;
        padding: 15.5px 18px 17.5px;
        background: #ffffff;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

        .compare-prd .sticky-tit::after {
            display: block;
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            height: 1px;
            background: #dddddd;
        }

        .compare-prd .sticky-tit ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .compare-prd .sticky-tit ul::after {
                display: block;
                content: '';
                height: 18px;
                padding: 0 18px 0 0;
            }

            .compare-prd .sticky-tit ul li {
                overflow: hidden;
                display: block;
                max-width: 100%;
                max-height: 58.5px;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-break: break-all;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                white-space: normal;
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #101010;
                min-height: 57px;
                min-width: 150px;
                width: 150px;
                margin: 0 0 0 11px;
            }

                .compare-prd .sticky-tit ul li:first-child {
                    margin: 0;
                }

    .compare-prd.fixed .sticky-tit {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        margin: 0;
    }

.modal-advice {
    padding: 40px 0;
}

    .modal-advice ul {
        font-size: 0;
        text-align: center;
    }

        .modal-advice ul li {
            display: inline-block;
            width: 70px;
            margin: 0 0 0 40px;
        }

            .modal-advice ul li:first-child {
                margin: 0;
            }

            .modal-advice ul li a {
                font-size: 14px;
                font-weight: 400;
                text-align: center;
                color: #101010;
                display: block;
                position: relative;
                padding: 75px 0 0;
            }

                .modal-advice ul li a::before {
                    display: block;
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 70px;
                    height: 70px;
                    border-radius: 50%;
                    background: #f8f8f8;
                }

                .modal-advice ul li a::after {
                    display: block;
                    content: '';
                    position: absolute;
                    top: 17.5px;
                    left: 17.5px;
                    width: 35px;
                    height: 35px;
                    background: center center / cover no-repeat;
                }

            .modal-advice ul li:first-child a::after {
                background-image: url(../img/util/call.png);
            }

            .modal-advice ul li:last-child a::after {
                background-image: url(../img/util/advice.png);
            }

.modal-view .view-360 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 23px;
}

    .modal-view .view-360 img {
        width: 100%;
    }

    .modal-view .view-360 .area-360 {
        overflow: hidden;
        position: relative;
        z-index: 10;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 15px;
    }

        .modal-view .view-360 .area-360 .kwells_images {
            display: none;
            position: relative;
            height: 100%;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .modal-view .view-360 .area-360 .kwells_images img {
                position: absolute;
                top: 50%;
                left: 0;
                width: 100%;
                height: auto;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

                .modal-view .view-360 .area-360 .kwells_images img.previous-image {
                    visibility: hidden;
                    width: 0;
                }

                .modal-view .view-360 .area-360 .kwells_images img.current-image {
                    visibility: visible;
                    width: 100%;
                }

        .modal-view .view-360 .area-360 .spinner {
            width: 60px;
            display: block;
            margin: 0 auto;
            height: 30px;
            background: #333;
            background: rgba(0, 0, 0, 0.7);
            border-radius: 5px;
        }

            .modal-view .view-360 .area-360 .spinner span {
                font-size: 12px;
                font-weight: bolder;
                color: #FFF;
                text-align: center;
                line-height: 30px;
                display: block;
            }

    .modal-view .view-360 .control-360 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../img/etc/360-bg.png) center bottom 26px/contain no-repeat;
    }

        .modal-view .view-360 .control-360 .btn-left {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
            outline: none;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            position: absolute;
            top: 50%;
            left: 23px;
            z-index: 20;
            width: 32px;
            height: 32px;
            background: url(../img/svgicons/btn-360-left.svg) center/contain no-repeat;
            -webkit-transform: translate(-10px, -50%);
            transform: translate(-10px, -50%);
            -webkit-transition: all .6s .6s;
            transition: all .6s .6s;
            opacity: 0;
        }

        .modal-view .view-360 .control-360 .btn-right {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
            outline: none;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            position: absolute;
            top: 50%;
            right: 23px;
            z-index: 20;
            width: 32px;
            height: 32px;
            background: url(../img/svgicons/btn-360-right.svg) center/contain no-repeat;
            -webkit-transform: translate(10px, -50%);
            transform: translate(10px, -50%);
            -webkit-transition: all .6s .6s;
            transition: all .6s .6s;
            opacity: 0;
        }

    .modal-view .view-360 .go-360 {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 30;
        width: 60px;
        height: 60px;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        -webkit-transition: all .6s .6s;
        transition: all .6s .6s;
        opacity: 1;
    }

.modal-view.active .view-360 .go-360 {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2);
}

.modal-view.active .view-360 .control-360 .btn-left {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1;
}

.modal-view.active .view-360 .control-360 .btn-right {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1;
}

.brandstory-wells {
    margin: 0 -18px;
}

    .brandstory-wells .visual-movie {
        position: relative;
    }

        .brandstory-wells .visual-movie .video-area {
            position: relative;
            padding: 0 0 100%;
        }

            .brandstory-wells .visual-movie .video-area .video-visual {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 50%;
                height: 100%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
            }

        .brandstory-wells .visual-movie .tit-wrap {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 1;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

            .brandstory-wells .visual-movie .tit-wrap .txt {
                font-size: 19px;
                font-weight: 38;
                text-align: center;
                color: #ffffff;
                margin: 20px 0 0;
                font-family: "Pretendard";
                line-height: 1;
            }

    .brandstory-wells .visual-sub {
        padding: 75px 0 80px;
        background: #ffffff;
    }

        .brandstory-wells .visual-sub .txt-wrap {
            position: relative;
        }

            .brandstory-wells .visual-sub .txt-wrap .tit {
                font-size: 25px;
                font-weight: 500;
                text-align: center;
                color: #101010;
            }

            .brandstory-wells .visual-sub .txt-wrap .bar {
                display: block;
                content: '';
                position: absolute;
                top: 61px;
                left: 50%;
                width: 40px;
                height: 2px;
                margin: 0 0 0 -20px;
                background: #969696;
            }

            .brandstory-wells .visual-sub .txt-wrap .summ {
                font-size: 19px;
                font-weight: 700;
                text-align: center;
                color: #101010;
                margin: 52.5px 0 0;
            }

            .brandstory-wells .visual-sub .txt-wrap .desc {
                font-size: 15px;
                font-weight: 400;
                text-align: center;
                color: #888888;
                margin: 17.5px 18px 0;
            }

    .brandstory-wells .hgroup1 .tit {
        font-size: 19px;
        font-weight: 700;
        text-align: center;
        color: #101010;
    }

        .brandstory-wells .hgroup1 .tit.ff-c {
            line-height: 1;
        }

        .brandstory-wells .hgroup1 .tit .ff-c {
            display: inline-block;
            line-height: 1;
        }

    .brandstory-wells .hgroup1 .logo {
        width: 208.5px;
        margin: 32px auto 0;
    }

    .brandstory-wells .hgroup1 .desc {
        font-size: 15px;
        font-weight: 400;
        text-align: center;
        color: #606060;
        margin: 16px 18px 0;
    }

    .brandstory-wells .section {
        position: relative;
    }

        .brandstory-wells .section.identity {
            padding: 80px 0 118.5px;
            background: #f8f8f8;
        }

        .brandstory-wells .section.solution {
            padding: 60px 0 80px;
        }

        .brandstory-wells .section .bg-wave {
            position: absolute;
            right: 0;
            bottom: -30px;
            left: 0;
            width: 100%;
            height: 74px;
            background: url(../img/brand/wells/bg-wave.svg) right 0 bottom/auto 74px no-repeat;
            opacity: 1;
            -webkit-transition: all 1s;
            transition: all 1s;
        }

        .brandstory-wells .section .bg-wave1 {
            position: absolute;
            right: 0;
            top: -30px;
            left: 0;
            width: 100%;
            height: 74px;
            background: url(../img/brand/wells/bg-wave.svg) right -200px bottom/auto 74px no-repeat;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            opacity: 1;
            -webkit-transition: all 1s;
            transition: all 1s;
        }

        .brandstory-wells .section .bg-wave2 {
            position: absolute;
            right: 0;
            bottom: -30px;
            left: 0;
            width: 100%;
            height: 74px;
            background: url(../img/brand/wells/bg-wave.svg) right -200px bottom/auto 74px no-repeat;
            opacity: 1;
            -webkit-transition: all 1s;
            transition: all 1s;
        }

        .brandstory-wells .section .bg-wave.e-active {
            background-position: right -200px bottom;
        }

        .brandstory-wells .section .bg-wave1.e-active,
        .brandstory-wells .section .bg-wave2.e-active {
            background-position: right 0 bottom;
        }

        .brandstory-wells .section .btn-wrap {
            margin: 27px 0 0;
        }

            .brandstory-wells .section .btn-wrap .btn-rnd-80 {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                min-width: 135px;
                height: 40px;
                border: 1px solid #969696;
                border-radius: 20px;
                padding: 0 40px;
                background: none;
                line-height: 40px;
                text-align: center;
                vertical-align: top;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                width: 150px;
                min-width: auto;
                padding: 0;
                font-size: 14px;
                color: #969696;
            }

                .brandstory-wells .section .btn-wrap .btn-rnd-80 span {
                    line-height: 40px;
                }

    .brandstory-wells .section-visual {
        position: relative;
    }

        .brandstory-wells .section-visual::after {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #101010;
            opacity: .3;
        }

        .brandstory-wells .section-visual img {
            width: 100%;
        }

        .brandstory-wells .section-visual .hgroup2 {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 1;
            width: 100%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

            .brandstory-wells .section-visual .hgroup2 .tit {
                font-size: 36px;
                font-weight: 700;
                text-align: center;
                color: #ffffff;
                font-family: "Pretendard";
                line-height: 1;
            }

            .brandstory-wells .section-visual .hgroup2 .desc {
                font-size: 15px;
                font-weight: 500;
                text-align: center;
                color: #ffffff;
                margin: 12.5px 0 0;
            }

    .brandstory-wells .section-txt {
        padding: 60px 0 60px;
        background: #ffffff;
    }

        .brandstory-wells .section-txt .txt {
            font-size: 15px;
            font-weight: 400;
            text-align: center;
            color: #606060;
            display: block;
        }

    .brandstory-wells .solution-swiper {
        margin: 47px 0 0;
        padding: 0 0 42px;
    }

        .brandstory-wells .solution-swiper .swiper-slide {
            width: 221px;
        }

            .brandstory-wells .solution-swiper .swiper-slide .img {
                position: relative;
                overflow: hidden;
                width: 221px;
                height: 221px;
                margin: 0 auto;
                border-radius: 50%;
            }

                .brandstory-wells .solution-swiper .swiper-slide .img img {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    max-width: 100%;
                    -webkit-transition: all .8s;
                    transition: all .8s;
                }

                    .brandstory-wells .solution-swiper .swiper-slide .img img.on {
                        opacity: 0;
                    }

            .brandstory-wells .solution-swiper .swiper-slide .txt-area {
                margin: 29px 0 0;
                opacity: 0;
                -webkit-transition: all .8s;
                transition: all .8s;
            }

                .brandstory-wells .solution-swiper .swiper-slide .txt-area .tit {
                    font-size: 19px;
                    font-weight: 700;
                    text-align: center;
                    color: #101010;
                    font-family: "Pretendard";
                }

                .brandstory-wells .solution-swiper .swiper-slide .txt-area .desc {
                    font-size: 15px;
                    font-weight: 400;
                    text-align: center;
                    color: #606060;
                    margin: 11px 0 0;
                }

                .brandstory-wells .solution-swiper .swiper-slide .txt-area .btn-wrap {
                    margin: 27px 0 0;
                }

                    .brandstory-wells .solution-swiper .swiper-slide .txt-area .btn-wrap .btn-rnd-80 {
                        display: -webkit-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        min-width: 135px;
                        height: 40px;
                        border: 1px solid #969696;
                        border-radius: 20px;
                        padding: 0 40px;
                        background: #ffffff;
                        line-height: 40px;
                        text-align: center;
                        vertical-align: top;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        appearance: none;
                        padding: 0;
                        font-size: 14px;
                        color: #969696;
                    }

            .brandstory-wells .solution-swiper .swiper-slide.swiper-slide-active .img img.off {
                opacity: 0;
            }

            .brandstory-wells .solution-swiper .swiper-slide.swiper-slide-active .img img.on {
                opacity: 1;
            }

            .brandstory-wells .solution-swiper .swiper-slide.swiper-slide-active .txt-area {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
                visibility: visible;
            }

        .brandstory-wells .solution-swiper .swiper-pagination {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            right: 47.5px;
            bottom: 0;
            left: 47.5px;
            width: auto;
        }

            .brandstory-wells .solution-swiper .swiper-pagination .swiper-pagination-bullet {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                height: 2px;
                margin: 0;
                border-radius: 0;
                background: #dddddd;
                opacity: 1;
            }

                .brandstory-wells .solution-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                    background: #101010;
                }

    .brandstory-wells .design-story {
        padding: 0 0 354px;
        background: #0c0e16 url(../img/brand/wells/bg-design.jpg) left 0 bottom 37px/contain no-repeat;
    }

        .brandstory-wells .design-story img {
            width: 100%;
        }

        .brandstory-wells .design-story .story-head {
            padding: 15.5px 0 77px;
        }

        .brandstory-wells .design-story .detail-list {
            margin: 0 18px;
        }

            .brandstory-wells .design-story .detail-list li {
                margin: 57px 0 0;
            }

                .brandstory-wells .design-story .detail-list li:first-child {
                    margin: 0;
                }

                .brandstory-wells .design-story .detail-list li .img img {
                    width: 100%;
                }

                .brandstory-wells .design-story .detail-list li .txt-area {
                    margin: 24px 0 0;
                }

                    .brandstory-wells .design-story .detail-list li .txt-area .tit {
                        font-size: 19px;
                        font-weight: 700;
                        text-align: center;
                        color: #ffffff;
                    }

                    .brandstory-wells .design-story .detail-list li .txt-area .desc {
                        font-size: 15px;
                        font-weight: 400;
                        text-align: center;
                        color: #ffffff;
                        margin: 10px 0 0;
                    }

        .brandstory-wells .design-story .bg-wave2 {
            bottom: -2px;
        }

    .brandstory-wells .design-style {
        padding: 12px 0 80px;
    }

        .brandstory-wells .design-style .awards-swiper {
            margin: 53px 0 0;
            padding: 0 18px 42px;
        }

            .brandstory-wells .design-style .awards-swiper .swiper-slide {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 221px;
                height: 195px;
                margin: 0 15px 0 0;
                border: 1px solid #ffffff;
                border-radius: 5px;
                padding: 16px 0 0;
                -webkit-transition: all .8s;
                transition: all .8s;
            }

                .brandstory-wells .design-style .awards-swiper .swiper-slide .img {
                    position: relative;
                    overflow: hidden;
                    width: 170px;
                    height: 105px;
                    margin: 0 auto;
                }

                    .brandstory-wells .design-style .awards-swiper .swiper-slide .img img {
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        max-width: 100%;
                        -webkit-transition: all .8s;
                        transition: all .8s;
                    }

                        .brandstory-wells .design-style .awards-swiper .swiper-slide .img img.on {
                            opacity: 0;
                        }

                .brandstory-wells .design-style .awards-swiper .swiper-slide .txt {
                    font-size: 15px;
                    font-weight: 700;
                    text-align: center;
                    color: #101010;
                    margin: 30px 0 0;
                    -webkit-transition: all .8s;
                    transition: all .8s;
                }

                .brandstory-wells .design-style .awards-swiper .swiper-slide.swiper-slide-active {
                    border-color: #004e73;
                }

                    .brandstory-wells .design-style .awards-swiper .swiper-slide.swiper-slide-active .img img.off {
                        opacity: 0;
                    }

                    .brandstory-wells .design-style .awards-swiper .swiper-slide.swiper-slide-active .img img.on {
                        opacity: 1;
                    }

                    .brandstory-wells .design-style .awards-swiper .swiper-slide.swiper-slide-active .txt {
                        color: #004e73;
                    }

            .brandstory-wells .design-style .awards-swiper .swiper-pagination {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                right: 47.5px;
                bottom: 0;
                left: 47.5px;
                width: auto;
            }

                .brandstory-wells .design-style .awards-swiper .swiper-pagination .swiper-pagination-bullet {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    height: 2px;
                    margin: 0;
                    border-radius: 0;
                    background: #dddddd;
                    opacity: 1;
                }

                    .brandstory-wells .design-style .awards-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                        background: #101010;
                    }

    .brandstory-wells .qt-list {
        position: relative;
        margin: 6px 0 0;
        padding: 0 0 103px;
        background: #f8f8f8;
    }

        .brandstory-wells .qt-list .bg-wave1 {
            top: 0;
            padding: 30px 0 0;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, white)), url(../img/brand/wells/bg-wave.svg) right 0 bottom 30px/auto 74px no-repeat;
            background: linear-gradient(rgba(255, 255, 255, 0) 50%, white 50%), url(../img/brand/wells/bg-wave.svg) right 0 bottom 30px/auto 74px no-repeat;
        }

        .brandstory-wells .qt-list ul {
            padding: 0 18px;
        }

            .brandstory-wells .qt-list ul li {
                position: relative;
                z-index: 1;
                margin: 50px 0 0;
            }

                .brandstory-wells .qt-list ul li:first-child {
                    margin: 0;
                }

                .brandstory-wells .qt-list ul li .img img {
                    width: 100%;
                }

                .brandstory-wells .qt-list ul li .txt-area {
                    margin: 24px 0 0;
                }

                    .brandstory-wells .qt-list ul li .txt-area .tit {
                        font-size: 19px;
                        font-weight: 700;
                        text-align: center;
                        color: #101010;
                    }

                    .brandstory-wells .qt-list ul li .txt-area .desc {
                        font-size: 15px;
                        font-weight: 400;
                        text-align: center;
                        color: #606060;
                        margin: 10.5px 0 0;
                    }

    .brandstory-wells .qt-verified {
        padding: 43.5px 0 80px;
    }

        .brandstory-wells .qt-verified .verified-swiper {
            margin: 47px 0 0;
            padding: 0 18px 42px;
        }

            .brandstory-wells .qt-verified .verified-swiper .swiper-slide {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 221px;
                height: auto;
                margin: 0 15px 0 0;
                border: 1px solid #ffffff;
                border-radius: 5px;
                padding: 16px 25px 23px 25px;
                -webkit-transition: all .8s;
                transition: all .8s;
            }

                .brandstory-wells .qt-verified .verified-swiper .swiper-slide .img {
                    position: relative;
                    overflow: hidden;
                    width: 170px;
                    height: 105px;
                    margin: 0 auto;
                }

                    .brandstory-wells .qt-verified .verified-swiper .swiper-slide .img img {
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        max-width: 100%;
                        -webkit-transition: all .8s;
                        transition: all .8s;
                    }

                        .brandstory-wells .qt-verified .verified-swiper .swiper-slide .img img.on {
                            opacity: 0;
                        }

                .brandstory-wells .qt-verified .verified-swiper .swiper-slide .txt-area {
                    margin: 9px 0 0;
                }

                    .brandstory-wells .qt-verified .verified-swiper .swiper-slide .txt-area .sort {
                        font-size: 14px;
                        font-weight: 400;
                        text-align: center;
                        color: #606060;
                        -webkit-transition: all .8s;
                        transition: all .8s;
                    }

                    .brandstory-wells .qt-verified .verified-swiper .swiper-slide .txt-area .tit {
                        font-size: 15px;
                        font-weight: 700;
                        text-align: center;
                        color: #606060;
                        min-height: 42px;
                        margin: 5px 0 0;
                        -webkit-transition: all .8s;
                        transition: all .8s;
                    }

                    .brandstory-wells .qt-verified .verified-swiper .swiper-slide .txt-area .ins {
                        font-size: 14px;
                        font-weight: 400;
                        text-align: center;
                        color: #888888;
                        margin: 3px 0 0;
                    }

                .brandstory-wells .qt-verified .verified-swiper .swiper-slide.swiper-slide-active {
                    border-color: #004e73;
                }

                    .brandstory-wells .qt-verified .verified-swiper .swiper-slide.swiper-slide-active .img img.off {
                        opacity: 0;
                    }

                    .brandstory-wells .qt-verified .verified-swiper .swiper-slide.swiper-slide-active .img img.on {
                        opacity: 1;
                    }

                    .brandstory-wells .qt-verified .verified-swiper .swiper-slide.swiper-slide-active .txt-area .sort {
                        color: #101010;
                    }

                    .brandstory-wells .qt-verified .verified-swiper .swiper-slide.swiper-slide-active .txt-area .tit {
                        color: #004e73;
                    }

            .brandstory-wells .qt-verified .verified-swiper .swiper-pagination {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                right: 47.5px;
                bottom: 0;
                left: 47.5px;
                width: auto;
            }

                .brandstory-wells .qt-verified .verified-swiper .swiper-pagination .swiper-pagination-bullet {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    height: 2px;
                    margin: 0;
                    border-radius: 0;
                    background: #dddddd;
                    opacity: 1;
                }

                    .brandstory-wells .qt-verified .verified-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                        background: #101010;
                    }

    .brandstory-wells .service-care {
        position: relative;
        padding: 90px 0 103px;
        background: #f8f8f8;
    }

        .brandstory-wells .service-care .service-list {
            margin: 60px 0 0;
            padding: 0 18px;
        }

            .brandstory-wells .service-care .service-list li {
                overflow: hidden;
                margin: 30px 0 0;
                border-radius: 10px;
            }

                .brandstory-wells .service-care .service-list li:first-child {
                    margin: 0;
                }

                .brandstory-wells .service-care .service-list li .img img {
                    width: 100%;
                }

                .brandstory-wells .service-care .service-list li .txt-area {
                    padding: 20px 15px 30.5px 15px;
                    background: #ffffff;
                }

                    .brandstory-wells .service-care .service-list li .txt-area .tit {
                        font-size: 19px;
                        font-weight: 700;
                        text-align: center;
                        color: #101010;
                    }

                    .brandstory-wells .service-care .service-list li .txt-area .desc {
                        font-size: 15px;
                        font-weight: 400;
                        text-align: center;
                        color: #606060;
                        margin: 8.5px 0 0;
                    }

    .brandstory-wells .location {
        padding: 60px 18px 0px 18px;
    }

        .brandstory-wells .location .location-list {
            margin: 21.5px 0 0;
            border-top: 1px solid #101010;
        }

            .brandstory-wells .location .location-list dl {
                border-bottom: 1px solid #dddddd;
                padding: 19px 15px;
            }

                .brandstory-wells .location .location-list dl dt {
                    font-size: 15px;
                    font-weight: 700;
                    text-align: left;
                    color: #101010;
                }

                .brandstory-wells .location .location-list dl dd {
                    font-size: 15px;
                    font-weight: 400;
                    text-align: left;
                    color: #606060;
                    margin: 1px 0 0;
                }

.modal-brandstory {
    padding: 25px 0 80px;
}

    .modal-brandstory .head-box {
        border-radius: 10px;
        padding: 44px 25px 50px 25px;
        background: #f8f8f8;
    }

        .modal-brandstory .head-box .tit {
            font-size: 19px;
            font-weight: 700;
            text-align: center;
            color: #101010;
            margin: 0 0 15px;
        }

        .modal-brandstory .head-box .desc {
            font-size: 15px;
            font-weight: 400;
            text-align: center;
            color: #606060;
        }

        .modal-brandstory .head-box .rnd-info {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 210px;
            margin: 37.5px auto 0;
            border: 1px solid #dddddd;
            border-radius: 210px;
            padding: 14px;
            background: #ffffff;
        }

            .modal-brandstory .head-box .rnd-info .box {
                position: relative;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 180px;
                height: 180px;
                border-radius: 50%;
                background: #f8f8f8;
            }

                .modal-brandstory .head-box .rnd-info .box.top {
                    display: table;
                    z-index: 1;
                    background: #004e73;
                    text-align: center;
                }

                    .modal-brandstory .head-box .rnd-info .box.top .box-inner {
                        display: table-cell;
                        vertical-align: middle;
                    }

                        .modal-brandstory .head-box .rnd-info .box.top .box-inner .tit {
                            font-size: 15px;
                            font-weight: 700;
                            text-align: center;
                            color: #ffffff;
                            margin: 0;
                        }

                        .modal-brandstory .head-box .rnd-info .box.top .box-inner .num {
                            font-size: 15px;
                            font-weight: 400;
                            text-align: center;
                            color: #ffffff;
                            margin: 10px 0 0;
                        }

                            .modal-brandstory .head-box .rnd-info .box.top .box-inner .num .number {
                                display: inline-block;
                                font-family: "Pretendard";
                                font-weight: 700;
                                font-size: 36px;
                                line-height: 1;
                            }

                        .modal-brandstory .head-box .rnd-info .box.top .box-inner .sub {
                            font-size: 12px;
                            font-weight: 400;
                            text-align: center;
                            color: #ffffff;
                            opacity: .6;
                            margin: 3px 0 0;
                        }

                .modal-brandstory .head-box .rnd-info .box.bot {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    margin: -30px 0 0;
                    padding: 40px 0 0;
                }

                    .modal-brandstory .head-box .rnd-info .box.bot ul {
                        width: 135px;
                        margin: 0 0 0 25px;
                    }

                        .modal-brandstory .head-box .rnd-info .box.bot ul li {
                            font-size: 12px;
                            font-weight: 400;
                            text-align: left;
                            color: #888888;
                            position: relative;
                            margin: 2px 0 0;
                            padding: 0 0 0 9px;
                            line-height: 1.2;
                        }

                            .modal-brandstory .head-box .rnd-info .box.bot ul li:first-child {
                                margin: 0;
                            }

                            .modal-brandstory .head-box .rnd-info .box.bot ul li::before {
                                display: block;
                                content: '';
                                position: absolute;
                                top: 6px;
                                left: 0;
                                width: 3px;
                                height: 3px;
                                border-radius: 50%;
                                background: #888888;
                            }

    .modal-brandstory .img-list {
        margin: 40px 0 0;
    }

        .modal-brandstory .img-list li {
            margin: 47.5px 0 0;
        }

            .modal-brandstory .img-list li:first-child {
                margin: 0;
            }

            .modal-brandstory .img-list li .img img {
                width: 100%;
            }

            .modal-brandstory .img-list li .txt-area {
                margin: 18px 0 0;
            }

                .modal-brandstory .img-list li .txt-area .tit {
                    font-size: 19px;
                    font-weight: 700;
                    text-align: center;
                    color: #101010;
                    margin: 0 0 8px;
                }

                .modal-brandstory .img-list li .txt-area .desc {
                    font-size: 15px;
                    font-weight: 400;
                    text-align: center;
                    color: #606060;
                }

.special-prd {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -18px;
}

    .special-prd > .swiper-slide {
        position: relative;
        z-index: 10;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #ffffff;
    }

        .special-prd > .swiper-slide.swiper-slide-active {
            height: 100% !important;
        }

        .special-prd > .swiper-slide .section {
            position: absolute;
            top: 10%;
            right: 0;
            left: 0;
            z-index: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            max-width: 100vw;
            /*padding: rPadding(84, 36, 315, 36);*/
            padding: 0px 18px 0px 18px;
            background-size: cover !important;
            background-repeat: no-repeat;
            background-position: center bottom;
            text-align: center;
            vertical-align: middle;
        }

            .special-prd > .swiper-slide .section.ty2 {
                /*padding: rPadding(115, 30, 800, 30);*/
                padding: 0px 15px 0px 15px;
                vertical-align: top;
            }

            .special-prd > .swiper-slide .section.ty3 {
                padding-bottom: 85px;
            }

            .special-prd > .swiper-slide .section.relative {
                position: relative;
                padding: 60px 18px 157.5px 18px;
            }

            .special-prd > .swiper-slide .section .hgroup1 .desc {
                font-size: 19px;
                font-weight: 200;
                text-align: center;
                color: #101010;
                font-family: "Pretendard";
            }

            .special-prd > .swiper-slide .section .hgroup1 .tit {
                font-size: 30px;
                font-weight: 500;
                text-align: center;
                color: #101010;
                margin: 4px 0 0;
                font-family: "Pretendard";
            }

            .special-prd > .swiper-slide .section .hgroup2 .tit {
                font-size: 30px;
                font-weight: 500;
                text-align: center;
                color: #101010;
                font-family: "Pretendard";
                padding: 0 18px;
            }

            .special-prd > .swiper-slide .section .hgroup2 .desc {
                font-size: 15px;
                font-weight: 400;
                text-align: center;
                color: #888888;
                margin: 15px 0 0;
            }

            .special-prd > .swiper-slide .section .video-area {
                position: relative;
                margin: 16.8% 0 0;
                padding: 0 0 56%;
            }

                .special-prd > .swiper-slide .section .video-area iframe {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    /* pointer-events: none; */
                }

            .special-prd > .swiper-slide .section .dummy-box {
                position: relative;
                margin: 16.8% 0 0;
                padding: 0 0 56%;
            }

            .special-prd > .swiper-slide .section .list-info {
                margin: 0 -18px;
                padding: 0 18px 55px;
            }

                .special-prd > .swiper-slide .section .list-info .swiper-wrapper {
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end;
                }

                    .special-prd > .swiper-slide .section .list-info .swiper-wrapper .swiper-slide .img {
                        margin: 50px 0 0;
                    }

                        .special-prd > .swiper-slide .section .list-info .swiper-wrapper .swiper-slide .img img {
                            width: 100%;
                        }

                .special-prd > .swiper-slide .section .list-info .swiper-scrollbar {
                    right: 47.5px;
                    bottom: 0;
                    left: 47.5px;
                    width: auto;
                    height: 2px;
                    background: #dddddd;
                }

                .special-prd > .swiper-slide .section .list-info .swiper-scrollbar-drag {
                    top: 0;
                    bottom: 0;
                    height: 2px;
                    border-radius: 0;
                    background: #101010;
                }

            .special-prd > .swiper-slide .section .img-list {
                margin: 50px 0 0;
                padding: 0 0 55px;
            }

                .special-prd > .swiper-slide .section .img-list .swiper-slide {
                    overflow: hidden;
                    width: 180px;
                    border-radius: 10px;
                }

                    .special-prd > .swiper-slide .section .img-list .swiper-slide img {
                        width: 100%;
                    }

            .special-prd > .swiper-slide .section .prd-list {
                margin: 5vh -18px 0;
                padding: 0 18px 55px;
            }

                .special-prd > .swiper-slide .section .prd-list .swiper-slide {
                    width: 160px;
                }

                    .special-prd > .swiper-slide .section .prd-list .swiper-slide a {
                        display: block;
                    }

                    .special-prd > .swiper-slide .section .prd-list .swiper-slide .img {
                        overflow: hidden;
                        border-radius: 5px;
                        background: #f8f8f8;
                    }

                        .special-prd > .swiper-slide .section .prd-list .swiper-slide .img img {
                            width: 100%;
                        }

                    .special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info {
                        position: relative;
                        margin: 15px 0 0;
                        padding: 29px 0 38.5px;
                        font-size: 0;
                        text-align: left;
                    }

                        .special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .badge {
                            position: absolute;
                            top: 0;
                            left: 0;
                        }

                        .special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .tit-area .tit {
                            overflow: hidden;
                            display: block;
                            max-width: 100%;
                            max-height: 45px;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            word-break: break-all;
                            word-wrap: break-word;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            white-space: normal;
                            font-size: 16px;
                            font-weight: 400;
                            text-align: left;
                            color: #101010;
                            height: 45px;
                            word-wrap: break-word;
                        }

                        .special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area {
                            position: absolute;
                            right: 0;
                            bottom: 0;
                            left: 0;
                        }

                            .special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .sort {
                                font-size: 12px;
                                font-weight: 400;
                                text-align: left;
                                color: #101010;
                            }

                            .special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont {
                                padding: 0 7.5px 0 0;
                            }

                                .special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont .price {
                                    display: block;
                                    margin: 2.5px 0 0;
                                    font-size: 12px;
                                }

                                    .special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont .price:first-child {
                                        margin: 0;
                                    }

                                    .special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont .price span {
                                        font-size: 17px;
                                    }

                                    .special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont .price.del {
                                        font-size: 10px;
                                    }

                                        .special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont .price.del span {
                                            font-size: 11px;
                                        }

            .special-prd > .swiper-slide .section .swiper-pagination {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                right: 47.5px;
                bottom: 0;
                left: 47.5px;
                width: auto;
            }

                .special-prd > .swiper-slide .section .swiper-pagination .swiper-pagination-bullet {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    height: 2px;
                    margin: 0;
                    border-radius: 0;
                    background: #dddddd;
                    opacity: 1;
                }

                    .special-prd > .swiper-slide .section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                        background: #101010;
                    }

.seller-search {
    padding-bottom: 50px;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .flex-row span.input {
        width: calc(50% - 5px);
    }

.round-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .round-list ul li {
        width: 43.2000vw;
    }

        .round-list ul li a {
            display: inline-block;
        }

        .round-list ul li .thumb {
            width: 43.2000vw;
            height: 43.2000vw;
            border-radius: 50%;
            overflow: hidden;
        }

            .round-list ul li .thumb img {
                width: 100%;
            }

        .round-list ul li:nth-child(3n-2) {
            width: 65.3333vw;
        }

            .round-list ul li:nth-child(3n-2) .thumb {
                width: 65.3333vw;
                height: 65.3333vw;
            }

            .round-list ul li:nth-child(3n-2) img {
                width: 100%;
            }

        .round-list ul li:nth-child(2n) {
            -ms-flex-item-align: end;
            align-self: flex-end;
        }

        .round-list ul li:nth-child(3n) {
            margin-top: -69px;
        }

        .round-list ul li .tit {
            min-width: 162px;
            margin-top: 16px;
            display: -webkit-box;
            line-clamp: 2;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: keep-all;
            font-size: 17px;
            font-weight: 400;
            text-align: center;
            color: #101010;
        }

        .round-list ul li .category {
            font-size: 14px;
            margin: 9px 0 0 0;
            display: block;
            font-size: 14px;
            font-weight: 700;
            text-align: center;
            color: #004e73;
        }

.history {
    margin-top: 50px;
    font-size: 0;
}

    .history .year {
        width: 100%;
        margin-bottom: 37.5px;
        padding-top: 10px;
        font-family: "Pretendard";
        font-size: 48px;
        font-weight: 700;
        text-align: center;
        color: #004e73;
        z-index: 2;
        background-color: #fff;
    }

    .history dd {
        width: calc(50% - 7.5px);
        height: auto;
        padding: 15px 15px 22.5px 15px;
        border: 1px solid #dddddd;
        border-radius: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .history dd:nth-child(n+2) {
            margin-top: 15px;
        }

        .history dd .thumb {
            height: auto;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .history dd .thumb img {
                width: 100%;
            }

        .history dd .time {
            display: block;
            margin-top: 15px;
            font-size: 14px;
            font-weight: 700;
            text-align: left;
            color: #101010;
            font-family: "Pretendard";
        }

        .history dd .tit {
            margin-top: 7px;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
        }

        .history dd em {
            display: block;
            margin-top: 8px;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #888888;
        }

        .history dd + .year {
            margin-top: 80px;
        }

.inner.ty2 .box.ty2 {
    margin: 0 -18px;
    padding: 40px 18px 40px 18px;
    background: url(../img/fmg-myw/bg/myw_17.jpg) no-repeat 0 0/cover;
}

    .inner.ty2 .box.ty2 .hgroup p {
        color: #ffffff;
    }

        .inner.ty2 .box.ty2 .hgroup p + .head-34 {
            margin-top: 40px;
        }

    .inner.ty2 .box.ty2 .icon-list {
        margin-top: 17px;
        font-size: 0;
    }

        .inner.ty2 .box.ty2 .icon-list li {
            display: inline-block;
            width: 55px;
        }

            .inner.ty2 .box.ty2 .icon-list li + li {
                margin-left: 16px;
            }

            .inner.ty2 .box.ty2 .icon-list li p {
                margin-top: 5px;
                font-size: 13px;
                font-weight: 400;
                text-align: center;
                color: #ffffff;
                font-family: "Pretendard";
            }

    .inner.ty2 .box.ty2 .round-box {
        margin-top: 27px;
        padding: 25px 18px 18px 18px;
        border-radius: 5px;
        background: #fff;
    }

        .inner.ty2 .box.ty2 .round-box .tit {
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
        }

        .inner.ty2 .box.ty2 .round-box .desc {
            margin-top: 17.5px;
        }

            .inner.ty2 .box.ty2 .round-box .desc .tit .ff-c.num {
                margin-left: 5px;
                font-size: 15px;
                font-weight: 700;
                text-align: left;
                color: #101010;
                font-family: "Pretendard";
            }

            .inner.ty2 .box.ty2 .round-box .desc span {
                display: block;
                margin-top: 7.5px;
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #888888;
            }

        .inner.ty2 .box.ty2 .round-box .btn-con {
            margin-top: 22px;
        }

.inner.ty2 .box .btn-con.center {
    margin-top: 17.5px;
}

.inner.ty2 .hgroup [class*=head] {
    font-weight: 700;
}

.inner.ty2 .hgroup + .desc {
    margin-top: 20px;
    color: #606060;
}

.inner.ty2 .hgroup.d-f .slt-custom {
    width: 131px;
}

.inner.ty2 .round-box {
    margin-top: 16.5px;
    padding: 27px 18px 27px 18px;
    background: #f8f8f8;
    border-radius: 5px;
}

    .inner.ty2 .round-box.ty2 li + li {
        margin-top: 12px;
    }

    .inner.ty2 .round-box li {
        display: block;
        position: relative;
        font-size: 15px;
        line-height: 1.4;
        color: #606060;
    }

        .inner.ty2 .round-box li strong {
            color: #101010;
        }

        .inner.ty2 .round-box li + li {
            margin-top: 8px;
        }

        .inner.ty2 .round-box li[class*=icon] {
            padding-left: 30px;
        }

            .inner.ty2 .round-box li[class*=icon]::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
            }

            .inner.ty2 .round-box li[class*=icon].icon-manager::before {
                background: url(../img/fmg-myw/ico/profile-40.svg) no-repeat 0 0/100%;
            }

            .inner.ty2 .round-box li[class*=icon].icon-tel::before {
                background: url(../img/fmg-myw/ico/call-black-40.svg) no-repeat 0 0/100%;
            }

            .inner.ty2 .round-box li[class*=icon].icon-mail::before {
                background: url(../img/fmg-myw/ico/email-40.svg) no-repeat 0 0/100%;
            }

.product-list.ty2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 19px;
}

    .product-list.ty2 li {
        width: 43.7333vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .product-list.ty2 li:nth-child(n+3) {
            margin-top: 27.5px;
        }

        .product-list.ty2 li .thumb {
            width: 100%;
            height: auto;
            padding: 10px 10px 10px 10px;
            background: #f8f8f8;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 5px;
        }

            .product-list.ty2 li .thumb img {
                width: 100%;
            }

        .product-list.ty2 li .tit {
            margin-top: 11px;
        }

.input-form .form-group {
    position: relative;
}

    .input-form .form-group.ty2 .form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .input-form .form-group.ty2 .form-row span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .input-form .form-group.ty2 .form-row span input {
                margin-top: 0;
            }

        .input-form .form-group.ty2 .form-row input {
            -webkit-box-flex: 1 !important;
            -ms-flex: 1 1 52px !important;
            flex: 1 1 52px !important;
            margin-top: 10px;
        }

    .input-form .form-group .sort .note {
        position: absolute;
        top: 0;
        right: 0;
    }

    .input-form .form-group .sort .fc-3 {
        margin-top: 2px;
    }

    .input-form .form-group .form-row .w-full {
        width: 100%;
    }

.rec-page .profile-img img {
    width: 100%;
}

.rec-page .tbl-cap {
    font-size: 15px;
}

    .rec-page .tbl-cap th {
        width: 98px;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .rec-page .tbl-cap p.pcolor2.ta-c {
        margin-top: 26.5px;
    }

        .rec-page .tbl-cap p.pcolor2.ta-c + .btn-wrap {
            margin-top: 27px;
        }

.radio-wrap {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .radio-wrap input[type=radio] {
        position: absolute;
        left: -9999px;
        margin: 0;
        padding: 0;
    }

    .radio-wrap label.radio {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        width: calc(50% - 2px);
        margin: 0;
    }

        .radio-wrap label.radio i {
            display: block;
            line-height: 52px;
            border-radius: 5px 0 0 5px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 15px;
            font-weight: 400;
            text-align: center;
            color: #888888;
            border: 1px solid #dddddd;
        }

    .radio-wrap label:last-child i {
        border-radius: 0 5px 5px 0;
    }

    .radio-wrap input:checked ~ i {
        color: #004e73 !important;
        border-color: #004e73 !important;
    }

.util-page {
    min-height: calc(var(--vh, 1vh) * 100);
}

    .util-page .logo {
        margin: 60px 0 auto;
        text-align: center;
    }

        .util-page .logo a {
            display: block;
        }

            .util-page .logo a img {
                display: inline-block;
                max-width: 150px;
            }

    .util-page .input-form {
        margin: 32px 0px 0px 0px;
    }

        .util-page .input-form .sort > .note {
            font-size: 13px;
        }

        .util-page .input-form .form-row {
            position: relative;
            /*  &.data-list{
        width:100%;
        flex-wrap: wrap;
        justify-content: space-between;
        
        li{
          flex:1 1 50%;
          margin-top:25px;
          &:first-child{
            flex-basis: 100%;
            margin-top:0;
          }
        }
      } */
        }

            .util-page .input-form .form-row + .form-row {
                margin-top: 15px;
            }

            .util-page .input-form .form-row input.border-type {
                border-width: 0 0 1px 0;
                border-radius: 0;
                padding: 12px 0px 12px 29px;
                font-size: 17px;
            }

        .util-page .input-form .ico {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            width: 15px;
            height: 15px;
        }

            .util-page .input-form .ico img {
                width: 100%;
            }

        .util-page .input-form .notice.border {
            margin-top: 40px;
            padding: 30px 0px 80px 0px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .util-page .input-form + .btn-wrap a {
            font-weight: 400;
        }

    .util-page .form-group.ty2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .util-page .form-group.ty2 .cont:first-child {
            width: calc(100% - 120px);
        }

        .util-page .form-group.ty2 .cont .form-row {
            margin-top: 0;
        }

            .util-page .form-group.ty2 .cont .form-row input {
                margin-top: 0;
            }

        .util-page .form-group.ty2 .cont .radio-wrap {
            margin-left: 12px;
            width: 107.5px;
        }

            .util-page .form-group.ty2 .cont .radio-wrap i {
                width: 54px;
                height: 52px;
            }

    .util-page .btn-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .util-page .btn-wrap.ty2 {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .util-page .btn-wrap.ty2 .btn-100 + .btn-100 {
                margin-left: 11px;
            }

        .util-page .btn-wrap a.w-full {
            margin-left: 0 !important;
        }

            .util-page .btn-wrap a.w-full + .w-full {
                margin-top: 10px;
            }

        .util-page .btn-wrap.pipe {
            margin-top: 25px;
        }

            .util-page .btn-wrap.pipe li::before {
                background: #dddddd;
            }

            .util-page .btn-wrap.pipe a {
                padding: 5px;
            }

        .util-page .btn-wrap .btn-rnd-324 {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 10px;
            flex: 1 1 10px;
            width: 43.2000vw;
            height: 162px;
            border-radius: 10px;
            border: 1px solid #969696;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .util-page .btn-wrap .btn-rnd-324 + .btn-rnd-324 {
                margin-left: 15px;
            }

            .util-page .btn-wrap .btn-rnd-324 span {
                font-size: 15px;
                font-weight: 700;
                text-align: center;
                color: #101010;
            }

            .util-page .btn-wrap .btn-rnd-324 .ico {
                display: block;
                margin: 35px auto 25px;
                width: 56px;
                height: 56px;
            }

                .util-page .btn-wrap .btn-rnd-324 .ico.phone {
                    background: url(../img/util/ipin-wh-54.svg) 0 0/100%;
                }

                .util-page .btn-wrap .btn-rnd-324 .ico.ipin {
                    background: url(../img/util/ipin-54.svg) 0 0/100%;
                }

        .util-page .btn-wrap .tooltip {
            margin-left: auto;
        }

        .util-page .btn-wrap .data-num {
            width: 100%;
            height: 55px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 5px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid #004e73;
            background: #fff;
        }

            .util-page .btn-wrap .data-num p {
                font-size: 17px;
                font-weight: 700;
                text-align: center;
                color: #004e73;
            }

    .util-page .box {
        margin-top: 30px;
    }

        .util-page .box p {
            font-size: 13px;
        }

            .util-page .box p + .desc {
                margin: 8px 0 0 20px;
            }

            .util-page .box p + .bar {
                margin: 8px 0 0 20px;
            }

    .util-page .desc-box {
        margin-top: 120px;
        text-align: center;
    }

        .util-page .desc-box .tit {
            font-size: 21px;
            font-size: 21px;
            font-weight: 400;
            text-align: center;
            color: #101010;
        }

    .util-page .agree-wrap li:not(.all-chk-wrap) {
        border-top: none;
        border-bottom: 1px solid #dddddd;
    }

        .util-page .agree-wrap li:not(.all-chk-wrap).col {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
        }

            .util-page .agree-wrap li:not(.all-chk-wrap).col p {
                margin: 10px 0px 0px 69px;
                font-size: 13px;
                font-weight: 400;
                text-align: left;
                color: #888888;
            }

    .util-page .mid-box {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
    }

        .util-page .mid-box .logo {
            margin-top: 0;
        }

        .util-page .mid-box .desc-box {
            margin-top: 23.5px;
        }

            .util-page .mid-box .desc-box .tit {
                font-weight: 700;
            }

            .util-page .mid-box .desc-box .desc {
                color: #606060;
            }

    .util-page .table-data {
        margin-top: 26.5px;
    }

        .util-page .table-data + .box {
            padding-top: 30px;
            border-top: 1px solid #dddddd;
        }

            .util-page .table-data + .box .tit {
                font-size: 17px;
                font-weight: 700;
                text-align: left;
                color: #101010;
            }

.terms-modal .privacy-policy {
    padding-bottom: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cart-lists {
    margin-top: 30px;
}

    .cart-lists .check-all {
        margin: 0px 0px 15px 18px;
    }

    .cart-lists .btn.close {
        position: absolute;
        top: 13px;
        right: 18px;
        width: 13px;
        height: 13px;
        background: url(../img/util/x-icon.svg) no-repeat 0 0/100%;
        font-size: 0;
    }

    .cart-lists .goods {
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 25px 18px 25px 18px;
        border-top: 1px solid #dddddd;
    }

        .cart-lists .goods .check {
            margin-left: -5px;
        }

            .cart-lists .goods .check label.checkbox.ty4 {
                padding: 5px 5px 5px 5px;
                padding-right: 5px;
                vertical-align: middle;
                line-height: 1;
            }

        .cart-lists .goods .btn-wrap {
            margin-top: 20px;
        }

        .cart-lists .goods.soldout:not(.soldout) .soldout-cover {
            display: none;
        }

        .cart-lists .goods.soldout .soldout-cover {
            z-index: 10000;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(16, 16, 16, 0.7);
            text-align: Center;
        }

            .cart-lists .goods.soldout .soldout-cover .wrap p {
                text-align: center;
                color: #fff;
            }

                .cart-lists .goods.soldout .soldout-cover .wrap p::before {
                    content: '';
                    display: block;
                    margin: 0 auto 15px;
                    width: 62px;
                    height: 62px;
                    background: url(../img/util/nopost-white.svg) 0 0/cover no-repeat;
                }

            .cart-lists .goods.soldout .soldout-cover .wrap a.btn-line {
                margin-top: 5px;
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #ffffff;
            }

    .cart-lists .packaged {
        position: relative;
        background: #f8f8f8;
        padding-bottom: 30px;
    }

        .cart-lists .packaged .head {
            position: relative;
            border-top: 1px solid #dddddd;
            padding: 22px 18px 22.5px 18px;
            font-size: 0;
            background: #fff;
        }

            .cart-lists .packaged .head .sort {
                font-size: 15px;
                font-weight: 700;
                text-align: left;
                color: #101010;
            }

            .cart-lists .packaged .head .btn.close {
                position: absolute;
                top: 23.5px;
            }

        .cart-lists .packaged .body {
            padding: 0px 18px 0px 18px;
        }

            .cart-lists .packaged .body .goods {
                padding: 22px 0px 22.5px 0px;
                border-top: none;
            }

                .cart-lists .packaged .body .goods .product {
                    padding: 0;
                }

                .cart-lists .packaged .body .goods .pay {
                    margin: 20px 0px 0px 0px;
                }

                .cart-lists .packaged .body .goods + .goods {
                    border-top: 1px dashed #dddddd;
                }

        .cart-lists .packaged .total-price {
            border-top: 1px solid #dddddd;
            padding-top: 30px;
        }

            .cart-lists .packaged .total-price .price-area + .price-area {
                margin-top: 10px;
            }

            .cart-lists .packaged .total-price .price-area .sort {
                font-size: 14px;
                font-weight: 700;
                text-align: left;
                color: #101010;
            }

            .cart-lists .packaged .total-price .price-area .price {
                font-size: 13px;
                font-weight: 400;
                text-align: left;
                color: #101010;
            }

                .cart-lists .packaged .total-price .price-area .price .number {
                    margin: 0px 0px 0px 0px;
                }

                .cart-lists .packaged .total-price .price-area .price.del {
                    font-size: 13px;
                    font-weight: 400;
                    text-align: left;
                    color: #888888;
                }

                    .cart-lists .packaged .total-price .price-area .price.del .number {
                        font-size: 19px;
                        font-weight: 700;
                        text-align: left;
                        color: #888888;
                    }

            .cart-lists .packaged .total-price .btn-wrap {
                margin-top: 30px;
            }

    .cart-lists .product {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .cart-lists .product .name {
            max-width: 165px;
            margin-left: 5px;
        }

            .cart-lists .product .name span {
                font-size: 17px;
                font-weight: 400;
                text-align: left;
                color: #101010;
            }

            .cart-lists .product .name .option-txt {
                margin-top: 5px;
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #888888;
            }

        .cart-lists .product .thumb {
            padding: 5px 5px 5px 5px;
            width: 90px;
            height: 90px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .cart-lists .product .thumb img {
                width: 100%;
            }

        .cart-lists .product .round-box {
            width: 100%;
            height: auto;
            margin-top: 10px;
            padding: 15px 0px 15px 20px;
            border: 1px solid #dddddd;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 5px;
        }

            .cart-lists .product .round-box .bar li {
                color: #888888;
            }

                .cart-lists .product .round-box .bar li + li {
                    margin-top: 1px;
                }

    .cart-lists .pay {
        margin: 20px 18px 0px 18px;
        text-align: right;
    }

        .cart-lists .pay .price-area {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            font-size: 0;
            vertical-align: middle;
        }

            .cart-lists .pay .price-area .sort {
                margin-right: 10px;
                font-size: 14px;
                font-weight: 700;
                text-align: left;
                color: #004e73;
            }

            .cart-lists .pay .price-area .price {
                font-size: 13px;
                font-weight: 400;
                text-align: left;
                color: #101010;
            }

                .cart-lists .pay .price-area .price .number {
                    margin: 0px 0px 0px 4px;
                    font-size: 19px;
                    font-weight: 700;
                    text-align: left;
                    color: #101010;
                }

    .cart-lists .bottom {
        padding: 15px 18px 0px 18px;
        border-top: 1px solid #dddddd;
    }

        .cart-lists .bottom .check-all {
            padding: 0;
            margin: 0;
        }

        .cart-lists .bottom .price-area {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            height: 70px;
            margin-top: 30px;
            border-top: 2px solid #101010;
            border-bottom: 1px solid #dddddd;
        }

            .cart-lists .bottom .price-area.ty2 {
                height: auto;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }

                .cart-lists .bottom .price-area.ty2 li {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    width: 100%;
                    padding-top: 25px;
                }

                    .cart-lists .bottom .price-area.ty2 li + li {
                        padding-top: 21px;
                    }

                    .cart-lists .bottom .price-area.ty2 li:last-child {
                        margin-top: 25px;
                        border-top: 1px solid #dddddd;
                        padding: 27px 0px 27px 0px;
                    }

                        .cart-lists .bottom .price-area.ty2 li:last-child .price {
                            font-size: 14px;
                            font-weight: 400;
                            text-align: left;
                            color: #ef1e1e;
                        }

                            .cart-lists .bottom .price-area.ty2 li:last-child .price .number {
                                font-size: 26px;
                                font-weight: 700;
                                text-align: left;
                                color: #ef1e1e;
                            }

                    .cart-lists .bottom .price-area.ty2 li .price {
                        font-size: 13px;
                        font-weight: 400;
                        text-align: left;
                        color: #606060;
                    }

                        .cart-lists .bottom .price-area.ty2 li .price .number {
                            font-size: 19px;
                            font-weight: 700;
                            text-align: left;
                            color: #606060;
                        }

            .cart-lists .bottom .price-area .price {
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                color: #ef1e1e;
            }

                .cart-lists .bottom .price-area .price .number {
                    font-size: 26px;
                    font-weight: 700;
                    text-align: left;
                    color: #ef1e1e;
                }

.accordion.ty3 {
    background: #f8f8f8;
    border-radius: 5px;
}

    .accordion.ty3 li {
        border: none;
    }

        .accordion.ty3 li .tit {
            height: 60px;
            margin: 0;
            padding: 20px 0px 0px 20px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 14px;
            font-weight: 700;
            text-align: left;
            color: #004e73;
        }

        .accordion.ty3 li .wrap {
            padding-top: 0;
        }

.modal-opt-type .wrap {
    padding: 0px 18px 40px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .modal-opt-type .wrap .modal-advice {
        padding-top: 20px;
    }

.modal-opt-type .tit {
    font-size: 17px;
    font-weight: 700;
    text-align: left;
    color: #101010;
    padding-bottom: 17.5px;
    border-bottom: 1px solid #101010;
}

.modal-opt-type .input-form {
    margin-top: 21px;
}

    .modal-opt-type .input-form .form-group .cont {
        margin-top: 11px;
    }

    .modal-opt-type .input-form .form-group + .form-group {
        margin-top: 20px;
    }

    .modal-opt-type .input-form .form-group .form-row + .form-row {
        margin-top: 10px;
    }

.coupon-modal .radio {
    margin: 30px 0px 20px 0px !important;
}

    .coupon-modal .radio span.txt {
        font-size: 17px;
        font-weight: 700;
        text-align: left;
        color: #101010;
    }

.coupon-modal .tbl-cap table tr td span.number {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #606060;
}

.order-wrap .accordion.ty2 > li .tit + .expand {
    max-height: none;
}

.order-wrap.ty2 {
    margin: 0 !important;
    padding: 60px 0 80px !important;
}

    .order-wrap.ty2 .accordion.ty3 {
        margin: 20px 18px 0px 18px;
    }

.order-wrap .total-price {
    margin: 25px 0px 0px 0px;
    border: none;
}

    .order-wrap .total-price.cart-lists {
        margin: 25px -18px 0 !important;
    }

    .order-wrap .total-price .price-area {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .order-wrap .total-price .price-area.tit {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .order-wrap .total-price .price-area.tit .sort {
                margin-left: 18px;
                font-size: 15px;
                font-weight: 700;
                text-align: left;
                color: #101010;
            }

            .order-wrap .total-price .price-area.tit .price {
                margin-right: 48px;
                font-size: 15px;
                font-weight: 400;
                text-align: left;
                color: #101010;
            }

                .order-wrap .total-price .price-area.tit .price .number {
                    margin-left: 2px !important;
                    font-size: 19px;
                    font-weight: 700;
                    text-align: left;
                    color: #101010;
                }

    .order-wrap .total-price .accordion.ty2 li .tit.price-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .order-wrap .total-price .accordion.ty2 li .tit.price-area:after {
            display: none;
        }

        .order-wrap .total-price .accordion.ty2 li .tit.price-area .price .number {
            -webkit-transform: translateY(2px);
            transform: translateY(2px);
        }

        .order-wrap .total-price .accordion.ty2 li .tit.price-area .icon-arrow-open-40 {
            right: 32px;
        }

    .order-wrap .total-price .accordion.ty2 li .wrap {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #dddddd;
    }

        .order-wrap .total-price .accordion.ty2 li .wrap .body {
            padding-bottom: 0;
        }

            .order-wrap .total-price .accordion.ty2 li .wrap .body .goods .pay .sort {
                font-weight: 400;
            }

    .order-wrap .total-price .btn-wrap {
        margin-top: 30px;
    }

.order-wrap .box {
    background: #f8f8f8;
    padding: 21px 36px 24.5px 36px;
    margin: 0 -18px;
}

    .order-wrap .box .notice {
        font-size: 14px;
    }

.order-wrap .input-form {
    padding: 25px 0px 30px 0px;
}

    .order-wrap .input-form.border {
        border-top: 1px solid #dddddd;
    }

    .order-wrap .input-form + .input-form.border {
        border-top: 1px solid #dddddd;
        padding-top: 0;
    }

    .order-wrap .input-form .hgroup.border {
        padding: 0px 0px 21px 0px;
        border-bottom: 1px solid #101010;
    }

    .order-wrap .input-form .order-detail {
        padding: 25px 0px 0px 0px;
    }

    .order-wrap .input-form.ty2 .order-detail li + li {
        border-top: 1px dashed #dddddd;
        padding-top: 20px;
    }

    .order-wrap .input-form.ty2 .order-detail li.bd0 {
        border: none;
        padding: 0;
    }

    .order-wrap .input-form.ty2 .order-detail li .form-group .option {
        padding: 20px 0px 0px 34px;
        border: none;
    }

        .order-wrap .input-form.ty2 .order-detail li .form-group .option.ty2 {
            padding: 0px 0px 0px 0px;
        }

            .order-wrap .input-form.ty2 .order-detail li .form-group .option.ty2 label.radio {
                margin-top: 0 !important;
            }

                .order-wrap .input-form.ty2 .order-detail li .form-group .option.ty2 label.radio .tooltip3 {
                    margin: 3px 0px 0px 26.5px;
                }

        .order-wrap .input-form.ty2 .order-detail li .form-group .option .sort {
            position: relative;
            margin-top: 20px;
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #606060;
        }

            .order-wrap .input-form.ty2 .order-detail li .form-group .option .sort::before {
                content: '';
                position: absolute;
                top: 6px;
                left: -15px;
                display: block;
                width: 9px;
                height: 9px;
                background: url(../img/util/car_detail_icon.svg) no-repeat 0 0/100%;
            }

        .order-wrap .input-form.ty2 .order-detail li .form-group .option .form-row {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .order-wrap .input-form.ty2 .order-detail li .form-group .option .form-row label.radio {
                min-width: 50%;
                margin: 15px 0 0 0;
                font-size: 15px;
            }

                .order-wrap .input-form.ty2 .order-detail li .form-group .option .form-row label.radio em {
                    display: block;
                    font-size: 14px;
                    font-weight: 400;
                    text-align: left;
                    color: #888888;
                }

        .order-wrap .input-form.ty2 .order-detail li .form-group .option .opt-list li {
            margin-top: 10px;
            border: none;
            text-align: right;
        }

            .order-wrap .input-form.ty2 .order-detail li .form-group .option .opt-list li .input {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .order-wrap .input-form.ty2 .order-detail li .form-group .option .opt-list li .input em {
                    margin-right: 14px;
                    font-size: 14px;
                    font-weight: 700;
                    text-align: left;
                    color: #606060;
                }

                .order-wrap .input-form.ty2 .order-detail li .form-group .option .opt-list li .input input {
                    width: 100%;
                }

    .order-wrap .input-form .flex-row label.radio {
        min-width: 50%;
        margin: 0;
    }

        .order-wrap .input-form .flex-row label.radio button.tooltip3 {
            margin: 3px 0px 0px 26.5px;
        }

    .order-wrap .input-form .form-row .select-wrap.ty2 {
        max-width: 20vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .order-wrap .input-form .form-row .select-wrap.ty2 + .select-wrap {
            margin: 0px 10px 0px 9px;
        }

.order-wrap .agree-wrap {
    /*  .accordion{
      li{
      .tit {
        padding: 25px 30px 23.5px 15px;
        }
        .expand{
          .wrap{
            padding-top:rSize(40);
          .article-list{
            li:first-child{
              margin-top:0;
            }
          }
          .tbl-cap{
            margin-bottom:0; 
          }
              }
            }
          }
        }
      }
    }
    } */
}

    .order-wrap .agree-wrap .all-chk-wrap {
        padding: 0px 0px 0px 15px;
    }

.order-wrap .mid-box {
    margin-top: 40px;
}

    .order-wrap .mid-box .hgroup .head-38 {
        text-align: center;
    }

        .order-wrap .mid-box .hgroup .head-38::before {
            content: '';
            display: block;
            margin: 0 auto 23px;
            width: 65px;
            height: 65px;
            background: url(../img/util/cart-86.svg) no-repeat 0 0/100%;
        }

    .order-wrap .mid-box .hgroup + .desc {
        margin-top: 11px;
    }

    .order-wrap .mid-box .order-num {
        margin-top: 22.5px;
        text-align: center;
        font-size: 0;
        background: #f8f8f8;
        padding: 21px 0px 21px 0px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .order-wrap .mid-box .order-num dt {
            display: inline-block;
            color: #606060;
            font-size: 15px;
            font-weight: 700;
            text-align: left;
            color: #606060;
        }

        .order-wrap .mid-box .order-num dd {
            display: inline-block;
            margin-left: 10px;
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #606060;
            font-family: "Pretendard";
        }

    .order-wrap .mid-box .tbl-cap {
        margin-top: 30px;
    }

        .order-wrap .mid-box .tbl-cap p.head-38 {
            font-size: 19px;
            font-weight: 700;
            text-align: left;
            color: #101010;
        }

            .order-wrap .mid-box .tbl-cap p.head-38 + table {
                margin-top: 13px;
            }

.order-wrap .tbl-cap td .pipe.ty2 li {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #606060;
}

.sea-wrap .search-bar.ty2 {
    background: #fff;
    padding: 15px 18px 15px 18px;
    margin-top: 11px;
    height: auto;
}

    .sea-wrap .search-bar.ty2 input.full-input {
        font-size: 17px;
        font-weight: 400;
        text-align: left;
        color: #888888;
        padding-right: 36px;
        vertical-align: middle;
    }

    .sea-wrap .search-bar.ty2::after {
        content: '';
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 2px;
        background: #101010;
        margin-top: 15px;
    }

    .sea-wrap .search-bar.ty2 .full-btn {
        width: auto;
        height: 55px;
    }

        .sea-wrap .search-bar.ty2 .full-btn:before {
            width: 24px;
            height: 24px;
        }

.sea-wrap .scroll-wrap {
    position: relative;
    padding-bottom: 15px;
    overflow: hidden;
    height: 31px;
    margin: 0 -18px;
}

    .sea-wrap .scroll-wrap::before {
        content: '';
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        width: 50px;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sea-wrap .scroll-wrap::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        width: 50px;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
    }

    .sea-wrap .scroll-wrap.move::before {
        display: block;
    }

    .sea-wrap .scroll-wrap.last::after {
        display: none;
    }

    .sea-wrap .scroll-wrap .tab-btns {
        position: relative;
        overflow-x: scroll;
        text-align: center;
        white-space: nowrap;
        text-align: center;
        padding: 0 18px 23px 18px;
    }

        .sea-wrap .scroll-wrap .tab-btns li {
            display: inline-block;
            padding: 5px 15px 5px 15px;
            font-size: 14px;
            font-weight: 400;
            text-align: center;
            color: #888888;
            border: 1px solid #dddddd;
            border-radius: 15px;
        }

            .sea-wrap .scroll-wrap .tab-btns li + li {
                margin-left: 6px;
            }

.sea-wrap .hgroup {
    margin-top: 20px;
}

    .sea-wrap .hgroup [class*=head] {
        font-weight: 700;
    }

.sea-wrap .board-list.ty3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .sea-wrap .board-list.ty3 li {
        max-width: 43.2000vw;
    }

        .sea-wrap .board-list.ty3 li a {
            padding: 0;
            position: static;
            height: auto;
            background: none;
        }

        .sea-wrap .board-list.ty3 li + li {
            margin: 0px 0px 0px 7.5px;
        }

        .sea-wrap .board-list.ty3 li .thumb {
            margin-top: 10px;
            height: 28.0000vw;
            border-radius: 5px;
            overflow: hidden;
            position: static;
            -webkit-transform: none;
            transform: none;
            width: auto;
        }

            .sea-wrap .board-list.ty3 li .thumb img {
                width: 100%;
            }

        .sea-wrap .board-list.ty3 li .desc {
            margin-top: 10px;
            font-size: 14px;
        }

.sea-wrap .prd-list ul > li a .prd-info {
    padding-top: 0 !important;
}

.sea-wrap .board-thumb ul li .pipe {
    margin-top: 8px;
}

.sea-wrap .category {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #004e73;
}

.sea-wrap .date {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #888888;
    font-family: "Pretendard";
}

.sea-wrap .tit {
    display: -webkit-box !important;
    max-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.sea-wrap .pipe .date {
    display: inline-block;
}

.sea-wrap .accordion .tit {
    max-height: 100% !important;
}

.sea-wrap .sea-swiper {
    margin: 0 -18px;
}

    .sea-wrap .sea-swiper .swiper-slide {
        max-width: 221px;
    }

        .sea-wrap .sea-swiper .swiper-slide .thumb {
            border-radius: 5px;
            overflow: hidden;
        }

        .sea-wrap .sea-swiper .swiper-slide .txt-area {
            margin-top: 22px;
        }

.sea-wrap .nodata {
    border: none;
}

    .sea-wrap .nodata strong {
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        color: #101010;
    }

.sea-wrap .btn-wrap .btn-104.ty2 {
    width: auto !important;
    padding: 0px 35px 0px 35px;
    text-align: center;
}

.banner {
    position: relative;
    width: calc(100% + 36px);
    margin-left: -18px;
}

    .banner .tit3 {
        position: absolute;
        top: 42px;
        left: 30px;
        font-size: 19px;
        font-weight: 400;
        text-align: left;
        color: #101010;
    }

        .banner .tit3 span {
            font-family: "Pretendard";
            font-weight: 200;
        }

    .banner img {
        width: 100%;
        vertical-align: top;
    }

.cont-wrap02 {
    padding: 43.5px 0 46.5px;
}

    .cont-wrap02 .txt-box .ctit1 {
        font-size: 21px;
        color: #101010;
    }

    .cont-wrap02 .txt-box p {
        font-size: 21px;
        font-weight: 400;
        text-align: left;
        color: #101010;
    }

    .cont-wrap02 .cont-list li {
        padding: 0;
        margin-top: 25px;
    }

        .cont-wrap02 .cont-list li + li {
            margin-top: 46.5px;
        }

        .cont-wrap02 .cont-list li .selfthumb img {
            width: 100%;
            vertical-align: top;
        }

        .cont-wrap02 .cont-list li .sub-txt {
            margin-top: 25px;
        }

            .cont-wrap02 .cont-list li .sub-txt strong {
                display: block;
                padding-bottom: 10px;
                font-size: 19px;
                color: #101010;
                line-height: 1.5;
            }

            .cont-wrap02 .cont-list li .sub-txt p {
                font-size: 15px;
                color: #606060;
                line-height: 1.5;
            }

                .cont-wrap02 .cont-list li .sub-txt p.notice {
                    font-size: 13px;
                    color: #888888;
                    line-height: 1.5;
                }

            .cont-wrap02 .cont-list li .sub-txt.fs-ty2 strong {
                font-size: 17px;
            }

        .cont-wrap02 .cont-list li.guide-txt {
            padding-top: 44px;
            border-top: 1px solid #dddddd;
        }

    .cont-wrap02 .cont-list .notice {
        font-size: 13px;
        margin-top: 10px;
    }

    .cont-wrap02 .cont-list.cont-list-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 25px;
    }

        .cont-wrap02 .cont-list.cont-list-img li {
            display: inline-block;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: calc((100% - 11px)/2);
            margin-top: 11px;
            margin-left: 11px;
        }

            .cont-wrap02 .cont-list.cont-list-img li .selfthumb {
                position: relative;
            }

                .cont-wrap02 .cont-list.cont-list-img li .selfthumb .num {
                    position: absolute;
                    top: 5px;
                    left: 5px;
                    width: 25px;
                    height: 25px;
                    line-height: 27px;
                    border-radius: 50%;
                    font-family: "Pretendard";
                    font-size: 14px;
                    font-weight: 700;
                    text-align: center;
                    color: #ffffff;
                    background: #004e73;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    margin-right: 10px;
                }

            .cont-wrap02 .cont-list.cont-list-img li:nth-child(2n+1) {
                margin-left: 0;
            }

            .cont-wrap02 .cont-list.cont-list-img li:nth-child(-n+2) {
                margin-top: 0;
            }

    .cont-wrap02 .cont-list .guide-txt.ty2 {
        background: #f8f8f8;
        border-radius: 5px;
        padding: 30px 18px 27px;
        margin-top: 25px;
    }

        .cont-wrap02 .cont-list .guide-txt.ty2 .bubble {
            position: relative;
            width: 130px;
            padding-bottom: 9px;
        }

            .cont-wrap02 .cont-list .guide-txt.ty2 .bubble p {
                width: 100%;
                height: 39px;
                line-height: 39px;
                border-radius: 4px;
                font-size: 15px;
                font-weight: 700;
                text-align: center;
                color: #ffffff;
                background: #68c3cb;
            }

                .cont-wrap02 .cont-list .guide-txt.ty2 .bubble p::after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                    width: 0;
                    height: 0;
                    border-bottom: 9px solid transparent;
                    border-left: 9px solid #68c3cb;
                }

        .cont-wrap02 .cont-list .guide-txt.ty2 p {
            font-size: 13px;
            line-height: 1.5;
        }

        .cont-wrap02 .cont-list .guide-txt.ty2 .bubble-noti {
            margin-top: 21.5px;
            padding-top: 15px;
            border-top: 1px solid #ddd;
        }

        .cont-wrap02 .cont-list .guide-txt.ty2 .sub-tit {
            margin-top: 25px;
            padding-bottom: 9px;
            font-size: 14px;
        }

        .cont-wrap02 .cont-list .guide-txt.ty2 .bar {
            padding-left: 24px;
        }

            .cont-wrap02 .cont-list .guide-txt.ty2 .bar li {
                font-size: 13px;
                font-weight: 400;
                text-align: left;
                color: #888888;
            }

    .cont-wrap02 .cont-list .bar li {
        padding-left: 10px;
        margin-top: 6px;
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #606060;
    }

.num-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
}

    .num-con .num {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 25px;
        height: 25px;
        line-height: 27px;
        border-radius: 50%;
        font-family: "Pretendard";
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        color: #ffffff;
        background: #004e73;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 10px;
    }

    .num-con .sub-txt {
        margin-top: 0 !important;
    }

.detail-view .swiper-container .swiper-slide .editor {
    width: 100%;
    height: 50vh;
    background: peachpuff;
}

.detail-view .swiper-container .swiper-button-prev, .detail-view .swiper-container .swiper-button-next {
    top: 50%;
    width: 45.5px;
    height: 45.5px;
    background: rgba(0, 78, 115, 0.5);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.detail-view .swiper-container .swiper-button-prev {
    border-radius: 0 100% 100% 0;
    left: 0;
}

.detail-view .swiper-container .swiper-button-next {
    border-radius: 100% 0 0 100%;
    right: 0;
}

    .detail-view .swiper-container .swiper-button-prev::after,
    .detail-view .swiper-container .swiper-button-next::after {
        display: none;
    }

.detail-view .swiper-container .swiper-button-prev::before {
    content: '';
    border: 2px solid #fff;
    border-width: 0 0 2px 2px;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.detail-view .swiper-container .swiper-button-next::before {
    content: '';
    border: 2px solid #fff;
    border-width: 2px 2px 0 0;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.detail-view .swiper-container .swiper-button-next.swiper-button-disabled,
.detail-view .swiper-container .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.detail-view .swiper-container .swiper-pagination {
    position: relative;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #888888;
}

    .detail-view .swiper-container .swiper-pagination .current span {
        margin: 0px 10px 0px 10px;
        color: #888888;
    }

    .detail-view .swiper-container .swiper-pagination .current input {
        width: 50px;
        height: 40px;
        line-height: 1.2;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 2px;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        color: #101010;
    }

    .detail-view .swiper-container .swiper-pagination .total {
        height: 40px;
        line-height: 40px;
    }

    .detail-view .swiper-container .swiper-pagination .swiper-btn {
        width: 70px;
        height: 40px;
        border-radius: 2px;
        background: #004e73;
        color: #ffffff;
        font-size: 16px;
        margin-left: 15px;
    }

.visual-video {
    margin: 20px 0 15.5px;
}

    .visual-video .video-area iframe {
        width: 100%;
        vertical-align: top;
    }

.as-wrap .as-head .as-process ol {
    overflow: hidden;
}

    .as-wrap .as-head .as-process ol li {
        position: relative;
        margin-top: 30px;
        width: 50%;
        float: left;
    }

        .as-wrap .as-head .as-process ol li .icon-box {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 125px;
            height: 125px;
            margin: 0 auto;
            padding: 28.5px 0;
            border: 1px solid #ddd;
            border-radius: 50%;
        }

            .as-wrap .as-head .as-process ol li .icon-box img {
                display: block;
                width: 68px;
                margin: 0 auto;
            }

        .as-wrap .as-head .as-process ol li .num-con {
            margin-top: 15px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .as-wrap .as-head .as-process ol li .num-con .txt {
                font-size: 15px;
                font-weight: 700;
            }

        .as-wrap .as-head .as-process ol li::after {
            content: '';
            position: absolute;
            display: inline-block;
            top: 50%;
            left: -20px;
            width: 40px;
            height: 40px;
            -webkit-transform: translateY(-98%);
            transform: translateY(-98%);
            background: url(../img/util/right-arrow-80.svg) center center/cover no-repeat;
        }

        .as-wrap .as-head .as-process ol li:nth-child(2n+1) {
            clear: left;
            margin-left: 0;
        }

            .as-wrap .as-head .as-process ol li:nth-child(2n+1)::after {
                display: none;
            }

.as-wrap .as-search {
    margin-top: 31px;
}

    .as-wrap .as-search .tit3 {
        font-size: 25px;
        font-weight: 700;
    }

    .as-wrap .as-search .bul li {
        margin-top: 7px;
    }

        .as-wrap .as-search .bul li:first-child {
            margin-top: 23.5px;
        }

        .as-wrap .as-search .bul li strong {
            font-weight: 400;
            color: #101010;
        }

        .as-wrap .as-search .bul li .bar li {
            margin-top: 4px;
        }

    .as-wrap .as-search .pcolor {
        font-weight: 400 !important;
    }

.as-wrap .tbl-cap {
    padding: 30px 0 40px;
}

.as-wrap .input-form + .notice {
    margin-top: 16.5px;
}

.as-wrap .btn-wrap.as-cancel {
    display: block;
    text-align: right;
    margin: 0;
}

.srch-area {
    margin-top: 27.5px;
}

    .srch-area .tab-content {
        padding: 30px 18px 31px 18px;
        border: 1px solid #ddd;
        border-top: none;
    }

        .srch-area .tab-content .form-row input {
            margin-left: 10px;
        }

            .srch-area .tab-content .form-row input:first-child {
                margin: 0;
                -webkit-box-flex: 1;
                -ms-flex: 1 1 50px;
                flex: 1 1 50px;
            }

        .srch-area .tab-content .sub {
            margin-top: 11.5px;
        }

            .srch-area .tab-content .sub .txt {
                font-size: 13px;
                color: #888888;
            }

            .srch-area .tab-content .sub .btn-more.ty2 {
                position: relative;
                font-size: 13px;
                font-weight: 700;
                text-align: left;
                color: #101010;
                margin-left: 10px;
                padding-right: 20px;
            }

                .srch-area .tab-content .sub .btn-more.ty2::after {
                    content: '';
                    position: absolute;
                    display: inline-block;
                    top: -1px;
                    right: -4px;
                    width: 20px;
                    height: 20px;
                    background: url(../img/svgicons/more-right-black-40.svg) center center/cover no-repeat;
                }

        .srch-area .tab-content .howtofind-code {
            position: relative;
            padding-right: 25px;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
        }

            .srch-area .tab-content .howtofind-code::after {
                content: '';
                display: inline-block;
                position: absolute;
                top: 50%;
                right: 0;
                width: 18px;
                height: 18px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                background: url(../img/svgicons/question-36.svg) center center/cover no-repeat;
            }

        .srch-area .tab-content .btn-wrap {
            margin-top: 27.5px;
        }

.tab-border2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .tab-border2 ul li {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        border: 1px solid #ddd;
    }

        .tab-border2 ul li .btn-tab {
            background: #f8f8f8;
            display: block;
            width: 100%;
            padding: 13px 0px 13px 0px;
            font-size: 15px;
            font-weight: 400;
            text-align: center;
            color: #606060;
        }

        .tab-border2 ul li.active {
            border-bottom: none;
        }

            .tab-border2 ul li.active .btn-tab {
                background: #ffffff;
                color: #004e73;
                font-weight: 700;
            }

            .tab-border2 ul li.active::before {
                content: '';
                display: block;
                position: absolute;
                top: -1px;
                left: -1px;
                right: -1px;
                height: 2px;
                background: #004e73;
            }

        .tab-border2 ul li:first-child {
            border-right: none;
        }

.view.map {
    margin-bottom: 25px;
}

    .view.map .editor:empty {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 150px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.3);
        width: calc(100% + 36px);
        margin-left: -18px;
    }

    .view.map .editor::before {
        content: 'map api 영역 \a 출력 후 \a 간격 스타일 \a 잡을 필요 있음';
        font-size: 11px;
        white-space: pre;
    }

/*footer - policy style*/
.bg-lightgray {
    background: #f8f8f8 !important;
}

.seller-search .desc {
    padding-top: 25px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #606060;
}

.seller-search .input-form {
    margin-top: 21px;
}

.seller-search .tbl-cap.ty2 {
    margin-top: 23px;
}

    .seller-search .tbl-cap.ty2 td:first-child {
        text-align: left;
    }

    .seller-search .tbl-cap.ty2 td:last-child {
        text-align: center;
    }

    .seller-search .tbl-cap.ty2 td .nodata {
        margin: 0;
        padding: 32px 0px 32px 0px;
    }

.seller-search .paging {
    margin-top: 25px;
}

.email-reject {
    padding: 25px 0px 25px 0px;
}

    .email-reject .desc {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #606060;
    }

    .email-reject .date {
        margin-top: 11px;
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        color: #888888;
    }

.privacy-policy .tbl-cap {
    margin: 25px 0;
}

    .privacy-policy .tbl-cap.ty4 {
        width: 100%;
    }

        .privacy-policy .tbl-cap.ty4 table {
            table-layout: fixed;
            overflow-wrap: break-word;
        }

            .privacy-policy .tbl-cap.ty4 table tr th, .privacy-policy .tbl-cap.ty4 table tr td {
                padding: 18px 12px 18px 12px;
                font-size: 13px;
                text-align: center;
            }

                .privacy-policy .tbl-cap.ty4 table tr th:last-child, .privacy-policy .tbl-cap.ty4 table tr td:last-child {
                    border-right: none;
                }

            .privacy-policy .tbl-cap.ty4 table tr td {
                background: #ffffff;
                text-align: left;
                word-break: break-all;
                word-wrap: wrap;
            }

                .privacy-policy .tbl-cap.ty4 table tr td strong {
                    word-wrap: wrap;
                    word-break: break-all;
                }

.privacy-policy .chapter-tit {
    font-size: 19px;
    font-weight: 700;
    text-align: left;
    color: #004e73;
    margin-top: 20px;
}

.privacy-policy .ctit-box .tit {
    font-size: 19px;
    font-weight: 700;
    text-align: left;
    color: #004e73;
    padding-top: 23px;
}

.privacy-policy .ctit-box .slt-link {
    position: relative;
    margin-top: 10px;
}

    .privacy-policy .ctit-box .slt-link .btn-slt {
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 15px;
        font-size: 17px;
        font-weight: 400;
        text-align: left;
        color: #606060;
        background: #ffffff;
    }

        .privacy-policy .ctit-box .slt-link .btn-slt::after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 15px;
            width: 0;
            height: 0;
            margin: -3px 0 0;
            border-style: solid;
            border-width: 6px 6px 0 6px;
            border-color: #101010 transparent transparent;
            -webkit-transition: -webkit-transform 0.2s;
            transition: -webkit-transform 0.2s;
            transition: transform 0.2s;
            transition: transform 0.2s, -webkit-transform 0.2s;
        }

    .privacy-policy .ctit-box .slt-link .dropdown-list {
        overflow: auto;
        position: absolute;
        top: 46px;
        right: 0;
        left: 0;
        height: 0;
        border-radius: 0 0 5px 5px;
        background: #ffffff;
    }

        .privacy-policy .ctit-box .slt-link .dropdown-list li a {
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            min-height: 46px;
            padding: 15px;
        }

        .privacy-policy .ctit-box .slt-link .dropdown-list li.active a {
            background: #f5fafd;
            font-weight: 700;
            color: #101010;
        }

    .privacy-policy .ctit-box .slt-link.open .btn-slt {
        border-color: #101010;
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

        .privacy-policy .ctit-box .slt-link.open .btn-slt::after {
            -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
        }

    .privacy-policy .ctit-box .slt-link.open .dropdown-list {
        height: 200px;
        border: 1px solid #101010;
        border-top: none;
        z-index: 99;
    }

.privacy-policy .direct-links {
    background: #ffffff;
    border-radius: 5px;
    padding: 25px;
    margin-top: 6px;
}

    .privacy-policy .direct-links li {
        margin-top: 12px;
    }

        .privacy-policy .direct-links li a {
            display: block;
            position: relative;
            text-decoration: underline;
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #004e73;
        }

        .privacy-policy .direct-links li:first-child {
            margin-top: 0;
        }

.privacy-policy .list-type1 > li {
    position: relative;
    margin-top: 6px;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #101010;
}

    .privacy-policy .list-type1 > li::before {
        content: '';
        display: block;
        position: absolute;
        top: 9px;
        left: 0;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #101010;
    }

    .privacy-policy .list-type1 > li .list-type2 {
        margin-top: 6px;
    }

        .privacy-policy .list-type1 > li .list-type2 > li {
            position: relative;
            padding-left: 10px;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #606060;
        }

            .privacy-policy .list-type1 > li .list-type2 > li::before {
                content: '';
                display: block;
                position: absolute;
                top: 9px;
                left: 0;
                width: 5px;
                height: 1px;
                background: #606060;
            }

/*검수 필요*/
.customer-code .nodata {
    margin: 40px 0;
}

.customer-code .accordion.agree .wrap {
    padding: 20px 0 22.5px;
    border-top: 1px solid #ddd;
    background: #ffffff;
}

    .customer-code .accordion.agree .wrap .list-wrap li {
        border: none;
    }

.customer-code .code-result {
    padding: 40px 0 100px;
}

    .customer-code .code-result ul li {
        margin-top: 30px;
    }

        .customer-code .code-result ul li:first-child {
            margin-top: 0;
        }

        .customer-code .code-result ul li label.radio {
            padding-bottom: 20px;
        }

            .customer-code .code-result ul li label.radio .txt {
                color: #606060;
            }

                .customer-code .code-result ul li label.radio .txt strong {
                    color: #101010;
                    margin-right: 5px;
                }

.service-wrap {
    position: relative;
}

    .service-wrap .full-bg {
        width: calc(100% + 36px);
        margin-left: -18px;
        padding: 35px 0 47.5px;
        background: #f8f8f8;
    }

    .service-wrap .service-head {
        width: calc(100% + 36px);
        margin-left: -18px;
        padding-top: 70px;
        height: 450px;
        background: url(../img/service/service-head-bg.jpg) center bottom/cover no-repeat;
    }

        .service-wrap .service-head .tit {
            font-size: 25px;
            font-weight: 500;
            text-align: center;
            color: #101010;
        }

        .service-wrap .service-head .desc {
            margin-top: 15px;
            font-size: 15px;
            font-weight: 400;
            text-align: center;
            color: #606060;
        }

    .service-wrap .txt-area {
        font-size: 19px;
        font-weight: 400;
        text-align: center;
        color: #101010;
    }

        .service-wrap .txt-area em {
            font-weight: 700;
        }

    .service-wrap .txt-group .tit {
        margin-top: 11px;
        font-size: 15px;
        font-weight: 700;
        text-align: center;
        color: #101010;
        line-height: 1.5;
    }

    .service-wrap .txt-group .desc {
        margin-top: 8px;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        color: #606060;
        line-height: 1.5;
    }

    .service-wrap .sub-txt {
        margin-top: 13px;
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        color: #888888;
    }

    .service-wrap .membership-wrap {
        padding: 35px 0 47.5px;
    }

        .service-wrap .membership-wrap .target-area {
            margin-top: 27px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .service-wrap .membership-wrap .target-area li {
                -webkit-box-flex: 1;
                -ms-flex: 1 1;
                flex: 1 1;
                text-align: center;
            }

                .service-wrap .membership-wrap .target-area li .icon {
                    position: relative;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    width: 120px;
                    height: 120px;
                    border-radius: 50%;
                    background: rgba(164, 197, 225, 0.3);
                    margin: 0 auto;
                }

                    .service-wrap .membership-wrap .target-area li .icon img {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        width: 72px;
                        height: 72px;
                    }

    .service-wrap .manage-wrap .manage-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 30px;
        padding: 0 35px;
    }

        .service-wrap .manage-wrap .manage-list li .icon {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 60px;
            height: 60px;
            margin-right: 20px;
        }

        .service-wrap .manage-wrap .manage-list li .txt-group .tit {
            margin: 0;
            text-align: left;
        }

        .service-wrap .manage-wrap .manage-list li .txt-group .desc {
            margin-top: 8px;
            text-align: left;
        }

            .service-wrap .manage-wrap .manage-list li .txt-group .desc .sub-desc {
                font-size: 12px;
                color: #888888;
            }

    .service-wrap .product-wrap {
        padding: 35px 0 47.5px;
    }

        .service-wrap .product-wrap .tab-wrap {
            margin-top: 25px;
        }

            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .sub-tit .tit {
                margin-top: 25px;
                font-size: 17px;
                font-weight: 700;
                text-align: left;
                color: #101010;
            }

            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .list-num ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

                .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .list-num ul li {
                    position: relative;
                    margin-top: 20px;
                    width: 100%;
                }

                    .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .list-num ul li img {
                        width: 100%;
                    }

                    .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .list-num ul li .txt {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        height: 59px;
                        background: #f8f8f8;
                        border-radius: 0 0 10px 10px;
                        font-size: 14px;
                        font-weight: 400;
                        text-align: left;
                        color: #101010;
                    }

            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .list-num.num2 li {
                width: calc((100% - 15px)/2);
            }

            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area {
                margin-top: 15px;
            }

                .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul {
                    position: relative;
                    min-height: 340px;
                    width: 339px;
                    margin: 0 auto;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li {
                        position: absolute;
                        width: 100%;
                        height: 100px;
                        z-index: 4;
                    }

                        .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li .txt-group {
                            position: absolute;
                            top: 40px;
                            right: 0;
                            width: 139px;
                        }

                            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li .txt-group .tit {
                                font-size: 15px;
                                font-weight: 700;
                                text-align: left;
                                color: #004e73;
                            }

                            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li .txt-group .desc {
                                text-align: left;
                            }

                        .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li::before {
                            content: '';
                            display: block;
                            position: absolute;
                            top: 0;
                            left: 50%;
                            width: 25px;
                            height: 100px;
                            background: #bfd3dc;
                            border-radius: 12.5px;
                            -webkit-transform: translateX(-50%);
                            transform: translateX(-50%);
                        }

                        .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li::after {
                            display: block;
                            content: '\e91f';
                            position: absolute;
                            top: 50%;
                            right: 50%;
                            width: 18px;
                            height: 18px;
                            line-height: 18px;
                            border-radius: 50%;
                            background: #ffffff;
                            font-family: 'icomoon';
                            font-weight: 700;
                            font-size: 10px;
                            color: #004e73;
                            text-align: center;
                            -webkit-transform: translate(9px, 26px);
                            transform: translate(9px, 26px);
                            z-index: 5;
                        }

                        .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(2) {
                            top: 75px;
                            z-index: 3;
                        }

                            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(2) .txt-group {
                                left: 0;
                                right: auto;
                            }

                                .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(2) .txt-group .tit, .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(2) .txt-group .desc {
                                    text-align: right;
                                }

                            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(2)::before {
                                background: #7fa6b9;
                            }

                        .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(3) {
                            top: 150px;
                            z-index: 2;
                        }

                            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(3) .txt-group {
                                right: 0;
                            }

                            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(3)::before {
                                background: #407b96;
                            }

                        .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(4) {
                            top: 225px;
                            z-index: 1;
                        }

                            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(4) .txt-group {
                                left: 0;
                                right: auto;
                            }

                                .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(4) .txt-group .tit, .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(4) .txt-group .desc {
                                    text-align: right;
                                }

                            .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(4)::before {
                                background: #004e73;
                            }

    .service-wrap .list-row li {
        margin-top: 37px;
    }

        .service-wrap .list-row li .txt-group .tit {
            margin-top: 20px;
            text-align: left;
        }

        .service-wrap .list-row li .txt-group .desc {
            text-align: left;
        }

        .service-wrap .list-row li .txt-group .sub-desc {
            margin-top: 4px;
            font-size: 12px;
            color: #888888;
        }

        .service-wrap .list-row li:first-child {
            margin-top: 12.5px;
        }

    .service-wrap .detail-wrap {
        background: #e7f2f6;
        margin-top: 15px;
        padding: 40px 0px 30px 0px;
        border-radius: 10px;
    }

        .service-wrap .detail-wrap .txt-group .sort {
            font-family: "Pretendard";
            font-size: 19px;
            font-weight: 700;
            text-align: center;
            color: #009ac0;
        }

        .service-wrap .detail-wrap .txt-group .cont {
            margin-top: 10px;
            font-size: 15px;
            font-weight: 400;
            text-align: center;
            color: #101010;
        }

        .service-wrap .detail-wrap .summ-info {
            padding: 21px 59px 28px;
        }

            .service-wrap .detail-wrap .summ-info li {
                padding: 12px 0;
                font-size: 14px;
                font-weight: 400;
                text-align: center;
                color: #606060;
            }

                .service-wrap .detail-wrap .summ-info li + li {
                    border-top: 1px solid #c5dbe3;
                }

            .service-wrap .detail-wrap .summ-info.ty2 li + li {
                border-top: 1px solid #dddddd;
            }

        .service-wrap .detail-wrap .swiper-full {
            width: calc(100% + 36px);
            margin-left: -18px;
        }

            .service-wrap .detail-wrap .swiper-full .swiper-container.order-list {
                margin-top: 27px;
            }

                .service-wrap .detail-wrap .swiper-full .swiper-container.order-list .txt-group {
                    position: relative;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    height: 216px;
                    background: #ffffff;
                    padding: 35px 16px 26px;
                    border-radius: 0 0 10px 10px;
                    border: 1px solid #ddd;
                    border-top: none;
                }

                    .service-wrap .detail-wrap .swiper-full .swiper-container.order-list .txt-group .num {
                        position: absolute;
                        width: 48px;
                        height: 48px;
                        line-height: 51px;
                        top: -23px;
                        left: 50%;
                        border-radius: 50%;
                        font-family: "Pretendard";
                        font-size: 17px;
                        font-weight: 700;
                        text-align: center;
                        color: #ffffff;
                        background: #009ac0;
                        -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                    }

                    .service-wrap .detail-wrap .swiper-full .swiper-container.order-list .txt-group .tit {
                        font-weight: 400;
                        margin-top: 0;
                    }

                    .service-wrap .detail-wrap .swiper-full .swiper-container.order-list .txt-group .desc {
                        margin-top: 5px;
                    }

                .service-wrap .detail-wrap .swiper-full .swiper-container.order-list .swiper-button-next, .service-wrap .detail-wrap .swiper-full .swiper-container.order-list .swiper-button-prev {
                    display: none;
                }

        .service-wrap .detail-wrap .service-type {
            margin: 30px;
            padding: 30px;
            background: #ffffff;
            border-radius: 10px;
        }

            .service-wrap .detail-wrap .service-type ul li.sort {
                font-size: 15px;
                font-weight: 700;
            }

            .service-wrap .detail-wrap .service-type ul li.cont {
                font-size: 14px;
                color: #606060;
            }

            .service-wrap .detail-wrap .service-type ul + ul {
                margin-top: 27.5px;
                padding-top: 27.5px;
                border-top: 1px solid #c5dbe3;
            }

        .service-wrap .detail-wrap .chair-img {
            padding: 0 30px;
        }

    .service-wrap .air-step {
        padding: 0 41px;
    }

        .service-wrap .air-step li {
            text-align: center;
            padding: 25px 0;
        }

            .service-wrap .air-step li .txt-group em {
                display: block;
                width: 72px;
                height: 20px;
                line-height: 20px;
                margin: 0 auto;
                border-radius: 20px;
                background: #009ac0;
                font-family: "Pretendard";
                font-size: 12px;
                font-weight: 700;
                text-align: center;
                color: #ffffff;
            }

            .service-wrap .air-step li .txt-group .tit {
                color: #009ac0;
            }

            .service-wrap .air-step li + li {
                border-top: 1px solid #c5dbe3;
            }

    .service-wrap .mattress-wrap {
        padding: 0 25px;
        margin-bottom: 32px;
    }

        .service-wrap .mattress-wrap .tit-group {
            text-align: center;
        }

            .service-wrap .mattress-wrap .tit-group .tit {
                width: 230px;
                height: 32px;
                line-height: 32px;
                margin: 0 auto;
                background: #004e73;
                font-size: 15px;
                font-weight: 700;
                text-align: center;
                color: #ffffff;
                border-radius: 32px;
            }

            .service-wrap .mattress-wrap .tit-group .desc {
                margin-top: 10px;
                color: #004e73;
            }

        .service-wrap .mattress-wrap .mat-services li {
            position: relative;
            background: #ffffff;
            -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
            border-radius: 3.4px;
            margin-top: 57px;
        }

            .service-wrap .mattress-wrap .mat-services li .txt {
                padding: 30px 0 93px 0;
                font-size: 15px;
                font-weight: 400;
                text-align: center;
                color: #101010;
            }

            .service-wrap .mattress-wrap .mat-services li .img {
                position: absolute;
                bottom: -32px;
                left: 20px;
                width: 250px;
            }

                .service-wrap .mattress-wrap .mat-services li .img img {
                    width: 100%;
                }

            .service-wrap .mattress-wrap .mat-services li:first-child {
                margin-top: 26px;
            }

    .service-wrap .engineer-wrap .engineer-list {
        padding: 0 18px;
    }

    .service-wrap .engineer-wrap .services-wrap {
        margin: 47.5px 18px 0 18px;
        padding: 35px 0;
        border-top: 1px solid #ddd;
    }

        .service-wrap .engineer-wrap .services-wrap .sub-tit .tit {
            font-size: 17px;
            font-weight: 700;
            text-align: center;
            color: #101010;
        }

        .service-wrap .engineer-wrap .services-wrap .services-list li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 10px;
            background: #ffffff;
            border-radius: 10px;
            border: 1px solid #ddd;
            padding: 30px 15px 30px 25px;
        }

            .service-wrap .engineer-wrap .services-wrap .services-list li:first-child {
                margin-top: 25px;
            }

            .service-wrap .engineer-wrap .services-wrap .services-list li .icon {
                -ms-flex-negative: 0;
                flex-shrink: 0;
                width: 60px;
                height: 60px;
            }

            .service-wrap .engineer-wrap .services-wrap .services-list li .txt-group {
                margin-left: 25px;
            }

                .service-wrap .engineer-wrap .services-wrap .services-list li .txt-group .tit {
                    margin: 0;
                    text-align: left;
                }

                .service-wrap .engineer-wrap .services-wrap .services-list li .txt-group .desc {
                    text-align: left;
                }

.util-page {
    display: table;
    width: 100%;
}

    .util-page .error-page.inner {
        display: table-cell;
        vertical-align: middle;
    }

.error-page .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.error-page .pnum {
    font-family: "Pretendard";
}

.error-page .logo {
    padding-bottom: 40px;
}

    .error-page .logo a img {
        max-width: 105px;
    }

.error-page .info-box4 {
    padding: 20px;
    background: #f8f8f8;
    border-radius: 5px;
}

    .error-page .info-box4 .notice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .error-page .info-box4 .notice span {
            font-size: 14px;
        }

            .error-page .info-box4 .notice span + span {
                margin-left: 15px;
            }

    .error-page .info-box4 .cs-info {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid #ddd;
    }

        .error-page .info-box4 .cs-info .tit {
            font-size: 14px;
        }

            .error-page .info-box4 .cs-info .tit span {
                margin-left: 6px;
            }

        .error-page .info-box4 .cs-info .info {
            margin-top: 7px;
            font-size: 14px;
            color: #606060;
        }

.error-page .mid-box .nodata {
    margin: 0 18px;
}

/*english ver - global wells*/
.global-wells .tit-wrap {
    padding: 25px 0 27.5px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #606060;
}

.global-wells .inner {
    padding: 46.5px 0 71.5px;
}

    .global-wells .inner .tit3 {
        font-size: 25px;
        font-weight: 700;
        text-align: left;
        color: #101010;
    }

    .global-wells .inner .p {
        margin-top: 9px;
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #606060;
    }

    .global-wells .inner .global-map {
        margin-top: 26.5px;
        position: relative;
    }

        .global-wells .inner .global-map .wrold-list li {
            position: absolute;
            width: 30px;
            height: 43px;
        }

            .global-wells .inner .global-map .wrold-list li.china {
                top: 50px;
                left: 115px;
            }

            .global-wells .inner .global-map .wrold-list li.malaysia {
                top: 62px;
                left: 85px;
            }

            .global-wells .inner .global-map .wrold-list li.singapore {
                top: 96px;
                left: 105.5px;
            }

    .global-wells .inner .global-box {
        margin-top: 24px;
        /* background: #f8f8f8; */
        padding:  0;
        border-radius: 5px;
    }

        .global-wells .inner .global-box .global-year {
            font-size: 19px;
            font-weight: 700;
             color: #004e73;
        }

    .global-wells .inner .global-con {
        margin-top: 27.5px;
    }

    .global-wells .inner .bar li {
        margin-top: 6px;
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #606060;
    }
/* 
        .global-wells .inner .bar li:first-child {
            margin-top: 15px;
        } */
/*# sourceMappingURL=style.css.map */
.underline {text-decoration:underline; }