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

html {
    font-family: 'Noto Sans KR', 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: 'Noto Sans KR';
    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-n {
    font-family: 'Noto Sans KR' !important;
}

.ff-c {
    font-family: 'CentraleSans' !important;
}

.ff-k {
    font-family: 'KoreanDREAM' !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;
}

.fc-10 {
    color: #999 !important;
}
/* 201201 추가*/

.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;
}

.fl-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.fl-l {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.fl-r {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !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-family: "KoreanDREAM";
        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;
            position: relative; /*20221006 로고 애니메이션 수정*/
        }

        header .util .back::before {
            content: '\e900';
            font-family: "icomoon";
            font-size: 32px;
        }

        header .util .home::before {
            content: '\e901';
            font-family: "icomoon";
            font-size: 32px;
        }

        /*s: 20221020 로고 애니메이션 수정*/
        header .util .logo::before {
            content: '';
            display: inline-block;
            width: 136.5px;
            height: 46px;
            background: url("../img/svgicons/logo_wells_kr.svg") 0 0/contain no-repeat; /*20221006  로고 애니메이션 수정*/
            /*animation: logo_anime_01 12s infinite ease-in-out;*/
        }

/*header .util .logo::after {
  position: absolute;
  left:0;
  top:0;	
  content: '';
  display: inline-block;
  width: 136.5px;
  height: 46px;
  background: url("../img/svgicons/logo_kyowon.svg") 0 0/contain no-repeat;
  animation: logo_anime_02 12s infinite ease-in-out;	
}*/
@keyframes logo_anime_01 {
    0% {
        opacity: 1.0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes logo_anime_02 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}
/*e: 20221020 로고 애니메이션 수정*/
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 .wrap {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: calc(100% - 119px);
        overflow-y: scroll;
    }

        .gnb-wrap .wrap::before {
            content: '';
            display: block;
            height: 8px;
            background-color: #f1f1f1;
        }

        .gnb-wrap .wrap hr {
            margin: 0;
        }

        .gnb-wrap .wrap .go-home {
            border-bottom: 1px solid #dddddd;
        }

            .gnb-wrap .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-family: "KoreanDREAM";
                font-weight: 300;
                font-size: 19px;
            }

/* 해더 보이고 안보이게 */
#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;
    }

header.has-sticky-map.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-sticky-map.scrolled.up {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

        header.has-sticky-map.scrolled.up ~ #content .sticky-map {
            -webkit-transform: translateY(-60px) !important;
            transform: translateY(-60px) !important;
        }

    header.has-sticky-map.scrolled.down {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

        header.has-sticky-map.scrolled.down ~ #content .sticky-map {
            -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
        }

.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 > 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-family: "KoreanDREAM";
        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;
                }

    /* 210322 제품/서비스 GNB 변경 */
    .gnb-menu > li > .ps-expand > ul {
        padding: 0
    }

        .gnb-menu > li > .ps-expand > ul > li:nth-child(3) .expand {
            padding: 0 18px
        }

        .gnb-menu > li > .ps-expand > ul > li > a, .gnb-menu > li > .ps-expand > ul > li > span {
            padding: 0 18px
        }

            .gnb-menu > li > .ps-expand > ul > li > span::before {
                right: 13px
            }

        .gnb-menu > li > .ps-expand > ul .prd-expand ul li {
            display: inline-block;
            height: auto;
            margin-top: 0;
            box-sizing: border-box
        }

            .gnb-menu > li > .ps-expand > ul .prd-expand ul li > a {
                color: #222;
                font-weight: 500;
                border-top: 1px solid #ddd;
                border-bottom: 1px solid #ddd
            }

            .gnb-menu > li > .ps-expand > ul .prd-expand ul li:nth-child(odd) > a {
                border-right: 1px solid #ddd
            }

            .gnb-menu > li > .ps-expand > ul .prd-expand ul li > a {
                display: block;
                background: #f8f8f8;
                padding: 10px 18px;
            }
            /*.gnb-menu > li > .ps-expand > ul .prd-expand ul li:last-child{width:100%}  210818 웰스팜 추가*/
            .gnb-menu > li > .ps-expand > ul .prd-expand ul li:last-child > a {
                border-right: 0
            }

            .gnb-menu > li > .ps-expand > ul .prd-expand ul li:last-child .depth3 {
                width: 55%
            }

                .gnb-menu > li > .ps-expand > ul .prd-expand ul li:last-child .depth3 > a {
                    padding: 0 0 0 18px
                }

        .gnb-menu > li > .ps-expand > ul .prd-expand ul > li .depth3 {
            display: block;
            padding: 5px 0 10px;
            font-size: 0;
        }

            .gnb-menu > li > .ps-expand > ul .prd-expand ul > li .depth3 > a {
                display: inline-block;
                padding: 0 18px;
                width: 50%;
                font-size: 14px;
                line-height: 1.8;
                box-sizing: border-box
            }
/*.gnb-menu > li > .ps-expand > ul .prd-expand ul li > a{position:relative;font-weight:500;color:#333}
.gnb-menu > li > .ps-expand > ul .prd-expand ul li > a::before {content: ''; position: absolute; left: 0; bottom: 1px; display: inline-block; width: 100%; height: 7px; border-radius: 1.5px; background-color: #009ac0; opacity:0.3}
.gnb-menu > li > .ps-expand > ul .prd-expand ul li{display:inline-block;height:auto;margin-top:0;box-sizing: border-box}
.gnb-menu > li > .ps-expand > ul .prd-expand ul > li .depth3 {display:block;padding:5px 0 15px;font-size:0;}
.gnb-menu > li > .ps-expand > ul .prd-expand ul > li .depth3 > a{display:inline-block;padding:0;width:50%;font-size:14px;line-height:1.8;box-sizing: border-box}*/
/*-- 210322 제품/서비스 GNB 변경 */

.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-family: "KoreanDREAM";
        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: "CentraleSans";
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }

        .gnb-wrap .shortcut-menus .cart span i {
            display: inline-block;
            -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 {
    position: relative; /* 201201 추가 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: left; /* 201201 center->left 수정 */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    background-color: #606060;
    color: #fff;
    padding: 0 18px; /* 201201 추가 */
}

    .gnb-wrap .footer .cust-tel {
        font-size: 15px;
    }

        .gnb-wrap .footer .cust-tel::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;
    background-color: #2b2b2b;
    font-size: 12px;
    color: #999;
    z-index: 160;
}

    footer .f-top {
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 18px;
        height: 45px;
        border-bottom: 1px solid rgba(221, 221, 221, 0.1);
    }

        footer .f-top::before {
            content: '';
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
        }

        footer .f-top > ul {
            vertical-align: middle;
            display: inline-block;
        }

            footer .f-top > ul li {
                display: inline-block;
                vertical-align: middle;
                font-size: 0;
            }

                footer .f-top > ul li + li {
                    margin-left: 17px;
                }

                footer .f-top > ul li a {
                    font-size: 12px;
                }

                footer .f-top > ul li i {
                    color: #fff;
                }

.select-lang, .footer .select-lang { /* 201201 추가 : .footer select-lang */
    position: absolute;
    left: 50px;
    top: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 2px;
    display: inline-block;
    font-family: "CentraleSans";
    font-size: 13px;
    color: black;
}

    .select-lang .current::after, .footer .select-lang .current::after { /* 201201 추가 : .footer select-lang */
        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;
    }

    .select-lang .current.active::after, .footer .select-lang .current.active::after { /* 201201 추가 : .footer select-lang */
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

    .select-lang .current.active + ul, .footer .select-lang .current.active + ul { /* 201201 추가 : .footer select-lang */
        display: block;
    }

    .select-lang ul, .footer .select-lang ul { /* 201201 추가 : .footer select-lang */
        position: absolute;
        right: 0;
        bottom: -80px;
        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;
    }

        .select-lang ul li, .footer .select-lang ul li { /* 201201 추가 : .footer select-lang */
            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: "CentraleSans";
            font-size: 15px;
        }

        .select-lang ul .active, .footer .select-lang ul .active { /* 201201 추가 : .footer select-lang */
            background-color: #f8f8f8;
            font-weight: bold;
            color: #101010;
        }

footer .f-bottom {
    padding: 7px 18px 17px 18px;
}

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: "CentraleSans";
        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 .util {
    margin-top: 21px;
    font-size: 12px;
}

    footer .util i {
        color: #fff;
    }

    footer .util li + li {
        margin-top: 12px;
    }

footer .copyright {
    margin-top: 12px;
}

footer .sns {
    position: absolute;
    right: 0;
    top: -6px;
    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.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;
        }

.pdSelDisable {
    background: #f8f8f8;
    color: #004e73 !important;
}

.opt-container .wrap li button:disabled {
    background: #f8f8f8;
    color: #c0c0c0;
}

.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;
    }

/* 201201 추가 */
.tooltip {
    font-size: 12px;
    color: #fff;
    text-align: center
}

    .tooltip .tip-txt {
        display: block;
        position: absolute;
        right: 0;
        top: -60px;
        transform: none;
        border: none;
        background: #818b97;
        border-radius: 4px
    }

        .tooltip .tip-txt::before {
            content: '';
            position: absolute;
            right: 20px;
            bottom: -5px;
            display: inline-block;
            width: 9px;
            height: 5px;
            background: url(../img/etc/tooltip_bottom_gry.png) 0 0 / contain no-repeat;
        }

        .tooltip .tip-txt .wrapper {
            display: inline-block;
            box-sizing: border-box;
            padding: 10px;
            min-width: 100px;
            max-width: 50px;
            width: 100%;
        }
/*-- 201201 추가 End */

.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-family: "KoreanDREAM";
        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: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 15;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    font-family: "KoreanDREAM";
    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: auto;
    padding: 60px 18px 0;
    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: 'CentraleSans';
        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;
        }

        .paging a span {
            display: inline-block;
            -webkit-transform: translateY(2px);
            transform: translateY(2px);
        }

.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.possible input {
        padding-right: 80px;
    }

    .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;
        white-space: nowrap;
    }

.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: "CentraleSans";
    }

    .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(../../resource/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%;
            font-family: "KoreanDREAM";
        }

            .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;
        font-family: "KoreanDREAM";
    }

    .hgroup .head-50 {
        display: block;
        font-weight: 500;
        font-size: 25px;
        line-height: 1.4;
        color: #101010;
        text-align: left;
        font-family: "KoreanDREAM";
    }

    .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: 56px;
    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: 51px;
    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;
        font-weight: 400;
        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: 48px;
    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;
        flex-flow: wrap;
        line-height: normal;
    }

        .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: 31px;
    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(../../resource/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: 46px;
    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: 48px;
    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: 51px;
    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-top-left-radius: 5px !important;
            border-bottom-left-radius: 5px !important;
        }

        .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: 19px;
}

    .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.b8 {
        background: #e3a193;
        color: #fff;
    }

    .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 0 0 20px;
        }

            .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: 23px;
    }

        .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;
        }

    .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;
        }

            .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(../../resource/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: "CentraleSans";
            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(../../resource/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 {
                    display: block;
                    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(../../resource/img/svgicons/sns-instagram.svg) center center/cover no-repeat;
            }

            .board-thumb > ul > li .thumb .sort.blog {
                background: url(../../resource/img/svgicons/sns-blog.svg) center center/cover no-repeat;
            }

            .board-thumb > ul > li .thumb .sort.facebook {
                background: url(../../resource/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(../../resource/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;
    }

    .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: "CentraleSans";
            }

            .table.table-manual li a .heading {
                margin-top: 6px;
                font-size: 17px;
                font-weight: 400;
                text-align: left;
                color: #101010;
                font-family: "Noto Sans KR";
            }

            .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: 'Noto Sans KR', 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: "CentraleSans", sans-serif;
    }

    table .category {
        font-size: 13px;
        font-weight: 400;
        text-align: left;
        color: #101010;
        font-family: 'CentraleSans", 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;
        word-break: break-word;
    }

    .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;
        word-break: break-word;
    }

        .tbl-cap table tr td span.number {
            font-family: "CentraleSans", 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: 'Noto Sans KR', sans-serif;
            }

        .tbl-cap table tr td span.date {
            font-family: "CentraleSans", 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: 'CentraleSans', 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: "CentraleSans", 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: "CentraleSans", 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: "CentraleSans", 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.active {
            background-color: rgba(164, 197, 225, 0.1);
        }

        .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(../../resource/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: "CentraleSans";
        }

        .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: "CentraleSans";
        }

    .detail-view .top .type {
        margin: 12px 0px 0px 0px;
        color: #888888;
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        color: #888888;
        font-family: "Noto Sans KR";
    }

.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: 78px;
            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(../../resource/img/svgicons/arrow-up.svg) no-repeat 0 0/cover;
            }

            .detail-view .bottom a span.btn.next:before {
                background: url(../../resource/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(../../resource/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: 3px;
        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;
            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(../../resource/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: "CentraleSans";
                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 .line-th {
        text-decoration: line-through
    }
    /*201201 추가*/

    .price span {
        font-size: 19px;
        font-weight: 700;
        text-align: left;
        color: inherit;
        display: inline-block;
        margin: 0 3px 0 0;
        font-family: "CentraleSans";
        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(../../resource/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.mail .policy-contents .tbl-cap.ty4 tr th {
    width: auto !important;
}

.privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate {
    display: inline-block;
    font-size: 0;
}

    .privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate hr {
        margin: 0;
        padding: 0;
        height: auto;
        border-color: #101010;
    }

    .privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .rate {
        display: inline-block;
        vertical-align: middle;
    }

        .privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .rate p {
            margin-top: 0;
            text-align: center;
        }

    .privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .mid {
        display: inline-block;
        padding: 0 10px;
        font-size: 13px;
        vertical-align: middle;
    }

    .privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .desc {
        font-size: 13px;
    }

.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,
    .util-page .btn-wrap input.w-full,
    .util-page .btn-wrap button.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;
    }

    .privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .rate {
        display: block;
    }

    .privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .mid {
        display: block;
        padding: 0;
    }

    .add-discount button.tooltip-info {
        letter-spacing: -1.5px !important
    }
}

#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 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 50%;
        display: inline-block;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .main-top .bg img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 50%;
        display: inline-block;
        height: auto;
        -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;
    }

        .mainswiper .comp .txt-wrap p {
            font-family: "KoreanDREAM";
            font-weight: 400;
            font-size: 37.5px;
            color: #fff;
            line-height: 1.25;
        }

        .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 {
    position: relative; /* 20230202 김진아 추가 */
    padding-top: 30px; /* 20230202 김진아 추가 */
    padding-bottom: 63px;
}
    /* 20230202 김진아 추가 */
    .mywells .wave-container {
        position: absolute;
        left: 0;
        top: -10.93333vw;
        overflow: hidden;
        width: 100%;
        height: 10.93333vw;
    }

    .mywells .tit {
        text-align: center;
        font-family: "KoreanDREAM";
        font-weight: 500;
        font-size: 25px;
        letter-spacing: -0.82px;
    }

    .mywells .scroll-wrap {
        position: relative;
        margin-top: 24px;
        height: 40px;
        overflow-y: hidden;
    }

        .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;
        padding-bottom: 10px;
    }

        .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-family: "KoreanDREAM";
        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-family: 'Noto Sans KR';
                font-size: 15px;
                font-weight: 700;
            }

                .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-family: "KoreanDREAM";
        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-family: "KoreanDREAM";
            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-membership {
    position: relative;
    padding: 60px 18px 90px 18px;
    /* background-color: #faf9f7; */ /*20230202-김진아 삭제*/
}

    .wells-membership .wave-container {
        position: absolute;
        left: 0;
        top: -8vw;
        overflow: hidden;
        width: 100%;
        height: 8vw;
    }

    .wells-membership > .tit {
        font-family: "KoreanDREAM";
        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;
    background-color: #faf9f7; /*김도윤*/
}

    .wells-story .wave-container {
        position: absolute;
        left: 0;
        top: -8vw;
        overflow: hidden;
        width: 100%;
        height: 8vw;
    }

    .wells-story > .tit {
        text-align: center;
        font-family: "KoreanDREAM";
        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-family: "KoreanDREAM";
            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: "CentraleSans";
                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;
                position: absolute;
                top: 0;
                left: 0;
                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;
                position: relative;
                z-index: 1;
                width: 70px;
                padding-top: 78px;
                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;
    }

.sticky-map {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    padding: 0 18px;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

/* 비디오 정보창 숨김처리 */
.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);
    }

    .add-discount {
        line-height: 1 !important;
    }

        .add-discount button.tooltip-info {
            padding: 10px 0 16px 15px !important;
        }
}

