@charset "UTF-8";

.header .row:after, .footerNav > ul:after, footer.footer > div:after, footer.footer .sns_wrap .snslink:after, .footerNav-social > ul:after, .footerNav-social > ul > li:first-of-type .snslink:after, .popup.eventagreeform .tit_head:after {
    content: "";
    display: block;
    clear: both;
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NotoSans-Light.eot) format("eot");
    src: local("※"), url(../fonts/NotoSans-Light.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/NotoSans-Light.woff) format("woff");
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 350;
    src: url(../fonts/NotoSans-DemiLight.eot) format("eot");
    src: local("※"), url(../fonts/NotoSans-DemiLight.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/NotoSans-DemiLight.woff) format("woff");
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NotoSans-Regular.eot) format("eot");
    src: local("※"), url(../fonts/NotoSans-Regular.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/NotoSans-Regular.woff) format("woff");
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/NotoSans-Medium.eot) format("eot");
    src: local("※"), url(../fonts/NotoSans-Medium.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/NotoSans-Medium.woff2) format("woff2"), url(../fonts/NotoSans-Medium.woff) format("woff"), url(../fonts/NotoSans-Medium.otf) format("opentype");
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NotoSans-Bold.eot) format("eot");
    src: local("※"), url(../fonts/NotoSans-Bold.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/NotoSans-Bold.woff) format("woff");
}

/** RESET **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 1.4;
    word-break: keep-all;
    font-weight: 400;
}

fieldset, img, textarea {
    border: 0;
    outline: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}

img {
    max-width: 100%;
}

button, input {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 0;
    margin: 0;
    outline: none;
    border: 0;
}

body {
    -webkit-text-size-adjust: none;
}

ol, ul {
    list-style: none;
}

address, em {
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

div {
    word-break: keep-all;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

iframe {
    overflow: hidden;
    border: 0;
}

embed {
    border: 0;
    margin: 0;
    -webkit-text-size-adjust: none;
}

input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email] {
    width: 100%;
    height: 50px;
    padding: 5px 15px;
    background-color: #F6F8FA;
    border: none;
    outline: none;
    color: #000;
    font-size: 16px;
    line-height: 16px;
    -webkit-appearance: none;
}

    input[type=text]:not([readonly]):focus, input[type=password]:not([readonly]):focus, input[type=number]:not([readonly]):focus, input[type=tel]:not([readonly]):focus, input[type=email]:not([readonly]):focus {
        background-color: #fff;
        border-color: #00a8e2;
    }

    input[type=text]:-moz-read-only, input[type=password]:-moz-read-only, input[type=number]:-moz-read-only, input[type=tel]:-moz-read-only, input[type=email]:-moz-read-only {
        color: #666;
    }

    input[type=text]:read-only, input[type=password]:read-only, input[type=number]:read-only, input[type=tel]:read-only, input[type=email]:read-only {
        color: #666;
    }

    input[type=text]:-moz-read-only.fc_bk, input[type=password]:-moz-read-only.fc_bk, input[type=number]:-moz-read-only.fc_bk, input[type=tel]:-moz-read-only.fc_bk, input[type=email]:-moz-read-only.fc_bk {
        color: #000;
    }

    input[type=text]:read-only.fc_bk, input[type=password]:read-only.fc_bk, input[type=number]:read-only.fc_bk, input[type=tel]:read-only.fc_bk, input[type=email]:read-only.fc_bk {
        color: #000;
    }

    input[type=text].datepicker:-moz-read-only, input[type=password].datepicker:-moz-read-only, input[type=number].datepicker:-moz-read-only, input[type=tel].datepicker:-moz-read-only, input[type=email].datepicker:-moz-read-only {
        color: #000;
    }

    input[type=text].datepicker:read-only, input[type=password].datepicker:read-only, input[type=number].datepicker:read-only, input[type=tel].datepicker:read-only, input[type=email].datepicker:read-only {
        color: #000;
    }

textarea {
    width: 100%;
    min-height: 110px;
    padding: 15px;
    border: none;
    outline: none;
    resize: none;
    -webkit-appearance: none;
    font-size: 16px;
    background-color: #F6F8FA;
}

    textarea:not([readonly]):focus {
        background-color: #F6F8FA;
        border-color: #00a8e2;
    }

    textarea:-moz-read-only {
        color: #666;
    }

    textarea:read-only {
        color: #666;
    }

    textarea ::-webkit-input-placeholder {
        font-size: 14px;
        font-weight: 300;
        color: #999;
    }

    textarea ::-moz-placeholder {
        font-size: 14px;
        font-weight: 300;
        color: #999;
    }

    textarea ::-ms-placeholder {
        font-size: 14px;
        font-weight: 300;
        color: #999;
    }

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: 0;
    height: 50px;
    padding: 5px 20px 5px 10px;
    background-color: #F6F8FA;
    background-image: url(../images/icon/icon_down.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: calc(100% - 15px) center;
    border: none;
    outline: none;
    font-size: 14px;
}

    select option {
        padding: 5px 10px;
        background-color: #F6F8FA;
    }

        select option:disabled {
            color: #999;
        }

input::-ms-clear {
    display: none;
}

::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #999;
}

::-moz-placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #999;
}

::-ms-placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #999;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

button {
    cursor: pointer;
    border: none;
    margin: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0);
    outline: none;
}

input, button, select {
    vertical-align: middle;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    font-family: 'NotoSansKR', 'Helvetica', 'Malgun Gothic', sans-serif;
    color: #000000;
    font-size: 16px;
}

    *[aria-hidden="true"] {
        display: none;
    }

    *[aria-hidden="false"] {
        display: block;
    }

button {
    text-align: center;
    cursor: pointer;
    border: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: transparent;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

hr {
    height: 10px;
    margin: 0;
    border: none;
    background-color: #f2f4f6;
}

/** accessibility **/
.a11y {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.skipnavigation {
    position: relative;
}

    .skipnavigation a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        z-index: 1;
        display: block;
        font-size: 0;
        background-color: #FFF;
        text-align: center;
    }

        .skipnavigation a:focus {
            height: 30px;
            padding: 4px 0;
            visibility: visible;
            font-size: 1em;
        }

.noscroll {
    overflow: hidden !important;
    height: 100%;
}

    .noscroll .wrap {
        overflow: hidden;
    }

/** layout **/
@media all and (max-width: 1024px) {
    html {
        font-size: 16px;
    }
}

html, body {
    margin: 0 auto;
}

.contents {
    width: 100%;
}