/* 에디터 태그 스타일 */
.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: 0.6s;
    transition-duration: 0.6s;
    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;
                        font-family: "KoreanDREAM";
                    }

                    .vip-benefit .benefit-list > li .tit-area .sort .num {
                        font-size: 15px;
                        font-weight: 500;
                        text-align: center;
                        color: #ffffff;
                        display: block;
                        font-family: "KoreanDREAM";
                        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: "CentraleSans";
                        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(../../resource/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(../../resource/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(../../resource/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: "CentraleSans";
                -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;
            font-family: "KoreanDREAM";
        }

    .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: 30px 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: 10px 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(../../resource/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: "CentraleSans";
            }

            .my-coupon .coupon-wrap ul li.used {
                background-image: url(../../resource/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(../../resource/img/svgicons/oneonone-80.svg);
            }

        .inquiry-links ul li:last-child .txt {
            background-image: url(../../resource/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 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: rSize(70) 0 0;*/
        /*margin: rSize(156) 0 0;*/
        margin: 60px 0 0;
    }

        .prd-list ul li:nth-child(-n+2) {
            margin-top: 0;
        }

        .prd-list ul li.banner-area {
            width: calc(100% + 36px);
            /*margin: rSize(60) rSize(-36) 0;*/
            margin: 60px -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: 10px 0 0;
                padding: 25px 0 32px;
                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;
                    word-wrap: break-word;
                }

                .prd-list ul li a .prd-info .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 {
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    position: absolute;
                    top: 93px;
                    right: 0;
                    left: 0;
                }

                    .prd-list ul li a .prd-info .price-area .sort {
                        font-size: 12px;
                        font-weight: 400;
                        text-align: left;
                        color: #101010;
                        margin: 2px 0 0;
                    }

                    .prd-list ul li a .prd-info .price-area .cont {
                        display: -webkit-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: reverse;
                        -ms-flex-direction: column-reverse;
                        flex-direction: column-reverse;
                        padding: 0 7.5px 0 0;
                    }

                        .prd-list ul li a .prd-info .price-area .cont .price {
                            display: block;
                            font-size: 12px;
                        }

                            .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(../../resource/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(../../resource/img/util/product-36x36-gray.svg);
            }
            /*211013 매트리스 추가*/
            .floating-btns ul li.productMat .btn-float::before {
                background-image: url(../../resource/img/util/product-mattress-gray.svg);
            }

            .floating-btns ul li.compare .btn-float::before {
                position: relative;
                background-image: url(../../resource/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: "CentraleSans";
                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-family: "KoreanDREAM";
        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(../../resource/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;
            opacity: 0 !important;
        }

            .experience-center .swiper-show .swiper-slide img {
                width: 100%;
            }

            .experience-center .swiper-show .swiper-slide.swiper-slide-prev, .experience-center .swiper-show .swiper-slide.swiper-slide-next {
                opacity: 0 !important;
            }

            .experience-center .swiper-show .swiper-slide.swiper-slide-active {
                opacity: 1 !important;
            }

    .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: "CentraleSans";
                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-seedling .btn-wrap.fixed .btn-120.c1,
    .modal-seedling .btn-wrap.fixed .btn-120:disabled {
        border-top: 1px solid #888 !important;
    }

.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(../../resource/img/util/360-80x80.svg) center/100% auto no-repeat;
                    }

                    .prd-details .prd-head .prd-img .btn-area button.btn-play {
                        background: url(../../resource/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 { /*201201 수정*/
                    width: 100%;
                    font-size: 15px;
                    font-weight: 400;
                    text-align: right;
                    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 .tit-area .price-area .price span.txt { /*201201 수정*/
                            font-size: 15px;
                            font-weight: 400;
                            text-align: right;
                            color: #101010;
                            margin: 5px 0 0 5px;
                            font-family: "Noto Sans KR";
                            -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(../../resource/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(../../resource/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 .prd-body #prdInfo_spec .tbl-cap table tr th {
        width: 80px;
    }

.special-wellsfarm {
    margin: -50px 0 0;
    line-height: 1.5;
}

    .special-wellsfarm .tit1 {
        font-size: 30px;
        font-weight: 500;
        text-align: center;
        color: #101010;
        font-family: "KoreanDREAM";
    }

    .special-wellsfarm .visual {
        position: relative;
        margin: 0 -18px 0;
    }

        .special-wellsfarm .visual img {
            width: 100%;
        }

        .special-wellsfarm .visual .hgroup1 {
            position: absolute;
            top: 15.48%;
            left: 50%;
            width: 100%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

            .special-wellsfarm .visual .hgroup1 .desc {
                font-size: 19px;
                font-weight: 200;
                text-align: center;
                color: #101010;
                font-family: "KoreanDREAM";
            }

            .special-wellsfarm .visual .hgroup1 .tit {
                font-size: 30px;
                font-weight: 500;
                text-align: center;
                color: #101010;
                margin: 4px 0 0;
                font-family: "KoreanDREAM";
            }

            .special-wellsfarm .visual .hgroup1 .sub-desc {
                font-size: 15px;
                font-weight: 400;
                text-align: center;
                color: #606060;
                margin: 18px 0 0;
            }

        .special-wellsfarm .visual .box-guide {
            position: absolute;
            right: 90px;
            bottom: 3.62%;
            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: 118px;
                height: 41px;
                background: url(../../resource/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: 143px;
                height: 65px;
                padding: 9.5px 0 0 18px;
                background-image: url(../../resource/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;
                    font-family: "KoreanDREAM";
                }

                .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: "CentraleSans";
                            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;
                width: calc(50% - 20px);
                margin: 20px 0 0 20px;
            }

                .special-wellsfarm .package-wrap .veggie-list li.visible {
                    display: block;
                }

                .special-wellsfarm .package-wrap .veggie-list li a {
                    display: block;
                    border-radius: 5px;
                    padding: 15px 31.5px 16px 31.5px;
                    background: #ffffff;
                }

                    .special-wellsfarm .package-wrap .veggie-list li a .img img {
                        width: 100%;
                    }

                    .special-wellsfarm .package-wrap .veggie-list li a .txt {
                        font-size: 15px;
                        font-weight: 400;
                        text-align: center;
                        color: #606060;
                        margin: 10px 0 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 60px;
    }

        .special-wellsfarm .review-wrap .review-area {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 35px 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%;
                }

    .special-wellsfarm .recipe-wrap {
        padding: 40px 0 0;
    }

        .special-wellsfarm .recipe-wrap li {
            margin: 36px 0 0;
        }

            .special-wellsfarm .recipe-wrap li:first-child {
                margin: 0;
            }

            .special-wellsfarm .recipe-wrap li a {
                display: block;
            }

                .special-wellsfarm .recipe-wrap li a .img {
                    overflow: hidden;
                    position: relative; /* 201203 */
                    border-radius: 5px;
                }

                    .special-wellsfarm .recipe-wrap li a .img img {
                        width: 100%;
                    }

                .special-wellsfarm .recipe-wrap li a .txt-group {
                    margin: 15px 0 0;
                }

                    .special-wellsfarm .recipe-wrap li a .txt-group .tit {
                        font-size: 19px;
                        font-weight: 700;
                        text-align: left;
                        color: #101010;
                    }

                    .special-wellsfarm .recipe-wrap li a .txt-group .detail {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin: 6.5px 0 0;
                    }

                        .special-wellsfarm .recipe-wrap li a .txt-group .detail dl {
                            display: -webkit-inline-box;
                            display: -ms-inline-flexbox;
                            display: inline-flex;
                            margin: 0 0 0 25px;
                        }

                            .special-wellsfarm .recipe-wrap li a .txt-group .detail dl:first-of-type {
                                margin: 0;
                            }

                            .special-wellsfarm .recipe-wrap li a .txt-group .detail dl dt {
                                font-size: 15px;
                                font-weight: 400;
                                text-align: left;
                                color: #888888;
                            }

                            .special-wellsfarm .recipe-wrap li a .txt-group .detail dl dd {
                                font-size: 15px;
                                font-weight: 400;
                                text-align: left;
                                color: #101010;
                                margin: 0 0 0 10px;
                            }

            .special-wellsfarm .recipe-wrap li .sort.play { /* 201203 */
                display: block;
                position: absolute;
                font-size: 0;
                width: 40px;
                height: 40px;
                top: auto;
                left: auto;
                bottom: 15px;
                right: 15px;
                background: url(../../resource/img/util/ic-play.svg) 0 0/100% no-repeat;
            }

.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(../../resource/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(../../resource/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: 38.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: 27px;
                margin: 11px 0 0;
            }
            /*201214*/
            .compare-prd .compare-list > li .summ-wrap .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;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                white-space: normal;
                font-size: 12px;
                font-weight: 400;
                text-align: left;
                color: #888888;
                margin: 4px 0 0;
            }

            .compare-prd .compare-list > li .infor-wrap {
                /*height: 322px;*/
                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: 60px;
        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;
            vertical-align: top; /* 201201 추가 */
        }

            .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(../../resource/img/util/call.png);
            }

            .modal-advice ul li:nth-child(2) a::after { /* 201201 수정 */
                background-image: url(../../resource/img/util/advice.png);
            }

            .modal-advice ul li:last-child a::after { /* 201201 추가 */
                background-image: url(../../resource/img/util/b2b.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: 269px !important;
        height: 269px !important;
        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-family: Arial, "MS Trebuchet", sans-serif;
                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(../../resource/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(../../resource/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(../../resource/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: "CentraleSans";
                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;
                font-family: "KoreanDREAM";
            }

            .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 0 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 0 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(../../resource/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(../../resource/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(../../resource/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: 36px;
                text-align: center;
                vertical-align: top;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                width: 125px;
                min-width: auto;
                padding: 0;
                font-size: 14px;
                color: #969696;
            }

    .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: "CentraleSans";
                line-height: 1;
            }

            .brandstory-wells .section-visual .hgroup2 .desc {
                font-size: 15px;
                font-weight: 500;
                text-align: center;
                color: #ffffff;
                font-family: "KoreanDREAM";
                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: "CentraleSans";
                }

                .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: 36px;
                        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(../../resource/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(../../resource/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(../../resource/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: 242.5px;
                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 .service-care .service-list.map li .txt-area .tit:before {
                content: '●';
                font-size: 17px;
                padding-right: 5px
            }

            .brandstory-wells .service-care .service-list.map li .txt-area .mark1:before {
                color: #62c3ca
            }

            .brandstory-wells .service-care .service-list.map li .txt-area .mark2:before {
                color: #004e73
            }

            .brandstory-wells .service-care .service-list.map li .txt-area .mark3:before {
                color: #ffd200
            }

            .brandstory-wells .service-care .service-list.map li .txt-area .mark4:before {
                color: #27d765
            }

    .brandstory-wells .service-map {
        padding: 50px 0 0;
        text-align: center;
    }

        .brandstory-wells .service-map img {
            width: 85%;
            margin: 0 auto
        }

    .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: "CentraleSans";
                                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: 50px 0 0;
                }

                    .modal-brandstory .head-box .rnd-info .box.bot ul li {
                        font-size: 12px;
                        font-weight: 400;
                        text-align: left;
                        color: #888888;
                        position: relative;
                        margin: 4px 0 0;
                        padding: 0 0 0 9px;
                    }

                        .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: "KoreanDREAM";
            }
            /*25.04.24 스페셜관 템플릿을 활용 수정*/
            .special-prd > .swiper-slide .section .hgroup1 .tit {
                font-size: 28px;
                font-weight: 500;
                text-align: center;
                color: #101010;
                margin: 4px 0 0;
                font-family: "KoreanDREAM";
            }
            /*25.04.24 스페셜관 템플릿을 활용 수정*/
            .special-prd > .swiper-slide .section .hgroup2 .tit {
                font-size: 28px;
                font-weight: 500;
                text-align: center;
                color: #101010;
                font-family: "KoreanDREAM";
                padding: 0 18px;
            }
            /*25.04.24 스페셜관 템플릿을 활용 수정*/

            .special-prd > .swiper-slide .section .hgroup2 .desc {
                font-size: 17px;
                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;
            font-family: "Noto Sans KR";
        }

        .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;
        font-family: "CentraleSans";
        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: "CentraleSans";
        }

        .history dd .tit {
            margin-top: 7px;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #101010;
            font-family: "Noto Sans KR";
        }

        .history dd em {
            display: block;
            margin-top: 8px;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #888888;
            font-family: "Noto Sans KR";
        }

        .history dd + .year {
            margin-top: 80px;
        }

.inner.ty2 .box.ty2 {
    margin: 0 -18px;
    padding: 40px 18px 40px 18px;
    background: url(../../resource/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: "CentraleSans";
            }

    .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: "CentraleSans";
            }

            .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;
        font-family: "Noto Sans KR" !important;
        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%;
            }

.manage-wrap .btn-con.center {
    text-align: center
}

.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;
            position: relative;
            line-height: 52px;
            border-radius: 5px 0 0 5px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-family: "Noto Sans KR";
            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;
        margin: 0 0 0 -1px;
    }

    .radio-wrap input:checked ~ i {
        z-index: 1;
        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,
        .util-page .btn-wrap input.w-full,
        .util-page .btn-wrap button.w-full {
            margin-left: 0 !important;
        }

            .util-page .btn-wrap a.w-full + .w-full,
            .util-page .btn-wrap input.w-full + .w-full,
            .util-page .btn-wrap button.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(../../resource/img/util/ipin-wh-54.svg) 0 0/100%;
                }

                .util-page .btn-wrap .btn-rnd-324 .ico.ipin {
                    background: url(../../resource/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(../../resource/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 {
            max-width: 338px;
            margin: 20px auto 0;
        }

            .cart-lists .goods .btn-wrap.fl-r::before {
                display: block;
                content: '';
                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;
                margin: 0 10px 0 0;
                vertical-align: top;
            }

        .cart-lists .goods.soldout:not(.soldout) .soldout-cover {
            display: none;
        }

        .cart-lists .goods.soldout .soldout-cover {
            z-index: 50;
            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(../../resource/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 .link {
            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 .name .model {
                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 .btn.close {
    width: 32px;
    height: 32px;
}

.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 .sort {
            font-family: "Noto Sans KR";
        }

        .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 {
            display: block;
            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;
                    font-family: "Noto Sans KR";
                }

                .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 .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: "CentraleSans";
        }

    .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: "CentraleSans";
}

.sea-wrap .subtxt {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #101010;
}

.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 {
            position: relative;
            border-radius: 5px;
            overflow: hidden;
        }

            .sea-wrap .sea-swiper .swiper-slide .thumb .ico {
                display: block;
                position: absolute;
                top: 15px;
                left: 15px;
                z-index: 1;
                width: 38px;
                height: 38px;
                font-size: 0;
            }

                .sea-wrap .sea-swiper .swiper-slide .thumb .ico.play {
                    width: 40px;
                    height: 40px;
                    top: auto;
                    left: auto;
                    bottom: 15px;
                    right: 15px;
                    background: url(../../resource/img/util/ic-play.svg) 0 0/100% no-repeat;
                }

        .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-family: "KoreanDREAM";
        font-size: 19px;
        font-weight: 400;
        text-align: left;
        color: #101010;
    }

        .banner .tit3 span {
            font-family: "CentraleSans";
            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;
            border-radius: 4px;
        }

        .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: "CentraleSans";
                    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: "CentraleSans";
        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 img {
    max-width: 100%;
    max-height: 100%;
}

.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 {
        font-family: "KoreanDREAM";
    }

        .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 {
        font-family: "KoreanDREAM";
        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(../../resource/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(../../resource/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;
        background: #f8f8f8;
    }

        .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;
            background: #ffffff;
        }

            .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: 0 -18px 25px -18px;
}

    .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;
    }

/*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;
                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: 16px;
    font-weight: 700;
    text-align: left;
    color: #004e73;
    margin-top: 20px;
}

.privacy-policy .ctit-box .tit {
    font-size: 16px;
    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: 15px;
        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;
            font-size: 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: 15px;
            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-family: "KoreanDREAM";
            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;
            line-height: 1.5;
        }

    .service-wrap .txt-area {
        font-size: 19px;
        font-weight: 400;
        text-align: center;
        color: #101010;
        line-height: 1.5;
    }

        .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;
        line-height: 1.5;
    }

    .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 {
                display: block;
                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: 225px;
                    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: 10px;
                        }

                            .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 {
                            content: '\e91f';
                            position: absolute;
                            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;
                            top: 50%;
                            right: 50%;
                            width: 18px;
                            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: 10px;
                                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: 10px;
                            }

                            .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: "CentraleSans";
            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;
            line-height: 1.5;
        }

        .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 .swiper-slide {
                    width: 221px;
                }

                .service-wrap .detail-wrap .swiper-full .swiper-container.order-list .txt-group {
                    position: relative;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    height: 129px;
                    background: #ffffff;
                    padding: 35px 5px 0;
                    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;
                        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: 48px;
                        height: 48px;
                        top: -23px;
                        left: 50%;
                        border-radius: 50%;
                        font-family: "CentraleSans";
                        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;
                line-height: 1.5;
            }

            .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: "CentraleSans";
                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: 50%;
                width: 250px;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
            }

                .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: "CentraleSans";
}

.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;
}

.proposal-wrap .agree-wrap {
    padding-top: 0;
}

    .proposal-wrap .agree-wrap .accordion li {
        border: none;
    }

        .proposal-wrap .agree-wrap .accordion li .wrap {
            border-top: none;
            padding: 0 10px 30px 0;
        }

.proposal-wrap .btn-120.c1,
.proposal-wrap .btn-120:disabled {
    border-top: 1px solid #888 !important;
}
/*# sourceMappingURL=style.css.map */

/* 201210 */
.add-discount {
    position: relative;
    box-sizing: border-box;
    height: 58px;
    line-height: 58px;
    margin: 10px 0 0;
    border-radius: 4px;
    background: #f8f8f8;
}

    .add-discount button.tooltip-info {
        padding: 16px 0 16px 15px;
        font-size: 15px;
        color: #004e73;
        font-weight: 500;
        letter-spacing: -1px
    }

        .add-discount button.tooltip-info i {
            margin-left: 5px;
            font-size: 17px
        }

        .add-discount button.tooltip-info::after {
            background-image: none
        }

.tooltip-box .t-wrap .tit {
    font-size: 18px;
    color: #101010
}

.t-discount .modal-discount .info dl dt {
    font-size: 16px;
    font-weight: 500;
    margin: 25px 0 0;
}

    .t-discount .modal-discount .info dl dt:first-of-type {
        margin: 0
    }

.t-discount .modal-discount .info dl dd {
    font-size: 14px
}

.t-discount .card-guide {
    margin: 20px 0 0;
}

    .t-discount .card-guide ul li {
        position: relative;
        background: url(../img/svgicons/exmark-gray-36.svg) no-repeat 0 5px;
        background-size: 15px;
        margin: 7px 0 0;
        padding: 0 0 0 23px;
        font-size: 14px;
        line-height: 20px;
        color: #888888;
    }

        .t-discount .card-guide ul li em {
            color: #101010;
        }

.price-package {
    background: #f8f8f8;
    padding: 0 20px 25px;
    border-bottom: 1px solid #ddd
}

    .price-package li {
        font-size: 15px;
        padding: 20px 0
    }

        .price-package li:first-child {
            border-bottom: 1px dashed #ddd
        }

    .price-package .txt {
        font-size: 15px;
        font-weight: normal;
        margin-bottom: 10px
    }

        .price-package .txt strong {
            font-size: 17px
        }

.cart-lists .bottom .price-package .price-area {
    border-top: none;
    border-bottom: none;
    height: auto;
    margin: 0;
    padding: 0 0 10px;
    color: #101010
}

.price-discount {
    padding: 20px;
    background: #f8f8f8;
    border-top: 1px solid #ddd
}

button.tooltip-exmark.ques {
    font-size: 16px
}

    button.tooltip-exmark.ques::after {
        background-image: url(../img/svgicons/question-40.svg);
    }

.form-row button.tooltip-exmark.ques::after {
    background-image: url(../img/svgicons/question-30.svg);
}

.form-group .pay-amount .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: 20px;
    border-top: 2px solid #101010;
    border-bottom: 1px solid #dddddd;
}

.form-group .pay-amount .price .number {
    font-size: 26px;
    font-weight: 700;
    text-align: left;
    color: #ef1e1e;
}

.modal-special .movie {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}

    .modal-special .movie iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
        <<<<<<< .mine
    }


/* 210114 */
.badge.b6 { /* 재렌탈 */
    border-color: #63cb8c;
    background: #63cb8c;
}

.badge.b7 { /* 1+1 */
    border-color: #ef2756;
    background: #ef2756;
}

.form-group.ex {
    margin-top: 10px;
    padding: 15px;
    border: 1px solid #b6b6b6;
    border-radius: 5px
}

    .form-group.ex .price-package {
        padding: 15px 0 0 0 !important;
        border-bottom: 0;
        background: none
    }

        .form-group.ex .price-package .badge {
            margin: 0
        }

    .form-group.ex .pay-amount .price-area {
        border-top: none;
        height: 40px;
    }

        .form-group.ex .pay-amount .price-area.mt-20 {
            margin-top: 0 !important
        }

    .form-group.ex .pay-amount .price .number {
        font-size: 20px;
        color: #101010
    }

    .form-group.ex .price {
        text-align: right
    }

        .form-group.ex .price span {
            font-size: 17px
        }

            .form-group.ex .price span.line-th {
                font-weight: normal;
                font-size: 15px
            }

.price-area.plus {
    position: relative;
    padding-top: 25px
}

    .price-area.plus:before {
        content: '';
        position: absolute;
        right: 30px;
        top: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../../resource/img/etc/ico_plus.png) no-repeat right 0;
        background-size: 20px;
    }

.title-box .has-option {
    position: relative;
    font-size: 16px;
    color: #606060;
    padding-left: 15px;
}

    .title-box .has-option::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        width: 7px;
        height: 7px;
        border: 1px dotted #969696;
        border-width: 0 0 1px 1px;
    }
/*-- 210114 */


/* 210115 */
.inner.ty2 .box.ty2_1 {
    margin: 0 -18px;
    padding: 40px 18px 40px 18px;
    background: url(../../resource/img/fmg-myw/bg/myw_17_01.jpg) no-repeat 0 0/cover;
}

.bul.cor li {
    color: #fff
}

    .bul.cor li::before {
        background: #fff
    }

    .bul.cor li:first-child {
        margin-top: 8px
    }
/*-- 210115 */
}
/* 210114 */
.badge.b6 { /* 재렌탈 */
    border-color: #63cb8c;
    background: #63cb8c;
}

.badge.b7 { /* 1+1 */
    border-color: #ef2756;
    background: #ef2756;
}

.form-group.ex {
    margin-top: 10px;
    padding: 15px;
    border: 1px solid #b6b6b6;
    border-radius: 5px
}

    .form-group.ex .price-package {
        padding: 15px 0 0 0 !important;
        border-bottom: 0;
        background: none
    }

        .form-group.ex .price-package .badge {
            margin: 0
        }

    .form-group.ex .pay-amount .price-area {
        border-top: none;
        height: 40px;
    }

        .form-group.ex .pay-amount .price-area.mt-20 {
            margin-top: 0 !important
        }

    .form-group.ex .pay-amount .price .number {
        font-size: 20px;
        color: #101010
    }

    .form-group.ex .price {
        text-align: right
    }

        .form-group.ex .price span {
            font-size: 17px
        }

            .form-group.ex .price span.line-th {
                font-weight: normal;
                font-size: 15px
            }

.price-area.plus {
    position: relative;
    padding-top: 25px
}

    .price-area.plus:before {
        content: '';
        position: absolute;
        right: 30px;
        top: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../../resource/img/etc/ico_plus.png) no-repeat right 0;
        background-size: 20px;
    }

.title-box .has-option {
    position: relative;
    font-size: 16px;
    color: #606060;
    padding-left: 15px;
}

    .title-box .has-option::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        width: 7px;
        height: 7px;
        border: 1px dotted #969696;
        border-width: 0 0 1px 1px;
    }
/*-- 210114 */

/* 210218 */
.share-area {
    position: absolute;
    right: 0;
    top: -20px;
    z-index: 1;
}

.btn-share {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border: 1px solid #a2a2a2;
    border-radius: 50%;
    background: url(../../resource/img/util/share.png) left 7px top 50% no-repeat;
    background-size: 55%;
}

.modal-share {
    padding: 40px 0;
}

    .modal-share ul {
        font-size: 0;
        text-align: center;
    }

        .modal-share ul li {
            display: inline-block;
            width: 70px;
            margin: 0 0 0 40px;
            vertical-align: top;
        }

            .modal-share ul li:first-child {
                margin: 0;
            }

            .modal-share ul li a {
                font-size: 14px;
                font-weight: 400;
                text-align: center;
                color: #101010;
                display: block;
                position: relative;
                padding: 75px 0 0;
            }

                .modal-share ul li a::before {
                    display: block;
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 70px;
                    height: 70px;
                    border-radius: 50%;
                    background: #f8f8f8;
                }

                .modal-share 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-share ul li:first-child a::after {
                background-image: url(../../resource/img/util/kakao.png);
                background-size: 85%;
            }

            .modal-share ul li:nth-child(2) a::after {
                content: 'URL';
                top: 25px;
                color: #232323;
                font-weight: 600
            }

/*-- 210218 */

/* 210415 */
/*div[class*=modal-opt].capsule{overflow: auto}
div[class*=modal-opt] .wrap .inner.scrolled{height: 100%; max-height: 60vh; overflow-y: auto;}*/
.cafe-info {
    margin: 15px 0 0;
    border-radius: 4px;
    background: #f8f8f8;
    padding: 15px;
    font-size: 15px;
    color: #004e73;
    font-weight: 500;
}

.sel-count {
    overflow-y: auto;
    max-height: 115px;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0,0,0);
    -webkit-transform: translateZ(0);
    margin: 2px 0 20px;
    border-radius: 4px;
    padding: 16px 10px;
    background: #f8f8f8;
    z-index: 20000;
}

    .sel-count > ul > li {
        display: flex;
        width: 100%;
        height: 35px;
        margin: 0;
        padding: 0 0 7px;
        font-size: 0;
    }

        .sel-count > ul > li .sel-nm, .sel-count > ul > li .sel-tot {
            display: inline-flex;
            width: 110px;
            font-size: 15px;
            justify-items: center;
            align-items: center;
        }

        .sel-count > ul > li .sel-tot {
            width: 80px;
            font-weight: 600;
            justify-content: flex-end
        }
/*.ui-spinner{display: inline-flex !important;width:calc(100% - 190px);justify-items: center;align-items: center;border: none !important;flex: 1;}
.ui-spinner.ui-widget-content{background:#fff}
.ui-spinner-input{padding:0;height: 25px; min-width: calc(100% - 60px) ;order:2;font-size:16px !important; font-weight:800; color:#222;text-align:center;letter-spacing:-1px;box-sizing: border-box; border:0}
.ui-spinner-input:focus{outline:none;}
.sel-count > ul > li a{height:auto;padding:0}
.sel-count > ul > li > a.ui-spinner-button,
.sel-count > ul > li > a.ui-spinner-button:focus,
.sel-count > ul > li > a.ui-spinner-button:hover{position:relative;width:30px;height: 30px;min-width:30px;min-height: 30px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-around;outline: none;background: transparent !important;color:  #bf9e56;}
.sel-count > ul > li a:before, .sel-count > ul > li a:after{display:none !important}
.ui-spinner-up{order:3;}
.ui-spinner-down{order: 1;}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.ui-icon-plus{display:inline-block;width:25px;height:25px;background:url('../img/util/plus.svg') no-repeat center 50%;background-size:12px}
.ui-icon-minus{display:inline-block;width:25px;height:25px;background:url('../img/util/minus.svg') no-repeat center 50%;background-size:12px}*/
.sel-cnt {
    display: inline-flex !important;
    width: calc(100% - 190px);
    justify-items: center;
    align-items: center;
    border: none !important;
    flex: 1;
}

    .sel-cnt input {
        display: inline-block;
        height: 30px;
        width: calc(100% - 60px);
        font-size: 16px !important;
        font-weight: 800;
        color: #222;
        text-align: center;
        box-sizing: border-box;
        border: 0
    }

        .sel-cnt input:focus {
            outline: none;
        }

        .sel-cnt input[type="number"]::-webkit-outer-spin-button,
        .sel-cnt input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    .sel-cnt .plus {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: #fff url('../img/util/plus.svg') no-repeat center 50%;
        background-size: 13px
    }

    .sel-cnt .minus {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: #fff url('../img/util/minus.svg') no-repeat center 50%;
        background-size: 13px
    }

.sel-del {
    display: inline-flex;
    width: 30px;
    height: auto;
    padding: 0 !important;
    background: url('../img/svgicons/close-26.svg') no-repeat right 50%;
    background-size: 13px
}

    .sel-del:before, .sel-del:after {
        display: none !important
    }
/*-- 210415 */
/* 210527 */
.cont-wrap02.thum-no .cont-list li + li {
    margin-top: 25px
}

.mng-vod .movie {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}

    .mng-vod .movie iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
    }
/*-- 210527 */

/* 210806 스마트팜 */
.farm-wrap {
    background: #0a3953
}

    .farm-wrap header, .farm-wrap .product-intro .box .txt, .farm-wrap header .ham::before {
        color: #fff
    }

        .farm-wrap header.scrolled, .farm-wrap header.scrolled .ham::before {
            color: #101010;
        }

    .farm-wrap .tab-border ul li .btn-tab {
        background: #0a3953;
        color: #fff
    }

    .farm-wrap .tab-swipe.icon ul li .btn-tab span::before {
        color: #fff
    }

    .farm-wrap .tab-swipe::after {
        background: none
    }

    .farm-wrap .tab-border ul li .btn-tab {
        border-color: #4a6b7d
    }

.tab-swipe.icon ul li .btn-tab[data-tabid=smartfarm] span::before {
    /*content: '';*/ margin-right: 8px;
    width: 18px;
    height: 50px;
    background: url('../img/svgicons/gnb_wellsfarm_off01.svg') no-repeat 0 50%;
}

/*.farm-wrap .tab-swipe.icon ul li .btn-tab[data-tabid=smartfarm] span::before {
  content: '';margin-right: 8px;width:18px;height:50px;background:url('../img/svgicons/gnb_wellsfarm_off.svg') no-repeat 0 50%;
}
.farm-wrap .tab-swipe.icon ul li.active .btn-tab[data-tabid=smartfarm] span::before {
  background: url('../img/svgicons/gnb_wellsfarm_on.svg') no-repeat 0 50%;
}*/
.farm-wrap .tab-swipe::before {
    background: none
}

.farm-wrap .tab-border ul li.active .btn-tab {
    color: #00caac
}

.farm-wrap .tab-border ul li.active::after {
    background: #00caac
}

.tab-farm.tab-swipe::before, .tab-farm.tab-swipe::after {
    display: none
}

.tab-farm.tab-border {
    background: none;
    z-index: 1;
    border-bottom: 1px solid #4a6b7d;
}

    .tab-farm.tab-border ul {
        display: block;
        margin: 10px 15px;
    }

        .tab-farm.tab-border ul li {
            display: inline-block;
            width: 70%;
            flex: none;
            text-align: right
        }

            .tab-farm.tab-border ul li .btn-tab {
                font-weight: 400;
                text-align: left;
                display: inline-block;
                position: relative;
                width: auto;
                line-height: 35px;
                padding: 0 7px;
                border-radius: 35px;
                background: none;
                border: none;
                font-size: 15px;
                color: #fff
            }

                .tab-farm.tab-border ul li .btn-tab.active {
                    color: #00caac
                }

                .tab-farm.tab-border ul li .btn-tab + .btn-tab:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 1px;
                    height: 12px;
                    background: #00caac
                }

            .tab-farm.tab-border ul li:nth-child(1) {
                width: 30%;
                text-align: left;
            }

                .tab-farm.tab-border ul li:nth-child(1) .btn-tab {
                    position: relative;
                    height: 35px;
                    line-height: 35px;
                    padding: 0 15px 0 30px;
                    border-radius: 35px;
                    background: none;
                    border: 1px solid #fff;
                }

                    .tab-farm.tab-border ul li:nth-child(1) .btn-tab.active {
                        background: #00caac;
                        border-color: #00caac;
                        color: #222
                    }

                    .tab-farm.tab-border ul li:nth-child(1) .btn-tab:before {
                        font-size: 12px;
                        font-weight: 400;
                        text-align: left;
                        color: #fff;
                        display: block;
                        content: '\e91f';
                        position: absolute;
                        top: 12px;
                        left: 15px;
                        font-family: "icomoon";
                        line-height: 1;
                    }

                    .tab-farm.tab-border ul li:nth-child(1) .btn-tab.active:before {
                        color: #222
                    }

.farm-wrap .tab-border ul li.active::after {
    display: none
}

.pin-spacer .tab-farm.fixed-2depth-tab {
    width: 100% !important
}

.floating-btns > ul > li.recipe {
    border-color: #00caac;
    background: #00caac;
}

    .floating-btns > ul > li.recipe .btn-float::before {
        background: url(../img/svgicons/quick_recipe.svg) 0 0 / contain no-repeat;
    }

    .floating-btns > ul > li.recipe .btn-float .txt {
        color: #ffffff;
    }

.farm-section {
    padding: 40px 0;
}

    .farm-section.d-line {
        border-top: 1px solid #326373
    }

    .farm-section .cont-txt {
        padding-bottom: 30px;
        font-size: 5.5vw;
        color: #fff;
        text-align: center;
        font-weight: 300
    }

        .farm-section .cont-txt span {
            color: #00caac;
        }

    .farm-section .info {
        font-size: 3.62vw;
        color: #a3b0b6;
        letter-spacing: -1px
    }

    .farm-section .prd-list {
        margin-top: 20px
    }

        .farm-section .prd-list ul li a .prd-info {
            box-sizing: border-box;
            min-height: 150px;
        }

            .farm-section .prd-list ul li a .prd-info .tit-area .tit,
            .farm-section .prd-list ul li a .prd-info .model {
                color: #fff
            }

            .farm-section .prd-list ul li a .prd-info .tit-area .desc {
                margin-top: 5px;
                font-size: 13px;
                color: #748a93
            }

            .farm-section .prd-list ul li a .prd-info .price-area {
                top: 155px;
            }

                .farm-section .prd-list ul li a .prd-info .price-area .sort, .farm-section .price {
                    color: #fff
                }

            .farm-section .prd-list ul li a .prd-info .tit-area .tip {
                position: relative;
                margin: 5px 0 0;
                padding-left: 15px;
                font-size: 12px;
                color: #00caac
            }

                .farm-section .prd-list ul li a .prd-info .tit-area .tip:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 13px;
                    height: 25px;
                    background: url('../img/svgicons/tab01_ico_recommend.svg') no-repeat 0 3px;
                }

    .farm-section.ty .prd-list ul li a .prd-info .price-area {
        top: 195px;
    }

.f-pc {
    color: #00caac
}

.farm-story-visual {
    margin: 0 -18px
}

    .farm-story-visual .visual-inner {
        position: relative;
    }

    .farm-story-visual .hgroup1 {
        width: 100%;
        position: absolute;
        left: 0;
        top: 20%;
    }

        .farm-story-visual .hgroup1 .desc {
            font-family: 'KoreanDREAM';
            font-size: 24px;
            color: #fff;
            text-align: center;
            font-weight: 100
        }

        .farm-story-visual .hgroup1 .tit {
            font-family: 'KoreanDREAM';
            font-weight: 500;
            font-size: 7vw;
            color: #fff;
            text-align: center;
        }
/*210831*/
.farm-story-section {
    margin: 0 -18px;
    padding: 70px 0
}

    .farm-story-section.bg01 {
        background: #100f17
    }

    .farm-story-section.bg02 {
        background: #062c41;
        margin-bottom: -80px
    }

    .farm-story-section .tit {
        font-family: 'KoreanDREAM';
        font-weight: 500;
        font-size: 6.78vw;
        color: #fff;
        text-align: center;
        letter-spacing: -1.6px
    }

        .farm-story-section .tit span {
            font-size: 20px;
            font-weight: 100
        }

        .farm-story-section .tit .tit-desc {
            margin-top: 15px;
            font-family: 'Noto Sans KR';
            font-size: 16px;
            font-weight: 100
        }

    .farm-story-section .stit {
        margin: 50px 0 30px;
        font-size: 5.8vw;
        color: #00caac;
        font-weight: 600;
        text-align: center
    }

        .farm-story-section .stit.package01:before {
            content: '';
            display: block;
            background: url('../img/svgicons/tab02_ico_package01.svg') no-repeat center 50%;
            background-size: 35px;
            padding-bottom: 45px;
        }

        .farm-story-section .stit.package02:before {
            content: '';
            display: block;
            background: url('../img/svgicons/tab02_ico_package02.svg') no-repeat center 50%;
            background-size: 35px;
            padding-bottom: 45px;
        }

        .farm-story-section .stit.package03:before {
            content: '';
            display: block;
            background: url('../img/svgicons/tab02_ico_package03.svg') no-repeat center 50%;
            background-size: 35px;
            padding-bottom: 45px;
        }

.tab-border.tab-step {
    background: #100f17;
}

.farm-wrap .tab-border.tab-step ul li.active::after {
    background-color: none
}

.tab-border.tab-step.is-fixed {
    top: 50px;
    transform: translateY(-0px)
}

    .tab-border.tab-step.is-fixed .step {
        margin: 15px 0;
    }

.farm-story-section .step {
    display: block;
    margin: 45px 0;
    text-align: center
}

    .farm-story-section .step li {
        position: relative;
        display: inline-block;
        width: 110px;
        padding: 95px 0 0;
        font-size: 16px;
        color: #fff;
        box-sizing: border-box;
        vertical-align: top
    }

        .farm-story-section .step li a {
            padding: 95px 0 0;
            font-size: 16px;
            color: #fff;
            box-sizing: border-box;
            vertical-align: top
        }

        .farm-story-section .step li.active {
            color: #00caac;
            font-weight: 500;
        }

            .farm-story-section .step li.active:before {
                border: none
            }

        .farm-story-section .step li a:before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            border: 1px solid #818185;
            box-sizing: border-box
        }

.tab-border.tab-step .step li .btn-tab {
    all: unset;
}

.tab-border.tab-step ul li.active::after, .farm-story-section .step li:after {
    content: '';
    position: absolute;
    top: 30px;
    right: -8px;
    left: auto;
    bottom: auto;
    width: 15px;
    height: 25px;
    background: url('../img/etc/ico_step_arr.png') no-repeat right 0;
    background-size: 10px;
}

.farm-story-section .step li:last-child:after, .farm-story-section .step li.active:last-child:after {
    background-image: none
}

.farm-story-section .step li:nth-child(1) a:before {
    background: url('../img/svgicons/tab02_ico_step01_off.svg') no-repeat center 50%;
    background-size: 35px 35px
}

.farm-story-section .step li:nth-child(2) a:before {
    background: url('../img/svgicons/tab02_ico_step02_off.svg') no-repeat center 50%;
    background-size: 45px 45px
}

.farm-story-section .step li:nth-child(3) a:before {
    background: url('../img/svgicons/tab02_ico_step03_off.svg') no-repeat center 50%;
    background-size: 35px 35px
}

.farm-story-section .step li.active:nth-child(1) a:before {
    background: #00caac url('../img/svgicons/tab02_ico_step01_on.svg') no-repeat center 50%;
    background-size: 35px 35px
}

.farm-story-section .step li.active:nth-child(2) a:before {
    background: #00caac url('../img/svgicons/tab02_ico_step02_on.svg') no-repeat center 50%;
    background-size: 45px 45px
}

.farm-story-section .step li.active:nth-child(3) a:before {
    background: #00caac url('../img/svgicons/tab02_ico_step03_on.svg') no-repeat center 50%;
    background-size: 35px 35px
}

.farm-story-section .step li.active:nth-child(1) a:after {
    content: '';
    position: absolute;
    top: 30px;
    right: -8px;
    left: auto;
    bottom: auto;
    width: 15px;
    height: 25px;
    background: url('../img/etc/ico_step_arr.png') no-repeat right 0;
    background-size: 10px;
}

.farm-story-section .step li.active:nth-child(2) a:after {
    content: '';
    position: absolute;
    top: 30px;
    right: -8px;
    left: auto;
    bottom: auto;
    width: 15px;
    height: 25px;
    background: url('../img/etc/ico_step_arr.png') no-repeat right 0;
    background-size: 10px;
}

.story-section {
    margin-bottom: 50px;
}

.farm-story-cont {
    margin: 0 18px;
}

.farm-story-section.bg02 .farm-story-cont {
    margin: 40px 18px 0;
}

.farm-story-cont li {
    position: relative;
    font-size: 0;
    padding-bottom: 20px
}

    .farm-story-cont li .txt-group {
        padding: 20px 0;
    }

        .farm-story-cont li .txt-group .tit {
            font-family: 'KoreanDREAM';
            font-size: 18px;
            color: #fff;
            text-align: left;
            font-weight: 100
        }

            .farm-story-cont li .txt-group .tit strong {
                font-size: 24px;
                font-weight: 400
            }

        .farm-story-cont li .txt-group .desc {
            margin-top: 15px;
            font-size: 15px;
            color: #fff;
            text-align: left;
        }

    .farm-story-cont li.box3 {
        display: flex;
        justify-content: space-between;
        margin: 10px 0;
        align-items: center
    }

        .farm-story-cont li.box3 img {
            width: calc(50% - 10px)
        }

        .farm-story-cont li.box3 .txt-group {
            width: calc(50% - 10px)
        }

            .farm-story-cont li.box3 .txt-group .tit {
                font-family: 'Noto Sans KR';
                font-size: 18px;
                text-align: center
            }

.story-package-list {
    margin: 0 18px;
    display: block
}

    .story-package-list li {
        position: relative;
        margin-bottom: 18px;
    }

        .story-package-list li .txt {
            position: absolute;
            bottom: 15px;
            left: 20px;
            font-size: 20px;
            color: #fff;
            font-weight: 600;
            text-align: left;
        }
            /*210831*/
            .story-package-list li .txt:after {
                content: '';
                background: url('../img/etc/ico_link_arr.png') no-repeat 5px 50%;
                background-size: 23px;
                padding-right: 30px;
            }

.farm-story-visual.recipe .hgroup1 {
    top: 12%
}

.recipe-info {
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    margin-top: 30px;
    font-size: 0;
    text-align: center;
}

    .recipe-info li {
        position: relative;
        background: url('../img/etc/bg_recipe.png') repeat;
        margin-bottom: 10px;
        padding: 15px 0;
        width: 290px;
        border-radius: 70px;
        box-sizing: border-box;
    }

        .recipe-info li:first-child {
            margin-left: 0
        }

        .recipe-info li div {
            font-size: 15px;
            color: #000;
            font-weight: 500;
            text-align: center;
            z-index: 10
        }

        .recipe-info li i {
            position: absolute;
            left: 50%;
            bottom: -25px;
            transform: translateX(-50%);
            display: inline-block;
            width: 40px;
            height: 40px;
            background: url('../img/etc/ico_farm_arr.png') no-repeat center 50%;
            background-size: 50px;
        }

        .recipe-info li:last-child div:after {
            background: none
        }

.farm-recipe-cate-wrap {
    position: relative;
    margin: -40px 5px 0;
    padding-bottom: 30px;
}

.farm-recipe-cate {
    position: relative;
    width: 83%;
    text-align: center;
    z-index: 1
}

    .farm-recipe-cate ul {
        display: block;
        margin-bottom: 20px;
        padding-top: 50px;
    }
    /*210831*/
    .farm-recipe-cate li {
        position: relative;
        display: inline-block;
        width: 130px;
        height: 130px;
        border-radius: 50%;
        border: 1px solid #818185;
        margin: 0 5px;
        padding: 55px 0 0;
        font-size: 16px;
        color: #fff;
        box-sizing: border-box;
        vertical-align: top
    }

        .farm-recipe-cate li.active {
            background: #00caac;
            color: #0a3953;
            font-weight: 500;
            border-radius: 50%;
        }

            .farm-recipe-cate li.active:before {
                border: none;
                color: #0a3953
            }

        .farm-recipe-cate li:before {
            content: '';
            display: inline-block;
            width: 40px;
            height: 40px;
            position: absolute;
            top: 15px;
            left: 50%;
            transform: translateX(-50%)
        }

        .farm-recipe-cate li:last-child:after {
            background-image: none
        }

        .farm-recipe-cate li.ico1:before {
            background: url('../img/svgicons/tab03_ico_step01_off.svg') no-repeat center 50%;
            background-size: 30px
        }

        .farm-recipe-cate li.ico2:before {
            background: url('../img/svgicons/tab03_ico_step02_off.svg') no-repeat center 50%;
            background-size: 20px
        }

        .farm-recipe-cate li.ico3:before {
            background: url('../img/svgicons/tab03_ico_step03_off.svg') no-repeat center 50%;
            background-size: 32px
        }

        .farm-recipe-cate li.ico4:before {
            background: url('../img/svgicons/tab03_ico_step04_off.svg') no-repeat center 50%;
            background-size: 40px
        }

        .farm-recipe-cate li.ico5:before {
            background: url('../img/svgicons/tab03_ico_step05_off.svg') no-repeat center 50%;
            background-size: 25px
        }

        .farm-recipe-cate li.ico6:before {
            background: url('../img/svgicons/tab03_ico_step06_off.svg') no-repeat center 50%;
            background-size: 25px
        }

        .farm-recipe-cate li.ico1.active:before {
            background-image: url('../img/svgicons/tab03_ico_step01_on.svg')
        }

        .farm-recipe-cate li.ico2.active:before {
            background-image: url('../img/svgicons/tab03_ico_step02_on.svg')
        }

        .farm-recipe-cate li.ico3.active:before {
            background-image: url('../img/svgicons/tab03_ico_step03_on.svg')
        }

        .farm-recipe-cate li.ico4.active:before {
            background-image: url('../img/svgicons/tab03_ico_step04_on.svg')
        }

        .farm-recipe-cate li.ico5.active:before {
            background-image: url('../img/svgicons/tab03_ico_step05_on.svg')
        }

        .farm-recipe-cate li.ico6.active:before {
            background-image: url('../img/svgicons/tab03_ico_step06_on.svg')
        }

.farm-recipe-cate-info {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30px);
    padding: 10px 0;
    background: #062c41;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    z-index: 2
}
/*210831*/
.farm-recipe-cont-wrap {
    margin-top: 50px;
}

    .farm-recipe-cont-wrap.bg {
        background: #062c41;
        margin: 0 0 -180px;
        padding: 70px 0 50px;
    }

    .farm-recipe-cont-wrap .tit {
        font-size: 6.78vw
    }

    .farm-recipe-cont-wrap .package-name {
        position: relative;
        display: inline-block;
        font-size: 20px !important;
        margin-bottom: 15px;
    }

        .farm-recipe-cont-wrap .package-name:before {
            content: '';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 1px;
            background: #fff;
        }

    .farm-recipe-cont-wrap .tag {
        display: block;
        margin-top: 15px;
        font-size: 17px !important;
        color: #00caac
    }

    .farm-recipe-cont-wrap .btn-wrap {
        margin-top: 35px;
        text-align: center
    }

    .farm-recipe-cont-wrap .btn-rnd-80 {
        width: 120px;
        border-color: #fff;
        color: #fff;
    }

.farm-veggie-list {
    margin: 40px 18px
}

    .farm-veggie-list ul {
        display: block
    }

    .farm-veggie-list li {
        width: 100%;
        padding-bottom: 35px;
    }

        .farm-veggie-list li .img {
            position: relative;
        }

        .farm-veggie-list li .info {
            position: absolute;
            left: 20px;
            bottom: 15px
        }

            .farm-veggie-list li .info span {
                display: block;
                text-align: left;
                color: #fff
            }

                .farm-veggie-list li .info span.tit {
                    font-size: 20px;
                    font-weight: 400
                }

                .farm-veggie-list li .info span.txt {
                    margin-top: 5px;
                    font-size: 16px;
                }

                .farm-veggie-list li .info span.tag {
                    margin-top: 5px;
                    font-size: 15px !important;
                    color: #00caac
                }

        .farm-veggie-list li .desc {
            padding: 20px 15px;
            font-size: 16px;
            color: #b1bfc7
        }

.farm-recipe-cont-wrap .recipe-wrap {
    margin: 30px 18px
}

    .farm-recipe-cont-wrap .recipe-wrap ul {
        display: block;
    }

        .farm-recipe-cont-wrap .recipe-wrap ul li {
            padding-bottom: 40px
        }

            .farm-recipe-cont-wrap .recipe-wrap ul li a {
                display: block;
            }

            .farm-recipe-cont-wrap .recipe-wrap ul li .thumb {
                position: relative;
            }

                .farm-recipe-cont-wrap .recipe-wrap ul li .thumb img {
                    width: 100%;
                    border-radius: 10px;
                }

                .farm-recipe-cont-wrap .recipe-wrap ul li .thumb i.ico.play {
                    position: absolute;
                    bottom: 15px;
                    right: 15px;
                    width: 40px;
                    height: 40px;
                    background: url(../../resource/img/util/ic-play.svg) 0 0/100% no-repeat;
                    font-size: 0;
                }

            .farm-recipe-cont-wrap .recipe-wrap ul li .txt-group {
                margin: 20px 0 0;
            }

                .farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .tit {
                    font-weight: 300;
                    font-size: 23px;
                    color: #fff;
                    text-align: left
                }
                /*210827*/
                .farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .detail {
                    margin: 5px 0 0;
                    font-size: 0;
                }

                    .farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .detail dl {
                        display: inline-block;
                        margin: 0 0 0 20px;
                        font-size: 0;
                    }

                        .farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .detail dl:first-child {
                            margin: 0;
                        }

                        .farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .detail dl dt {
                            display: inline-block;
                            font-size: 16px;
                            line-height: 22px;
                            color: #859198;
                        }

                        .farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .detail dl dd {
                            display: inline-block;
                            margin: 0 0 0 8px;
                            font-size: 16px;
                            line-height: 22px;
                            color: #859198;
                        }

.recipe-tit {
    font-family: 'KoreanDREAM';
    font-size: 6.78vw;
    color: #fff;
    text-align: center
}

    .recipe-tit .tip {
        position: relative;
        display: inline-block;
        font-size: 20px;
        color: #00caac;
        margin-bottom: 15px;
    }

        .recipe-tit .tip:before {
            content: '';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 1px;
            background: #00caac;
        }

.farm-recipe-cate-wrap .swiper-pagination-bullet {
    width: 60px;
    height: 4px;
    background: #fff;
    border-radius: 0
}
/* 210906 추가 */

/* 211108 */
.product-list .prd-info .info .prd-head .title-box2 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .product-list .prd-info .info .prd-head .title-box2 .tit {
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #101010;
        font-family: "KoreanDREAM";
    }

.pay-state-box {
    margin: -10px 0 20px;
    padding: 15px 20px;
    border: 4px solid #ddd;
    border-radius: 8px;
    text-align: left;
    font-size: 16px;
    font-weight: 600
}

    .pay-state-box span {
        font-size: 18px;
        color: #004e73;
    }

.pay-order-prd {
    margin: 0 0 20px;
}

    .pay-order-prd li {
        padding: 15px 0;
        box-sizing: border-box
    }

        .pay-order-prd li input {
            display: none
        }

            .pay-order-prd li input[type=radio] + label,
            .pay-order-prd li input[type=checkbox] + label {
                display: block;
                padding: 15px 0;
                width: 100%;
                height: 100%;
                box-sizing: border-box
            }
            /* 220322 수정 */
            .pay-order-prd li input[type=radio]:checked + label,
            .pay-order-prd li input[type=checkbox]:checked + label {
                border: 3px solid #004e73;
                border-radius: 8px;
                box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15)
            }
        /* 220322 수정 */
        .pay-order-prd li img {
            width: 100%
        }

.btn-tab.pay-tab ul li.on a, .btn-tab.pay-tab ul li.on button, .btn-tab.pay-tab ul li.on input[type='button'] {
    background-color: #0a3953;
    color: #fff
}

.faq-category .radio {
    margin: 0;
}

.faq-category ul {
    width: 100%;
    margin: 30px 0 0;
    font-size: 0;
}

.faq-category li .radio {
    display: inline-block;
    margin: -1px 0 0 -1px;
    box-sizing: border-box;
    width: 33.3%;
    height: 50px;
    font-size: 15px;
    font-weight: 500;
}

    .faq-category li .radio input[type=radio] {
        display: none
    }

        .faq-category li .radio input[type=radio]:not(old) + label {
            box-sizing: border-box;
            display: block;
            width: 100%;
            height: 100%;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 0;
            font-size: 15px;
            font-weight: 500;
            vertical-align: middle;
            text-align: center;
            color: #969696;
            cursor: pointer;
        }

        .faq-category li .radio input[type=radio]:not(old):checked + label {
            border-color: #004e73;
            background: #004e73;
            color: #ffffff;
        }

.accordion.nomem-qna > li .q-num {
    display: block;
    font-size: 14px;
    color: #888;
    padding-bottom: 10px
}

.accordion.nomem-qna > li .category {
    position: absolute;
    top: 27px;
    right: 0
}

/* 211223 */
.paging {
    text-align: center;
    font-family: 'CentraleSans';
    font-size: 0;
    margin: 0 0 50px;
}

    .paging a {
        display: inline-flex;
        margin: 0;
        width: 30px;
        height: 30px;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        border-radius: 50%;
        font-size: 15px;
        color: #606060;
        vertical-align: middle;
    }

        .paging a.current {
            font-size: 15px;
        }

        .paging a span {
            display: inline-block;
        }

        .paging a + a {
            margin-left: 3px;
        }

    .paging .current {
        background-color: #004e73;
        font-weight: 700;
        color: #fff;
    }

    .paging .first,
    .paging a.prev,
    .paging a.next,
    .paging a.last {
        border: 1px solid #e4e4e4;
        font-family: 'KoreanDREAM';
        font-size: 12px;
    }

    .paging a.prev,
    .paging a.last {
        margin: 0;
        margin-left: 5px;
    }

    .paging a.prev {
        margin: 0;
        margin-right: 5px;
    }

    .paging a.next {
        margin: 0;
        margin-left: 5px;
    }

/* 211229 */
.prd-details .prd-head .prd-img .btn-area button.btn-3d {
    background: url(../../resource/img/util/icon-co-3D-40.svg) center/100% auto no-repeat;
}

.modal-view.modal-3D .wrap {
    width: 330px;
    height: 440px
}

.info-3d {
    font-size: 14px;
    color: #606060;
    text-align: left;
    padding: 0 5px
}

/* 220110 */
.floating-btns.mattress > ul > li {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

    .floating-btns.mattress > ul > li.productMat {
        background-color: #004e73;
        color: #fff;
    }

    .floating-btns.mattress > ul > li .btn-float {
        margin: 0 auto;
        padding: 20px 0 7px
    }

        .floating-btns.mattress > ul > li .btn-float .txt {
            font-size: 12px
        }

        .floating-btns.mattress > ul > li .btn-float::before {
            width: 30px;
            height: 30px;
        }

    .floating-btns.mattress > ul > li.productMat .btn-float::before {
        background: #004e73 url(../img/util/product-mattress-wh.svg) center 0 / contain no-repeat;
    }

    .floating-btns.mattress > ul > li.productMat .btn-float .txt {
        color: #fff
    }

/* 220207 */
.steps-top.recruit ol li {
    height: 45px;
    padding: 0 10px
}

.steps-top.recruit ol .on .txt {
    margin-right: 33px
}

.steps-top.recruit ol .on .num {
    width: 35px;
    height: 35px
}

.steps-top.recruit ol .on::before {
    height: 45px
}

.steps-top.recruit ol .on .num em {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.steps-top.recruit ol .on:last-child .txt {
    margin-right: 0
}

.steps-top.recruit ol .on:last-child .num {
    width: auto;
    height: auto
}

.input-form.form-recruit .form-row input + label {
    display: inline-block;
    line-height: 40px;
    font-size: 15px;
    margin: 0 5px;
}

.input-form.form-recruit {
    margin: 25px 0 30px
}

    .input-form.form-recruit ul > li {
        margin: 30px 0 0
    }

.row-wrap + .row-wrap {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #606060
}

.input-form.form-recruit input, .input-form.form-recruit .select-wrap, .input-form.form-recruit .select-wrap .label-slt {
    height: 40px;
    line-height: 40px
}

.form-adj input {
    flex: 1
}

.form-adj .select-wrap {
    flex: 1 1 80px
}

.input-form.form-recruit .form-row span {
    display: inline-block;
    width: 80px;
    line-height: 40px;
    font-size: 15px;
    margin: 0 5px;
}

.form-adj .form-row input + label {
    width: 40px;
}

.radio-wrap.ty3 label.radio {
    flex: 1 0 33%;
    width: calc(33.3% - 2px);
}

.radio-wrap.ty3 label:nth-child(2) i {
    border-radius: 0;
    margin: 0 0 0 -1px;
}

.input-form.form-recruit .radio-wrap.ty3 label.radio i {
    line-height: 40px;
}

.btn-wrap.fixed.recruit .btn-120 {
    font-weight: 500
}

    .btn-wrap.fixed.recruit .btn-120.c2 {
        border-top: 1px solid #f8f8f8;
    }

    .btn-wrap.fixed.recruit .btn-120:disabled {
        color: #888888 !important;
        background-color: #f8f8f8 !important;
        border-color: #f8f8f8 !important;
    }

.form-stit {
    margin-top: 30px;
    font-size: 15px;
    color: #101010
}

.fs-14 {
    font-size: 14px !important;
}

/* 추가하기 버튼 */
.btn.append {
    position: relative;
    display: inline-flex;
    align-items: center;
    background-color: transparent;
    border: none;
    color: #004e73;
    font-size: 16px;
    margin-top: 21px;
    font-weight: 500;
    cursor: pointer;
}

    .btn.append span {
        padding-left: 30px;
        color: #004e73;
    }

        .btn.append span::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            display: inline-block;
            width: 20px;
            height: 20px;
            vertical-align: middle;
            margin-top: 1px;
            background: url(../img/svgicons/add-20.svg) 0 0 / contain no-repeat;
        }

/* 220214 */
.tab-border-type {
    padding: 20px 0;
}

    .tab-border-type ul {
        display: block
    }

        .tab-border-type ul li {
            position: relative;
            font-size: 20px;
            border: 1px solid #ddd;
            border-radius: 10px;
            cursor: pointer
        }

            .tab-border-type ul li.active {
                border-color: #004e73;
                background: #ecf4f9
            }

            .tab-border-type ul li + li {
                margin-top: 15px
            }

            .tab-border-type ul li a {
                display: flex;
                padding: 20px 15px;
                justify-content: space-between;
                align-items: center
            }

            .tab-border-type ul li .icon-box {
                flex: 1;
                box-sizing: border-box;
                text-align: right
            }

                .tab-border-type ul li .icon-box img {
                    width: 50px;
                }

            .tab-border-type ul li .txt-box {
                flex: 2;
                font-size: 0;
                text-align: center;
            }

                .tab-border-type ul li .txt-box .tit {
                    display: block;
                    font-weight: 700;
                    font-size: 20px;
                    color: #101010;
                    text-align: left;
                    vertical-align: middle;
                }

                .tab-border-type ul li .txt-box .txt {
                    display: block;
                    margin: 8px 0 0;
                    font-size: 16px;
                    color: #101010;
                    text-align: left;
                    vertical-align: middle;
                }

.as-desc p {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #888;
    margin: 10px 0 0;
    word-break: keep-all;
}

.agree-wrap.one .tbl-cap table tr th, .agree-wrap.one .tbl-cap table tr td {
    padding: 10px 15px;
}

.agree-wrap.one .tbl-cap table tr th {
    width: 100px;
}

.as-agree {
    padding: 0;
}

.search-bar.ty3 {
    margin: 0;
    background: none;
    padding: 0 0 0 10px;
    height: auto;
}

    .search-bar.ty3 input.full-input {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #888888;
        padding-right: 36px;
        vertical-align: middle;
    }

    .search-bar.ty3::after {
        content: '';
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 2px;
        background: #101010;
        margin-top: 0;
    }

    .search-bar.ty3 .full-btn {
        width: auto;
        height: 55px;
    }

        .search-bar.ty3 .full-btn:before {
            top: -5px;
            right: 10px;
            transform: none;
            width: 20px;
            height: 20px;
        }

.board-list.ty3 li .list-wrap {
    position: relative;
    display: block;
    padding: 10px 10px 10px 100px;
    min-height: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f8f8f8;
}

    .board-list.ty3 li .list-wrap .thumb {
        position: absolute;
        top: 50%;
        left: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80px;
        height: 80px;
        background: #f8f8f8;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 4px;
    }

        .board-list.ty3 li .list-wrap .thumb img {
            width: 100% !important;
            height: 100% !important;
        }

    .board-list.ty3 li .list-wrap .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.ty3 li .list-wrap .sub .tit {
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #101010;
        }

        .board-list.ty3 li .list-wrap .sub .txt {
            margin-top: 7px;
            font-size: 13px;
            font-weight: 400;
            text-align: left;
            color: #888;
        }

.checkbox .txt-wrap .txtno {
    color: transparent
}

.board-list.ty3 li .list-wrap .thumb .checkbox {
    position: absolute;
    top: 0;
    left: 0
}

/* 220321 */
.tab-swipe.icon ul li.active .btn-tab[data-tabid=smartfarm] span::before {
    background: url('../img/svgicons/gnb_wellsfarm_on01.svg') no-repeat 0 50%;
}

.tab-border.full.tab-farm {
    margin-bottom: 25px;
}

.tab-farm.tab-border ul li.active:after {
    background: none;
}

/*220630*/
.filter-box li {
    padding-bottom: 20px;
}

.filter-box .wrap {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.filter-box .label-area .txt {
    font-size: 15px;
    width: 800px;
    margin-left: 10px;
    display: table-cell
}

    .filter-box .label-area .txt > div:first-child {
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 5px;
    }

.filter-chc {
    background-color: #f9f9f9;
    padding: 40px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    margin-top: 20px
}

    .filter-chc i {
        color: #e42525
    }

.filter-view .em {
    background: #f5f9fb;
}

/* 23.07.04 : 서비스 리뉴얼 : 김진아 */
.wells-tip {
    font-size: 12px;
    margin-top: 20px;
    padding-left: 18px;
}

    .wells-tip .tip {
        position: relative;
        color: #004e73;
        font-weight: bold;
    }

        .wells-tip .tip:before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url(../img/service/ico_check.png) no-repeat center /100%;
            position: absolute;
            left: -18px;
            top: 3px;
        }

    .wells-tip .small {
        font-size: 9px;
        color: #888;
    }

.product-service-list .list-num {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .product-service-list .list-num li {
        position: relative;
        margin-top: 20px;
        width: calc((100% - 15px)/2);
    }

        .product-service-list .list-num li .txt {
            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;
        }

    .product-service-list .list-num.type-2 li, .product-service-list .list-num.type-3 li {
        width: 100%;
    }

.product-img-list li {
    padding-top: 20px;
}

.product-service-list .list-num.type-3 li .txt {
    flex-direction: column;
    height: 70px;
    font-size: 12px;
    color: #777;
}

    .product-service-list .list-num.type-3 li .txt .tit {
        display: block;
        font-size: 14px;
        color: #111;
    }

.point {
    color: #009ac0 !important;
    font-weight: 500;
}
/* 맞춤가이드 */
.guide-icon-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}

    .guide-icon-list li {
        width: 50%;
        padding-bottom: 30px;
    }

        .guide-icon-list li .icon-img {
            width: 22vw;
            margin: 0 auto;
        }

        .guide-icon-list li b {
            display: inline-block;
            font-size: 15px;
            font-weight: 500;
            padding: 10px 5px 0px;
        }

        .guide-icon-list li p {
            font-size: 11px;
            padding: 5px 10px;
        }

.service-wrap .txt-area2 {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #101010;
    line-height: 1.5;
}

.guide-Swiper-wrap {
    width: 80%;
    margin: 0 auto;
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.1);
}

.guide-Swiper {
    position: relative;
    overflow: hidden;
}

    .guide-Swiper .swiper-button-next, .guide-Swiper .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: rgba(0,78,115,0.5);
        color: #fff;
    }

    .guide-Swiper .swiper-button-next {
        right: 0;
        border-radius: 40px 0 0 40px;
    }

    .guide-Swiper .swiper-button-prev {
        left: 0;
        border-radius: 0px 40px 40px 0;
    }

        .guide-Swiper .swiper-button-next:after, .guide-Swiper .swiper-button-prev:after {
            font-size: 15px;
            font-weight: bold;
        }

    .guide-Swiper .swiper-button-next::after {
        margin-right: -10px;
    }

    .guide-Swiper .swiper-button-prev:after {
        margin-left: -10px;
    }

.line-box {
    border: 1px dotted #00c4cd;
    margin-bottom: 10px;
    border-radius: 5px;
}

    .line-box:last-child {
        margin-bottom: 0;
    }

/* 2024.08 : 마이페이지 납부내역 관리  : 김진아 */
.tbl-cap table tr td.thin {
    padding: 10px 15px;
}

.btn-110.small {
    width: auto;
    height: auto;
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1;
    box-sizing: border-box;
}

.form-row.gap {
    gap: 8px;
}

    .form-row.gap input[type=text] {
        text-align: center;
    }

/* 2024.12 리뷰 기능 고도화 : 김진아 */
.pro-review-ratings {
    display: inline-block;
    padding-left: 5px;
}

    .pro-review-ratings .score {
        position: relative;
        font-size: 16px;
        font-weight: 900;
        padding-left: 24px;
    }

        .pro-review-ratings .score::before {
            content: "";
            position: absolute;
            left: 0;
            top: 4px;
            display: block;
            width: 16px;
            height: 16px;
            background: url(../img/svgicons/ico_star.svg) no-repeat center/100%;
        }

    .pro-review-ratings .count {
        font-size: 16px;
        font-weight: 400;
        color: #C0C0C0;
        padding-left: 3px;
        letter-spacing: 0.07rem;
    }
/* 사용자 평점 */
.total-count {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

    .total-count .star-img {
        width: 36px;
        padding-right: 16px;
    }

    .total-count .score {
        font-size: 36px;
        font-weight: 900;
    }

    .total-count .max {
        font-size: 36px;
        font-weight: 400;
    }

.reason-type {
    padding-bottom: 30px;
}

    .reason-type li {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .reason-type li:first-child {
            padding-bottom: 20px;
        }

.reason-type-tit {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    padding: 5px;
    width: 80px;
    border-radius: 30px;
    color: #004E73;
    border: 1px solid #004E73;
}

.reason-type-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .reason-type-box .type {
        color: #101010;
        font-weight: 800;
        text-align: left;
        box-sizing: border-box;
    }

.reason-type .reason-type-box .type {
    font-size: 14px;
    width: 84px;
    padding-left: 14px;
}

.review-on {
    position: relative;
}

    .review-on:after {
        content: "";
        position: absolute;
        right: 7px;
        top: 10px;
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #EF1E1E;
    }

.percent-bar {
    width: 33.33vw;
    max-width: 200px;
    height: 8px;
    border-radius: 30px;
    overflow: hidden;
}

    .percent-bar .bar-wrap {
        width: 100%;
        height: 100%;
        background-color: #E8E9EB;
        display: flex;
        flex-direction: column-reverse;
    }

        .percent-bar .bar-wrap .per {
            width: 0%;
            height: 100%;
            background-color: #808B97;
            border-radius: 20px;
            transition: 0.5s;
        }

.reason-type-box .num-per {
    font-size: 14px;
    padding-left: 10px
}

.btn-detail-view {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #101010;
    padding: 18px 0;
    border-top: 1px solid #ddd;
}

    .btn-detail-view::before {
        content: "자세히 보기";
        display: block;
    }

    .btn-detail-view span {
        display: block;
        width: 14px;
        height: 14px;
        margin-left: 5px;
        background: url(../img/svgicons/arrow-down.svg) no-repeat center / 100%;
    }

    .btn-detail-view.active::before {
        content: "접기";
    }

    .btn-detail-view.active span {
        background: url(../img/svgicons/arrow-up.svg) no-repeat center / 100%;
    }

/* 평가 자세히보기 팝업 */

.slt-custom .slt-opt .opt-btn {
    text-align: center;
}

.reason-type-popup {
    position: relative;
    display: none;
}

    .reason-type-popup .type-tit {
        font-size: 17px;
        color: #004E73;
        font-weight: 900;
        padding-top: 30px;
        padding-bottom: 14px;
    }

    .reason-type-popup > li.percent-box {
        margin: 0 -18px;
        padding: 20px 18px;
        background-color: #F8F8F8;
    }

    .reason-type-popup > li:last-child {
        padding-bottom: 30px;
    }

    .reason-type-popup > li:first-child .type-tit {
        padding-top: 0px;
    }

.reason-type-list li {
    padding: 5px 0;
    font-size: 14px;
}

.reason-type-list .reason-type-box .type {
    width: 80px;
    color: #888;
    font-weight: 400;
}

.reason-type-list li.on .reason-type-box .type {
    color: #101010;
    font-weight: 900;
}

.reason-type-list li .percent-bar {
    max-width: 400px;
    width: 50.66vw;
}

.photo-swiper {
    padding-top: 20px;
}

    .photo-swiper .swiper-container {
        margin: 0 -18px;
        padding-right: 36px;
    }

        .photo-swiper .swiper-container .swiper-wrapper {
            padding: 0 18px;
        }

    .photo-swiper .swiper-slide {
        position: relative;
        width: 25vw;
        height: 25vw;
        max-width: 100px;
        max-height: 100px;
        border-radius: 5px;
        background-color: #e8e8e8;
        overflow: hidden;
    }

        .photo-swiper .swiper-slide .thumb img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
        }

        .photo-swiper .swiper-slide.ver .thumb img {
            width: auto;
            height: 100%;
        }
/* .photo-swiper .swiper-container .swiper-scrollbar-drag {top: 0;bottom: 0;height: 2px;border-radius: 0; background: #101010;} */
.thumb.video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.thumb.video:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 16px;
    height: 18px;
    background: url(../img/svgicons/ico_play_w.svg) no-repeat center / 100%;
    z-index: 2;
}
/* 리뷰 상세 리스트 */
.datail-review-top {
    border-top: 1px solid #101010;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
}

    .datail-review-top .total {
        font-size: 13px;
    }

.datail-review-top {
    border-top: 1px solid #101010;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 20px 0;
}

    .datail-review-top .slt-type2 {
        padding-top: 0;
    }

.detail-review-contents > li {
    border-bottom: 1px solid #ddd;
    padding: 20px 0 24px;
}

.detail-review-contents.my-r > li {
    border-bottom: none;
}

.star-box-wrap {
    display: flex;
    gap: 3px;
    padding-right: 10px;
}

    .star-box-wrap span {
        display: block;
        width: 16px;
        height: 16px;
        background: url(../img/svgicons/ico_star_null.svg) no-repeat center / 100%;
    }

        .star-box-wrap span.fill {
            background: url(../img/svgicons/ico_star.svg) no-repeat center / 100%;
        }

    .star-box-wrap .num {
        font-size: 16px;
    }

.top-row .left {
    display: flex;
    align-items: center;
}

.top-row .best-label {
    display: block;
    font-size: 11px;
    width: 55px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    border-radius: 2px;
    margin-right: 10px;
    color: #fff;
    background-color: #004E73;
    box-sizing: border-box;
}

.top-row .left .num {
    font-size: 14px;
}

.top-row .right {
    padding-top: 3px;
}

    .top-row .right .customer-id {
        position: relative;
        font-size: 14px;
        color: #888;
        padding-right: 10px;
    }

        .top-row .right .customer-id:after {
            content: "";
            position: absolute;
            right: 0;
            top: 5px;
            display: block;
            width: 1px;
            height: 12px;
            background-color: #ddd;
        }

    .top-row .right .date {
        font-size: 14px;
        color: #888;
        padding-left: 10px;
    }

.review-contents-row .all-text-box {
    padding-top: 20px;
    color: #101010;
    font-size: 14px;
}

.review-contents-row .text-box {
    padding-top: 20px;
    color: #101010;
    font-size: 14px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.review-contents-row .btn-detail-more {
    margin-top: 20px;
}

.btn-detail-more {
    background-color: transparent;
    border: none;
    font-size: 14px;
    color: #606060;
    border-bottom: 1px solid #606060;
    padding: 0;
    cursor: pointer;
}
/* 후기 상세 팝업 */
.popup-wrap {
    padding: 24px 0 50px;
}

.detial-photo-swiper {
    position: relative;
    background-color: #010101;
    border-radius: 10px;
    overflow: hidden;
}

    .detial-photo-swiper li {
        width: calc(100vw - 36px);
        height: calc(100vw - 36px);
        background-color: #010101;
    }

    .detial-photo-swiper .swiper-slide .thumb img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .detial-photo-swiper .swiper-slide.ver .thumb img {
        width: auto;
        height: 100%;
    }

    .detial-photo-swiper .swiper-slide.ver video {
        height: 100%;
        width: auto;
    }

    .detial-photo-swiper .swiper-slide video {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .detial-photo-swiper .swiper-button-next, .detial-photo-swiper .swiper-button-prev {
        width: 42px;
        height: 42px;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .detial-photo-swiper .swiper-button-prev {
        border-radius: 0 20px 20px 0;
        left: 0;
    }

    .detial-photo-swiper .swiper-button-next {
        border-radius: 20px 0 0 20px;
        right: 0;
    }

        .detial-photo-swiper .swiper-button-next:after, .detial-photo-swiper .swiper-button-prev:after {
            font-size: 12px;
            color: #fff;
        }

.type-result {
    display: flex;
    justify-content: space-between;
    background-color: #F8F8F8;
    margin-top: 5px;
    padding: 20px 26px;
    border-radius: 4px;
}

    .type-result > p {
        font-size: 12px;
    }

    .type-result .type {
        display: inline-block;
        color: #888;
        padding-right: 16px;
    }

    .type-result .result {
        display: inline-block;
        color: #101010;
        font-weight: 700;
    }
/* 사진,영상 모아보기 */
.review-photo-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3vw 1.3vw;
}

    .review-photo-list li {
        position: relative;
        width: calc((97.4vw - 36px)/3);
        height: calc((97.4vw - 36px)/3);
        border-radius: 10px;
        overflow: hidden;
        background-color: #e8e8e8;
        cursor: pointer;
    }

        .review-photo-list li img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: block;
            width: 100%;
        }

        .review-photo-list li.ver img {
            width: auto;
            height: 100%;
        }

.modal.extend .m-con.review {
    padding-bottom: 60px;
}

.review-photo-list li.video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10;
}

.review-photo-list li.video:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 20px;
    height: 24px;
    background: url(../img/svgicons/ico_play_w.svg) no-repeat center / 100%;
    z-index: 11;
}
/* 사진,영상 상세 */
.full-popup-wrap {
    width: 100vw;
    height: 100vh;
}

.winpop .btn.close.white {
    top: 15px;
    transform: none;
    z-index: 10;
}

    .winpop .btn.close.white::before {
        content: '\e903';
        color: #fff;
    }

.detial-photo-swiper.full {
    border-radius: 0;
}

    .detial-photo-swiper.full li {
        width: 100vw;
        height: 100vh;
    }

    .detial-photo-swiper.full .swiper-pagination {
        width: 56px;
        height: 26px;
        text-align: center;
        color: #fff;
        line-height: 26px;
        top: 18px;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 20px;
        font-size: 14px;
    }
/* 후기작성 */
.product-review-list {
    padding: 30px 0;
}

    .product-review-list .thumb {
        width: 56vw;
        max-width: 370px;
        margin: 0 auto;
    }

    .product-review-list .tit {
        padding-top: 20px;
        font-size: 19px;
    }

        .product-review-list .tit b {
            font-weight: 700;
        }

    .product-review-list .code {
        font-size: 14px;
        color: #888;
        padding-top: 10px;
    }

    .product-review-list .number {
        position: relative;
        padding-left: 10px;
        margin-left: 10px;
    }

        .product-review-list .number:before {
            content: "";
            position: absolute;
            left: 0;
            top: 2px;
            display: block;
            width: 1px;
            height: 12px;
            background-color: #ddd;
        }

    .product-review-list .link-box a {
        display: inline-block;
        font-size: 14px;
        color: #606060;
        border-bottom: 1px solid #606060;
        padding-top: 30px;
    }
/* 작성한 후기 */
.tab-top-wrap {
    padding-top: 20px;
}

.tab-border ul.fill-tab li.active .btn-tab {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-color: #004E73;
    background-color: #004E73;
}

.tab-border ul.fill-tab li .btn-tab {
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.my-review {
    padding: 20px 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

    .my-review .pro-info {
        padding-left: 15px;
        width: calc(100% - 100px);
    }

        .my-review .pro-info .tit {
            font-size: 16px;
            font-weight: 800;
        }

            .my-review .pro-info .tit span {
                font-weight: 400;
            }

        .my-review .pro-info .code {
            font-size: 14px;
            font-weight: 400;
            color: #888;
            padding-top: 10px;
        }

            .my-review .pro-info .code .num {
                position: relative;
                padding-left: 10px;
                margin-left: 10px;
            }

                .my-review .pro-info .code .num:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 2px;
                    display: block;
                    width: 1px;
                    height: 12px;
                    background-color: #ddd;
                }

    .my-review .pro-img {
        width: 100px;
        height: 100px;
        text-align: center;
    }

        .my-review .pro-img img {
            height: 100%;
        }

.detail-review-contents.my-r .top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gray-info-box-wrap {
    padding-top: 50px;
}

.gray-info-box {
    padding: 16px;
    border-radius: 5px;
    background-color: #F8F8F8;
    color: #888;
    font-size: 12px;
}

/* 후기작성팝업 */
.write-review-wrap {
    position: relative;
    margin-bottom: 40px;
}

    .write-review-wrap .my-review {
        background-color: #F8F8F8;
        margin: 0 -18px;
        padding: 24px;
    }

.write-review-popup .btn-con {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 30px;
    padding-top: 30px;
    background-color: #fff;
}

.write-review-popup .body {
    max-height: calc(90vh - 100px) !important;
}

.review-score-wrap {
    display: flex;
    justify-content: center;
    gap: 35px;
}

.write-review-list > li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
}

    .write-review-list > li:last-child {
        border-bottom: none;
    }

.write-review-list li input[type="radio"] {
    display: none;
}

.write-review-list li .tit {
    font-size: 19px;
    color: #101010;
    text-align: center;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 26px;
}

.write-review-list .review-score {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.review-score .num {
    width: 34px;
    height: 34px;
    background-color: #D9D9D9;
    color: #888;
    font-size: 18px;
    border-radius: 50%;
    line-height: 34px;
    text-align: center;
}

.review-score .text {
    display: inline-block;
    color: #C0C0C0;
    padding-top: 10px;
    font-size: 14px;
}

.write-review-list li input[type="radio"]:checked + .review-score .num {
    background-color: #004E73;
    color: #fff;
}

.write-review-list li input[type="radio"]:checked + .review-score .text {
    color: #101010;
    font-weight: 700;
}

.write-review-list .textarea-box {
    padding-bottom: 30px;
}

    .write-review-list .textarea-box textarea {
        height: 200px;
        font-size: 14px;
        line-height: 1.4;
    }

.write-review-list textarea::-webkit-scrollbar {
    width: 4px;
}

.write-review-list textarea::-webkit-scrollbar-track {
    background-color: transparent;
}

.write-review-list textarea::-webkit-scrollbar-thumb {
    background-color: #7F7F7F;
    border-radius: 10px;
}
/* ==구매 리뷰작성 ==*/
.star-rating-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .star-rating-box .star-rating {
        width: 220px;
        height: 40px;
    }

.btn-star-wrap {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 5px;
}

    .btn-star-wrap button {
        width: 100%;
        height: 100%;
    }

.btn-star-rating {
    display: flex;
    gap: 10px;
}

    .btn-star-rating button {
        border: none;
        width: 28px;
        height: 28px;
        background: url(../img/svgicons/ico_star_null.svg) no-repeat center/ 100%;
        cursor: pointer;
    }

    .btn-star-rating .active {
        width: 28px;
        height: 28px;
        background: url(../img/svgicons/ico_star.svg) no-repeat center/ 100%;
    }

.star-box-text {
    text-align: center;
    padding-top: 20px;
    font-size: 14px;
    color: #101010
}

.text-count {
    text-align: right;
    font-size: 14px;
    color: #C0C0C0;
    padding-top: 5px;
}

    .text-count span {
        color: #101010;
        font-weight: 700;
    }
/* 사진첨부 */
.attach-photo-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .attach-photo-box + .attach-photo-box {
        padding-top: 10px;
    }

    .attach-photo-box li {
        position: relative;
        width: calc((100vw - 56px)/3);
        height: calc((100vw - 56px)/3);
        border-radius: 5px;
        border: 1px solid #ddd;
        background-color: #F8F8F8;
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .attach-photo-box li.video:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: block;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            z-index: 10;
        }

        .attach-photo-box li.video:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: block;
            width: 20px;
            height: 24px;
            background: url(../img/svgicons/ico_play_w.svg) no-repeat center / 100%;
            z-index: 11;
        }

        .attach-photo-box li img {
            width: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .attach-photo-box li.ver img {
            height: 100%;
            width: auto;
        }

    .attach-photo-box .photo {
        cursor: pointer;
    }

        .attach-photo-box .photo div {
            font-size: 16px;
            font-weight: 700;
            text-align: center;
            padding-top: 32px;
            background: url(../img/svgicons/ico_photo.svg) no-repeat top center/ 26px;
        }

        .attach-photo-box .photo span {
            font-size: 14px;
            color: #C0C0C0;
        }

    .attach-photo-box .video-box {
        cursor: pointer;
    }

        .attach-photo-box .video-box div {
            font-size: 16px;
            font-weight: 700;
            text-align: center;
            padding-top: 32px;
            background: url(../img/svgicons/ico_video.svg) no-repeat top center/ 26px;
        }

        .attach-photo-box .video-box span {
            font-size: 14px;
            color: #C0C0C0;
        }

    .attach-photo-box .btn-close {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 18px;
        height: 18px;
        border: none;
        background: url(../img/svgicons/thumb_close.svg) no-repeat center/ 100%;
        z-index: 10;
        cursor: pointer;
    }

.write-review-wrap .pop-bottom {
    padding-top: 30px;
}

    .write-review-wrap .pop-bottom label {
        align-items: flex-start;
        padding-bottom: 20px;
    }

    .write-review-wrap .pop-bottom .btn-wrap {
        margin-top: 30px;
    }

    .write-review-wrap .pop-bottom .txt-wrap {
        font-size: 14px;
    }

/* 2025.04 : 메인 베스트 셀러 모션 추가 : 김진아 */
.homecare-membership .swiper-wrapper {
    transition-timing-function: linear !important;
}

/* 2025.04.15 장바구니 팝업 추가 */
.modal-view.dim-del {
    background-color: rgba(16, 16, 16, 0);
}

    .modal-view.dim-del .wrap {
        width: 90%;
        min-width: 315px;
        max-width: 550px;
        border-radius: 0;
    }

    .modal-view.dim-del .event-wrap {
        position: relative;
        background: #edf4fa url(../../resource/img/event/popup_img_bg.jpg)no-repeat right bottom 40px/40%;
        overflow: hidden;
        box-sizing: border-box;
        padding: 30px 20px 110px;
    }

    .modal-view.dim-del .modal-text-wrap {
        font-size: clamp(15px, 2.5vw, 20px);
    }

        .modal-view.dim-del .modal-text-wrap .strong {
            font-weight: 700;
        }

        .modal-view.dim-del .modal-text-wrap .color11 {
            color: #00479e;
        }

    .modal-view.dim-del .wrap .btn-con {
        position: absolute;
        left: 0;
        bottom: 0;
        display: flex;
        box-sizing: border-box;
        border-top: 0;
        width: 100%;
    }

    .modal-view.dim-del .wrap .btn {
        height: 40px;
        padding: 0;
        flex: 1;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        background: #626262;
    }

        .modal-view.dim-del .wrap .btn span {
            font-weight: 700;
            color: #fff;
            font-size: 14px;
        }

        .modal-view.dim-del .wrap .btn:last-child {
            background: #00479e;
        }

    .modal-view.dim-del .wrap .btn-con *[class^=btn] + *[class^=btn] {
        margin-left: 0;
        border-left: 0;
    }


/* 2025.04.30 배너 추가 */
.banner-event {
    position: absolute;
    left: 50%;
    bottom: 60px;
    transform: translate(-50%,-50%);
    width: 92%;
}

    .banner-event a {
        display: block;
        text-align: center;
    }

/* 202505 : 메일 플로팅 버튼 추가 : 김진아 */
.floating-btns {
    bottom: 70px !important;
}

.main-floating {
    position: fixed;
    left: 0;
    right: 0px;
    bottom: 0px;
    z-index: 200;
    background-color: #6d56ed;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    border-radius: 20px 20px 0 0;
}

    .main-floating .btn-main-floating {
        display: block;
        height: 60px;
        width: 375px;
        background: url(../img/main/float_202505_m.png) no-repeat center/contain;
        margin: 0 auto;
    }

.btn-main-floating-close {
    padding: 0;
    background: transparent;
    border: none;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

footer.floating {
    padding-bottom: 60px;
}

/* 202506 : 0원 이벤트 : 김진아 */
.bg-gray {
    background-color: #F8F8F8;
}

.page-head .count {
    font-size: 15px;
    font-weight: 500;
}

.event-badge {
    display: block;
    width: 74px;
    height: 34px;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    background-color: #68C3CB;
    box-sizing: border-box;
}

.event-upcoming .event-badge {
    color: #68C3CB;
    background-color: #fff;
    border: 1px solid #68C3CB;
}

.event-ended .event-badge {
    color: #fff;
    background-color: #969696;
}

.free-img-box {
    padding: 24px 18px 30px;
    background: linear-gradient(180deg,rgba(255, 255, 255, 1)50%, rgba(0, 0, 0, 0.05) 100%)
}

    .free-img-box .event-box-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .free-img-box .event-box-top .txt {
            font-size: 15px;
        }

    .free-img-box .img-box {
        text-align: center;
        width: 73vw;
        height: 73vw;
        max-width: 550px;
        max-height: 550px;
        margin: 0 auto;
    }

.event-ended .img-box {
    opacity: 0.7;
    filter: grayscale(1);
}

.free-img-box .countdown {
    font-family: 'CentraleSans';
    font-size: 30px;
    color: #101010;
    font-weight: 600;
    text-align: center;
}

    .free-img-box .countdown span.small {
        font-size: 16px;
        font-weight: 400;
    }

.event-upcoming .free-img-box .countdown,
.event-ended .free-img-box .countdown {
    color: #888;
    font-weight: 400;
}

.free-event-list li {
    margin: 0 -18px;
    border-bottom: 1px solid #E0E0E0;
    border-top: 14px solid #F1F1F1;
}

    .free-event-list li:first-child {
        border-top: none;
    }

    .free-event-list li:last-child {
        border-bottom: none;
    }

    .free-event-list li .free-text-box {
        position: relative;
        padding: 30px 18px;
        box-sizing: border-box;
    }

.free-text-box .tit {
    font-size: 24px;
    color: #101010;
    font-weight: 600;
}

.event-ended .free-text-box .tit {
    color: #888;
}

.free-text-box .desc {
    font-size: 15px;
    color: #888;
    padding-top: 4px;
}

.free-price-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 24px;
    padding-bottom: 54px;
}

.sale {
    color: #888;
    font-size: 14px;
    text-decoration: line-through;
}

.free-price-box .price {
    color: #EF1E1E;
}

    .free-price-box .price span {
        font-size: 28px;
    }

.event-upcoming .free-price-box .price {
    color: #101010;
}

.event-ended .free-price-box .price {
    color: #888888;
}

.btn-completed {
    background-color: #808B97 !important;
    border-color: #808B97 !important;
}

/* 상세 페이지 */
.free-thumb-img .img {
    position: relative;
    padding: 15px 15px 0;
    text-align: center;
}

    .free-thumb-img .img img {
        width: 238px;
    }

.section-wrap {
    padding: 34px 0;
}

.free-info-list li {
    display: flex;
    padding-bottom: 14px;
}

    .free-info-list li:last-child {
        padding-bottom: 0;
    }

    .free-info-list li .info-label {
        font-size: 15px;
        font-weight: 600;
        width: 100px;
        flex-shrink: 0;
    }

    .free-info-list li .info-txt {
        font-size: 15px;
        font-weight: 400;
    }

.promo-info-list-wrap {
    margin: 0 -18px;
    background-color: #F8F8F8;
    padding: 40px 18px;
}

    .promo-info-list-wrap .tit {
        font-size: 15px;
        font-weight: 600;
        color: #004E73;
    }

    .promo-info-list-wrap .promo-info-list {
        padding-top: 16px;
    }

        .promo-info-list-wrap .promo-info-list li {
            font-size: 14px;
            color: #606060;
            letter-spacing: -0.06rem;
        }
/* 마케팅 수신 동의 팝업 */
.btn-wrap.pop-fixed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.modal-sub-tit {
    font-size: 16px;
    font-weight: 600;
}

.scroll-gray-box {
    background-color: #F8F8F8;
    max-height: 0px;
    padding: 0px;
    overflow: auto;
    box-sizing: border-box;
    border: 1px solid #ddd;
    transition: 0.5s;
}

    .scroll-gray-box.active {
        max-height: 250px;
        padding: 15px;
        border: none;
        transition: 0.5s;
    }

    .scroll-gray-box .privacy-policy .policy-contents .desc,
    .privacy-policy .policy-contents .point {
        font-size: 14px;
    }

.modal-con-txt {
    color: #888;
    font-size: 14px;
}
/* 당청자 확인 팝업 */
.modal-view.large .wrap {
    height: auto;
}

.modal-view-wrap {
    padding: 26px 20px;
}

.winning-title {
    font-size: 19px;
    text-align: center;
    font-weight: 600;
}

.winning-view {
    position: relative;
    width: 33.3333vw;
    max-width: 250px;
    margin: 20px auto;
    padding-top: 10px;
    text-align: center;
}

    .winning-view img {
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .winning-view:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        display: block;
        width: 28.5333vw;
        height: 28.5333vw;
        max-width: 214px;
        max-height: 214px;
        border-radius: 50%;
        background-color: #F8F8F8;
    }

    .winning-view span {
        display: inline-block;
        font-size: 15px;
        font-weight: 500;
        margin: 0 -7vw;
    }

.winning-info {
    font-size: 13px;
    color: #888;
    padding-top: 14px;
    border-top: 1px solid #ddd;
    letter-spacing: -0.06rem;
}
/* 당첨자 안내 팝업 */
.scroll-area {
    background-color: #F8F8F8;
    min-height: 70px;
    max-height: 82.5vw;
    overflow: auto;
    padding: 22px 0 22px 18px;
    box-sizing: border-box;
}

    .scroll-area .member-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 0px;
    }

        .scroll-area .member-list.flex-center {
            justify-content: center;
            text-align: center;
        }

        .scroll-area .member-list li {
            width: 50%;
            font-size: 14px;
        }

            .scroll-area .member-list li b {
                font-weight: 500;
            }