h1.logo {
    display: block;
    width: 115px;
    height: 45px;
    background-image: url(../images/common/logo.png);
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

    h1.logo a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

.header {
    position: relative;
    width: 100%;
    height: 70px;
    z-index: 100;
    background-color: transparent;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    -webkit-transition: none;
    transition: none;
}

    .header h1.yk_logo {
        display: inline-block;
        width: 140px;
        height: 25px;
        background-image: url(../images/common/logo_yk.png);
        background-size: 140px;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

        .header h1.yk_logo a {
            display: inline-block;
            width: 100%;
            height: 100%;
        }

    .header .logo {
        display: inline-block;
        position: absolute;
        top: 20px;
        left: 25px;
        min-width: inherit;
        width: 90px;
        height: 30px;
        background-position: center center;
        background-repeat: no-repeat;
    }

        .header .logo a {
            display: inline-block;
            width: 100%;
            height: 100%;
        }

        .header .logo.logo_huggies {
            background-image: url(../images/common/logo_huggies-red.png);
            background-size: 89px;
        }

    .header .row {
        position: relative;
        max-width: 100%;
        height: 100%;
        padding: 25px;
    }

    .header .tutil {
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 15px;
    }

        .header .tutil a {
            display: inline-block;
            padding-left: 18px;
            color: #FFFFFF;
            font-size: 14px;
            vertical-align: middle;
        }

            .header .tutil a:before {
                content: '';
                display: inline-block;
                margin-right: 18px;
                width: 1px;
                height: 12px;
                background-color: rgba(255, 255, 255, 0.5);
            }

            .header .tutil a:first-child:before {
                display: none;
            }

        .header .tutil .bt_momq {
            display: none;
            width: 72px;
            height: 35px;
            background-image: url(../images/common/btn_momq.png);
            background-size: cover;
            background-position: right center;
            background-repeat: no-repeat;
        }

    .header .tbrand {
        display: inline-block;
        vertical-align: middle;
    }

    .header .menu_btn {
        display: inline-block;
        width: 42px;
        height: 42px;
        background-image: url(../images/common/btn_menu-bk.png);
        background-size: 21px;
        background-position: right center;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

        .header .menu_btn a {
            display: inline-block;
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }

    .header .tgnb {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        clear: both;
        text-align: center;
        background-image: linear-gradient(to bottom, #DE040A, #DE040A 130px, #fff 130px);
        -webkit-box-shadow: 5px 15px 17px 2px rgba(0, 0, 0, 0.18);
        box-shadow: 5px 15px 17px 2px rgba(0, 0, 0, 0.18);
    }

        .header .tgnb .btn_close {
            position: absolute;
            top: 26px;
            right: 22px;
            width: 22px;
            height: 22px;
        }

            .header .tgnb .btn_close ._black {
                display: none;
            }

        .header .tgnb .gnb-inner {
            margin: 70px 0 0;
        }

        .header .tgnb .gnb-title {
            display: block;
            height: 60px;
            margin: 0 25px;
            background-color: #fff;
            color: #DE040A;
            font-size: 15px;
            font-weight: 900;
            line-height: 6.5;
            text-transform: uppercase;
        }

        .header .tgnb ul {
            margin: -10px auto 0;
            padding: 20px 25px 25px;
            background-color: #fff;
        }

            .header .tgnb ul li {
                display: block;
                margin-bottom: 25px;
            }

                .header .tgnb ul li:first-of-type {
                    padding-top: 15px;
                }

                .header .tgnb ul li:last-of-type {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    margin-bottom: 0;
                }

            .header .tgnb ul a {
                color: #000;
                font-size: 18px;
                font-weight: 500;
            }

    .header .tuser {
        margin: 0 auto;
    }

        .header .tuser [class^="user_btn"] {
            padding-top: 25px;
            display: inline-block;
        }

            .header .tuser [class^="user_btn"] a {
                font-size: 14px;
                font-weight: 400;
            }

        .header .tuser i {
            -webkit-transform: translateY(30px);
            transform: translateY(30px);
            display: inline-block;
            background-color: rgba(0, 0, 0, 0.5);
            width: 1px;
            height: 12px;
            margin: 0 18px 0;
        }

        .header .tuser .user_btn_my {
            text-align: left;
        }

        .header .tuser .user_btn_member {
            text-align: right;
        }

    .header.brand-head .yk_logo {
        display: none;
    }

    .header.brand-head .tgnb {
        display: none;
    }

    .header.frame-head .yk_logo {
        display: none;
    }

    .header.frame-head .tgnb {
        display: none;
    }

    .header.sub-head {
        position: relative;
        background-color: #DE040A;
        z-index: 0;
    }

        .header.sub-head:after {
            z-index: -1;
            content: '';
            position: absolute;
            bottom: -40px;
            width: 100%;
            height: 40px;
            background-color: #DE040A;
        }

        .header.sub-head .tgnb {
            top: 0;
        }

        .header.sub-head .gnb-title {
            margin: 0;
        }

        .header.sub-head .logo {
            top: 21px;
            width: 91px;
            height: 29px;
        }

            .header.sub-head .logo.logo_huggies {
                background-image: url(../images/common/logo_huggies.png);
                background-size: 100%;
                background-position: center center;
            }

        .header.sub-head .menu_btn {
            background-image: url(../images/common/btn_menu.png);
        }

        .header.sub-head.h-typeB {
            background-color: #F5F5F5;
        }

            .header.sub-head.h-typeB:after {
                background-color: #F5F5F5;
            }

            .header.sub-head.h-typeB .logo.logo_huggies {
                top: 15px;
                left: 20px;
                width: 62px;
                height: 38px;
                background-image: url(../images/common/logo_huggies-red.png);
            }

            .header.sub-head.h-typeB .menu_btn {
                background-image: url(../images/common/btn_menu-b.png);
            }

            .header.sub-head.h-typeB.on .tgnb {
                background-color: #fff;
                background-image: none;
            }

                .header.sub-head.h-typeB.on .tgnb .btn_close {
                    width: 16px;
                    height: 16px;
                }

                    .header.sub-head.h-typeB.on .tgnb .btn_close ._white {
                        display: none;
                    }

                    .header.sub-head.h-typeB.on .tgnb .btn_close ._black {
                        display: block;
                    }

                .header.sub-head.h-typeB.on .tgnb .gnb-inner {
                    border-top: 1px solid #E7E6E6;
                }

                .header.sub-head.h-typeB.on .tgnb ul {
                    margin-top: 0;
                    padding: 0 0 30px;
                }

    .header.on {
        z-index: 99;
    }

        .header.on .logo.logo_huggies {
            background-image: url(../images/common/logo_huggies.png);
        }

        .header.on .tutil {
            display: none;
        }

        .header.on .tgnb {
            display: block;
            position: fixed;
        }

            .header.on .tgnb:after {
                content: '';
                display: block;
                position: fixed;
                left: 0;
                top: 130px;
                width: 100%;
                height: 100vh;
                background-color: rgba(0, 0, 0, 0.4);
                z-index: -1;
            }

.main_templateB .header {
    position: relative;
    height: 60px;
}

    .main_templateB .header .row {
        padding: 20px 25px;
    }

    .main_templateB .header .logo.logo_huggies {
        top: 10px;
        left: 20px;
        width: 90px;
        height: 38px;
        background-image: url(../images/common/logo_huggies-red.png);
    }

    .main_templateB .header .tutil {
        top: 10px;
    }

    .main_templateB .header .menu_btn {
        background-image: url(../images/common/btn_menu-b.png);
    }

    .main_templateB .header .tgnb {
        background-image: none;
        background-color: #fff;
        -webkit-box-shadow: 5px 15px 17px 2px rgba(0, 0, 0, 0.18);
        box-shadow: 5px 15px 17px 2px rgba(0, 0, 0, 0.18);
    }

        .main_templateB .header .tgnb .btn_close {
            width: 16px;
            height: 16px;
        }

            .main_templateB .header .tgnb .btn_close ._white {
                display: none;
            }

            .main_templateB .header .tgnb .btn_close ._black {
                display: block;
            }

        .main_templateB .header .tgnb .gnb-inner {
            border-top: 1px solid #E7E6E6;
        }

        .main_templateB .header .tgnb .gnb-title {
            margin: 0;
        }

        .main_templateB .header .tgnb ul {
            margin-top: 0;
            padding: 0 0 30px;
        }

/** contents **/
.contents {
    margin: 0 auto 0;
}

.row {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 0;
}

.section {
    position: relative;
    width: 100%;
    margin: 0 auto 130px;
}

    .section:last-of-type {
        margin-bottom: 0;
    }

    .section h3 {
        font-size: 26px;
        font-weight: 400;
        letter-spacing: -0.01em;
        margin-bottom: 30px;
    }

.label {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    font-weight: 900;
    line-height: 1;
    text-transform: capitalize;
    padding-top: 17px;
}

    .label._new {
        background-color: #E2211C;
    }

    .label._best {
        background-color: #82C732;
    }

    .label._gift {
        background-color: #D42229;
        width: 75px;
        height: 20px;
        border-radius: 17.5px;
        text-transform: initial;
    }

.logo {
    display: inline-block;
    min-width: 100px;
    min-height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 25px;
}

.swiper-pagination.custom {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    color: #999;
    text-align: center;
}

    .swiper-pagination.custom .pagi-cur {
        color: #000;
        font-size: 13px;
        font-weight: 900;
        vertical-align: middle;
    }

    .swiper-pagination.custom .pagi-total {
        color: inherit;
        font-size: 12px;
        font-weight: 350;
        vertical-align: middle;
    }

iframe {
    position: relative;
}

/** ykbrand footer style **/
footer {
    height: 205px;
    padding: 20px 0 0 15px;
    font-size: 11px;
    color: #c5c5c5;
    background: #202020;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    footer a {
        font-size: inherit;
    }

    footer .flogo {
        height: 28px;
    }

        footer .flogo a {
            font-size: 11px;
            color: #c5c5c5;
            display: inline-block;
            margin-left: 10px;
        }

        footer .flogo img {
            width: 67px;
        }

    footer address {
        font-size: inherit;
        font-style: normal;
    }

    footer .info {
        font-size: 11px;
        overflow: hidden;
    }

        footer .info li {
            float: left;
            margin-right: 7px;
            font-size: inherit;
        }

            footer .info li:nth-child(3) {
                clear: both;
            }

        footer .info a {
            font-size: inherit;
        }

    footer .email {
        display: inline-block;
        height: 27px;
        color: #c5c5c5;
        text-decoration: underline;
    }

    footer .copy {
        font-size: 11px;
    }

    footer.renewfoo {
        background-color: #4d4d4d;
        color: #fff;
    }

        footer.renewfoo a, footer.renewfoo span, footer.renewfoo p, footer.renewfoo li, footer.renewfoo address {
            color: #fff;
        }

        footer.renewfoo a {
            color: #fff !important;
        }

        footer.renewfoo .email {
            margin-top: 3px;
            text-decoration: none;
        }

            footer.renewfoo .email img {
                width: 10px;
                vertical-align: middle;
            }

        footer.renewfoo .info {
            margin-top: 3px;
        }

.footerNav {
    border-top: 1px solid #E0E0E0;
}

    .footerNav > ul {
        width: 100%;
        margin: 0 auto;
        padding: 15px 10px 15px;
    }

        .footerNav > ul > li {
            float: left;
        }

            .footerNav > ul > li > a {
                position: relative;
                display: inline-block;
                height: 30px;
                padding: 0 15px;
                color: #666;
                font-size: 13px;
                line-height: 30px;
                font-weight: 300;
                vertical-align: middle;
            }

            .footerNav > ul > li:after {
                -webkit-transform: translateY(2px);
                transform: translateY(2px);
                content: '';
                display: inline-block;
                background-color: rgba(211, 211, 211, 0.7);
                width: 1px;
                height: 10px;
                margin: 0 5px 0;
            }

            .footerNav > ul > li:last-of-type:after, .footerNav > ul > li:nth-of-type(3):after {
                display: none;
            }

footer.footer {
    height: auto;
    padding: 27px 27px 35px;
    background-color: #292929;
}

    footer.footer * {
        color: #999;
        font-size: 12px;
        line-height: 20px;
    }

    footer.footer .flogo {
        height: unset;
        height: auto;
        margin-bottom: 15px;
    }

        footer.footer .flogo img {
            display: block;
            width: 85px;
            margin-bottom: 28px;
        }

        footer.footer .flogo a {
            display: inline-block;
            height: 24px;
            font-size: 14px;
            line-height: 24px;
            font-weight: 500;
            margin-left: 0;
        }

            footer.footer .flogo a:not(:first-of-type) {
                margin-left: 20px;
            }

    footer.footer .finfo li {
        display: inline-block;
        margin-right: 0;
    }

        footer.footer .finfo li .address, footer.footer .finfo li .tel, footer.footer .finfo li .email {
            display: inline-block;
        }

        footer.footer .finfo li:first-of-type:after, footer.footer .finfo li:nth-of-type(4):after {
            content: '';
            height: 8px;
            width: 1px;
            display: inline-block;
            background-color: #999;
            margin: 0 10px;
            -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
        }

    footer.footer .finfo a {
        color: inherit;
    }

        footer.footer .finfo a.email img {
            -webkit-transform: translateY(5px);
            transform: translateY(5px);
            margin-left: 3px;
            max-width: 11px;
        }

    footer.footer .fcopy {
        margin-top: 15px;
        color: #666;
        font-size: 10px;
        font-weight: 350;
    }

    footer.footer > div {
        margin-top: 40px;
        height: auto;
    }

    footer.footer .sns_wrap {
        float: left;
    }

        footer.footer .sns_wrap .snslink > li {
            float: left;
            margin-right: 15px;
        }

            footer.footer .sns_wrap .snslink > li > a {
                display: inline-block;
                width: 25px;
                height: 25px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 25px;
            }

                footer.footer .sns_wrap .snslink > li > a.bt_youtube {
                    background-image: url(../images/icon/footer-ytb.png);
                }

                footer.footer .sns_wrap .snslink > li > a.bt_facebook {
                    background-image: url(../images/icon/footer-fb.png);
                }

                footer.footer .sns_wrap .snslink > li > a.bt_insta {
                    background-image: url(../images/icon/footer-insta.png);
                }

    footer.footer select {
        float: right;
        width: 50%;
        max-width: 160px;
        height: 30px;
        padding: 0;
        color: #fff;
        font-size: 12px;
        line-height: 24px;
        background-color: transparent;
        border-bottom: 1px solid #fff;
        background-position: calc(100% - 5px) center;
    }

.footerNav-social {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    background-color: #F4F4F4;
}

    .footerNav-social > ul {
        width: 100%;
        margin: 0 auto;
        padding: 20px 25px 20px;
    }

        .footerNav-social > ul > li:first-of-type {
            float: left;
        }

            .footerNav-social > ul > li:first-of-type .snslink > li {
                float: left;
                margin-right: 13px;
            }

                .footerNav-social > ul > li:first-of-type .snslink > li > a {
                    display: inline-block;
                    width: 24px;
                    height: 24px;
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: 24px;
                }

                    .footerNav-social > ul > li:first-of-type .snslink > li > a.bt_youtube {
                        background-image: url(../images/icon/fnav-ytb.png);
                    }

                    .footerNav-social > ul > li:first-of-type .snslink > li > a.bt_facebook {
                        background-image: url(../images/icon/fnav-fb.png);
                    }

                    .footerNav-social > ul > li:first-of-type .snslink > li > a.bt_insta {
                        background-image: url(../images/icon/fnav-insta.png);
                    }

        .footerNav-social > ul > li:last-of-type {
            float: right;
            max-width: 160px;
            width: 100%;
            border-bottom: 1px solid #000;
        }

            .footerNav-social > ul > li:last-of-type select {
                height: 24px;
                padding: 2px 0 4px 4px;
                font-size: 12px;
                text-align: left;
                text-transform: initial;
                background-image: url(../images/icon/icon_down-b.png);
                background-size: 8px;
                background-repeat: no-repeat;
                background-position: calc(100% - 4px) center;
            }

/** layer popup **/
.layer_body {
    position: fixed;
    min-height: 100vh;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
}

.layer_wrap {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    max-width: 340px;
    width: calc(100% - 50px);
    background-color: #fff;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: visibility 0.2s 0.1s, opacity 0.2;
    transition: visibility 0.2s 0.1s, opacity 0.2;
}

.layer_close {
    position: absolute;
    z-index: 1000;
    max-width: 340px;
    width: calc(100% - 50px);
    right: 20px;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

    .layer_close .close_btn {
        position: absolute;
        top: -20px;
        left: 50%;
        width: 40px;
        height: 40px;
        background-image: url(../images/icon/btn_close-popup.png);
        background-size: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        border: 0;
        border-radius: 50%;
        text-indent: -9999px;
    }

.layer_inner {
    max-height: 75vh;
    overflow-x: hidden;
}

.layer_cont {
    width: 100%;
    height: 100%;
    padding: 25px 25px 30px 25px;
}

    .layer_cont > *:first-child {
        margin-top: 0;
    }

    .layer_cont > *:last-child {
        margin-bottom: 0;
    }

    .layer_cont.center {
        text-align: center;
    }

    .layer_cont.alert {
        padding: 70px 130px;
        text-align: center;
    }

        .layer_cont.alert p {
            white-space: nowrap;
            font-size: 20px;
            font-weight: 300;
        }

        .layer_cont.alert strong {
            font-weight: 500;
        }

.layer_body.is-visible {
    visibility: visible;
}

    .layer_body.is-visible .layer_wrap {
        opacity: 1;
    }

    .layer_body.is-visible[role="dialog"] {
        display: block;
    }

/** ui **/
.btn {
    display: inline-block;
    width: auto;
    font-size: 15px;
}

    .btn.default {
        background-color: #7B7D7E;
        color: #fff;
        font-weight: 500;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
    }

    .btn.cancel {
        background-color: #d1d1d1;
        color: #fff;
    }

    .btn.black {
        background-color: #000;
        width: 100%;
        color: #fff;
    }

.btn_line {
    display: inline-block;
    width: 100%;
    border: 1px solid #0053a7;
    color: #0053a7;
    line-height: 40px;
    text-align: center;
}

    .btn_line[disabled] {
        border-color: #e0e0e0;
        color: #999;
    }

.btn_wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
    text-align: center;
}

    .btn_wrap .btn + .btn {
        margin-left: 10px;
    }

.chkwrap {
    min-height: 20px;
}

    .chkwrap input[type=checkbox] {
        display: none;
    }

        .chkwrap input[type=checkbox] + label {
            display: inline-block;
            cursor: pointer;
            min-width: 100px;
            padding-left: 28px;
            margin-left: 5px;
            color: #999;
            font-size: 12px;
            font-weight: 500;
            background-image: url(../images/icon/uncheck.png);
            background-repeat: no-repeat;
            background-size: 20px;
            background-position: 0 3px;
        }

            .chkwrap input[type=checkbox] + label span {
                display: inline-block;
                vertical-align: middle;
                color: inherit;
                font-size: 12px;
            }

                .chkwrap input[type=checkbox] + label span.code {
                    font-size: 13px;
                    vertical-align: inherit;
                }

        .chkwrap input[type=checkbox]:checked + label {
            color: #000;
            background-image: url(../images/icon/check.png);
        }

.esse, .sel {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.accord_wrap .item {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
}

.accord_wrap .acco_head {
    display: block;
    padding-bottom: 2.5rem;
    color: #000;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
}

    .accord_wrap .acco_head .acco_target {
        display: block;
        position: relative;
        font-size: 14px;
        font-weight: 700;
        outline: none;
    }

        .accord_wrap .acco_head .acco_target i {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -3px;
            display: inline-block;
            line-height: inherit;
            vertical-align: middle;
            width: 7px;
            height: 7px;
            border-top: 5px solid none;
            border-bottom: 6px solid #333;
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    .accord_wrap .acco_head[aria-expanded="true"] .acco_target i {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

.accord_wrap [data-status="disabled"] .acco_panel {
    display: none;
}

.accord_wrap .acco_panel {
    outline: 0;
}

.swiper-slide {
    background-repeat: no-repeat;
}

.tab_wrap .tablist {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .tab_wrap .tablist li {
        display: table-cell;
        text-align: center;
    }

        .tab_wrap .tablist li .tab, .tab_wrap .tablist li input[type="radio"] + label {
            display: inline-block;
            min-width: 140px;
            border: 0;
            background: transparent;
            color: #000;
            cursor: pointer;
        }

            .tab_wrap .tablist li .tab:after, .tab_wrap .tablist li input[type="radio"] + label:after {
                display: none;
            }

            .tab_wrap .tablist li .tab[aria-selected="true"], .tab_wrap .tablist li .tab input[type="radio"]:checked + label, .tab_wrap .tablist li input[type="radio"] + label[aria-selected="true"], .tab_wrap .tablist li input[type="radio"] + label input[type="radio"]:checked + label {
                border: 0;
            }

                .tab_wrap .tablist li .tab[aria-selected="true"]:after, .tab_wrap .tablist li .tab input[type="radio"]:checked + label:after, .tab_wrap .tablist li input[type="radio"] + label[aria-selected="true"]:after, .tab_wrap .tablist li input[type="radio"] + label input[type="radio"]:checked + label:after {
                    display: none;
                }

.tab_wrap .tab_contents {
    clear: both;
}

    .tab_wrap .tab_contents .tab-cont {
        display: none;
    }

        .tab_wrap .tab_contents .tab-cont.current {
            display: block;
        }

    .tab_wrap .tab_contents .tab_panel {
        padding: 20px 0;
        outline: none;
        border: 0;
    }

.tab-pagination {
    position: relative;
    width: 100%;
}

    .tab-pagination .tab-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

        .tab-pagination .tab-row::-webkit-scrollbar {
            display: none;
        }

    .tab-pagination p, .tab-pagination .p {
        float: left;
        height: auto;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        margin: 0 10px 0 0;
    }

        .tab-pagination p button, .tab-pagination .p button {
            text-align: center;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            cursor: pointer;
        }

.pagination {
    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;
    margin-bottom: 80px;
}

    .pagination a {
        width: 22px;
        height: 24px;
        color: #999;
        font-family: 'Gotham Narrow';
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        vertical-align: middle;
        margin-right: 15px;
    }

        .pagination a:last-of-type {
            margin-right: 0;
        }

    .pagination .now {
        color: #000;
        font-weight: 900;
    }

    .pagination .btn.btn_next {
        margin-left: 5px;
        background-size: 16px;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(../images/icon/ico_navi-next.png);
    }

    .pagination .btn.btn_prev {
        margin-right: 20px;
        background-size: 16px;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(../images/icon/ico_navi-prev.png);
    }

.hidden_body .hidden-inner {
    margin: 0 auto 0;
    padding: 0 0 60px;
}

.toast {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 200;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

    .toast .toast-inner {
        max-height: 75vh;
        overflow-y: scroll;
        position: fixed;
        left: 0;
        right: 0;
        bottom: -100%;
        z-index: 201;
        background-color: #fff;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
    }

    .toast.is-visible .toast-inner {
        bottom: 0;
    }

    .toast .close {
        position: absolute;
        right: 25px;
        top: 25px;
        width: 17px;
        height: 17px;
        background-image: url(../images/ico/btn_popclose.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: cover;
    }

/** form field **/
.frm_field .frm + .frm {
    margin-top: 15px;
}

.frm_field .frm dt {
    font-weight: 500;
    font-size: 16px;
}

    .frm_field .frm dt label {
        font-weight: inherit;
        font-size: inherit;
    }

    .frm_field .frm dt.a11y + dd {
        margin-top: 0;
    }

.frm_field .frm dd {
    position: relative;
}

.frm_field .frm label, .frm_field .frm input, .frm_field .frm textarea {
    font-weight: 350;
}

.frm_field .frm._mix > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .frm_field .frm._mix > * > * {
        max-width: 50%;
        width: 100%;
    }

/** dropdown list **/
.dropdown_list {
    display: inline-block;
    position: relative;
}

    .dropdown_list input[type="checkbox"], .dropdown_list input[type="radio"] {
        position: absolute;
        overflow: hidden;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        clip: rect(0, 0, 0, 0);
        border: 0;
        border-radius: 0;
        background: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        opacity: 0;
        color: #000;
    }

    .dropdown_list .dropdown_value {
        position: relative;
    }

        .dropdown_list .dropdown_value input[type="text"] {
            width: 100%;
            padding: 10px 20px 9px 20px;
            font-size: 12px;
            border: 0;
            background-color: transparent;
            color: #000;
        }

        .dropdown_list .dropdown_value .btn_opener {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            border: 0;
            background-color: rgba(255, 255, 255, 0);
            cursor: pointer;
        }

            .dropdown_list .dropdown_value .btn_opener i {
                position: absolute;
                right: 10px;
                top: 45%;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                display: inline-block;
            }

                .dropdown_list .dropdown_value .btn_opener i:before {
                    content: "";
                    display: inline-block;
                    width: 5px;
                    height: 5px;
                    border-top: 2px solid #333;
                    border-right: 2px solid #333;
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                }

            .dropdown_list .dropdown_value .btn_opener[aria-expanded="true"] i {
                top: 47%;
            }

                .dropdown_list .dropdown_value .btn_opener[aria-expanded="true"] i:before {
                    content: "";
                    display: inline-block;
                    width: 5px;
                    height: 5px;
                    border-top: 2px solid #333;
                    border-right: 2px solid #333;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

    .dropdown_list .item_list {
        display: none;
        position: absolute;
        top: 40px;
        left: -1px;
        z-index: 10;
        width: calc(100% + 2px);
        border: 1px solid #e6e6e6;
        background-color: #F7F7F7;
        border-top: 0;
        padding: 5px 0;
    }

        .dropdown_list .item_list a, .dropdown_list .item_list button, .dropdown_list .item_list input[type="radio"] + label {
            display: block;
            width: 100%;
            padding: 10px 20px;
            border: 0;
            background: transparent;
            font-size: 12px;
            text-align: left;
            cursor: pointer;
        }

            .dropdown_list .item_list a:hover, .dropdown_list .item_list a:active, .dropdown_list .item_list a:focus, .dropdown_list .item_list button:hover, .dropdown_list .item_list button:active, .dropdown_list .item_list button:focus, .dropdown_list .item_list input[type="radio"] + label:hover, .dropdown_list .item_list input[type="radio"] + label:active, .dropdown_list .item_list input[type="radio"] + label:focus {
                font-weight: 500;
            }

        .dropdown_list .item_list input[type="radio"]:focus + label {
            background: #aaa;
        }

        .dropdown_list .item_list input[type="radio"] + label:before {
            display: none;
        }

        .dropdown_list .item_list input[type="radio"]:disabled + label {
            background: #FAFAFA;
            color: #999;
        }

    .dropdown_list.active .item_list {
        display: block;
    }

.browserinfo .layer_cont {
    padding-top: 0;
}

    .browserinfo .layer_cont .heading {
        height: 60px;
        margin-bottom: 25px;
        border-bottom: 1px solid #009fe3;
        background-image: url(../images/common/logo_ykbrand.png);
        background-repeat: no-repeat;
        background-position: left top 20px;
        background-size: auto 23px;
    }

    .browserinfo .layer_cont .title {
        font-size: 22px;
        font-weight: 300;
    }

        .browserinfo .layer_cont .title span {
            display: block;
            font-size: inherit;
            font-weight: inherit;
            color: #009fe3;
        }

    .browserinfo .layer_cont .desc {
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 14px;
        font-weight: 300;
    }

    .browserinfo .layer_cont .info_box {
        padding: 20px;
        background-color: #eeeeee;
    }

        .browserinfo .layer_cont .info_box > p {
            margin-bottom: 10px;
            font-size: 15px;
            font-weight: 500;
        }

        .browserinfo .layer_cont .info_box > span {
            font-size: 14px;
            font-weight: 300;
        }

.header .row:after, .footerNav > ul:after, footer.footer > div:after, footer.footer .sns_wrap .snslink:after, .footerNav-social > ul:after, .footerNav-social > ul > li:first-of-type .snslink:after, .popup.eventagreeform .tit_head:after {
    content: "";
    display: block;
    clear: both;
}

/** Swiper 4.5.0 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2014-2019 Vladimir Kharlampidi Released under the MIT License Released on: February 22, 2019 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0; /*z-index:1*/
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform,-webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform;
    }

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: .2s top,.2s -webkit-transform;
            transition: .2s top,.2s -webkit-transform;
            -webkit-transition: .2s transform,.2s top;
            transition: .2s transform,.2s top;
            -webkit-transition: .2s transform,.2s top,.2s -webkit-transform;
            transition: .2s transform,.2s top,.2s -webkit-transform;
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: .2s left,.2s -webkit-transform;
        transition: .2s left,.2s -webkit-transform;
        -webkit-transition: .2s transform,.2s left;
        transition: .2s transform,.2s left;
        -webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
        transition: .2s transform,.2s left,.2s -webkit-transform;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right,.2s -webkit-transform;
    transition: .2s right,.2s -webkit-transform;
    -webkit-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right;
    -webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
    transition: .2s transform,.2s right,.2s -webkit-transform;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #fff;
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000;
    }

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    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;
    text-align: center;
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

    .swiper-lazy-preloader:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0;
    }

.swiper-container-flip {
    overflow: visible;
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}

.header .row:after, .footerNav > ul:after, footer.footer > div:after, footer.footer .sns_wrap .snslink:after, .footerNav-social > ul:after, .footerNav-social > ul > li:first-of-type .snslink:after, .popup.eventagreeform .tit_head:after {
    content: "";
    display: block;
    clear: both;
}

.subcont section {
    margin: 0 auto 80px;
}

    .subcont section:first-child {
        background-color: #fff;
    }

    .subcont section h3 {
        font-weight: 900;
        text-align: center;
        margin-bottom: 40px;
    }

.subcont .detail .section h3 {
    font-weight: 400;
    margin-bottom: 30px;
}

._hidden .content_wrap, ._toast .content_wrap {
    margin: 0 auto 0;
    padding: 0 0 60px;
}

.box-wrap {
    position: relative;
    width: calc(100% - 50px);
    margin: 0 auto;
    z-index: 1;
}

    .box-wrap.full {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
        background-color: #fff;
    }

.board_wrap {
    width: 100%;
    margin: 0 auto 0;
    margin-bottom: 35px;
}

    .board_wrap .item {
        border-top: 1px solid #E5E5E5;
    }

        .board_wrap .item:last-of-type {
            border-bottom: 1px solid #E5E5E5;
        }

        .board_wrap .item a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
        }

            .board_wrap .item a .date {
                padding: 20px 0 20px 10px;
            }

            .board_wrap .item a .conts {
                padding: 20px 0px 20px 15px;
            }

            .board_wrap .item a i {
                position: absolute;
                right: 40px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                display: inline-block;
                visibility: hidden;
                width: 34px;
                height: 6px;
                background-image: url(../images/icon/cta_arrow_right.png);
                background-size: 100%;
                background-position: 0 0;
                background-repeat: no-repeat;
            }

            .board_wrap .item a:hover {
                background-color: #F5F5F5;
            }

                .board_wrap .item a:hover .conts {
                    padding-right: 100px;
                }

                .board_wrap .item a:hover i {
                    visibility: visible;
                    right: 35px;
                }

    .board_wrap .date {
        max-width: 40px;
        width: 100%;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        font-family: 'Gotham Narrow';
        min-height: 90px;
    }

    .board_wrap .conts {
        width: auto;
    }

        .board_wrap .conts .title {
            font-size: 15px;
            font-weight: 500;
            white-space: normal;
            word-wrap: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 5px;
        }

        .board_wrap .conts .preview {
            color: #999;
            font-size: 15px;
            font-weight: 400;
            white-space: normal;
            word-wrap: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-left: -45px;
        }

    .board_wrap .btn_wrap {
        position: relative;
        margin-top: 60px;
    }

        .board_wrap .btn_wrap .btn {
            margin-bottom: 0;
        }

.tag_wrap {
    margin: 0 auto;
}

    .tag_wrap .taglist {
        margin: 0 auto 30px;
    }

        .tag_wrap .taglist li {
            display: inline-block;
        }

.productlist_sec {
    padding-top: 40px;
    width: 100% !important;
}

    .productlist_sec h3 {
        margin-bottom: 40px;
    }

    .productlist_sec .tag_wrap:nth-of-type(1) .tablist {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .productlist_sec .tag_wrap:nth-of-type(1) .tablist .tab {
            width: auto;
            min-width: unset;
        }

    .productlist_sec .taglist li {
        margin: 0 5px 10px;
        cursor: pointer;
    }

        .productlist_sec .taglist li:last-of-type {
            margin-right: 0;
        }

        .productlist_sec .taglist li .tab {
            display: inline-block;
            border: 1px solid #F6F8FA;
            background-color: #F6F8FA;
            border-radius: 22px;
            padding: 10px 12px 12px;
            line-height: 1;
        }

            .productlist_sec .taglist li .tab[aria-selected="true"] {
                border: 1px solid #E25157;
                background-color: #E25157;
            }

                .productlist_sec .taglist li .tab[aria-selected="true"] .tag {
                    color: #fff;
                    font-weight: 500;
                }

        .productlist_sec .taglist li .tag {
            color: #000;
            font-size: 12px;
            font-weight: 350;
            vertical-align: initial;
        }

    .productlist_sec .label {
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        font-size: 9px;
        padding-top: 10.5px;
    }

    .productlist_sec .tab_wrap:nth-of-type(2) {
        margin: 0 auto 15px;
    }

        .productlist_sec .tab_wrap:nth-of-type(2) .tablist {
            width: calc(100% + 25px);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch;
        }

            .productlist_sec .tab_wrap:nth-of-type(2) .tablist li {
                width: 100%;
                padding-right: 20px;
                border-bottom: 1px solid #E5E5E5;
            }

            .productlist_sec .tab_wrap:nth-of-type(2) .tablist .tab {
                font-size: 15px;
                font-weight: 400;
                min-width: 80px;
                width: 100%;
                position: relative;
                padding-bottom: 15px;
            }

                .productlist_sec .tab_wrap:nth-of-type(2) .tablist .tab[aria-selected="true"] {
                    font-weight: 900;
                    color: #DA2F36;
                    padding-bottom: 13px;
                    border-bottom: 3px solid #DA2F36;
                    z-index: 1;
                }

    .productlist_sec .sort {
        margin-top: 30px;
        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;
    }

        .productlist_sec .sort .amount {
            color: #999;
            font-size: 14px;
            font-weight: 400;
        }

            .productlist_sec .sort .amount i {
                color: #000;
                font-style: normal;
                font-size: inherit;
                font-weight: 900;
                text-decoration: underline;
            }

        .productlist_sec .sort .view {
            max-width: 90px;
            padding-right: 25px;
            color: #999;
            font-size: 14px;
            height: auto;
            background-color: transparent;
            background-position: right center;
        }

    .productlist_sec .tab_contents .tab_panel {
        padding-top: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .productlist_sec .tab_contents .item {
        position: relative;
        max-width: calc(50% - 5px);
        width: 100%;
        padding: 30px 17px 25px;
        margin: 0 10px 10px 0;
        background-color: #F6F8FA;
    }

        .productlist_sec .tab_contents .item:nth-of-type(2n) {
            margin-right: 0;
        }

        .productlist_sec .tab_contents .item a {
            width: 100%;
            text-align: center;
        }

            .productlist_sec .tab_contents .item a .img {
                margin-bottom: 15px;
            }

            .productlist_sec .tab_contents .item a .prd_name {
                font-size: 15px;
                font-weight: 500;
                margin-bottom: 5px;
                white-space: normal;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .productlist_sec .tab_contents .item a .info {
                font-size: 13px;
                font-weight: 350;
                white-space: normal;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.detail {
    width: 100%;
}

    .detail:before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 40px;
        background-color: #DE040A;
        z-index: 1;
    }

    .detail .brandintro_sec .row {
        margin-bottom: 70px;
        padding: 0 25px;
    }

    .detail .brandintro_sec .videoplay_area {
        width: 100%;
        height: 200px;
        overflow: hidden;
        position: relative;
    }

    .detail .brandintro_sec .info {
        position: absolute;
        top: 340px;
        left: 25px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding: 43px 35px 35px 40px;
        background-color: #fff;
        text-align: left;
    }

        .detail .brandintro_sec .info .logo {
            margin-bottom: 43px;
        }

            .detail .brandintro_sec .info .logo img {
                max-height: 30px;
            }

        .detail .brandintro_sec .info .desc {
            font-size: 15px;
            line-height: 25px;
            font-weight: 350;
            word-break: break-all;
            margin-bottom: 35px;
        }

        .detail .brandintro_sec .info a {
            font-size: 15px;
            font-weight: 500;
            letter-spacing: -0.03em;
        }

            .detail .brandintro_sec .info a:hover i {
                margin-left: 15px;
            }

            .detail .brandintro_sec .info a i {
                display: inline-block;
                margin-top: 6px;
                margin-left: 10px;
                -webkit-transition: all 0.4s;
                transition: all 0.4s;
                width: 34px;
                height: 6px;
                background-image: url(../images/icon/cta_arrow_right.png);
                background-size: 100%;
                background-position: 0 0;
                background-repeat: no-repeat;
            }

    .detail .brandintro_sec .brandshop_area {
        padding-top: 40px;
        width: 100%;
        background-image: linear-gradient(to top, #fff, #fff 40px, #CBE0AB 40px);
        text-align: center;
        margin: 0 auto;
    }

        .detail .brandintro_sec .brandshop_area .title {
            font-size: 26px;
            font-weight: 400;
            margin-bottom: 20px;
        }

        .detail .brandintro_sec .brandshop_area ul {
            max-width: 100%;
            margin: 20px 0 0 25px;
            padding: 0 25px;
            background-color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .detail .brandintro_sec .brandshop_area ul li {
                text-align: center;
                margin-right: 30px;
            }

                .detail .brandintro_sec .brandshop_area ul li:last-of-type {
                    margin-right: 0;
                }

                .detail .brandintro_sec .brandshop_area ul li .icon {
                    margin: 33px 0 16px;
                    display: inline-block;
                    width: 75px;
                    height: 75px;
                }

                .detail .brandintro_sec .brandshop_area ul li .tit {
                    font-size: 13px;
                    font-weight: 400;
                }

                    .detail .brandintro_sec .brandshop_area ul li .tit em {
                        padding-top: 5px;
                        display: block;
                        font-size: 15px;
                        font-weight: 900;
                        font-style: normal;
                    }

    .detail .prdmain_sec {
        width: 100% !important;
    }

        .detail .prdmain_sec .row {
            position: relative;
            z-index: 1;
            padding: 0 25px;
        }

            .detail .prdmain_sec .row > div[class^="prdct_"] {
                display: block;
                max-width: 100%;
            }

        .detail .prdmain_sec .swiper-container {
            width: 100%;
            padding-top: 100%;
        }

        .detail .prdmain_sec .swiper-wrapper {
            position: absolute;
            top: 0;
        }

        .detail .prdmain_sec .swiper-slide .img {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .detail .prdmain_sec .swiper-pagination.custom {
            bottom: 30px;
        }

        .detail .prdmain_sec .prdct_slide {
            background-color: #FAFAFA;
            position: relative;
        }

            .detail .prdmain_sec .prdct_slide .swiper-slide {
                text-align: center;
            }

                .detail .prdmain_sec .prdct_slide .swiper-slide .img {
                    display: inline-block;
                    max-width: 210px;
                    width: 100%;
                }

        .detail .prdmain_sec .prdct_info {
            background-color: #fff;
        }

            .detail .prdmain_sec .prdct_info .info_wrap {
                padding: 30px 10px 0;
            }

                .detail .prdmain_sec .prdct_info .info_wrap .brand {
                    font-size: 15px;
                    color: #068601;
                    font-weight: 500;
                    margin-bottom: 5px;
                }

                .detail .prdmain_sec .prdct_info .info_wrap .tit {
                    text-align: left;
                    font-size: 26px;
                    line-height: 38px;
                    font-weight: 900;
                    margin-bottom: 30px;
                }

                .detail .prdmain_sec .prdct_info .info_wrap .desc {
                    font-size: 15px;
                    line-height: 25px;
                    font-weight: 350;
                    margin-bottom: 30px;
                }

                .detail .prdmain_sec .prdct_info .info_wrap ul.figures {
                    padding-top: 30px;
                    border-top: 1px solid #E5E5E5;
                }

                    .detail .prdmain_sec .prdct_info .info_wrap ul.figures li {
                        position: relative;
                        margin-left: 45px;
                        font-size: 15px;
                        font-weight: 350;
                        margin-bottom: 10px;
                    }

                        .detail .prdmain_sec .prdct_info .info_wrap ul.figures li:last-of-type {
                            margin-bottom: 0;
                        }

                        .detail .prdmain_sec .prdct_info .info_wrap ul.figures li i {
                            position: absolute;
                            top: 0;
                            left: -48px;
                            font-size: inherit;
                            font-weight: 500;
                            font-style: normal;
                        }

                .detail .prdmain_sec .prdct_info .info_wrap ul.marks {
                    margin-top: 40px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    min-height: 90px;
                }

                    .detail .prdmain_sec .prdct_info .info_wrap ul.marks li {
                        -webkit-box-flex: 1;
                        -ms-flex: 1;
                        flex: 1;
                    }

                        .detail .prdmain_sec .prdct_info .info_wrap ul.marks li .icon {
                            display: block;
                            max-width: 100%;
                            height: 60px;
                            background-size: 60px;
                            background-position: center center;
                            background-repeat: no-repeat;
                        }

                            .detail .prdmain_sec .prdct_info .info_wrap ul.marks li .icon._01 {
                                background-image: url(../images/icon/mark-icon_cotton.png);
                            }

                            .detail .prdmain_sec .prdct_info .info_wrap ul.marks li .icon._02 {
                                background-image: url(../images/icon/mark-icon_sugarcane.png);
                            }

                            .detail .prdmain_sec .prdct_info .info_wrap ul.marks li .icon._03 {
                                background-image: url(../images/icon/mark-icon_safe.png);
                            }

                        .detail .prdmain_sec .prdct_info .info_wrap ul.marks li p {
                            margin-top: 10px;
                            font-size: 15px;
                            font-weight: 500;
                            text-align: center;
                        }

        .detail .prdmain_sec .btn_wrap {
            padding-top: 40px;
            padding-bottom: 0;
        }

            .detail .prdmain_sec .btn_wrap .btn {
                height: 60px;
                line-height: 60px;
                font-size: 18px;
                font-weight: 500;
            }

    .detail .prddetail_sec {
        margin-bottom: 120px;
    }

.recommend_sec {
    margin: 80px 0 !important;
    text-align: center;
}

    .recommend_sec .row {
        padding-left: 25px;
    }

    .recommend_sec .swiper-slide a {
        width: 100%;
        display: inline-block;
    }

        .recommend_sec .swiper-slide a .img {
            margin-bottom: 20px;
        }

        .recommend_sec .swiper-slide a .prd_name {
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 5px;
            white-space: normal;
            word-wrap: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .recommend_sec .swiper-slide a .info {
            font-size: 15px;
            font-weight: 400;
            color: #666;
            white-space: normal;
            word-wrap: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .recommend_sec .swiper-slide a .label {
            position: absolute;
            z-index: 1;
            top: 15px;
            right: 15px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            text-align: center;
            color: #fff;
            font-weight: 900;
            line-height: 1;
            padding-top: 17px;
        }

            .recommend_sec .swiper-slide a .label._new {
                background-color: #E2211C;
            }

            .recommend_sec .swiper-slide a .label._best {
                background-color: orange;
            }

.noticeboard_sec {
    padding-top: 40px;
}

    .noticeboard_sec .board_wrap {
        border-top: 3px solid #000;
    }

    .noticeboard_sec .notice_conts {
        margin-bottom: 35px;
        border-top: 3px solid #000;
    }

        .noticeboard_sec .notice_conts .item {
            border-top: 1px solid #E5E5E5;
        }

            .noticeboard_sec .notice_conts .item:last-of-type {
                border-bottom: 1px solid #E5E5E5;
            }

            .noticeboard_sec .notice_conts .item a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: relative;
            }

                .noticeboard_sec .notice_conts .item a .date {
                    padding: 30px 10px;
                }

                .noticeboard_sec .notice_conts .item a .conts {
                    padding: 30px 50px 10px 10px;
                }

                .noticeboard_sec .notice_conts .item a i {
                    position: absolute;
                    right: 40px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    display: inline-block;
                    visibility: hidden;
                    width: 34px;
                    height: 6px;
                    background-image: url(../images/icon/cta_arrow_right.png);
                    background-size: 100%;
                    background-position: 0 0;
                    background-repeat: no-repeat;
                }

                .noticeboard_sec .notice_conts .item a:hover {
                    background-color: #F5F5F5;
                }

                    .noticeboard_sec .notice_conts .item a:hover .conts {
                        padding-right: 100px;
                    }

                    .noticeboard_sec .notice_conts .item a:hover i {
                        visibility: visible;
                        right: 35px;
                    }

        .noticeboard_sec .notice_conts .date {
            max-width: 140px;
            width: 100%;
            text-align: center;
            font-size: 20px;
            font-weight: 500;
            font-family: 'Gotham Narrow';
            min-height: 110px;
        }

        .noticeboard_sec .notice_conts .conts {
            width: auto;
        }

            .noticeboard_sec .notice_conts .conts .title {
                font-size: 18px;
                font-weight: 500;
                white-space: normal;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-bottom: 5px;
            }

            .noticeboard_sec .notice_conts .conts .preview {
                max-height: 20px;
                color: #999;
                font-weight: 350;
                white-space: normal;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.noticeview_sec {
    padding-top: 30px;
}

    .noticeview_sec .title {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }

        .noticeview_sec .title .date {
            color: #999;
            font-size: 13px;
            font-weight: 350;
            margin-bottom: 5px;
        }

        .noticeview_sec .title h3 {
            font-size: 20px;
            text-align: left;
            margin-bottom: 15px;
        }

    .noticeview_sec .board_wrap {
        border-top: 3px solid #000;
        padding-bottom: 40px;
        margin-bottom: 0;
    }

    .noticeview_sec .notice_conts {
        padding: 30px 0;
        border-bottom: 1px solid #E5E5E5;
    }

        .noticeview_sec .notice_conts .txt {
            font-size: 15px;
            font-weight: 350;
            line-height: 25px;
        }

        .noticeview_sec .notice_conts .img {
            width: 100%;
            margin: 0 auto;
        }

            .noticeview_sec .notice_conts .img + .txt {
                margin-top: 30px;
            }

    .noticeview_sec .board_navi > div {
        padding: 25px 0;
        border-bottom: 1px solid #E5E5E5;
    }

        .noticeview_sec .board_navi > div a {
            display: block;
            position: relative;
        }

        .noticeview_sec .board_navi > div .tit {
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 15px;
            font-weight: 500;
            margin-right: 10px;
        }

        .noticeview_sec .board_navi > div .conts {
            color: #999;
            font-size: 15px;
            font-weight: 350;
            white-space: normal;
            word-wrap: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-left: 42px;
        }

    .noticeview_sec .btn_wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        margin-bottom: 80px;
    }

        .noticeview_sec .btn_wrap .gotolist {
            max-width: 180px;
            width: 100%;
        }

.eventboard_sec {
    padding-top: 40px;
}

    .eventboard_sec .board_wrap {
        margin-bottom: 80px;
    }

    .eventboard_sec .sort {
        display: none;
    }

    .eventboard_sec .event_list .item {
        width: 100%;
        border-top: none;
        margin: 0 0 15px 0;
        background-color: #fff;
        text-align: left;
    }

        .eventboard_sec .event_list .item a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background-color: #F5F5F5;
            padding-bottom: 20px;
        }

        .eventboard_sec .event_list .item:last-of-type {
            border-bottom: none;
            margin-bottom: 0;
        }

        .eventboard_sec .event_list .item .img {
            position: relative;
            max-width: 110px;
            width: 100%;
            height: 110px;
        }

            .eventboard_sec .event_list .item .img img {
                position: absolute;
                left: 50%;
                top: 50%;
                width: 100%;
                height: 100%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                -o-object-fit: cover;
                object-fit: cover;
            }

        .eventboard_sec .event_list .item .evnt_info {
            padding-top: 20px;
            margin-left: 20px;
            color: #999;
            font-size: 13px;
            font-weight: 350;
        }

            .eventboard_sec .event_list .item .evnt_info .tit {
                max-height: 55px;
                margin: 0 0 24px;
                padding-right: 25px;
                font-size: 15px;
                line-height: 25px;
                font-weight: 500;
                letter-spacing: -0.01em;
                white-space: normal;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .eventboard_sec .event_list .item .evnt_info .d1, .eventboard_sec .event_list .item .evnt_info .d2 {
                color: inherit;
                font-size: inherit;
                font-weight: inherit;
                letter-spacing: -0.01em;
            }

.eventview_sec {
    padding-top: 30px;
}

    .eventview_sec .title .date {
        color: #999;
        font-size: 13px;
        font-weight: 350;
        margin-bottom: 5px;
    }

    .eventview_sec .title h3 {
        font-size: 20px;
        text-align: left;
        margin-bottom: 20px;
    }

    .eventview_sec .board_wrap {
        margin-bottom: 40px;
    }

        .eventview_sec .board_wrap.imgonly {
            margin-bottom: 80px;
        }

    .eventview_sec .event_conts .txt {
        font-weight: 350;
        line-height: 30px;
    }

    .eventview_sec .event_conts .img {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
    }

    .eventview_sec .reply_area {
        padding-top: 5px;
    }

        .eventview_sec .reply_area .tit {
            font-size: 15px;
            font-weight: 500;
            display: block;
            margin-bottom: 10px;
        }

        .eventview_sec .reply_area textarea {
            width: 100%;
            min-height: 120px;
            height: 120px;
        }

        .eventview_sec .reply_area .btn_wrap {
            max-width: 180px;
            width: 100%;
            padding: 30px 0 45px;
            background-color: transparent;
        }

            .eventview_sec .reply_area .btn_wrap .btn {
                font-size: 15px;
                font-weight: 500;
                height: 50px;
                line-height: 50px;
            }

    .eventview_sec .user-replies_area {
        margin-bottom: 35px;
        max-width: 100%;
    }

        .eventview_sec .user-replies_area .item {
            position: relative;
            padding: 25px 0;
            border-bottom: 1px dashed #707070;
        }

            .eventview_sec .user-replies_area .item .useraccount {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: start;
            }

                .eventview_sec .user-replies_area .item .useraccount .img {
                    position: absolute;
                    left: 0;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    width: 25px;
                    height: 25px;
                    border-radius: 50%;
                }

                .eventview_sec .user-replies_area .item .useraccount .delete_btn {
                    position: absolute;
                    top: 2px;
                    right: 0;
                    width: 14px;
                    height: 14px;
                    background-image: url(../images/icon/btn_delete.png);
                    background-size: 14px;
                    background-position: center center;
                    background-repeat: no-repeat;
                }

                .eventview_sec .user-replies_area .item .useraccount .username {
                    max-width: 100%;
                    font-size: 15px;
                    font-weight: 500;
                    white-space: normal;
                    word-wrap: break-word;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .eventview_sec .user-replies_area .item .useraccount .date {
                    margin-left: auto;
                    padding-right: 35px;
                    justify-self: flex-end;
                    color: #999;
                    font-size: 13px;
                    font-weight: 350;
                }

            .eventview_sec .user-replies_area .item .txt {
                margin-top: 10px;
                font-size: 15px;
                font-weight: 350;
            }

    .eventview_sec .cta {
        margin: 0 auto 80px;
        display: block;
        text-align: center;
        height: 65px;
        width: 100%;
        color: #fff;
        font-size: 18px;
        line-height: 65px;
        font-weight: 500;
        background-color: #000;
    }

.sort-toggle_sec {
    width: 100%;
    padding-bottom: 40px;
}

    .sort-toggle_sec h3 {
        padding-top: 40px;
        font-size: 22px;
        margin-bottom: 60px;
    }

        .sort-toggle_sec h3::before {
            content: '';
            display: block;
            width: 100%;
            height: 55px;
            margin-bottom: 15px;
            background-size: 136px;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(../images/icon/headimg_cust-recommend.png);
        }

    .sort-toggle_sec .label {
        width: 50px;
        height: 50px;
        padding-top: 18px;
    }

    .sort-toggle_sec .tab_wrap {
        margin: 0 auto 25px;
        width: 100%;
    }

        .sort-toggle_sec .tab_wrap .title {
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 20px;
        }

        .sort-toggle_sec .tab_wrap .tablist {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .sort-toggle_sec .tab_wrap .tablist li {
                margin: 0 5px 15px 0;
            }

                .sort-toggle_sec .tab_wrap .tablist li:last-of-type {
                    margin-right: 0;
                }

            .sort-toggle_sec .tab_wrap .tablist .tab {
                color: #666;
                font-size: 15px;
                font-weight: 350;
                min-width: 0;
                width: 100%;
                padding: 9px 22px;
                border-radius: 20px;
                background-color: #F6F8FA;
            }

                .sort-toggle_sec .tab_wrap .tablist .tab[aria-selected="true"] {
                    font-weight: 900;
                    color: #fff;
                    background-color: #F26B71;
                    z-index: 1;
                }

    .sort-toggle_sec .btn_wrap {
        padding: 0;
        margin: 0;
        padding-top: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .sort-toggle_sec .btn_wrap .btn {
            max-width: 400px;
            height: 60px;
            font-size: 18px;
            line-height: 60px;
            font-weight: 500;
        }

.sort-result_container {
    margin-top: 10px;
}

.sort_result {
    margin: 40px auto 0;
}

    .sort_result h3 {
        margin-bottom: 50px;
    }

    .sort_result .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sort_result .item {
        position: relative;
        max-width: calc(50% - 5px);
        width: 100%;
        margin: 0 10px 30px 0;
    }

        .sort_result .item:nth-of-type(2n) {
            margin-right: 0;
        }

        .sort_result .item a:not(.cta) {
            display: block;
            text-align: center;
        }

            .sort_result .item a:not(.cta) .thumnail {
                position: relative;
            }

                .sort_result .item a:not(.cta) .thumnail .img {
                    padding: 15px 0;
                    background-color: #F6F8FA;
                }

                .sort_result .item a:not(.cta) .thumnail .label._gift {
                    padding: 5px 0 0;
                    font-size: 10px;
                    top: 100%;
                    right: 50%;
                    -webkit-transform: translate(50%, -50%);
                    transform: translate(50%, -50%);
                }

                    .sort_result .item a:not(.cta) .thumnail .label._gift i {
                        display: none;
                    }

            .sort_result .item a:not(.cta) .prd_name {
                font-size: 15px;
                font-weight: 500;
                margin: 15px 0 5px;
                white-space: normal;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .sort_result .item a:not(.cta) .info {
                font-size: 13px;
                color: #666;
                font-weight: 350;
                white-space: normal;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .sort_result .item .cta {
            position: absolute;
            top: 10px;
            right: 15px;
            width: 50px;
            height: 20px;
            text-align: center;
            font-size: 12px;
            font-weight: 500;
            z-index: 1;
        }

            .sort_result .item .cta:active {
                text-decoration: underline;
            }

.sort_compare .title {
    padding: 40px 25px 0;
    font-size: 20px;
    font-weight: 900;
}

.sort_compare .row {
    width: 100%;
    position: relative;
    margin: 20px auto 0;
    padding: 0 25px;
}

    .sort_compare .row .item {
        border: 1px solid #E5E5E5;
        border-radius: 10px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 5px 8px;
        margin-bottom: 13px;
        background-color: #fff;
    }

        .sort_compare .row .item:last-of-type {
            margin-bottom: 0;
        }

        .sort_compare .row .item .img {
            max-width: 100px;
            padding-top: 15px;
        }

        .sort_compare .row .item > div {
            padding: 34px 16px;
        }

            .sort_compare .row .item > div .prd_name {
                font-size: 15px;
                font-weight: 900;
                white-space: normal;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .sort_compare .row .item > div .info {
                margin-top: 5px;
                color: #666;
                font-size: 13px;
                font-weight: 350;
                white-space: normal;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .sort_compare .row .item .close {
            position: absolute;
            height: 15px;
            width: 15px;
            top: 14px;
            right: 16px;
            background-size: 15px;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(../images/icon/btn_close-item.png);
        }

.sort_compare .btn_wrap {
    margin: 25px 0 0 0;
    padding: 0;
    position: relative;
    max-width: 100%;
    margin-left: auto;
}

    .sort_compare .btn_wrap .btn {
        min-width: 200px;
        height: 60px;
        font-size: 18px;
        font-weight: 500;
    }

/* .brandstorykv_sec { padding-top: 30px; width: 100%; text-align: center; margin-bottom: 0!important; h3 { font-size: 26px; line-height: 50px; margin-bottom: 30px; &::before { content: ''; display: block; width: 100%; height: 50px; margin-bottom: 10px; background: { size: 52px; position: center center; repeat: no-repeat; } background-image: url(../images/icon/headimg_brandstory.png); } } p { font-size: 15px; line-height: 25px; font-weight: 350; &.slogan { font-size: 18px; line-height: 30px; font-weight: 500; padding: 0 45px; margin-bottom: 20px; } } .banner { margin-top: 30px; height: 200px; background-image: url(../images/dummy/bs_banner01.png); background: { size: cover; position: center center; repeat: no-repeat; } p { color: #fff; font-size: 15px; font-weight: 400; &.tit { padding-top: 50px; font-size: 18px; font-weight: 900; margin-bottom: 20px; } span { display: block; color: inherit; font-size: inherit; opacity: 0.6; } } } } .brandcerti_sec { padding-top: 20px; margin-bottom: 60px!important; .item { max-width: 100%; text-align: center; margin-bottom: 20px; p { span { display: block; font-size: 18px; font-weight: 500; margin-bottom: 10px; } padding: 0 25px; font-size: 15px; line-height: 25px; font-weight: 350; } } } .visualgrid_sec { margin-bottom: 0!important; .grid_row { width: 100%; height: 100%; .grid_col { p { text-align: center; padding: 0 25px; span { display: block; font-size: 18px; font-weight: 900; margin-bottom: 10px; } font-size: 15px; line-height: 25px; font-weight: 350; } } &._1 { position: relative; .grid_col:first-of-type { background-image: url(../images/dummy/bs_visual01.png); margin-right: 25px; background: { size: cover; position: center center; repeat: no-repeat; } padding-bottom: 440px; //112.823%; } .grid_col:last-of-type { z-index: -1; content: ''; display: block; position: absolute; width: 100%; height: 70.454%; //310px; background-color: #FFF9C4; left: 0; right: 0; top: 294px; //66.818%; p { height: inherit; padding-top: 186px; //49.677%; } } } &._2 { margin: 200px 0; .grid_col:first-of-type { width: 100%; position: absolute; left: 0; right: 0; bottom: 210px; p { height: inherit; padding: 40px 25px; } } .grid_col:last-of-type { background-image: url(../images/dummy/bs_visual02.png); margin-left: 25px; background: { size: cover; position: center center; repeat: no-repeat; } padding-bottom: 440px; //112.823%; } } &._3 { height: 195px; .grid_col:first-of-type { position: absolute; width: 50%; max-height: 195px; height: 100%; background-image: url(../images/dummy/bs_visual03.png); background: { size: cover; position: left 15% center; repeat: no-repeat; } bottom: 0; right: 0; } .grid_col:last-of-type { width: 50%; height: 100%; padding-left: 12%; padding-right: 12%; background-color: #F59C7B; .img { min-width: 100px; padding-top: 80px; } } } }	 } @media screen and (min-width:370px) { .visualgrid_sec { .grid_row._3 .grid_col:last-of-type { padding-left: 13%; padding-right: 10.5%; } } } @media screen and (min-width:660px) { .visualgrid_sec { .grid_row._3 .grid_col:last-of-type { padding-left: 16%; padding-right: 13.5%; .img { padding-top: 70px; } } } } .banner_sec { .banner { height: 127px; background-image: url(../images/dummy/bs_banner02.png); background: { size: cover; position: left 40% center; repeat: no-repeat; } } }*/
.brandstory {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 100px;
}

    .brandstory .section {
        position: relative;
        text-align: center;
        margin-bottom: 0;
    }

        .brandstory .section a {
            display: inline-block;
            position: absolute;
        }

        .brandstory .section:nth-of-type(4) a {
            width: 29%;
            height: 9.8%;
        }

            .brandstory .section:nth-of-type(4) a:nth-of-type(2n-1) {
                left: 35.5%;
            }

            .brandstory .section:nth-of-type(4) a:nth-of-type(2n) {
                left: 64.5%;
            }

            .brandstory .section:nth-of-type(4) a:nth-of-type(1), .brandstory .section:nth-of-type(4) a:nth-of-type(2) {
                top: 23.55%;
            }

            .brandstory .section:nth-of-type(4) a:nth-of-type(3), .brandstory .section:nth-of-type(4) a:nth-of-type(4) {
                top: 34.1%;
            }

            .brandstory .section:nth-of-type(4) a:nth-of-type(5), .brandstory .section:nth-of-type(4) a:nth-of-type(6) {
                top: 44.65%;
            }

            .brandstory .section:nth-of-type(4) a:nth-of-type(7), .brandstory .section:nth-of-type(4) a:nth-of-type(8) {
                top: 55.2%;
            }

            .brandstory .section:nth-of-type(4) a:nth-of-type(9), .brandstory .section:nth-of-type(4) a:nth-of-type(10) {
                top: 65.75%;
            }

            .brandstory .section:nth-of-type(4) a:nth-of-type(11), .brandstory .section:nth-of-type(4) a:nth-of-type(12) {
                top: 76.3%;
            }

            .brandstory .section:nth-of-type(4) a:nth-of-type(13), .brandstory .section:nth-of-type(4) a:nth-of-type(14), .brandstory .section:nth-of-type(4) a:nth-of-type(15) {
                top: 86.85%;
            }

            .brandstory .section:nth-of-type(4) a:nth-of-type(13) {
                left: 6.5%;
            }

        .brandstory .section:nth-of-type(5) a {
            width: 100%;
            left: 0;
            right: 0;
        }

            .brandstory .section:nth-of-type(5) a:nth-of-type(1) {
                top: 0;
                height: 22.1%;
            }

            .brandstory .section:nth-of-type(5) a:nth-of-type(2) {
                top: 54.8%;
                height: 22.3%;
            }

            .brandstory .section:nth-of-type(5) a:nth-of-type(3) {
                bottom: 0;
                height: 22.3%;
            }

.nodata {
    position: relative;
    height: 50vh;
    text-align: center;
}

    .nodata p {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        font-size: 1.25rem;
        font-weight: 350;
        color: #999999;
    }

.popup.eventform .frm_field .frm._mix dd span {
    max-width: 16px;
    padding-top: 12px;
    margin: 0 5px;
}

.popup.eventform .frm_field .frm._mix._email > * {
    width: 100%;
}

    .popup.eventform .frm_field .frm._mix._email > * input {
        max-width: 54.285%;
    }

    .popup.eventform .frm_field .frm._mix._email > * select {
        max-width: 38.571%;
    }

.popup.eventform .frm_field .frm._mix._tel > * {
    width: 100%;
}

    .popup.eventform .frm_field .frm._mix._tel > * input {
        max-width: 74.285%;
    }

    .popup.eventform .frm_field .frm._mix._tel > * button {
        max-width: 80px;
        height: 50px;
        font-size: 14px;
        line-height: 50px;
        margin: 0;
    }

.popup.eventform .frm_field textarea {
    color: #999;
    font-size: 13px;
}

.popup.eventform .frm_field .chkwrap {
    margin: 15px 0 20px;
}

    .popup.eventform .frm_field .chkwrap input[type=checkbox] + label span {
        line-height: 18px;
        font-weight: inherit;
    }

.popup.eventform .cta {
    margin: 0 auto 0;
    display: block;
    text-align: center;
    height: 50px;
    max-width: 180px;
    width: 100%;
    color: #fff;
    font-size: 15px;
    line-height: 50px;
    font-weight: 500;
    background-color: #000;
}

.popup.eventagreeform .layer_wrap {
    max-width: 510px;
}

.popup.eventagreeform .layer_cont {
    max-height: 75vh;
    padding: 40px 25px;
}

.popup.eventagreeform .tit_head .tit {
    margin-top: 3px;
    max-width: calc(100% - 50px);
    width: 100%;
    float: right;
    padding-left: 15px;
    text-align: left;
    line-height: 22px;
}

    .popup.eventagreeform .tit_head .tit span {
        display: block;
        color: #999;
        font-size: 14px;
        line-height: inherit;
    }

.popup.eventagreeform .yk_logo_small {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../images/common/logo_ykbrand_small.png);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

    .popup.eventagreeform .yk_logo_small a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

.popup.eventagreeform .h4_ti {
    margin-top: 37px;
    font-size: 20px;
    font-weight: 500;
}

.popup.eventagreeform .desc {
    margin-top: 9px;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 350;
}

.popup.eventagreeform .terms_chk {
    margin-top: 40px;
}

    .popup.eventagreeform .terms_chk li {
        position: relative;
        margin-bottom: 20px;
    }

        .popup.eventagreeform .terms_chk li.first {
            padding-bottom: 20px;
            border-bottom: 1px solid #E5E5E5;
        }

            .popup.eventagreeform .terms_chk li.first label {
                font-weight: 500;
            }

            .popup.eventagreeform .terms_chk li.first input[type=checkbox] + label {
                padding-left: 28px;
            }

            .popup.eventagreeform .terms_chk li.first .txt {
                margin-top: 9px;
                padding-left: 27px;
                font-size: 14px;
                line-height: 1.7;
                font-weight: 350;
            }

        .popup.eventagreeform .terms_chk li label {
            font-weight: 400;
            margin-bottom: 0;
            color: #000;
        }

            .popup.eventagreeform .terms_chk li label > span {
                margin-left: 5px;
            }

        .popup.eventagreeform .terms_chk li input[type=checkbox] + label {
            font-size: 15px;
            line-height: 24px;
            padding-left: 24px;
            margin: 0;
        }

    .popup.eventagreeform .terms_chk .btn_vw {
        position: absolute;
        display: inline-block;
        border-bottom: 1px solid #888;
        right: 0;
        top: 0;
        color: #000;
        font-size: 15px;
        line-height: 24px;
        font-weight: 500;
    }

    .popup.eventagreeform .terms_chk.dept2 {
        margin-top: 0;
        padding-left: 30px;
        padding-right: 20px;
    }

        .popup.eventagreeform .terms_chk.dept2 > p {
            margin: 20px 0 15px;
            display: inline-block;
        }

        .popup.eventagreeform .terms_chk.dept2 label {
            color: #000;
        }

        .popup.eventagreeform .terms_chk.dept2 input[type=checkbox] + label span {
            font-size: 15px;
            line-height: 24px;
            font-weight: 350;
        }

        .popup.eventagreeform .terms_chk.dept2 dl {
            display: block;
        }

            .popup.eventagreeform .terms_chk.dept2 dl dd {
                color: #999;
                font-size: 12px;
                line-height: 1.7;
                font-weight: 350;
            }

.popup.eventagreeform .in {
    font-size: 15px;
    font-weight: 350;
    padding-right: 30px;
}

.popup.eventagreeform .esse {
    font-size: inherit;
    color: #E2211C;
}

.popup.eventagreeform .sel {
    font-size: inherit;
    color: #999;
}

.popup.eventagreeform .cta {
    margin: 40px auto 0;
    display: block;
    text-align: center;
    height: 55px;
    max-width: 200px;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 55px;
    font-weight: 900;
    background-color: #000;
}

.popup.eventagreeform .cta_cancel {
    margin: 15px auto 0;
    display: block;
    border-bottom: 1px solid #888;
    color: #999;
    font-size: 15px;
    font-weight: 500;
}

.popup.eventagreeform .btn_area {
    padding-bottom: 40px;
}

.popup.eventagreeform.layer_body {
    background-color: transparent;
}

.popup.eventagreeform .layer_wrap {
    height: 100vh;
    max-width: 100%;
    width: 100%;
}

.popup.eventagreeform .layer_inner, .popup.eventagreeform .layer_cont {
    max-height: 100%;
}

.popup.eventagreeform .lined {
    margin-top: 20px;
    padding: 15px 25px;
    border: 1px solid #E5E5E5;
}

    .popup.eventagreeform .lined .desc {
        margin-top: 0;
        font-size: 14px;
        line-height: 20px;
        vertical-align: middle;
    }

        .popup.eventagreeform .lined .desc em {
            font-size: inherit;
            line-height: inherit;
            font-weight: 500;
        }

            .popup.eventagreeform .lined .desc em::after {
                content: '…';
                display: inline-block;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                margin: 0 0 0 5px;
                height: 20px;
                font-weight: 350;
            }

.popup.eventagreeform .terms_chk {
    margin-top: 20px;
}