@charset "UTF-8";

.frm_group .sel_wrap:after, .footer .util:after, .gnb_menu .gnb_wrap:after, .order_list.type2 .info:after, .addphoto:after, .layer_body.lineuppopup .head .breadcr:after, .order .rent_write .sel_tab:after, .order .rent_write .total > div:after, .layer_body.stockpopup .stk_list li .elm:after, .partner .order_num:after, .partner .total:after, .custom .sort:after, .professional .about_sec4 ul:after, .professional .about_sec5 ul:after, .eventpage .event_bg2 .conts: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: 13px;
    line-height: 1.8;
    word-break: keep-all;
}

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

input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email] {
    width: 100%;
    height: 40px;
    padding: 9px 10px;
    background-color: #f2f4f6;
    border: 1px solid #f2f4f6;
    font-size: 14px;
    line-height: 20px;
    -webkit-appearance: none;
    color: #000;
}

    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%;
    padding: 10px;
    min-height: 120px;
    background-color: #f2f4f6;
    border: 1px solid #f2f4f6;
    font-size: 14px;
    -webkit-appearance: none;
}

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

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

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

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

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

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

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

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

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

::-moz-placeholder {
    font-size: 13px;
    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);
}

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

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: 0;
    padding: 17px 25px 17px 0;
    border: 0;
    border-radius: 0;
    font-size: 13px;
    background-image: url(../images/icon/icon_down.png);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: right center;
    outline: none;
    background-color: transparent;
}

    select::-ms-expand {
        display: none;
    }

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

/** Button **/
.btn {
    display: inline-block;
}

    .btn.btn_search {
        width: 20px;
        height: 20px;
        background-image: url(../images/icon/ico_search.png);
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .btn.btn_filter {
        padding-right: 25px;
        background-image: url(../images/icon/ico_filter.png);
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .btn.btn_reset {
        width: 15px;
        height: 15px;
        background-image: url(../images/common/input_reset.png);
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .btn.btn_reset2 {
        width: 15px;
        height: 15px;
        background-image: url(../images/common/btn_gdel.png);
        background-size: 12px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .btn.btn_addr {
        min-width: 100px;
        padding: 0 10px;
        border: 1px solid #0053a7;
        color: #0053a7;
        line-height: 38px;
        background-color: #fff;
    }

        .btn.btn_addr i {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-right: 4px;
            background-image: url(../images/icon/ico_bsearch.png);
            background-size: 14px;
            background-repeat: no-repeat;
            background-position: 0 0;
            vertical-align: middle;
        }

    .btn.primary {
        background-image: -webkit-gradient(linear, left top, right top, from(#00a8e2), to(#0053a7));
        background-image: linear-gradient(to right, #00a8e2, #0053a7);
        color: #fff;
    }

    .btn.default {
        background-color: #0053a7;
        color: #fff;
    }

    .btn.secondary {
        background-color: #00a8e2;
        color: #fff;
    }

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

    .btn.apply {
        /* 20220706 */
        background-color: #444444;
        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_line.bk {
        border-color: #666666;
        color: #666;
    }

    .btn_line + .btn_line {
        margin-left: 10px;
    }

.btn_link {
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    border-bottom: 1px solid #000;
}

.btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}

    .btn_wrap.unset {
        display: block;
    }

        .btn_wrap.unset .btn {
            display: block;
        }

        .btn_wrap.unset .btn_link {
            margin-top: 15px;
        }

    .btn_wrap .btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 14px;
        line-height: 40px;
        text-align: center;
    }

        .btn_wrap .btn.big {
            height: 50px;
            font-size: 14px;
            font-weight: 700;
            line-height: 50px;
        }

        .btn_wrap .btn.max {
            height: 60px;
            font-size: 14px;
            font-weight: 700;
            line-height: 50px;
        }

    .btn_wrap._fixed {
        position: fixed;
        bottom: 60px;
        left: 0;
        right: 0;
        z-index: 9;
        margin-bottom: 0;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

        .btn_wrap._fixed.up {
            bottom: 60px;
        }

    .btn_wrap + .info {
        margin-top: -20px;
        font-size: 12px;
        color: #666666;
    }

.btn_sticky {
    position: fixed;
    bottom: 59px;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

    .btn_sticky a {
        display: block;
        padding: 17px 0 18px;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
    }

    .btn_sticky.up {
        bottom: 59px;
        /* 20220706 */
    }

    .btn_sticky.half {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .btn_sticky.half a, .btn_sticky.half button {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

    .btn_sticky .btn_confirm {
        background-color: #0053a7;
        color: #fff;
    }

    .btn_sticky .btn_cancel {
        background-color: #888;
        color: #fff;
    }

.dim {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
}

.chkwrap {
    min-height: 2rem;
}

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

        .chkwrap input[type=checkbox] + label {
            display: inline-block;
            cursor: pointer;
            min-width: 100px;
            padding-left: 23px;
            margin-right: 5px;
            background-image: url(../images/common/uncheck.png);
            background-repeat: no-repeat;
            background-size: 1.75rem;
            background-position: 0 3px;
        }

            .chkwrap input[type=checkbox] + label span {
                display: inline-block;
                margin-left: 3px;
                margin-top: -2px;
                vertical-align: middle;
                font-size: 11px;
                font-weight: 300;
            }

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

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

.radiowrap {
    min-height: 2rem;
}

    .radiowrap input[type=radio] {
        display: none;
    }

        .radiowrap input[type=radio] + label {
            display: inline-block;
            cursor: pointer;
            min-width: 100px;
            padding-left: 23px;
            margin-right: 5px;
            background-image: url(../images/common/radio_off.png);
            background-repeat: no-repeat;
            background-size: 1.75rem;
            background-position: 0 3px;
        }

            .radiowrap input[type=radio] + label span {
                display: inline-block;
                margin-left: 3px;
                vertical-align: middle;
                font-size: 12px;
                font-weight: 300;
            }

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

                .radiowrap input[type=radio] + label span.st {
                    display: block;
                    margin-bottom: 5px;
                    margin-left: 0;
                    font-size: 14px;
                    color: #666666;
                }

        .radiowrap input[type=radio]:checked + label {
            background-image: url(../images/common/radio_on.png);
        }

.warn {
    font-size: 12px;
    font-weight: 300;
    color: #e70707;
    letter-spacing: -.8px;
}

.inp_txt {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
    color: #666;
}

    .inp_txt.warn {
        color: #e70707;
    }

.frm_group {
    margin-bottom: 40px;
}

    .frm_group dt {
        position: relative;
        margin-bottom: 6px;
    }

        .frm_group dt label:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 40%;
            width: 3px;
            height: 3px;
            background-color: #000;
            border-radius: 50%;
        }

        .frm_group dt .date {
            position: absolute;
            right: 0;
            color: #999;
        }

            .frm_group dt .date.single {
                position: relative;
                display: block;
                text-align: right;
            }

        .frm_group dt:nth-of-type(n+2) {
            margin-top: 14px;
        }

        .frm_group dt.right {
            padding-bottom: 5px;
        }

            .frm_group dt.right .btn {
                position: absolute;
                top: 0;
                right: 0;
            }

    .frm_group dd + dd {
        margin-top: 10px;
    }

    .frm_group li:nth-of-type(n+2) {
        margin-top: 10px;
    }

    .frm_group label {
        position: relative;
        padding-left: 10px;
        font-size: 13px;
        color: #000;
    }

    .frm_group select {
        line-height: 38px;
        padding: 0 25px 0 10px;
        border: 1px solid #000;
        background-position: right 10px center;
    }

    .frm_group .mix {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .frm_group .mix select {
            -webkit-box-flex: .4;
            -ms-flex: .4;
            flex: .4;
            margin-right: 10px;
        }

        .frm_group .mix input {
            -webkit-box-flex: .6;
            -ms-flex: .6;
            flex: .6;
        }

    .frm_group .mix_unit .inpwrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #f2f4f6;
    }

        .frm_group .mix_unit .inpwrap input[type="text"] {
            position: relative;
            text-align: right;
        }

        .frm_group .mix_unit .inpwrap .unit {
            position: static;
            padding: 8px 10px 8px 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }

        .frm_group .mix_unit .inpwrap .subtit {
            padding: 8px 0 8px 10px;
            color: #999;
        }

    .frm_group .mix_half .inpwrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .frm_group .mix_half .inpwrap.period {
            margin-bottom: 10px;
            background-color: #f2f4f6;
        }

            .frm_group .mix_half .inpwrap.period:before {
                content: '-';
                position: absolute;
                left: 50%;
                top: 25%;
                color: #999999;
            }

        .frm_group .mix_half .inpwrap p {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-left: 10px;
        }

            .frm_group .mix_half .inpwrap p:first-child {
                margin-left: 0;
            }

        .frm_group .mix_half .inpwrap.email {
            margin-bottom: 10px;
        }

            .frm_group .mix_half .inpwrap.email:before {
                content: '@';
                position: absolute;
                left: calc(50% - 5px);
                top: 25%;
                color: #999999;
            }

            .frm_group .mix_half .inpwrap.email p {
                margin-left: 20px;
            }

                .frm_group .mix_half .inpwrap.email p:first-child {
                    margin-left: 0;
                }

    .frm_group .unit {
        position: absolute;
        display: block;
        right: 10px;
        top: 9px;
    }

    .frm_group .line {
        margin-bottom: 10px;
    }

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

        .frm_group .line + .with_btn {
            margin-top: 10px;
        }

    .frm_group .inpwrap {
        position: relative;
    }

        .frm_group .inpwrap._unit input {
            padding-right: 23%;
        }

        .frm_group .inpwrap._unit .tit {
            position: absolute;
            left: 0;
            top: 0;
            display: inline-block;
            margin-top: 10px;
            margin-left: 10px;
            font-size: 12px;
        }

            .frm_group .inpwrap._unit .tit + input {
                padding-left: 110px;
            }

        .frm_group .inpwrap + .inpwrap {
            margin-top: 10px;
        }

        .frm_group .inpwrap._upload {
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .frm_group .inpwrap._upload input {
                padding-right: 30px;
            }

            .frm_group .inpwrap._upload .btn_reset2 {
                position: absolute;
                top: 50%;
                right: 10px;
                margin-top: -.65rem;
            }

        .frm_group .inpwrap.addr p {
            position: relative;
        }

            .frm_group .inpwrap.addr p.zipcode input {
                width: calc(100% - 105px);
            }

            .frm_group .inpwrap.addr p.zipcode .btn_addr {
                position: absolute;
                right: 0;
                top: 0;
            }

    .frm_group .inline {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
    }

    .frm_group .sel_wrap {
        clear: both;
        overflow: hidden;
    }

        .frm_group .sel_wrap + .sel_wrap {
            padding-top: 15px;
            margin-top: 15px;
            border-top: 1px solid #eeeeee;
        }

        .frm_group .sel_wrap .sel {
            position: relative;
            cursor: pointer;
            float: left;
            width: calc((100% / 2) - 3px);
            margin-right: 6px;
            margin-bottom: 6px;
            padding-left: 0;
        }

            .frm_group .sel_wrap .sel:nth-child(2n) {
                margin-right: 0;
            }

            .frm_group .sel_wrap .sel:nth-child(2n+1) {
                clear: left;
            }

            .frm_group .sel_wrap .sel:last-child {
                margin-right: 0;
            }

            .frm_group .sel_wrap .sel input[type=radio], .frm_group .sel_wrap .sel input[type=checkbox] {
                position: absolute;
                left: 0;
                top: 0;
                visibility: hidden;
            }

                .frm_group .sel_wrap .sel input[type=radio]:checked + p, .frm_group .sel_wrap .sel input[type=checkbox]:checked + p {
                    background-color: #0053a7;
                }

                    .frm_group .sel_wrap .sel input[type=radio]:checked + p:before, .frm_group .sel_wrap .sel input[type=checkbox]:checked + p:before {
                        content: '';
                        display: inline-block;
                        width: 11px;
                        height: 10px;
                        margin-right: 5px;
                        background-image: url(../images/common/btn_check.png);
                        background-size: 11px;
                        background-repeat: no-repeat;
                        background-position: 0 0;
                        vertical-align: middle;
                    }

            .frm_group .sel_wrap .sel p {
                width: 100%;
                padding: 0.85rem 0;
                text-align: center;
                background-color: #c0cfde;
                color: #fff;
            }

.required::before {
    content: '*';
    display: inline-block;
    color: #00abe4;
    line-height: 1;
    vertical-align: middle;
}

.certify {
    font-size: 0;
}

    .certify .inpwrap {
        position: relative;
        display: inline-block;
        width: calc(100% - 100px);
    }

        .certify .inpwrap .cnt {
            position: absolute;
            top: 0;
            right: 10px;
            color: #00abe4;
            line-height: 40px;
        }

    .certify .btn_confirm {
        min-width: 100px;
        height: 40px;
    }

.frm_half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .frm_half .frm_group {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 10px;
    }

        .frm_half .frm_group:last-child {
            margin-right: 0;
        }

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

html, body {
    max-width: 768px;
    margin: 0 auto;
    height: 100%;
    min-height: 100%;
}

.wrap {
    min-height: calc(100% - 130px);
}

h1.logo {
    display: block;
    width: 81px;
    height: 33px;
    margin: 0 auto;
    background-image: url(../images/common/logo24.png);
    background-size: 81px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.header {
    top: 0;
    width: 100%;
    min-height: 50px;
    background-color: #fff;
}

    .header .row {
        position: relative;
        height: 100%;
        padding: 1.85rem 3rem;
    }

    .header .head_title {
        display: none;
    }

    .header .btn-navi {
        position: absolute;
        right: 30px;
        top: 16.5px;
        z-index: 10;
        width: 30px;
        height: 30px;
    }

        .header .btn-navi i {
            display: block;
            position: absolute;
            right: 0;
            width: 100%;
            height: 5.00%;
            background-color: #000000;
        }

            .header .btn-navi i:nth-child(1) {
                top: 5px;
            }

            .header .btn-navi i:nth-child(2), .header .btn-navi i:nth-child(3) {
                width: 80%;
                top: 14px;
            }

            .header .btn-navi i:nth-child(4) {
                top: 23px;
            }

.footer {
    margin-top: 70px;
    background-color: #222222;
}

    .footer .social {
        display: none;
        padding: 17px 30px 15px;
        background-color: #fae100;
    }

        .footer .social a {
            display: inline-block;
            padding-left: 40px;
            line-height: 1.5;
            font-size: 12px;
            background-image: url(../images/common/kakao_logo.png);
            background-size: 34px;
            background-repeat: no-repeat;
            background-position: 0 center;
        }

            .footer .social a span {
                line-height: 1.5;
                font-size: 12px;
                font-weight: 450;
            }

    .footer .enquiry {
        margin-top: -70px;
        padding: 17px 30px 15px;
        background-color: #495560;
    }

        .footer .enquiry a {
            display: inline-block;
            padding-left: 35px;
            line-height: 1.5;
            font-size: 12px;
            color: #fff;
            background-image: url(../images/icon/icon_femail.png);
            background-size: 21px;
            background-repeat: no-repeat;
            background-position: 0 center;
        }

            .footer .enquiry a span {
                line-height: 1.5;
                font-size: 12px;
                font-weight: 450;
                color: #fff;
            }

    .footer .row {
        position: relative;
        padding: 42px 30px 20px;
    }

        .footer .row * {
            color: #eeeeee;
        }

    .footer select {
        border: 0;
        border-bottom: 1px solid #ffffff;
        background-image: url(../images/icon/ico_down.png);
        background-size: 6px;
        background-repeat: no-repeat;
        background-position: right 5px center;
    }

    .footer .util {
        padding-bottom: 30px;
    }

        .footer .util > li {
            float: left;
            padding-right: 15px;
        }

            .footer .util > li:last-child {
                padding-right: 0;
            }

        .footer .util a {
            letter-spacing: -.4px;
        }

            .footer .util a.point {
                font-weight: 700;
            }

    .footer .cs {
        clear: both;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 30px;
    }

        .footer .cs > div {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .footer .cs > div:last-child {
                text-align: right;
            }

        .footer .cs p {
            font-size: 12px;
            font-weight: 350;
        }

        .footer .cs .tel {
            display: block;
            margin-top: -5px;
            font-size: 25px;
            font-weight: 700;
            letter-spacing: -.8px;
        }

        .footer .cs .btn-cust {
            display: inline-block;
            width: 100%;
            max-width: 110px;
            padding: 11px 0 12px;
            border: 2.5px solid #eee;
            font-size: 12px;
            text-align: center;
        }

    .footer .familysite {
        padding-bottom: 30px;
    }

    .footer .addr > p {
        padding-bottom: 10px;
    }

        .footer .addr > p span {
            position: relative;
            display: inline-block;
            margin-left: 10px;
            padding-left: 10px;
            font-size: 12px;
            font-weight: 350;
        }

            .footer .addr > p span:before {
                content: '';
                position: absolute;
                display: block;
                left: 0;
                top: 50%;
                margin-top: -4px;
                width: 1px;
                height: 9px;
                background-color: #eee;
            }

            .footer .addr > p span:first-child {
                margin-left: 0;
                padding-left: 0;
            }

                .footer .addr > p span:first-child:before {
                    display: none;
                }

    .footer .ic_mail {
        display: inline-block;
        margin-left: 3px;
        margin-top: -2px;
        width: 10px;
        height: 10px;
        background-image: url(../images/icon/btn_fmail.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        vertical-align: middle;
    }

    .footer .copyr {
        padding: 20px 30px 90px;
        border-top: 1px solid #4b4b4b;
    }

        .footer .copyr p {
            position: relative;
            padding-left: 10px;
            font-size: 12px;
            line-height: 24px;
            color: #eee;
        }

            .footer .copyr p span {
                position: absolute;
                left: 0;
                top: -3px;
                display: inline-block;
                color: #eee;
                font-size: 20px;
                font-weight: 300;
            }

        .footer .copyr .btm {
            position: relative;
            padding: 15px 0 10px;
        }

            .footer .copyr .btm > span {
                display: block;
                font-size: 12px;
                color: #888888;
            }

            .footer .copyr .btm .sns {
                position: absolute;
                right: 0;
                bottom: 0;
            }

                .footer .copyr .btm .sns a {
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    margin-left: 5px;
                }

                    .footer .copyr .btm .sns a i {
                        display: block;
                        width: 100%;
                        height: 100%;
                        background-repeat: no-repeat;
                        background-position: center center;
                    }

                    .footer .copyr .btm .sns a.btn-insta > i {
                        background-image: url(../images/icon/fico_insta.png);
                        background-size: 20px;
                    }

                    .footer .copyr .btm .sns a.btn-fb > i {
                        background-image: url(../images/icon/fico_fb.png);
                        background-size: 10px;
                    }

                    .footer .copyr .btm .sns a.btn-yt > i {
                        background-image: url(../images/icon/fico_yt.png);
                        background-size: 20px;
                    }

    .footer._etc .btn-cust {
        display: none;
    }

.gnb_menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 12;
    overflow-y: auto;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

    .gnb_menu.open {
        right: 0;
    }

    .gnb_menu .gnb_head {
        min-height: 70px;
        padding: 24px 30px;
        color: #fff;
        background-color: #0053a7;
    }

        .gnb_menu .gnb_head * {
            color: inherit;
            font-size: 12px;
        }

        .gnb_menu .gnb_head .btn_link {
            line-height: 21px;
            border-bottom-color: #fff;
        }

            .gnb_menu .gnb_head .btn_link._modi {
                position: absolute;
                top: 25px;
                right: 60px;
            }

        .gnb_menu .gnb_head .btn_close {
            position: absolute;
            top: 30px;
            right: 30px;
            width: 15px;
            height: 15px;
            background-image: url(../images/common/btn_wdel.png);
            background-size: 15px;
            background-repeat: no-repeat;
            background-position: 0 0;
        }

        .gnb_menu .gnb_head .row p {
            max-width: 70%;
        }

            .gnb_menu .gnb_head .row p span {
                font-weight: 700;
            }

    .gnb_menu .gnb_wrap {
        height: 100%;
    }

        .gnb_menu .gnb_wrap .tablist {
            float: left;
            display: block;
            table-layout: inherit;
            width: 160px;
            padding-bottom: 30px;
            background-color: #f2f4f6;
            border-right: 1px solid #e0e0e0;
        }

            .gnb_menu .gnb_wrap .tablist li {
                display: block;
                text-align: left;
                padding: 0;
                background-color: #f2f4f6;
                border-bottom: 0;
            }

                .gnb_menu .gnb_wrap .tablist li a, .gnb_menu .gnb_wrap .tablist li button {
                    font-size: 14px;
                    width: 100%;
                    height: 100%;
                    padding: 20px 20px 20px 30px;
                    text-align: left;
                }

                    .gnb_menu .gnb_wrap .tablist li a.current, .gnb_menu .gnb_wrap .tablist li button.current {
                        background-color: #fff;
                        color: #0053a7;
                        font-weight: 450;
                    }

                .gnb_menu .gnb_wrap .tablist li.comm {
                    width: 160px;
                    padding: 30px 0 30px;
                    border-right: 1px solid #e0e0e0;
                }

                .gnb_menu .gnb_wrap .tablist li button.direct-mall {
                    color: #d8282e;
                    font-weight: 600;
                }

                    .gnb_menu .gnb_wrap .tablist li button.direct-mall:after {
                        content: url(../images/icon/mall-red.png);
                        padding-left: 3px;
                        vertical-align: inherit;
                    }

        .gnb_menu .gnb_wrap .submenu {
            clear: inherit;
            float: right;
            width: calc(100% - 160px);
            overflow: hidden;
            overflow-y: auto;
        }

            .gnb_menu .gnb_wrap .submenu .item {
                padding: 16px 20px 14px;
                border-bottom: 1px solid #e0e0e0;
            }

            .gnb_menu .gnb_wrap .submenu .acco_head {
                padding-bottom: 0;
            }

                .gnb_menu .gnb_wrap .submenu .acco_head .acco_target {
                    font-weight: 400;
                    font-size: 13px;
                }

            .gnb_menu .gnb_wrap .submenu .acco_panel > ul {
                padding: 10px 15px 10px 20px;
            }

                .gnb_menu .gnb_wrap .submenu .acco_panel > ul li {
                    padding: 10px 0;
                    color: #666666;
                }

                    .gnb_menu .gnb_wrap .submenu .acco_panel > ul li a {
                        color: #666666;
                    }

    .gnb_menu .reomm_bnr.swiper-container .swiper-slide {
        padding-left: 20px;
        padding-right: 20px;
    }

    .gnb_menu .reomm_bnr.swiper-container .figure {
        position: relative;
        width: 100%;
        height: 70px;
        text-align: center;
    }

        .gnb_menu .reomm_bnr.swiper-container .figure img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            max-height: 96%;
        }

    .gnb_menu .reomm_bnr.swiper-container .info a {
        display: inline-block;
        padding: 5px 0;
        text-align: center;
    }

    .gnb_menu .reomm_bnr.swiper-container .info .btn_more {
        margin-top: 0;
        font-size: 12px;
        letter-spacing: -1px;
    }

    .gnb_menu .reomm_bnr.swiper-container .swiper-pagination-bullets {
        position: relative;
        bottom: 0;
    }

        .gnb_menu .reomm_bnr.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
            background: #ccc;
            opacity: 1;
        }

        .gnb_menu .reomm_bnr.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
            background: #777;
        }

.fixed_menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    height: calc(constant(safe-area-inset-bottom) + 60px);
    height: calc(env(safe-area-inset-bottom) + 60px);
    border-top: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 11;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

    .fixed_menu.hide {
        bottom: 0px;
    }

    .fixed_menu .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
    }

        .fixed_menu .row .menu {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: 100%;
            text-align: center;
            background-size: 20px;
            background-position: center top 6px;
            background-repeat: no-repeat;
        }

            .fixed_menu .row .menu.mn01 {
                background-image: url(../images/icon/fixed_menu01.png);
            }

                .fixed_menu .row .menu.mn01.active {
                    background-image: url(../images/icon/fixed_menu01_on.png);
                }

            .fixed_menu .row .menu.mn02 {
                background-image: url(../images/icon/fixed_menu02.png);
            }

                .fixed_menu .row .menu.mn02.active {
                    background-image: url(../images/icon/fixed_menu02_on.png);
                }

            .fixed_menu .row .menu.mn03 {
                background-image: url(../images/icon/fixed_menu03.png);
            }

                .fixed_menu .row .menu.mn03.active {
                    background-image: url(../images/icon/fixed_menu03_on.png);
                }

            .fixed_menu .row .menu.mn04 {
                background-image: url(../images/icon/fixed_menu04.png);
            }

                .fixed_menu .row .menu.mn04.active {
                    background-image: url(../images/icon/fixed_menu04_on.png);
                }

            .fixed_menu .row .menu a, .fixed_menu .row .menu button {
                display: block;
                width: 100%;
                height: 100%;
            }

        .fixed_menu .row span {
            display: block;
            padding-top: 30px;
            font-size: 10px;
        }

.back-top {
    cursor: pointer;
    right: 13px;
    position: fixed;
    width: 41px;
    height: 41px;
    display: inline-block;
    text-decoration: none;
    z-index: 10;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background-image: url(../images/common/btn_top.png);
    background-size: 41px;
    background-repeat: no-repeat;
    background-position: center center;
}

    .back-top.show {
        opacity: 1;
    }

.search_frm-input > div {
    position: relative;
}

    .search_frm-input > div .btn_reset {
        position: absolute;
        right: 3rem;
        top: 18px;
    }

.search_frm-input input {
    width: 100%;
    height: auto;
    border: 0;
    border-bottom: 1px solid #000;
    padding: 16px 30px 16px;
    font-size: 14px;
    line-height: normal;
    background-color: #fff;
}

    .search_frm-input input:focus {
        border-color: #000;
    }

.search_frm-input ::-webkit-input-placeholder {
    font-size: 14px;
}

.search_frm-input ::-moz-placeholder {
    font-size: 14px;
}

.search_frm-input ::-moz-placeholder {
    font-size: 14px;
}

.search_frm-input .btn_search {
    position: absolute;
    left: 0px;
    top: 18px;
}

.search_layer {
    position: fixed;
    bottom: -150%;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(100vh - 112px);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

    .search_layer .dim {
        height: calc(100% - 51px);
    }

    .search_layer.active {
        bottom: 52px !important;
    }

    .search_layer .search_wrap {
        position: relative;
        width: 100%;
        height: calc(100vh - 111px);
        padding-bottom: 50px;
        background-color: #fff;
        z-index: 11;
    }

        .search_layer .search_wrap .row {
            padding-top: 26px;
            padding-left: 60px;
        }

        .search_layer .search_wrap .btn_down {
            position: absolute;
            top: 12px;
            left: 50%;
            margin-left: -10px;
            width: 20px;
            height: 0.75rem;
            background-image: url(../images/icon/icon_close-down.png);
            background-size: 13px;
            background-repeat: no-repeat;
            background-position: center 0;
            z-index: 1;
        }

        .search_layer .search_wrap .recom_tag {
            margin-top: 33px;
        }

            .search_layer .search_wrap .recom_tag > p {
                font-size: 14px;
                font-weight: 700;
            }

            .search_layer .search_wrap .recom_tag > ul li {
                padding-top: 13px;
            }

                .search_layer .search_wrap .recom_tag > ul li p {
                    display: inline-block;
                    font-weight: 300;
                    vertical-align: middle;
                }

                    .search_layer .search_wrap .recom_tag > ul li p.num {
                        padding-right: 15px;
                        font-weight: 700;
                    }

                    .search_layer .search_wrap .recom_tag > ul li p > span {
                        display: inline-block;
                        margin-left: 5px;
                        font-size: 14px;
                    }

[class*='_layer'] {
    z-index: 11;
}

    [class*='_layer'] .dim {
        display: none;
        bottom: -100%;
    }

    [class*='_layer'].active {
        bottom: 0;
    }

        [class*='_layer'].active .dim {
            bottom: 0;
            display: block;
        }

    [class*='_layer'] .layer_head {
        position: relative;
        padding: 1.70rem 3rem;
        font-size: 1.5rem;
        border-bottom: 1px solid #000;
    }

        [class*='_layer'] .layer_head .btn_close {
            position: absolute;
            right: 3rem;
            top: 2.3rem;
            width: 16px;
            height: 16px;
            background-image: url(../images/icon/icon_close32x32.png);
            background-size: 16px;
            background-repeat: no-repeat;
            background-position: center center;
        }

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

    .layer_body.layer_full {
        top: inherit;
        bottom: 0;
        background-color: transparent;
    }

        .layer_body.layer_full .layer_wrap {
            width: 100%;
            height: 100%;
        }

        .layer_body.layer_full .layer_head .layer_title {
            height: 70px;
            padding: 23px 60px 23px 30px;
            text-align: left;
        }

        .layer_body.layer_full .layer_cont {
            height: calc(100% - 70px);
            padding: 20px 30px;
        }

        .layer_body.layer_full .layer_close {
            top: 27px;
            right: 32px;
        }
        .layer_body.layer_full .layer_foo.btn_wrap._fixed {
            bottom: 0;
        } /*2024-06-24 하단 버튼 위치 수정*/

    .layer_body.layer_wide .layer_wrap {
        max-width: 100%;
        width: 100%;
        border-radius: 0;
    }

    .layer_body.layer_wide .layer_head .layer_title {
        border-bottom: 1px solid #e1e1e1;
    }

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

    .layer_wrap .layer_head .layer_title {
        padding: 34px 0 0;
        border-bottom-width: 0;
        font-size: 17px;
        font-weight: 500;
    }

    .layer_wrap .btn_wrap {
        margin-bottom: 0;
    }

    .layer_wrap .btn_confirm {
        background-color: #0053a7;
        color: #fff;
    }

    .layer_wrap .btn_cancel {
        background-color: #888;
        color: #fff;
    }

.layer_head {
    position: relative;
    background-color: #fff;
}

    .layer_head .layer_title {
        padding: 10px;
        font-size: 15px;
        line-height: 1.4;
        margin: 0;
        border-bottom: 1px solid #898989;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.layer_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/icon_close32x32.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 0;
    text-indent: -9999px;
}

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

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

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

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

    .layer_cont.alert {
        padding: 32px 20px;
        text-align: center;
    }

        .layer_cont.alert p {
            font-size: 14px;
            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;
    }

.layer_foo.btn_wrap._fixed {
    z-index: 101;
}

.layer_body.termspop .layer_head .layer_close {
    top: 20px;
    right: 15px;
}

.layer_body.termspop .layer_head .layer_title {
    padding: 20px 15px 15px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.layer_body.termspop .layer_head p {
    padding: 0 15px 15px;
    font-size: 12px;
    line-height: 1.5;
}

.layer_body.termspop .layer_wrap {
    width: calc(100% - 30px);
}

.layer_body.termspop .layer_cont {
    height: auto;
    padding: 0 15px 0;
    margin-bottom: 30px;
}

.layer_body.termspop .chkwrap {
    margin-bottom: 10px;
}

    .layer_body.termspop .chkwrap input[type=checkbox] + label span {
        font-size: 13px;
        font-weight: 500;
        color: #000;
    }

.layer_body.termspop .terms_area {
    max-height: 55vh;
    padding: 15px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #eee;
}

    .layer_body.termspop .terms_area dl {
        margin-bottom: 30px;
    }

    .layer_body.termspop .terms_area dt {
        padding-bottom: 10px;
        font-size: 12px;
        font-weight: 700;
    }

    .layer_body.termspop .terms_area dd {
        font-size: 12px;
        font-weight: 350;
    }

        .layer_body.termspop .terms_area dd p {
            margin-bottom: 6px;
            font-size: inherit;
            font-weight: inherit;
        }

        .layer_body.termspop .terms_area dd ul {
            margin-bottom: 10px;
            margin-left: 10px;
        }

        .layer_body.termspop .terms_area dd li {
            padding-bottom: 5px;
            font-size: 12px;
            font-weight: 350;
        }

.layer_body.termspop .inscroll {
    padding: 15px 0 15px 10px;
    height: 70vh;
    background-color: #f4f6f8;
    overflow-y: scroll;
}

    .layer_body.termspop .inscroll .inframe {
        width: 100%;
        height: 100%;
        border: 0;
    }

.layer_body.eventpop .layer_wrap {
    max-width: 560px;
}

.layer_body.eventpop .layer_close {
    right: 10px;
    top: 10px;
    background-image: url(../images/common/btn_wdel.png);
}

.layer_body.eventpop .layer_cont {
    padding: 0;
}

.termsbox {
    padding-right: 10px;
}

    .termsbox .popCont {
        font-size: 12px;
    }

        .termsbox .popCont div, .termsbox .popCont p, .termsbox .popCont strong, .termsbox .popCont span, .termsbox .popCont button {
            font-size: 12px;
        }

        .termsbox .popCont div {
            margin-top: 20px;
        }

        .termsbox .popCont caption {
            font-size: 0;
            text-indent: -9999px;
        }

        .termsbox .popCont table {
            border: 1px solid #dddddd;
            margin-top: 5px;
        }

            .termsbox .popCont table th, .termsbox .popCont table td {
                font-size: 11px;
            }

            .termsbox .popCont table th {
                padding: 15px;
                border-bottom: 1px solid #dddddd;
                border-left: 1px solid #dddddd;
            }

            .termsbox .popCont table td {
                padding: 15px;
                border-bottom: 1px solid #dddddd;
                border-left: 1px solid #dddddd;
                background-color: #fff;
            }

select.terms_select {
    margin: 20px 0;
    width: auto;
    padding-right: 25px;
}

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

    .tablist li {
        display: table-cell;
        border-bottom: 1px solid #f0f0f0;
        text-align: center;
    }

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

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

            .tablist li .tab[aria-selected="true"], .tablist li .tab input[type="radio"]:checked + label, .tablist li input[type="radio"] + label[aria-selected="true"], .tablist li input[type="radio"] + label input[type="radio"]:checked + label {
                border: 0;
                border-bottom: 3px solid #3D3D3D;
            }

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

.tab_contents {
    clear: both;
}

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

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

    .tab_contents .tab_panel {
        padding: 50px 0;
    }

        .tab_contents .tab_panel[aria-hidden="true"] {
            display: none;
        }

.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-left: 1px solid #333;
            border-bottom: 1px solid #333;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

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

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

.accord_wrap .acco_panel {
    outline: 0;
}

    .accord_wrap .acco_panel[aria-hidden="true"] {
        display: none;
    }

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

input.datepicker, input.calendar {
    background-image: url(../images/icon/ico_calender.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.ui-datepicker {
    left: 30px !important;
    width: calc(100% - 60px);
    padding: 2px 2px 0;
    margin-top: 2px;
    display: none;
    border: 1px solid #a1a1a1;
    background-color: #f2f4f6;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: 2px 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 10px;
        width: 28px;
        height: 28px;
        z-index: 10;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 4px;
        background-image: url(../images/icon/ico_cal_prev.png);
        background-size: 10px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 4px;
        background-image: url(../images/icon/ico_cal_next.png);
        background-size: 10px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 23px;
        padding: 5px 0;
        line-height: 18px;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title span {
            font-size: 14px;
        }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 15px;
            margin: 0;
            padding: 6px 10px;
            border: 1px solid #ddd;
            background-position: right 10px center;
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 80px;
        text-align: center;
    }

    .ui-datepicker select.ui-datepicker-month {
        width: 60px;
        margin-left: 10px;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: 10px;
        border-collapse: collapse;
        margin: 0 0 4px;
    }

    .ui-datepicker th {
        padding: 7px 3px;
        text-align: center;
        border: 0;
        font-size: 11px;
    }

        .ui-datepicker th span {
            font-size: 11px;
        }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            width: 30px;
            height: 30px;
            text-align: center;
            text-decoration: none;
            font-size: 13px;
            line-height: 27px;
        }

            .ui-datepicker td span.ui-state-active, .ui-datepicker td a.ui-state-active {
                border: 1px solid #0053a7;
                background-color: #fff;
                color: #0053a7;
                border-radius: 100%;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                -ms-border-radius: 100%;
                -o-border-radius: 100%;
            }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: 7px 0 0 0;
        padding: 0 2px;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: 5px 2px 4px;
            cursor: pointer;
            padding: 2px 6px 3px 6px;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto 4px;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: 5px;
    top: 3px;
}

/* table */
.tbl_list th, .tbl_list td {
    vertical-align: middle;
}

    .tbl_list th.left, .tbl_list td.left {
        padding-left: 2.5rem;
        text-align: left;
    }

    .tbl_list th.right, .tbl_list td.right {
        padding-right: 2.5rem;
        text-align: right;
    }

.tbl_list th {
    position: relative;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f2f4f6;
    font-weight: 400;
}

    .tbl_list th:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 10px;
        background-color: #e5e5e5;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.tbl_list td {
    padding: 13px 0;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.tbl_list tfoot th, .tbl_list tfoot td {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f1fbff;
}

.error_page {
    background-color: #f5f5f5;
}

    .error_page .skybanner {
        display: none;
    }

.error_mssg {
    position: absolute;
    left: 50%;
    top: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 320px;
    padding: 30px 20px;
    background-color: #fff;
}

    .error_mssg .err_img img {
        width: 45px;
    }

    .error_mssg div {
        padding-left: 10px;
    }

        .error_mssg div p {
            font-size: 1.2rem;
            font-weight: 300;
        }

        .error_mssg div .btn_link {
            padding-right: 25px;
            margin-top: 20px;
            margin-right: 20px;
            font-size: 1.1rem;
            font-weight: 500;
            background-image: url(../images/icon/icon_depth.png);
            background-repeat: no-repeat;
            background-position: right top 7px;
            background-size: 6px;
        }

    .error_mssg strong {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 1.6rem;
        font-weight: 700;
        color: #0053a7;
    }

@media screen and (min-width: 768px) {
    .familysite {
        background-color: #222222;
    }

        .familysite select {
            height: 43px;
            padding: 0 25px 0 0;
            background-color: #222222;
        }

        .familysite option {
            background-color: #222222;
        }
}

.frm_group .sel_wrap:after, .footer .util:after, .gnb_menu .gnb_wrap:after, .order_list.type2 .info:after, .addphoto:after, .layer_body.lineuppopup .head .breadcr:after, .order .rent_write .sel_tab:after, .order .rent_write .total > div:after, .layer_body.stockpopup .stk_list li .elm:after, .partner .order_num:after, .partner .total:after, .custom .sort:after, .professional .about_sec4 ul:after, .professional .about_sec5 ul:after, .eventpage .event_bg2 .conts: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;
    top: 50%;
    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;
}

.frm_group .sel_wrap:after, .footer .util:after, .gnb_menu .gnb_wrap:after, .order_list.type2 .info:after, .addphoto:after, .layer_body.lineuppopup .head .breadcr:after, .order .rent_write .sel_tab:after, .order .rent_write .total > div:after, .layer_body.stockpopup .stk_list li .elm:after, .partner .order_num:after, .partner .total:after, .custom .sort:after, .professional .about_sec4 ul:after, .professional .about_sec5 ul:after, .eventpage .event_bg2 .conts:after {
    content: "";
    display: block;
    clear: both;
}

.frm_group .sel_wrap:after, .footer .util:after, .gnb_menu .gnb_wrap:after, .order_list.type2 .info:after, .addphoto:after, .layer_body.lineuppopup .head .breadcr:after, .order .rent_write .sel_tab:after, .order .rent_write .total > div:after, .layer_body.stockpopup .stk_list li .elm:after, .partner .order_num:after, .partner .total:after, .custom .sort:after, .professional .about_sec4 ul:after, .professional .about_sec5 ul:after, .eventpage .event_bg2 .conts:after {
    content: "";
    display: block;
    clear: both;
}

.nodata {
    height: 100%;
    padding: 8rem 0;
    text-align: center;
}

    .nodata > p {
        font-size: 14px;
    }

        .nodata > p > span {
            font-size: inherit;
            color: #00a8e2;
        }

    .nodata > span {
        display: block;
        font-weight: 300;
        color: #666666;
        line-height: 1.6;
    }

.nodata_recom {
    padding-top: 30px;
}

    .nodata_recom > p {
        padding-bottom: 27px;
        text-align: center;
    }

        .nodata_recom > p > span {
            display: block;
            font-size: 12px;
            font-weight: 300;
        }

    .nodata_recom .recom_swipe .swiper-slide {
        margin-right: 10px;
    }

        .nodata_recom .recom_swipe .swiper-slide .figure {
            position: relative;
            height: 0;
            padding-top: 100%;
            overflow: hidden;
        }

            .nodata_recom .recom_swipe .swiper-slide .figure img {
                position: absolute;
                top: 50%;
                left: 50%;
                max-width: 135%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

        .nodata_recom .recom_swipe .swiper-slide .info {
            padding-top: 10px;
        }

.cust_info {
    width: 100%;
    margin-top: 40px;
    background-color: #f2f4f6;
}

    .cust_info .row {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .cust_info .row a {
            display: inline-block;
            margin-top: -2px;
            font-size: 15px;
            font-weight: 700;
        }

        .cust_info .row i {
            display: inline-block;
            width: 1.85rem;
            height: 2.1rem;
            margin-right: 8px;
            background-image: url(../images/icon/icon_contact.png);
            background-size: 1.85rem;
            background-repeat: no-repeat;
            background-position: 0 0;
        }

.sort {
    position: relative;
    min-height: 3rem;
    padding: 20px 0;
    margin-bottom: 10px;
}

    .sort .dropdown {
        position: absolute;
        right: 0;
        top: 13px;
        display: inline-block;
        width: auto;
        padding: 5px 20px 5px 0;
    }

.more_view {
    clear: both;
    width: 100%;
    margin: 20px auto;
    background-color: #ebebeb;
    text-align: center;
}

    .more_view a {
        position: relative;
        display: block;
        width: 100%;
        padding: 15px 0;
        color: #666666;
    }

        .more_view a i {
            display: inline-block;
            width: .75rem;
            height: .75rem;
            border-top: 1px solid #999;
            border-right: 1px solid #999;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
            margin-top: -7px;
            margin-left: 13px;
            vertical-align: middle;
        }

.product_list {
    height: 100%;
    min-height: 100%;
}

    .product_list .img {
        position: relative;
        width: 100%;
        padding-top: 100%;
        overflow: hidden;
    }

        .product_list .img img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .product_list .pname {
        font-weight: 500;
        white-space: normal;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .product_list .info {
        padding-top: 15px;
    }

    .product_list .desc {
        padding-top: 5px;
    }

        .product_list .desc li {
            padding-top: 2px;
            font-size: 12px;
            color: #666666;
        }

            .product_list .desc li:first-child {
                padding-top: 0;
            }

        .product_list .desc .code {
            color: #0053a7;
        }

    .product_list .tag {
        position: absolute;
        left: 0;
        top: 0;
        width: 3.5rem;
        height: 2rem;
        display: block;
        z-index: 1;
    }

        .product_list .tag._new {
            background-image: url(../images/common/tag_new.png);
            background-size: 3.5rem;
            background-repeat: no-repeat;
            background-position: center center;
        }

    .product_list ul li {
        position: relative;
    }

        .product_list ul li a {
            display: block;
            width: 100%;
            height: 100%;
        }

    .product_list ul.col_2 > li {
        float: left;
        width: calc((100% / 2) - 5px);
        margin-right: 10px;
        margin-bottom: 40px;
    }

        .product_list ul.col_2 > li:nth-child(2n) {
            margin-right: 0;
        }

        .product_list ul.col_2 > li:nth-child(2n + 1) {
            clear: both;
        }

        .product_list ul.col_2 > li:last-child, .product_list ul.col_2 > li:nth-last-child(2) {
            margin-bottom: 0;
        }

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

    .product_list hr {
        margin-left: -30px;
        margin-right: -30px;
    }

.borad_wrap {
    padding-top: 30px;
}

    .borad_wrap .sort {
        padding: 0;
        margin-right: 30px;
    }

        .borad_wrap .sort .dropdown {
            top: 0;
        }

    .borad_wrap h3 {
        display: block;
        padding-bottom: 25px;
        font-size: 20px;
    }

    .borad_wrap .row {
        padding: 0 30px 30px;
    }

    .borad_wrap .board_list {
        padding: 0 0 30px 60px;
    }

        .borad_wrap .board_list .img {
            position: relative;
            overflow: hidden;
        }

        .borad_wrap .board_list .info {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .borad_wrap .board_list .info .title {
                font-size: 14px;
                line-height: 23px;
                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;
            }

            .borad_wrap .board_list .info .date {
                margin-top: 4px;
                font-size: 12px;
                color: #999;
            }

            .borad_wrap .board_list .info .desc {
                margin-top: 4px;
                font-size: 12px;
                line-height: 18px;
                color: #666;
            }

        .borad_wrap .board_list._normal {
            padding: 0 30px 30px;
        }

            .borad_wrap .board_list._normal .item {
                margin-top: 30px;
            }

                .borad_wrap .board_list._normal .item:first-child {
                    margin-top: 0;
                }

            .borad_wrap .board_list._normal .info {
                margin-top: 15px;
            }

            .borad_wrap .board_list._normal .title {
                margin-bottom: 2px;
            }

                .borad_wrap .board_list._normal .title a {
                    font-size: 14px;
                }

            .borad_wrap .board_list._normal .lnk {
                position: relative;
                display: inline-block;
                margin-right: 30px;
                padding-left: 9px;
            }

                .borad_wrap .board_list._normal .lnk:last-child {
                    margin-right: 0;
                }

                .borad_wrap .board_list._normal .lnk:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 50%;
                    display: inline-block;
                    width: 2px;
                    height: 2px;
                    background-color: #7fa9d3;
                    border-radius: 25px;
                }

                .borad_wrap .board_list._normal .lnk a {
                    font-size: 12px;
                    font-weight: 300;
                    color: #333;
                    display: inline-block;
                    vertical-align: middle;
                }

        .borad_wrap .board_list.type1 .img {
            margin-bottom: 15px;
        }

        .borad_wrap .board_list.type1 .item {
            margin-bottom: 25px;
        }

        .borad_wrap .board_list.type2 .img {
            width: 80px;
            padding-top: 80px;
            background-image: url(../images/common/default_image.png);
            background-size: cover;
            background-position: center 0;
            background-repeat: no-repeat;
        }

            .borad_wrap .board_list.type2 .img img {
                position: absolute;
                top: 50%;
                left: 50%;
                width: auto;
                height: 100%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

        .borad_wrap .board_list.type2 .info {
            padding: 0 40px 0 20px;
        }

            .borad_wrap .board_list.type2 .info .title {
                white-space: normal;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .borad_wrap .board_list.type2 .info .brand {
                display: inline-block;
                padding: 1px 4px;
                margin-bottom: 4px;
                font-size: 10px;
                font-weight: 700;
                color: #fff;
                background-color: #00abe4;
            }

            .borad_wrap .board_list.type2 .info .desc {
                padding-top: 6px;
                padding-bottom: 5px;
                font-size: 12px;
                font-weight: 300;
                line-height: 1.5;
            }

            .borad_wrap .board_list.type2 .info .date {
                display: inline-block;
            }

            .borad_wrap .board_list.type2 .info .util {
                display: inline-block;
                margin-top: 2px;
            }

                .borad_wrap .board_list.type2 .info .util:before {
                    content: '';
                    display: inline-block;
                    margin: 0 8px 0 4px;
                    width: 1px;
                    height: 7px;
                    background-color: #eeeeee;
                    vertical-align: middle;
                }

                .borad_wrap .board_list.type2 .info .util .ico_download {
                    display: inline-block;
                    width: 11px;
                    height: 10px;
                    background-image: url(../images/icon/icon_download.png);
                    background-size: 11px;
                    background-repeat: no-repeat;
                    background-position: 0 0;
                    vertical-align: middle;
                }

        .borad_wrap .board_list.type2 .item {
            margin-bottom: 0;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }

            .borad_wrap .board_list.type2 .item:first-of-type {
                padding-top: 0;
            }

            .borad_wrap .board_list.type2 .item:last-of-type {
                padding-bottom: 10px;
                border-bottom-width: 0;
            }

            .borad_wrap .board_list.type2 .item a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

    .borad_wrap .board_cont {
        padding: 10px 30px 60px;
        font-size: 14px;
        font-weight: 300;
    }

        .borad_wrap .board_cont.full {
            padding: 10px 0px 60px;
        }

            .borad_wrap .board_cont.full ._row {
                padding-left: 30px;
                padding-right: 30px;
            }

        .borad_wrap .board_cont p {
            font-size: 14px;
            margin-bottom: 30px;
        }

            .borad_wrap .board_cont p:not(.summary):last-child {
                margin-bottom: 0;
            }

            .borad_wrap .board_cont p + .type_indent {
                margin-top: -20px;
            }

        .borad_wrap .board_cont a {
            color: #1d32fa;
            font-size: inherit;
            font-weight: 300;
            word-break: break-all;
        }

        .borad_wrap .board_cont dl {
            margin-bottom: 30px;
        }

            .borad_wrap .board_cont dl dt {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: 700;
            }

            .borad_wrap .board_cont dl dd {
                font-size: 14px;
                font-weight: 300;
                letter-spacing: -.1px;
            }

                .borad_wrap .board_cont dl dd em {
                    font-size: inherit;
                    font-weight: 400;
                    vertical-align: baseline;
                }

                .borad_wrap .board_cont dl dd + dt {
                    margin-top: 20px;
                }

                .borad_wrap .board_cont dl dd i {
                    display: block;
                }

        .borad_wrap .board_cont sup {
            vertical-align: super;
            font-size: 10px;
        }

        .borad_wrap .board_cont ul li {
            padding-left: 10px;
            font-size: 14px;
            text-indent: -10px;
            font-weight: 300;
        }

        .borad_wrap .board_cont ul em {
            font-weight: 500;
        }

        .borad_wrap .board_cont h4:not(.subtit) {
            font-weight: 700;
        }

        .borad_wrap .board_cont .keyvisual {
            position: relative;
        }

            .borad_wrap .board_cont .keyvisual .img {
                position: relative;
                margin-bottom: 75px;
            }

                .borad_wrap .board_cont .keyvisual .img img {
                    position: relative;
                }

                .borad_wrap .board_cont .keyvisual .img:before {
                    content: '';
                    position: absolute;
                    right: -30px;
                    bottom: -30px;
                    width: 94.33333333333%;
                    padding-top: 56%;
                    background: url(../images/workplace/bg.png) no-repeat 100% 100%;
                }

        .borad_wrap .board_cont .summary {
            font-size: 15px;
            font-weight: 400;
        }

            .borad_wrap .board_cont .summary strong {
                font-size: inherit;
                font-weight: 500;
            }

            .borad_wrap .board_cont .summary span {
                font-size: inherit;
                font-weight: 300;
            }

        .borad_wrap .board_cont .img {
            margin-bottom: 40px;
            text-align: center;
        }

            .borad_wrap .board_cont .img figure {
                max-width: 300px;
                margin: 0 auto;
            }

                .borad_wrap .board_cont .img figure:last-child {
                    margin-top: 40px;
                }

            .borad_wrap .board_cont .img figcaption {
                margin-bottom: 15px;
                font-size: 15px;
                text-align: center;
            }

                .borad_wrap .board_cont .img figcaption strong {
                    font-size: inherit;
                    font-weight: 700;
                }

            .borad_wrap .board_cont .img:last-child {
                margin-bottom: 0;
            }

        .borad_wrap .board_cont .subtit {
            margin-bottom: 10px;
            font-size: 15px;
        }

            .borad_wrap .board_cont .subtit:before {
                content: '';
                display: block;
                width: 25px;
                height: 1px;
                margin-bottom: 20px;
                background-color: #000;
            }

            .borad_wrap .board_cont .subtit strong {
                font-size: inherit;
                font-weight: 700;
            }

            .borad_wrap .board_cont .subtit + .img {
                margin-top: 50px;
            }

        .borad_wrap .board_cont .type_ico dd {
            position: relative;
            margin-bottom: 10px;
            padding-left: 42px;
            text-indent: 0;
            min-height: 34px;
        }

            .borad_wrap .board_cont .type_ico dd:last-child {
                margin-bottom: 0;
            }

        .borad_wrap .board_cont .type_ico img {
            float: left;
            margin-left: -42px;
            width: 30px;
            height: 30px;
            vertical-align: middle;
        }

        .borad_wrap .board_cont .type_dot dd, .borad_wrap .board_cont .type_dot li {
            padding-left: 10px;
            text-indent: -10px;
            font-size: 14px;
        }

        .borad_wrap .board_cont .type_dot .img {
            margin-top: 10px;
            margin-bottom: 30px;
        }

        .borad_wrap .board_cont .type_indent dt {
            padding-left: 8px;
            text-indent: -8px;
            font-weight: 500;
        }

        .borad_wrap .board_cont .type_indent dd {
            padding-left: 8px;
        }

        .borad_wrap .board_cont .footnote {
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid #eee;
        }

            .borad_wrap .board_cont .footnote li {
                font-size: 12px;
                font-weight: 300;
                color: #666;
                padding-left: 12px;
                text-indent: -12px;
            }

        .borad_wrap .board_cont .text_box {
            font-size: 14px;
        }

            .borad_wrap .board_cont .text_box h4 {
                margin-bottom: 10px;
                font-size: inherit;
                font-weight: 700;
            }

            .borad_wrap .board_cont .text_box p {
                margin-bottom: 10px;
            }

                .borad_wrap .board_cont .text_box p:last-child {
                    margin-bottom: 0;
                }

            .borad_wrap .board_cont .text_box em {
                font-size: inherit;
                font-weight: 400;
            }

            .borad_wrap .board_cont .text_box ul {
                margin-bottom: 10px;
            }

                .borad_wrap .board_cont .text_box ul li {
                    font-size: 14px;
                }

            .borad_wrap .board_cont .text_box + .subtit {
                margin-top: 40px;
            }

        .borad_wrap .board_cont .hide_mo {
            display: none;
        }

        .borad_wrap .board_cont .guide li span {
            display: block;
            margin-top: 15px;
            padding-left: 14px;
            text-indent: -14px;
            font-size: 14px;
            font-weight: 300;
        }

        .borad_wrap .board_cont table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
            margin-top: 25px;
            margin-bottom: 25px;
        }

            .borad_wrap .board_cont table caption {
                font-size: 14px;
                font-weight: 400;
                text-align: left;
                margin-bottom: 5px;
            }

                .borad_wrap .board_cont table caption span {
                    font-weight: 300;
                }

            .borad_wrap .board_cont table [scope="col"] {
                height: 50px;
                position: relative;
            }

                .borad_wrap .board_cont table [scope="col"]:after {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: 0;
                    margin-top: -9px;
                    width: 1px;
                    height: 18px;
                    background-image: url(../images/workplace/table_th-bar.png);
                    background-position: 0 0;
                    background-repeat: no-repeat;
                }

                .borad_wrap .board_cont table [scope="col"]:last-of-type:after {
                    background-image: none;
                }

            .borad_wrap .board_cont table tr th, .borad_wrap .board_cont table tr td {
                padding: 11px;
                text-align: center;
                vertical-align: middle;
                font-weight: 300;
            }

            .borad_wrap .board_cont table thead {
                border-top: 2px solid #000;
                border-bottom: 1px solid #000;
            }

                .borad_wrap .board_cont table thead th {
                    font-weight: 500;
                }

            .borad_wrap .board_cont table tbody th {
                font-weight: 500;
            }

            .borad_wrap .board_cont table tbody tr {
                border-bottom: 1px solid #e4e7ec;
            }

            .borad_wrap .board_cont table tfoot td {
                text-align: left;
                font-size: 11px;
                color: #666;
                padding-left: 30px;
            }

            .borad_wrap .board_cont table.colstyle tbody tr {
                border-bottom: none;
            }

            .borad_wrap .board_cont table.colstyle.block tr td {
                display: block;
                width: 100%;
                border-bottom: 1px solid #e4e7ec;
            }

                .borad_wrap .board_cont table.colstyle.block tr td ul {
                    padding-left: 30px;
                    padding-right: 30px;
                }

        .borad_wrap .board_cont .health.view3 dl.type_ico [class^="ico_"] {
            top: 0;
        }

        .borad_wrap .board_cont .health.view6 .img.col_2 {
            overflow: hidden;
        }

        .borad_wrap .board_cont .health.view6 figure {
            float: left;
            width: 50%;
            font-size: 0;
            padding: 0 12px;
        }

            .borad_wrap .board_cont .health.view6 figure:last-child {
                margin: 0;
            }

            .borad_wrap .board_cont .health.view6 figure .tit {
                display: block;
                margin: 10px 0 16px;
                font-size: 13px;
                font-weight: 700;
            }

            .borad_wrap .board_cont .health.view6 figure figcaption {
                margin: 0;
                font-size: 12px;
                font-weight: 400;
            }

                .borad_wrap .board_cont .health.view6 figure figcaption img {
                    height: 13px;
                    vertical-align: middle;
                }

        .borad_wrap .board_cont .health.view7 .guide {
            margin-top: -10px;
        }

            .borad_wrap .board_cont .health.view7 .guide li {
                margin-top: 30px;
            }

        .borad_wrap .board_cont .health.view8 dt {
            position: relative;
            height: 33px;
            line-height: 33px;
            margin-bottom: 10px;
            padding-left: 42px;
            text-indent: 0;
        }

            .borad_wrap .board_cont .health.view8 dt [class^="ico_"] {
                top: 0;
                height: 33px;
            }

        .borad_wrap .board_cont .health.view8 ol {
            margin: 40px 0 30px;
        }

            .borad_wrap .board_cont .health.view8 ol:before {
                content: '';
                display: block;
                width: 35px;
                height: 2px;
                margin-bottom: 20px;
                background-color: #000;
            }

            .borad_wrap .board_cont .health.view8 ol li {
                margin-bottom: 20px;
                font-size: 14px;
            }

            .borad_wrap .board_cont .health.view8 ol em {
                font-size: 14px;
                font-weight: 700;
            }

        .borad_wrap .board_cont .health.view8 .type_ico {
            margin-bottom: 20px;
        }

            .borad_wrap .board_cont .health.view8 .type_ico dt.a11y {
                height: 0;
            }

        .borad_wrap .board_cont .health.view8 .footnote li:last-of-type {
            padding-left: 0;
            text-indent: 0;
        }

        .borad_wrap .board_cont .efficiency h4.subtit {
            font-size: 16px;
        }

        .borad_wrap .board_cont .efficiency dl.subtit {
            margin-bottom: 40px;
        }

        .borad_wrap .board_cont .protect .text_box p em {
            font-weight: 700;
        }

        .borad_wrap .board_cont .protect.view2 ol + h4 {
            margin-top: 40px;
        }

        .borad_wrap .board_cont .protect.view2 .guide li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 40px;
        }

            .borad_wrap .board_cont .protect.view2 .guide li .txt {
                width: 62.3%;
                font-size: 14px;
                font-weight: 400;
            }

            .borad_wrap .board_cont .protect.view2 .guide li .img {
                width: 37.7%;
                padding-left: 15px;
            }

            .borad_wrap .board_cont .protect.view2 .guide li:last-of-type .txt {
                padding: 0;
            }

        .borad_wrap .board_cont .protect.view2 .guide span {
            margin: 0;
            padding: 0;
            text-indent: 0;
        }

        .borad_wrap .board_cont .protect.view3 h4 {
            font-weight: 700;
        }

        .borad_wrap .board_cont .protect.view3 .guide li {
            margin-top: 30px;
        }

        .borad_wrap .board_cont .protect.view3 .guide + h4 {
            margin-top: 60px;
        }

        .borad_wrap .board_cont .protect.view6 h5 {
            margin: 30px 0 0;
            font-size: 14px;
            font-weight: 700;
        }

            .borad_wrap .board_cont .protect.view6 h5 + .img {
                margin-top: 20px;
            }

        .borad_wrap .board_cont .protect.view6 dt {
            margin-top: 40px;
        }

        .borad_wrap .board_cont .protect.view6 dd + dt {
            margin-top: 20px;
        }

        .borad_wrap .board_cont .protect.view6 p em, .borad_wrap .board_cont .protect.view6 p span {
            font-size: inherit;
            font-weight: 400;
        }

        .borad_wrap .board_cont .protect.view6 .except {
            padding-left: 0;
        }

        .borad_wrap .board_cont .protect.view6 .guide {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }

            .borad_wrap .board_cont .protect.view6 .guide li {
                width: calc(50% - 10px);
            }

                .borad_wrap .board_cont .protect.view6 .guide li:nth-child(even) {
                    margin-left: 20px;
                }

            .borad_wrap .board_cont .protect.view6 .guide span {
                margin-top: 10px;
                padding-left: 0;
                text-indent: 0;
                font-size: 8px;
            }

        .borad_wrap .board_cont .protect.view6 .type_indent img {
            margin-top: 30px;
        }

        .borad_wrap .board_cont .protect.view6 .col2 p {
            margin-top: 20px;
            font-weight: 400;
            text-align: left;
        }

        .borad_wrap .board_cont .protect.view6 .col2 em {
            display: block;
        }

        .borad_wrap .board_cont .protect.view6 .col2 .img {
            margin-bottom: 15px;
        }

        .borad_wrap .board_cont .protect.view6 .col2 .inner {
            padding: 0;
            text-indent: 0;
            text-align: center;
        }

            .borad_wrap .board_cont .protect.view6 .col2 .inner p {
                font-weight: 300;
            }

            .borad_wrap .board_cont .protect.view6 .col2 .inner img {
                max-width: 100px;
            }

        .borad_wrap .board_cont .protect.view6 .care {
            margin-top: 20px;
        }

            .borad_wrap .board_cont .protect.view6 .care li {
                font-weight: 400;
            }

            .borad_wrap .board_cont .protect.view6 .care .img {
                margin: 20px 0;
            }

        .borad_wrap .board_cont .protect.view7 .imgbox {
            width: 100%;
            margin: 10px 0 35px;
            text-align: left;
        }

        .borad_wrap .board_cont .protect.view7 table.T1 col {
            width: 50%;
        }

        .borad_wrap .board_cont .protect.view7 table.T1 thead th:first-of-type {
            padding-left: 30px;
        }

        .borad_wrap .board_cont .protect.view7 table.T1 thead th:last-of-type {
            padding-right: 30px;
        }

        .borad_wrap .board_cont .protect.view7 table.T1 tbody tr td:last-of-type {
            padding-right: 30px;
        }

        .borad_wrap .board_cont .protect.view7 table.T1 tbody th, .borad_wrap .board_cont .protect.view7 table.T1 tbody td {
            text-align: left;
        }

        .borad_wrap .board_cont .protect.view7 table.T1 tbody th {
            font-weight: 300;
            padding-left: 30px;
        }

        .borad_wrap .board_cont .protect.view7 table.T2 col {
            width: 33.333%;
        }

        .borad_wrap .board_cont .protect.view7 table.T3 {
            width: 100%;
        }

            .borad_wrap .board_cont .protect.view7 table.T3 .t1 {
                width: 13.33%;
            }

            .borad_wrap .board_cont .protect.view7 table.T3 .t2 {
                width: 27.53%;
            }

            .borad_wrap .board_cont .protect.view7 table.T3 .t3 {
                width: 26.63%;
            }

            .borad_wrap .board_cont .protect.view7 table.T3 .t4 {
                width: 32.51%;
            }

            .borad_wrap .board_cont .protect.view7 table.T3 caption {
                font-weight: 700;
            }

        .borad_wrap .board_cont .protect.view7 .footnote {
            margin-top: 45px;
        }

            .borad_wrap .board_cont .protect.view7 .footnote em {
                font-size: 14px;
                font-weight: 500;
            }

            .borad_wrap .board_cont .protect.view7 .footnote li {
                padding-left: 10px;
                text-indent: 0px;
            }

        .borad_wrap .board_cont .protect.view8 .imgbox {
            width: 100%;
            margin: 0 0 35px;
        }

        .borad_wrap .board_cont .protect.view8 .info_behind {
            margin: 10px 0;
        }

        .borad_wrap .board_cont .protect.view8 table tbody th, .borad_wrap .board_cont .protect.view8 table tbody td {
            text-align: left;
            font-weight: 300;
        }

        .borad_wrap .board_cont .protect.view8 table.T1 col {
            width: 50%;
        }

        .borad_wrap .board_cont .protect.view8 table.T1 thead th:first-of-type {
            padding-left: 30px;
        }

        .borad_wrap .board_cont .protect.view8 table.T1 thead th:last-of-type {
            padding-right: 30px;
        }

        .borad_wrap .board_cont .protect.view8 table.T1 tbody tr td:last-of-type {
            padding-right: 30px;
        }

        .borad_wrap .board_cont .protect.view8 table.T1 tbody th {
            padding-left: 30px;
        }

        .borad_wrap .board_cont .protect.view8 table.T1 tbody th, .borad_wrap .board_cont .protect.view8 table.T1 tbody td {
            height: 95px;
        }

        .borad_wrap .board_cont .protect.view8 table.T4 thead th:first-of-type {
            padding-left: 30px;
        }

        .borad_wrap .board_cont .protect.view8 table.T4 thead th:last-of-type {
            padding-right: 30px;
        }

        .borad_wrap .board_cont .protect.view8 table.T4 tbody tr {
            height: 40px;
        }

            .borad_wrap .board_cont .protect.view8 table.T4 tbody tr td:last-of-type {
                padding-right: 30px;
            }

        .borad_wrap .board_cont .protect.view8 table.T4 tbody th {
            padding-left: 30px;
        }

        .borad_wrap .board_cont .protect.view8 table.T5 tbody td {
            width: 50%;
            padding-left: 30px;
            padding-right: 30px;
            border-bottom: 1px solid #e4e7ec;
        }

        .borad_wrap .board_cont .protect.view9 .imgbox {
            margin-top: 30px;
        }

        .borad_wrap .board_cont .protect.view9 table.T1 col {
            width: 50%;
        }

        .borad_wrap .board_cont .protect.view9 table.T1 thead th:first-of-type {
            padding-left: 30px;
        }

        .borad_wrap .board_cont .protect.view9 table.T1 thead th:last-of-type {
            padding-right: 30px;
        }

        .borad_wrap .board_cont .protect.view9 table.T1 tbody tr td:last-of-type {
            padding-right: 30px;
        }

        .borad_wrap .board_cont .protect.view9 table.T1 tbody th, .borad_wrap .board_cont .protect.view9 table.T1 tbody td {
            text-align: left;
        }

        .borad_wrap .board_cont .protect.view9 table.T1 tbody th {
            font-weight: 300;
            padding-left: 30px;
        }

        .borad_wrap .board_cont .protect.view9 table.T2 col {
            width: 33.333%;
        }

        .borad_wrap .board_cont .protect.view9 table.T3 {
            width: 100%;
        }

            .borad_wrap .board_cont .protect.view9 table.T3 .t1 {
                width: 13.33%;
            }

            .borad_wrap .board_cont .protect.view9 table.T3 .t2 {
                width: 27.53%;
            }

            .borad_wrap .board_cont .protect.view9 table.T3 .t3 {
                width: 26.63%;
            }

            .borad_wrap .board_cont .protect.view9 table.T3 .t4 {
                width: 32.51%;
            }

            .borad_wrap .board_cont .protect.view9 table.T3 caption {
                font-weight: 700;
            }

        .borad_wrap .board_cont .protect.view12 ol {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-top: 15px;
        }

            .borad_wrap .board_cont .protect.view12 ol li {
                width: 590px;
            }

                .borad_wrap .board_cont .protect.view12 ol li img {
                    width: 100%;
                }

            .borad_wrap .board_cont .protect.view12 ol.guide_1 {
                margin-bottom: 50px;
            }

    .borad_wrap + .borad_wrap {
        border-top: 10px solid #f2f4f6;
    }

    .borad_wrap.relation_swipe {
        border-top: 0px;
    }

        .borad_wrap.relation_swipe .swiper-container .swiper-slide {
            padding-right: 2.25rem;
        }

            .borad_wrap.relation_swipe .swiper-container .swiper-slide:last-child {
                margin-right: 0;
            }

        .borad_wrap.relation_swipe .swiper-container .figure {
            position: relative;
            width: 100%;
            padding-top: 100%;
            background-image: url(../images/common/default_image.png);
            background-size: cover;
            background-position: center 0;
            background-repeat: no-repeat;
            overflow: hidden;
        }

            .borad_wrap.relation_swipe .swiper-container .figure img {
                position: absolute;
                top: 50%;
                left: 50%;
                max-width: 120%;
                max-height: 100%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

        .borad_wrap.relation_swipe .swiper-container .info {
            margin-top: 10px;
        }

            .borad_wrap.relation_swipe .swiper-container .info .title {
                font-size: 14px;
                font-weight: 500;
                min-height: 4.6rem;
                white-space: normal;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

    .borad_wrap._view {
        padding: 30px;
    }

    .borad_wrap.relation_swipe {
        padding-top: 40px;
        margin-bottom: -70px;
        background-color: #f2f4f6;
    }

.order_list .nodata {
    padding: 100px 0;
}

    .order_list .nodata > p {
        font-size: 12px;
        color: #999;
    }

.order_list .item {
    margin-top: 20px;
    padding: 25px 20px;
    -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
}

.order_list .status {
    display: inline-block;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 11px;
    font-weight: 500;
}

    .order_list .status.type1 {
        background: linear-gradient(#fff 10px, #88ffd9 10px);
    }

    .order_list .status.type2 {
        background: linear-gradient(#fff 10px, #fecf5f 10px);
    }

    .order_list .status.type3 {
        background: linear-gradient(#fff 10px, #dedede 10px);
    }

.order_list .info {
    padding: 10px 0 4px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #000;
}

    .order_list .info .company:after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 9px;
        margin: 0 4px 0 8px;
        background-color: #e0e0e0;
    }

    .order_list .info .date {
        float: right;
        font-size: 12px;
        font-weight: 300;
        color: #999;
    }

.order_list.type1 .num {
    font-size: 12px;
}

.order_list.type1 .summary p {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 300;
    color: #666;
}

.order_list.type1 .summary li {
    margin-bottom: 20px;
}

    .order_list.type1 .summary li .code {
        font-weight: 300;
    }

    .order_list.type1 .summary li em {
        color: #0053a7;
    }

.order_list.type1 .summary a {
    position: relative;
    display: block;
    padding-right: 14px;
}

    .order_list.type1 .summary a:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 5px;
        height: 8px;
        background: url(../images/icon/ico_arr-bk.png) 50% 50%/cover;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.order_list.type1 .btn_wrap {
    margin: 0;
}

.order_list.type2 .num {
    font-size: 14px;
}

.order_list.type2 .info {
    padding-top: 0;
}

.order_list.type2 .qty {
    display: inline-block;
    margin-top: -2px;
    font-weight: 300;
}

    .order_list.type2 .qty:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 9px;
        margin: 0 8px;
        background-color: #e0e0e0;
    }

.order_list.type2 .name {
    margin: 10px 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.order_list.type2 .summary > ul li:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.order_list.type2 .prd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .order_list.type2 .prd .thumb {
        width: 120px;
    }

    .order_list.type2 .prd dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% - 130px);
        margin-left: auto;
    }

    .order_list.type2 .prd dt, .order_list.type2 .prd dd {
        font-size: 12px;
    }

        .order_list.type2 .prd dt:last-of-type, .order_list.type2 .prd dd:last-of-type {
            width: 100%;
        }

    .order_list.type2 .prd dt {
        width: 40px;
    }

        .order_list.type2 .prd dt:last-of-type {
            margin-top: 10px;
        }

    .order_list.type2 .prd dd {
        width: calc(100% - 40px);
        font-weight: 300;
        color: #666;
    }

.addphoto {
    margin-bottom: 10px;
}

    .addphoto .item {
        position: relative;
        float: left;
        width: calc((100% / 4) - 5px);
        margin-right: 6px;
        margin-bottom: 6px;
        background-image: url(../images/common/photo_bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center ce₩nter;
    }

        .addphoto .item:nth-child(4n) {
            margin-right: 0;
        }

        .addphoto .item:last-child {
            margin-bottom: 0;
        }

        .addphoto .item .btn_del {
            position: absolute;
            right: .75rem;
            top: .75rem;
            width: 15px;
            height: 15px;
            background-image: url(../images/common/btn_wdel.png);
            background-size: 15px;
            background-repeat: no-repeat;
            background-position: center center;
            z-index: 9;
        }

        .addphoto .item .img {
            position: relative;
            width: 100%;
            padding-top: 100%;
        }

            .addphoto .item .img img {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

    .addphoto .btn_plus {
        width: 100%;
        padding-top: calc(100% - 2px);
        border: 1px solid #0053a7;
        background-color: #fff;
        background-image: url(../images/common/btn_plus.png);
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center center;
    }

.help {
    margin-bottom: 4rem;
    font-size: 14px;
    font-weight: 300;
}

.tab_cont .content {
    display: none;
}

    .tab_cont .content.active {
        display: block;
    }

.attach {
    text-align: right;
}

    .attach a {
        display: inline-block;
        padding: 3px 0;
        color: #0053a7;
        font-size: 12px;
    }

        .attach a:after {
            content: '';
            display: inline-block;
            width: 1.25rem;
            height: 1.2rem;
            margin: -4px 0 0 10px;
            background: url(../images/icon/icon_download-bl.png) no-repeat 50% 50%;
            background-size: cover;
        }

.layer_body.lineuppopup .head {
    padding: 28px 30px 20px;
}

    .layer_body.lineuppopup .head h3 {
        margin-bottom: 15px;
        font-size: 15px;
        font-weight: 500;
    }

    .layer_body.lineuppopup .head .breadcr > li {
        position: relative;
        float: left;
        font-size: 12px;
        font-weight: 300;
        padding-left: 10px;
        margin-left: 10px;
    }

        .layer_body.lineuppopup .head .breadcr > li:before {
            content: '';
            display: inline-block;
            width: 5px;
            height: 5px;
            border-top: 1px solid #333;
            border-right: 1px solid #333;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            left: -5px;
            top: 50%;
            margin-top: -3px;
        }

        .layer_body.lineuppopup .head .breadcr > li:first-child {
            padding-left: 0;
            margin-left: 0;
        }

            .layer_body.lineuppopup .head .breadcr > li:first-child:before {
                display: none;
            }

        .layer_body.lineuppopup .head .breadcr > li:last-child {
            color: #666666;
        }

.layer_body.lineuppopup#lineup-handwash .layer_cont .img {
    margin: 40px auto;
    text-align: center;
    width: 212px;
}

.layer_body.lineuppopup .poptable {
    margin-bottom: 50px;
}

    .layer_body.lineuppopup .poptable table thead {
        background-color: #f2f4f6;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    .layer_body.lineuppopup .poptable table th {
        padding: 12px 5px;
        font-weight: 400;
        font-size: 13px;
    }

    .layer_body.lineuppopup .poptable table .th150 {
        width: 150px;
    }

    .layer_body.lineuppopup .poptable table .th150n {
        width: calc(100% - 150px);
    }

    .layer_body.lineuppopup .poptable table .th95 {
        width: 95px;
    }

    .layer_body.lineuppopup .poptable table .th95n {
        width: calc(100% - 95px);
    }

    .layer_body.lineuppopup .poptable table .th100 {
        width: 100px;
    }

    .layer_body.lineuppopup .poptable table .th70 {
        width: 70px;
    }

    .layer_body.lineuppopup .poptable table .th0 {
        width: calc(100% - 170px);
    }

    .layer_body.lineuppopup .poptable .center .type {
        text-align: left;
    }

        .layer_body.lineuppopup .poptable .center .type strong {
            text-align: left;
        }

    .layer_body.lineuppopup .poptable .center .col {
        text-align: center;
    }

    .layer_body.lineuppopup .poptable td {
        padding: 20px 1.563rem;
        border-left: 1px solid #e5e5e5;
        vertical-align: middle;
    }

        .layer_body.lineuppopup .poptable td.type {
            border-left: 0;
        }

        .layer_body.lineuppopup .poptable td.last {
            border-bottom: 1px solid #c4c4c4;
        }

            .layer_body.lineuppopup .poptable td.last.col:after {
                display: none;
            }

        .layer_body.lineuppopup .poptable td strong {
            display: block;
            padding-bottom: 10px;
            font-size: 13px;
            font-weight: 500;
        }

            .layer_body.lineuppopup .poptable td strong > span {
                display: block;
                color: #0053a7;
                font-size: 12px;
                font-weight: 700;
            }

            .layer_body.lineuppopup .poptable td strong.center {
                text-align: center;
            }

        .layer_body.lineuppopup .poptable td p {
            font-size: 12px;
            font-weight: 300;
            color: #666666;
            letter-spacing: -1.3px;
        }

        .layer_body.lineuppopup .poptable td .link {
            display: inline-block;
            color: #0053a7;
            font-size: 11px;
        }

            .layer_body.lineuppopup .poptable td .link i {
                display: inline-block;
                width: 5px;
                height: 5px;
                border-top: 1px solid #0053a7;
                border-right: 1px solid #0053a7;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                vertical-align: middle;
                margin-left: 1px;
                margin-top: -3px;
            }

        .layer_body.lineuppopup .poptable td.col {
            position: relative;
        }

            .layer_body.lineuppopup .poptable td.col p {
                padding-left: 70px;
                padding-right: 10px;
                letter-spacing: 0;
            }

                .layer_body.lineuppopup .poptable td.col p > span {
                    display: block;
                    font-size: 12px;
                    font-weight: 400;
                    color: #1768bb;
                }

            .layer_body.lineuppopup .poptable td.col .normal {
                padding-left: 0;
                color: #000;
                font-weight: 400;
            }

                .layer_body.lineuppopup .poptable td.col .normal .link {
                    position: absolute;
                    right: 30px;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                }

            .layer_body.lineuppopup .poptable td.col .logo {
                display: block;
                max-width: 50px;
                padding-bottom: 3px;
                line-height: 1.1;
                text-align: center;
            }

                .layer_body.lineuppopup .poptable td.col .logo._popee img {
                    height: 12px;
                }

                .layer_body.lineuppopup .poptable td.col .logo i {
                    font-style: normal;
                    font-size: 7px;
                    color: #1768bb;
                }

                    .layer_body.lineuppopup .poptable td.col .logo i.v1 {
                        color: #a92f68;
                    }

                    .layer_body.lineuppopup .poptable td.col .logo i.v2 {
                        color: #1768bb;
                    }

            .layer_body.lineuppopup .poptable td.col:after {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                display: block;
                width: calc(100% - 30px);
                height: 1px;
                background-color: #e5e5e5;
            }

    .layer_body.lineuppopup .poptable .in {
        position: absolute;
        top: 55%;
        left: 13px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        line-height: 1;
    }

.layer_body.lineuppopup .saniti_type {
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 35px;
    margin-bottom: 25px;
    border-bottom: 10px solid #f2f4f6;
}

    .layer_body.lineuppopup .saniti_type dt {
        font-size: 14px;
        font-weight: 700;
    }

    .layer_body.lineuppopup .saniti_type .fig {
        padding: 30px 0 40px;
    }

        .layer_body.lineuppopup .saniti_type .fig.fig01 img {
            width: 182.5px;
        }

        .layer_body.lineuppopup .saniti_type .fig.fig02 img {
            width: 182.5px;
        }

        .layer_body.lineuppopup .saniti_type .fig.fig03 img {
            width: 100.5px;
        }

        .layer_body.lineuppopup .saniti_type .fig.fig04 img {
            width: 128px;
        }

    .layer_body.lineuppopup .saniti_type:last-child {
        border-bottom: 0;
    }

.dot_ul li {
    position: relative;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 300;
}

    .dot_ul li:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1.5px;
        width: 3px;
        height: 3px;
        background-color: #000;
        border-radius: 50px;
    }

.header {
    height: 70px;
}

    .header.subhead {
        position: relative;
    }

        .header.subhead h1.logo {
            display: none;
        }

        .header.subhead .head {
            display: block;
        }

            .header.subhead .head .btn_back {
                display: inline-block;
                width: 28px;
                height: 28px;
                background-image: url(../images/icon/ico_pageback.png);
                background-size: 17px;
                background-repeat: no-repeat;
                background-position: 0 center;
            }

            .header.subhead .head h2 {
                display: inline-block;
                font-size: 15px;
            }

        .header.subhead._view {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#008dcf), to(#006fba));
            background-image: linear-gradient(to bottom, #008dcf, #006fba);
        }

            .header.subhead._view h2 {
                color: #fff;
            }

            .header.subhead._view .head .btn_back {
                background-image: url(../images/icon/ico_pageback-w.png);
            }

        .header.subhead._logo h2 {
            width: calc(100% - 32px);
            height: 28px;
            background-size: auto 18px;
            background-position: 0 50%;
            background-repeat: no-repeat;
        }

        .header.subhead._logo .kleenex {
            background-image: url(../images/common/logo_kleenex.png);
        }

        .header.subhead._basket .head {
            position: relative;
        }

        .header.subhead._basket .head_cart {
            display: inline-block;
            position: absolute;
            right: 0;
            top: 4px;
        }

        .header.subhead._basket.fixed .row {
            padding-left: 0;
            padding-right: 0;
        }

        .header.subhead .btn_cart {
            position: relative;
            display: inline-block;
            width: 2.5rem;
            height: 1.8rem;
            background-image: url(../images/common/btn_cart.png);
            background-size: auto 1.8rem;
            background-repeat: no-repeat;
            background-position: 0 0;
        }

            .header.subhead .btn_cart .cnt {
                display: inline-block;
                position: absolute;
                right: -6px;
                top: -12px;
                width: 18px;
                height: 18px;
                line-height: 18px;
                padding: 0 3px;
                background-color: #0053a7;
                font-size: 8px;
                font-weight: 500;
                color: #fff;
                text-align: center;
                border-radius: 100%;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                -ms-border-radius: 100%;
                -o-border-radius: 100%;
            }

    .header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;
        height: 50px;
        -webkit-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.1);
    }

        .header.fixed .head {
            position: absolute;
            width: calc(100% - 60px);
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .header.fixed._view {
            background-image: -webkit-gradient(linear, left top, right top, from(#17aded), to(#0950aa));
            background-image: linear-gradient(to right, #17aded, #0950aa);
        }

/** container **/
.container .row {
    padding-left: 30px;
    padding-right: 30px;
}

.container .row_title {
    padding: 40px 30px 10px;
    border-bottom: 1px solid #eeeeee;
    font-size: 17px;
    font-weight: 700;
}

.page_summary {
    padding: 0 30px 28px 60px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    border-bottom: 1px solid #000;
}

    .page_summary span {
        font-weight: 400;
    }

    .page_summary .btn_allv {
        display: block;
        margin-top: 5px;
        vertical-align: bottom;
    }

        .page_summary .btn_allv span {
            display: inline-block;
            width: 85px;
            height: 24px;
            margin-top: 5px;
            border-radius: 25px;
            color: #fff;
            font-size: 12px;
            line-height: 23px;
            font-weight: 500;
            vertical-align: middle;
            background-color: #0053a7;
            text-align: center;
        }

            .page_summary .btn_allv span i {
                display: inline-block;
                width: 5px;
                height: 8px;
                background-image: url(../images/icon/ico_arr-wh.png);
                background-size: 5px;
                background-repeat: no-repeat;
                background-position: center center;
                margin-top: -2px;
                margin-left: 4px;
                vertical-align: middle;
            }

.tab_navi {
    width: 100%;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    overflow-x: auto;
}

    .tab_navi > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .tab_navi > ul li {
            width: 22.22%;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            text-align: center;
        }

            .tab_navi > ul li.active a {
                color: #0053a7;
                font-weight: 500;
                border-color: #0053a7;
            }

        .tab_navi > ul a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 100%;
            height: 100%;
            padding: 15px 11px 10px;
            line-height: 1.4;
            font-size: 14px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-bottom: 3px solid transparent;
            color: #777;
        }

.view_title {
    padding: 0 30px 28px 30px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#006fba), to(#0053a7));
    background-image: linear-gradient(to bottom, #006fba, #0053a7);
}

    .view_title p {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.6;
        color: #fff;
    }

        .view_title p.date {
            padding-top: 13px;
            font-size: 12px;
            font-weight: 300;
        }

.sign_input {
    padding-bottom: 15px;
    font-weight: 300;
}

    .sign_input span {
        display: inline-block;
        margin-bottom: 3px;
        min-width: 15rem;
        max-width: 25rem;
        width: 80%;
        vertical-align: middle;
    }

.sign_pad {
    min-height: 13rem;
    max-height: 15rem;
    background-color: #f2f4f6;
}

.condi_list li {
    clear: both;
    overflow: hidden;
    margin-bottom: 2.5rem;
}

    .condi_list li p {
        float: left;
    }

        .condi_list li p.gu {
            width: 2.5rem;
        }

        .condi_list li p.desc {
            width: calc(100% - 2.5rem);
            font-weight: 300;
        }

.condi_foo .logo {
    display: block;
    width: 100%;
    height: 3.35rem;
    margin-top: 40px;
    margin-bottom: 20px;
    background-image: url(../images/common/logo.png);
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: right 0;
    text-align: right;
}

.condi_foo p {
    padding: 9px 0 30px;
    border-top: 1px solid #eee;
    font-size: 11px;
    font-weight: 300;
}

/** container > search container **/
.search_cont {
    margin-bottom: -70px;
}

    .search_cont .search_frm-input {
        margin-left: 60px;
        padding-bottom: 30px;
    }

        .search_cont .search_frm-input .txt {
            padding-top: 15px;
            font-size: 13px;
            font-weight: 300;
        }

            .search_cont .search_frm-input .txt span {
                font-weight: 400;
                color: #00abe4;
            }

.search_result {
    padding-bottom: 50px;
    border-top: 1px solid #eeeeee;
}

    .search_result .nodata {
        padding: 50px 0;
    }

.product_tree dt {
    padding-bottom: 7px;
    font-size: 14px;
    border-bottom: 1px solid #eeeeee;
}

    .product_tree dt i {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0;
        vertical-align: middle;
    }

.product_tree dd {
    padding: 10px 10px 20px 20px;
}

    .product_tree dd .item {
        position: relative;
        float: left;
        width: calc(50% - 10px);
        padding-left: 10px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

        .product_tree dd .item a {
            color: #666666;
            font-size: 12px;
            font-weight: 300;
        }

        .product_tree dd .item:before {
            content: '';
            position: absolute;
            left: 0;
            top: 48%;
            display: block;
            width: 2px;
            height: 2px;
            background-color: #7fa9d3;
        }

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

.product_tree .ptype01 i {
    background-image: url(../images/icon/ico_ptype01.png);
    background-size: 16px;
}

.product_tree .ptype02 i {
    background-image: url(../images/icon/ico_ptype02.png);
    background-size: 15px;
}

.product_tree .ptype03 i {
    background-image: url(../images/icon/ico_ptype03.png);
    background-size: 13px;
}

.product_tree .ptype04 i {
    background-image: url(../images/icon/ico_ptype04.png);
    background-size: 16px;
}

.product_tree .ptype05 i {
    background-image: url(../images/icon/ico_ptype05.png);
    background-size: 14px;
}

.filter_layer {
    position: fixed;
    top: 0;
    right: -100%;
    width: calc(100% - 100px);
    height: 100%;
    background-color: #fff;
    z-index: 10;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

    .filter_layer.active {
        right: 0;
    }

    .filter_layer .filter_wrap {
        position: relative;
        height: 100%;
        background-color: #fff;
        overflow-y: auto;
        z-index: 9;
    }

    .filter_layer .layer_head {
        position: fixed;
        width: calc(100% - 100px);
        padding: 2.1rem 3rem;
        background-color: #fff;
        z-index: 1;
    }

    .filter_layer .layer_cont {
        padding: 10rem 0 3rem;
    }

    .filter_layer .accord_wrap .acco_panel {
        clear: both;
        overflow: hidden;
    }

    .filter_layer .accord_wrap .chkwrap {
        margin-bottom: 1.8rem;
    }

        .filter_layer .accord_wrap .chkwrap i {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin-left: 3px;
            margin-right: 3px;
            background-image: url(../images/icon/icon_depth.png);
            background-size: 5px;
            background-repeat: no-repeat;
            background-position: center top 0;
            vertical-align: middle;
        }

    .filter_layer .accord_wrap .item {
        padding: 0 2.6rem .5rem;
    }

        .filter_layer .accord_wrap .item.item_category {
            margin-bottom: 2rem;
            border-bottom: 10px solid #f2f4f6;
        }

            .filter_layer .accord_wrap .item.item_category .cate_head {
                font-size: 14px;
                font-weight: 700;
            }

                .filter_layer .accord_wrap .item.item_category .cate_head * {
                    font-size: 14px;
                }

            .filter_layer .accord_wrap .item.item_category .cate_panel {
                margin-top: 15px;
            }

    .filter_layer .category li {
        font-size: 13px;
    }

        .filter_layer .category li span {
            font-weight: 300;
        }

        .filter_layer .category li > ul {
            display: block;
        }

        .filter_layer .category li.active > ul {
            display: block;
        }

    .filter_layer .category .depth1 {
        position: relative;
        margin-bottom: 3rem;
        font-size: 13px;
    }

        .filter_layer .category .depth1 span {
            font-size: 13px;
        }

        .filter_layer .category .depth1.active .depth2 {
            position: relative;
            display: block;
            margin-top: 1.4rem;
            padding-top: 1.4rem;
            border-top: 1px solid #eee;
        }

    .filter_layer .category .depth2 {
        margin-top: 1rem;
    }

        .filter_layer .category .depth2 > li {
            position: relative;
            padding-left: 2rem;
            margin-bottom: 2rem;
        }

            .filter_layer .category .depth2 > li:last-of-type {
                margin-bottom: 3rem;
            }

            .filter_layer .category .depth2 > li span {
                font-size: 12px;
            }

            .filter_layer .category .depth2 > li:before {
                content: '';
                position: absolute;
                top: 7px;
                left: 5px;
                width: 5px;
                height: 7px;
                border-left: 1px solid #c3c3c3;
                border-bottom: 1px solid #c3c3c3;
            }

    .filter_layer .category .depth3, .filter_layer .category .depth4 {
        margin-top: 1rem;
    }

        .filter_layer .category .depth3 > li, .filter_layer .category .depth4 > li {
            position: relative;
            padding-left: 2rem;
            margin-bottom: 2rem;
            font-weight: 300;
            color: #666666;
        }

            .filter_layer .category .depth3 > li a, .filter_layer .category .depth4 > li a {
                color: #666666;
            }

            .filter_layer .category .depth3 > li.active, .filter_layer .category .depth4 > li.active {
                color: #0053a7;
                font-weight: 450;
            }

                .filter_layer .category .depth3 > li.active > a, .filter_layer .category .depth4 > li.active > a {
                    color: #0053a7;
                }

            .filter_layer .category .depth3 > li:before, .filter_layer .category .depth4 > li:before {
                content: '';
                position: absolute;
                top: 7px;
                left: 5px;
                width: 5px;
                height: 7px;
                border-left: 1px solid #c3c3c3;
                border-bottom: 1px solid #c3c3c3;
            }

        .filter_layer .category .depth4 > li {
            margin-bottom: 1rem;
        }

    .filter_layer .category .chkwrap {
        float: none;
        width: 100%;
    }

        .filter_layer .category .chkwrap input[type="checkbox"] + label {
            font-weight: 300;
        }

/** member > login **/
.member .page_summary {
    padding: 0 30px 28px 30px;
}

.member .row {
    margin-top: 40px;
}

.member .desc {
    margin-top: -10px;
    font-size: 12px;
    font-weight: 300;
}

.member .login .frm_group {
    margin-bottom: 30px;
}

.member .pw {
    display: none;
}

    .member .pw.active {
        display: block;
    }

    .member .pw .frm_group {
        padding-top: 40px;
        border-top: 1px solid #eee;
    }

/** introduction **/
.introduction .page_summary + .etc {
    display: block;
    margin-top: 15px;
    margin-left: 60px;
}

    .introduction .page_summary + .etc p {
        margin-bottom: 7px;
        font-weight: 300;
        font-size: 14px;
        color: #666666;
    }

    .introduction .page_summary + .etc .btn {
        width: 120px;
        height: 24px;
        border-radius: 25px;
        line-height: 23px;
        background-color: #7b7b7b;
        color: #fff;
        text-align: center;
    }

        .introduction .page_summary + .etc .btn i {
            display: inline-block;
            width: 5px;
            height: 8px;
            background-image: url(../images/icon/ico_arr-wh.png);
            background-size: 5px;
            background-repeat: no-repeat;
            background-position: center center;
            margin-top: -2px;
            margin-left: 4px;
            vertical-align: middle;
        }

.introduction .breadcrumb {
    padding: 0 30px;
}

    .introduction .breadcrumb ul li {
        display: inline-block;
        padding-left: 18px;
        font-size: 12px;
        font-weight: 300;
        color: #666;
        background-image: url(../images/icon/ico_bread.png);
        background-repeat: no-repeat;
        background-position: 6px 50%;
        background-size: 6px auto;
    }

        .introduction .breadcrumb ul li:first-of-type {
            padding-left: 0;
            margin-left: 0;
            color: #000;
            background: none;
        }

.introduction .board_list .info .title span {
    display: inline-block;
    margin-left: 5px;
    margin-top: 4px;
    color: #666666;
    font-size: 11px;
    font-weight: 400;
}

    .introduction .board_list .info .title span i {
        display: inline-block;
        width: 5px;
        height: 8px;
        background-image: url(../images/icon/ico_arr-bk.png);
        background-size: 4px;
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: -2px;
        margin-left: 4px;
        vertical-align: middle;
    }

.introduction .board_list .info .desc {
    line-height: 19px;
}

.introduction .item_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0 40px;
}

    .introduction .item_link li {
        width: 130px;
        height: 30px;
        margin: 8px 15px 0 0;
    }

    .introduction .item_link a {
        display: block;
        border: 1px solid #0053a7;
        color: #0053a7;
        line-height: 28px;
        text-align: center;
    }

        .introduction .item_link a:after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 9px;
            margin: -3px 0 0 5px;
            vertical-align: middle;
            background-image: url(../images/icon/ico_arr_link.png);
            background-position: 0 0;
            background-size: cover;
        }

.introduction .sort .util {
    float: right;
    vertical-align: middle;
}

.introduction .sort .cnt {
    display: inline-block;
    line-height: 29px;
}

    .introduction .sort .cnt em {
        color: #00a8e2;
        line-height: inherit;
    }

    .introduction .sort .cnt:after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 10px;
        margin: 0 10px;
        background-color: #eee;
    }

.introduction .sort .dropdown {
    position: relative;
    top: auto;
    right: auto;
}

.introduction .product_list .desc {
    padding-top: 0;
}

.introduction .accord_wrap._filter .item[data-status="expanded"] {
    margin-bottom: 2rem;
    border-bottom: 10px solid #f2f4f6;
}

.introduction .accord_wrap._reference {
    padding-top: 20px;
}

    .introduction .accord_wrap._reference .item {
        padding-left: 20px;
    }

        .introduction .accord_wrap._reference .item:last-of-type .acco_panel {
            padding-bottom: 0;
        }

    .introduction .accord_wrap._reference .acco_head {
        padding: 1.25rem 3rem 1.25rem 0;
    }

    .introduction .accord_wrap._reference .acco_target {
        font-weight: 400;
    }

    .introduction .accord_wrap._reference .acco_panel {
        padding-bottom: 10px;
    }

        .introduction .accord_wrap._reference .acco_panel li {
            padding: 15px 0;
            border-bottom: 1px solid #eee;
            font-weight: 300;
        }

    .introduction .accord_wrap._reference [class^="ico"] {
        display: inline-block;
        width: 19px;
        height: 19px;
        margin: 0 10px;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

    .introduction .accord_wrap._reference .ico_pdf {
        background-image: url(../images/icon/ico_pdf.png);
    }

    .introduction .accord_wrap._reference .ico_jpg {
        background-image: url(../images/icon/ico_jpg.png);
    }

    .introduction .accord_wrap._reference .ico_gif {
        background-image: url(../images/icon/ico_gif.png);
    }

.introduction .details {
    margin-top: 30px;
}

.introduction .details_slide {
    padding: 40px 0;
    border-top: 1px solid #eee;
}

    .introduction .details_slide:first-of-type {
        border-top: 0;
    }

    .introduction .details_slide h4 {
        margin-bottom: 30px;
        font-size: 14px;
        font-weight: 400;
    }

    .introduction .details_slide .img {
        position: relative;
        padding-top: 100%;
        overflow: hidden;
        background-image: url(../images/common/default_image.png);
        background-size: cover;
        background-position: center 0;
        background-repeat: no-repeat;
    }

        .introduction .details_slide .img img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .introduction .details_slide .desc {
        padding-top: 4px;
    }

        .introduction .details_slide .desc li {
            padding: 0;
            font-weight: 300;
        }

.introduction .prd_slide .figure {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}

    .introduction .prd_slide .figure img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .introduction .prd_slide .figure video, .introduction .prd_slide .figure .youtube_vod {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
        min-width: 100%;
        min-height: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .introduction .prd_slide .figure .video_util {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .introduction .prd_slide .figure .video_util button.btn_play > span {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 50px;
            min-height: 50px;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background-image: url(../images/common/btn_play.png);
            background-size: cover;
            background-position: center 0;
            background-repeat: no-repeat;
        }

        .introduction .prd_slide .figure .video_util button.btn_play.stop > span {
            background-image: url(../images/common/btn_stop.png);
        }

.introduction .prd_slide .swiper-pagination-fraction {
    left: auto;
    right: 30px;
    bottom: 7px;
    width: auto;
    padding: 0 8px;
    font-size: 10px;
    color: #fff;
    background-color: #999;
    border-radius: .925rem;
    z-index: 5;
}

    .introduction .prd_slide .swiper-pagination-fraction span {
        color: inherit;
        font-size: inherit;
    }

        .introduction .prd_slide .swiper-pagination-fraction span:before {
            content: '0';
        }

.introduction .prd_info {
    padding-bottom: 25px;
}

    .introduction .prd_info .tit {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 500;
        margin-bottom: 12px;
    }

    .introduction .prd_info .tit_brand {
        font-size: 17px;
        font-weight: 300;
    }

    .introduction .prd_info .code {
        display: inline-block;
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
        color: #0053a7;
        border: 1px solid #0053a7;
        border-radius: 10px;
        padding: 2.5px 7.5px 3.5px;
        margin: 0 7.5px 7.5px 0;
    }

    .introduction .prd_info .etc {
        display: block;
        margin-top: 5px;
    }

        .introduction .prd_info .etc p {
            margin-bottom: 7px;
            font-weight: 300;
            font-size: 12px;
            color: #666666;
        }

        .introduction .prd_info .etc .btn {
            width: 120px;
            height: 24px;
            border-radius: 25px;
            line-height: 23px;
            background-color: #7b7b7b;
            color: #fff;
            text-align: center;
        }

            .introduction .prd_info .etc .btn i {
                display: inline-block;
                width: 5px;
                height: 8px;
                background-image: url(../images/icon/ico_arr-wh.png);
                background-size: 5px;
                background-repeat: no-repeat;
                background-position: center center;
                margin-top: -2px;
                margin-left: 4px;
                vertical-align: middle;
            }

.introduction .prd_spec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 30px;
    border-top: 1px solid #eee;
}

    .introduction .prd_spec dt {
        width: 110px;
    }

    .introduction .prd_spec dd {
        width: calc(100% - 110px);
        color: #666;
        font-weight: 300;
    }

.introduction .prd_mark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px;
}

    .introduction .prd_mark dt {
        margin-right: 24px;
    }

    .introduction .prd_mark [class^="ico"] {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

.introduction .prd_summary {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .introduction .prd_summary .option {
        overflow: hidden;
    }

        .introduction .prd_summary .option dt {
            font-size: 14px;
            font-weight: 500;
        }

        .introduction .prd_summary .option ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 0 30px -10px;
            font-size: 0;
        }

        .introduction .prd_summary .option li {
            position: relative;
            margin: 10px 0 0 10px;
        }

@media (max-width: 359px) {
    .introduction .prd_summary .option li {
        min-width: calc(50% - 10px);
    }
}

.introduction .prd_summary .option input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

    .introduction .prd_summary .option input[type="radio"]:checked + label {
        border-color: #000;
        color: #000;
    }

.introduction .prd_summary .option label {
    display: block;
    min-width: 85px;
    padding: 0 18px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

.introduction .prd_summary .desc dt {
    margin-bottom: 10px;
}

.introduction .prd_summary .desc dd {
    font-size: 12px;
    font-weight: 300;
    word-break: break-all;
}

.introduction .prd_summary .desc ul {
    margin-bottom: 30px;
}

    .introduction .prd_summary .desc ul li {
        position: relative;
        padding-left: 13px;
        font-size: inherit;
    }

        .introduction .prd_summary .desc ul li:before {
            content: '·';
            position: absolute;
            left: 0;
            top: 3px;
            display: block;
        }

.introduction .prd_lineup {
    padding: 40px 0;
}

    .introduction .prd_lineup h4 {
        font-size: 14px;
        font-weight: 500;
    }

    .introduction .prd_lineup .desc {
        margin-bottom: 20px;
        font-size: 12px;
        font-weight: 300;
        color: #666;
    }

    .introduction .prd_lineup a {
        display: block;
        text-align: center;
    }

.introduction .innov_slide {
    padding: 40px 0;
    margin-bottom: 50px;
}

    .introduction .innov_slide h4 {
        margin-bottom: 20px;
        font-size: 15px;
        font-weight: 400;
    }

    .introduction .innov_slide .swiper-container .figure {
        position: relative;
        width: 100%;
        padding-top: 100%;
        background-image: url(../images/common/default_image.png);
        background-size: cover;
        background-position: center 0;
        background-repeat: no-repeat;
        overflow: hidden;
    }

        .introduction .innov_slide .swiper-container .figure img {
            position: absolute;
            top: 50%;
            left: 50%;
            height: 100%;
            max-width: inherit;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .introduction .innov_slide .swiper-container .info {
        margin-top: 10px;
    }

        .introduction .innov_slide .swiper-container .info .title {
            font-size: 14px;
            min-height: 4.6rem;
            white-space: normal;
            word-wrap: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.introduction .borad_wrap .innov_slide {
    padding: 0;
    border-bottom: 1px solid #eee;
}

    .introduction .borad_wrap .innov_slide .swiper-container {
        padding: 0 0 40px 60px;
    }

.layer_body.lineuppopup .layer_wrap {
    overflow-y: hidden;
}

.layer_body.lineuppopup .layer_cont {
    height: calc(100% - 150px);
    padding: 0;
    overflow-y: auto;
}

    .layer_body.lineuppopup .layer_cont .img {
        margin-top: -22px;
    }

.layer_body.lineuppopup .breadcrumb {
    padding: 0;
}

.layer_body.lineuppopup .row {
    margin: 0 -30px;
    padding: 30px;
}

    .layer_body.lineuppopup .row + .row {
        border-top: 10px solid #f2f4f6;
    }

.layer_body.lineuppopup .cate {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 700;
}

    .layer_body.lineuppopup .cate span {
        font-size: 13px;
        font-weight: 400;
        color: #666;
    }

.layer_body.lineuppopup .subcate {
    margin: 10px 0;
    font-size: 11px;
}

    .layer_body.lineuppopup .subcate span {
        font-size: inherit;
        color: #666;
    }

.layer_body.lineuppopup .item_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .layer_body.lineuppopup .item_list li {
        width: 25%;
    }

/** order **/
.order h2.title {
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 500;
}

.order .tab_navi > ul li {
    width: auto;
}

    .order .tab_navi > ul li a {
        padding: 15px 15px 10px;
    }

.order .rent_write {
    position: relative;
    width: 100%;
}

    .order .rent_write .row_title + .row {
        margin-top: 20px;
    }

    .order .rent_write .row {
        margin-top: 40px;
    }

        .order .rent_write .row.intro {
            position: absolute;
            top: 5rem;
            left: 50%;
            width: 100%;
            margin-top: 0;
            padding-left: 6rem;
            padding-right: 6rem;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

            .order .rent_write .row.intro > p {
                font-size: 20px;
                font-weight: 300;
                line-height: 1.6;
            }

                .order .rent_write .row.intro > p span {
                    font-size: inherit;
                    font-weight: inherit;
                    line-height: inherit;
                    color: #0053a7;
                }

            .order .rent_write .row.intro .btn_wrap {
                margin-top: 4rem;
                margin-bottom: 2rem;
            }

                .order .rent_write .row.intro .btn_wrap .btn_rent {
                    background-color: #d1d1d1;
                    color: #fff;
                    font-size: 14px;
                }

                    .order .rent_write .row.intro .btn_wrap .btn_rent:first-child {
                        margin-right: 10px;
                    }

                    .order .rent_write .row.intro .btn_wrap .btn_rent.active {
                        background-color: #0053a7;
                        font-weight: 700;
                        font-size: 15px;
                    }

                    .order .rent_write .row.intro .btn_wrap .btn_rent i {
                        display: inline-block;
                        width: 11px;
                        height: 10px;
                        margin-right: 5px;
                        background-image: url(../images/common/btn_check.png);
                        background-size: 11px;
                        background-repeat: no-repeat;
                        background-position: 0 0;
                        vertical-align: middle;
                    }

            .order .rent_write .row.intro .rent_type {
                display: none;
            }

                .order .rent_write .row.intro .rent_type > p {
                    font-size: 14px;
                    font-weight: 300;
                }

                    .order .rent_write .row.intro .rent_type > p span {
                        font-size: inherit;
                        font-weight: 500;
                    }

                .order .rent_write .row.intro .rent_type.active {
                    display: block;
                }

        .order .rent_write .row.write {
            margin-bottom: 40px;
        }

            .order .rent_write .row.write:first-child {
                margin-top: 0;
            }

            .order .rent_write .row.write .frm_group {
                margin-bottom: 30px;
            }

                .order .rent_write .row.write .frm_group dd {
                    position: relative;
                }

                .order .rent_write .row.write .frm_group .btn_wrap {
                    margin-bottom: 0;
                }

                    .order .rent_write .row.write .frm_group .btn_wrap + .warn {
                        padding-top: 15px;
                    }

                .order .rent_write .row.write .frm_group:last-child {
                    margin-bottom: 0;
                }

            .order .rent_write .row.write .btn_rewrt {
                position: absolute;
                top: 1px;
                right: 0;
                color: #999999;
            }

                .order .rent_write .row.write .btn_rewrt i {
                    display: inline-block;
                    width: 11px;
                    height: 13px;
                    margin-right: 5px;
                    background-image: url(../images/icon/ico_refersh.png);
                    background-size: 11px;
                    background-repeat: no-repeat;
                    background-position: 0 0;
                    vertical-align: middle;
                }

            .order .rent_write .row.write.re_row .reason {
                min-height: 100px;
                margin-bottom: 10px;
                padding: 10px;
                background-color: #f2f4f6;
                font-size: 14px;
                line-height: 1.4;
                color: #999999;
            }

            .order .rent_write .row.write.temp .btn_wrap {
                margin-top: -10px;
            }

            .order .rent_write .row.write .btn_temp {
                background-color: #888888;
                color: #fff;
            }

            .order .rent_write .row.write .btn_docdown {
                padding: 2px 8px 3px;
                border-radius: 18px;
                font-size: 13px;
                font-weight: 500;
                background-color: #00a8e2;
                color: #fff;
            }

        .order .rent_write .row .item_list {
            margin-top: 3.3rem;
        }

            .order .rent_write .row .item_list .item {
                position: relative;
                padding-bottom: 1.35rem;
                margin-bottom: 1.35rem;
                border-bottom: 1px solid #eeeeee;
            }

                .order .rent_write .row .item_list .item .btn_del {
                    position: absolute;
                    display: block;
                    right: 0;
                    top: 2rem;
                    width: 20px;
                    height: 20px;
                    background-image: url(../images/common/btn_gdel.png);
                    background-size: 12px;
                    background-repeat: no-repeat;
                    background-position: center center;
                    z-index: 9;
                }

                .order .rent_write .row .item_list .item .code {
                    font-weight: 300;
                }

                .order .rent_write .row .item_list .item .name {
                    float: left;
                    font-weight: 500;
                }

                .order .rent_write .row .item_list .item .qty {
                    float: right;
                    font-weight: 300;
                }

                .order .rent_write .row .item_list .item .inpwrap {
                    position: relative;
                    clear: both;
                    overflow: hidden;
                    padding-top: 7px;
                }

                    .order .rent_write .row .item_list .item .inpwrap .unit {
                        top: 15px;
                    }

                .order .rent_write .row .item_list .item .desc {
                    margin-top: 10px;
                    color: #666666;
                    font-weight: 300;
                }

                    .order .rent_write .row .item_list .item .desc span {
                        color: #0053a7;
                        font-weight: 500;
                    }

                .order .rent_write .row .item_list .item .btn_wrap {
                    clear: both;
                    padding-top: 10px;
                    border-top: 1px solid #eeeeee;
                }

            .order .rent_write .row .item_list._view {
                margin-top: 10px;
            }

                .order .rent_write .row .item_list._view .item {
                    position: relative;
                    border-bottom: 0;
                }

                    .order .rent_write .row .item_list._view .item:last-child {
                        padding-bottom: 0;
                        margin-bottom: 0;
                    }

                    .order .rent_write .row .item_list._view .item .name {
                        float: none;
                        padding-bottom: 0;
                    }

                    .order .rent_write .row .item_list._view .item .qty {
                        float: none;
                        font-weight: 300;
                        padding-bottom: 10px;
                    }

                    .order .rent_write .row .item_list._view .item .btn_wrap {
                        clear: both;
                        padding-top: 3px;
                        border: 0;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

        .order .rent_write .row .mix_half ._unit input {
            padding-right: 25%;
        }

    .order .rent_write .sel_tab .tabs {
        float: left;
        width: calc((100% / 2) - 3px);
        position: relative;
        margin: 0;
        margin-right: 6px;
        margin-bottom: 6px;
        text-align: center;
        padding-top: 13%;
        background-color: #c0cfde;
        border-left: 0;
        color: #000;
    }

        .order .rent_write .sel_tab .tabs:nth-child(2n) {
            margin-right: 0;
        }

        .order .rent_write .sel_tab .tabs:nth-child(2n+1) {
            clear: left;
        }

        .order .rent_write .sel_tab .tabs:last-child {
            margin-right: 0;
        }

        .order .rent_write .sel_tab .tabs.active {
            background-color: #0053a7;
        }

            .order .rent_write .sel_tab .tabs.active a {
                color: #fff;
            }

                .order .rent_write .sel_tab .tabs.active a:before {
                    content: '';
                    display: inline-block;
                    width: 11px;
                    height: 10px;
                    margin-right: 5px;
                    background-image: url(../images/common/btn_check.png);
                    background-size: 11px;
                    background-repeat: no-repeat;
                    background-position: 0 0;
                    vertical-align: middle;
                }

        .order .rent_write .sel_tab .tabs a {
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            color: #fff;
            line-height: 1.4;
        }

        .order .rent_write .sel_tab .tabs br {
            display: none;
        }

    .order .rent_write .total {
        position: relative;
    }

        .order .rent_write .total .tit {
            display: inline-block;
            margin-top: 3px;
            vertical-align: middle;
        }

        .order .rent_write .total .price {
            display: inline-block;
            margin-left: 5px;
            font-weight: 700;
            font-size: 17px;
            color: #0053a7;
            vertical-align: middle;
        }

            .order .rent_write .total .price .unit {
                position: relative;
                right: inherit;
                top: inherit;
                display: inline-block;
                margin-left: 3px;
                font-weight: 400;
                margin-top: 4px;
            }

        .order .rent_write .total._pred {
            margin-top: 15px;
            padding-top: 10px;
            border-top: 1px solid #666666;
        }

            .order .rent_write .total._pred .price {
                font-size: 14px;
            }

        .order .rent_write .total .btn_wrap {
            position: absolute;
            right: 0;
            top: 0;
        }

    .order .rent_write .btn_list-down {
        position: absolute;
        top: 1px;
        right: 0;
        color: #666666;
    }

        .order .rent_write .btn_list-down:after {
            content: '';
            display: inline-block;
            width: 5px;
            height: 8px;
            margin-left: 3px;
            margin-top: -2px;
            background: url(../images/icon/ico_arr-bk.png) 50% 50%/cover;
            vertical-align: middle;
        }

    .order .rent_write .btn_wrap .btn_plus {
        width: 35px;
        height: 35px;
        background-size: 35px;
        background-repeat: no-repeat;
        background-position: 0 0;
        border: 0;
        text-indent: -9999px;
        background-image: url(../images/common/btn_line-plus.jpg);
    }

        .order .rent_write .btn_wrap .btn_plus + .btn_delete {
            margin-left: 5px;
        }

    .order .rent_write .btn_wrap .btn_delete {
        width: 35px;
        height: 35px;
        background-size: 35px;
        background-repeat: no-repeat;
        background-position: 0 0;
        border: 0;
        text-indent: -9999px;
        background-image: url(../images/common/btn_line-minus.jpg);
    }

        .order .rent_write .btn_wrap .btn_delete + .btn_plus {
            margin-left: 5px;
        }

.order .product_list._kit .pname {
    min-height: 47px;
    max-height: 47px;
}

.order .product_list._kit .etc {
    position: relative;
    padding: 0 5px 8px;
    margin-bottom: 5px;
    border-bottom: 1px solid #eeeeee;
}

    .order .product_list._kit .etc .bedge {
        display: inline-block;
        padding: 0 4px;
        background-color: #e9e9ea;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        font-size: 10px;
    }

.order .product_list._kit .btn_cart {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0;
    width: 2.5rem;
    height: 1.8rem;
    background-image: url(../images/common/btn_cart.png);
    background-size: auto 1.8rem;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.kit_wrap .figure {
    text-align: center;
}

.kit_wrap .details {
    margin-top: 30px;
}

.kit_wrap .details_slide {
    padding: 40px 0;
    border-top: 1px solid #eee;
}

    .kit_wrap .details_slide:first-of-type {
        border-top: 0;
    }

    .kit_wrap .details_slide h4 {
        font-size: 14px;
        font-weight: 400;
    }

        .kit_wrap .details_slide h4 > p {
            font-size: 12px;
            font-weight: 300;
        }

            .kit_wrap .details_slide h4 > p span {
                font-size: inherit;
                color: #0053a7;
                font-weight: 500;
            }

    .kit_wrap .details_slide .desc {
        padding-top: 4px;
    }

        .kit_wrap .details_slide .desc li {
            padding: 0;
            font-weight: 300;
        }

.kit_wrap .details .prd_info {
    padding-bottom: 30px;
}

    .kit_wrap .details .prd_info .tit {
        font-size: 20px;
        font-weight: 400;
    }

    .kit_wrap .details .prd_info .code {
        font-size: 13px;
        color: #0053a7;
    }

.kit_wrap .details .prd_spec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 30px 15px;
    border-top: 1px solid #eee;
}

    .kit_wrap .details .prd_spec dt {
        width: 110px;
    }

    .kit_wrap .details .prd_spec dd {
        width: calc(100% - 110px);
        color: #666;
        font-weight: 300;
    }

.kit_wrap .details .prd_summary {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .kit_wrap .details .prd_summary .option {
        overflow: hidden;
    }

        .kit_wrap .details .prd_summary .option dt {
            font-size: 14px;
            font-weight: 500;
        }

        .kit_wrap .details .prd_summary .option ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 0 30px -10px;
            font-size: 0;
        }

        .kit_wrap .details .prd_summary .option li {
            position: relative;
            margin: 10px 0 0 10px;
        }

@media (max-width: 359px) {
    .kit_wrap .details .prd_summary .option li {
        min-width: calc(50% - 10px);
    }
}

.kit_wrap .details .prd_summary .option input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

    .kit_wrap .details .prd_summary .option input[type="radio"]:checked + label {
        border-color: #000;
        color: #000;
    }

.kit_wrap .details .prd_summary .option label {
    display: block;
    min-width: 85px;
    padding: 0 18px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

.kit_wrap .details .prd_summary .desc dt {
    margin-bottom: 10px;
}

.kit_wrap .details .prd_summary .desc dd {
    font-size: 12px;
    font-weight: 300;
}

.kit_wrap .details .prd_summary .desc ul {
    margin-bottom: 30px;
}

    .kit_wrap .details .prd_summary .desc ul li {
        padding-left: 10px;
        font-size: inherit;
        text-indent: -10px;
    }

        .kit_wrap .details .prd_summary .desc ul li:before {
            content: '- ';
        }

[class*='basket_'] .btn_delete {
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 0;
    color: #666666;
}

    [class*='basket_'] .btn_delete i {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        background-image: url(../images/common/btn_bin.png);
        background-size: 1.75rem;
        background-repeat: no-repeat;
        background-position: 0 0;
        vertical-align: middle;
    }

.basket_head {
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}

    .basket_head .row {
        position: relative;
    }

.basket_list .item {
    padding: 4.0rem 0 2.75rem;
    border-bottom: 1px solid #eeeeee;
}

    .basket_list .item:last-child {
        border-bottom: 0;
    }

    .basket_list .item .chkwrap {
        width: calc(100% - 65px);
    }

.basket_list .title {
    position: relative;
}

    .basket_list .title .btn_delete {
        right: 0;
    }

.basket_list .figuer {
    position: relative;
    padding-top: 10px;
}

    .basket_list .figuer .img {
        width: 14.5rem;
        margin-right: 10px;
    }

.basket_list .qty {
    position: absolute;
    left: 15.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc((100% - 14.5rem) - 10px);
    overflow: hidden;
}

    .basket_list .qty dt {
        padding-bottom: 7px;
        color: #666666;
    }

    .basket_list .qty .radiowrap {
        display: inline-block;
    }

        .basket_list .qty .radiowrap input[type=radio] + label {
            min-width: 45px;
        }

.basket_list .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
}

    .basket_list .desc dt {
        width: 100px;
        font-size: 12px;
    }

    .basket_list .desc dd {
        width: calc(100% - 100px);
        font-size: 12px;
        color: #666666;
    }

.layer_body.rentpopup .layer_cont {
    padding: 20px 0;
}

    .layer_body.rentpopup .layer_cont * {
        line-height: 1.5;
    }

    .layer_body.rentpopup .layer_cont .desc {
        padding: 0 30px 15px;
        font-size: 14px;
        font-weight: 300;
    }

        .layer_body.rentpopup .layer_cont .desc p {
            color: #666666;
            font-size: 12px;
            font-weight: 300;
        }

.layer_body.rentpopup .tab_navi {
    width: 100%;
    padding-bottom: 10px;
    overflow: hidden;
    overflow-x: auto;
}

    .layer_body.rentpopup .tab_navi > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .layer_body.rentpopup .tab_navi > ul li {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
        }

            .layer_body.rentpopup .tab_navi > ul li.active a {
                color: #0053a7;
                font-weight: 500;
                border-color: #0053a7;
            }

        .layer_body.rentpopup .tab_navi > ul a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 100%;
            height: 100%;
            padding: 15px 11px 10px;
            line-height: 1.4;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-bottom: 3px solid transparent;
        }

    .layer_body.rentpopup .tab_navi + .tbl_list {
        margin-top: -10px;
    }

.layer_body.stockpopup .layer_cont {
    padding-bottom: 5px;
}

.layer_body.stockpopup .desc {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

.layer_body.stockpopup .stk_list {
    max-height: 250px;
    margin-top: 25px;
    padding-bottom: 20px;
    overflow-y: auto;
    background-color: #f7f8f9;
}

    .layer_body.stockpopup .stk_list li {
        padding: 20px 20px 0;
    }

        .layer_body.stockpopup .stk_list li > p {
            padding-bottom: 6px;
        }

            .layer_body.stockpopup .stk_list li > p .code {
                color: #0053a7;
                font-weight: 700;
            }

        .layer_body.stockpopup .stk_list li .elm {
            margin-top: 5px;
        }

            .layer_body.stockpopup .stk_list li .elm:first-child {
                margin-top: 0;
            }

            .layer_body.stockpopup .stk_list li .elm dt, .layer_body.stockpopup .stk_list li .elm dd {
                float: left;
                width: 50%;
                font-size: 12px;
            }

            .layer_body.stockpopup .stk_list li .elm dt {
                color: #666666;
            }

            .layer_body.stockpopup .stk_list li .elm dd {
                font-size: 14px;
                font-weight: 700;
                text-align: right;
            }

                .layer_body.stockpopup .stk_list li .elm dd .unit {
                    display: inline-block;
                    font-weight: 300;
                    font-size: 12px;
                    vertical-align: middle;
                }

        .layer_body.stockpopup .stk_list li:last-child:after {
            display: none;
        }

        .layer_body.stockpopup .stk_list li:after {
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            margin: 20px auto 0;
            background-color: #eeeeee;
        }

/** partner **/
.partner hr + .row {
    margin-top: 40px;
}

.partner .row_title + .row {
    margin-top: 20px;
}

.partner .tit_wrap {
    position: relative;
    margin-bottom: 10px;
}

    .partner .tit_wrap .title {
        font-size: 17px;
        font-weight: 500;
    }

    .partner .tit_wrap .btn_send {
        position: absolute;
        top: 3px;
        right: 0;
    }

        .partner .tit_wrap .btn_send:after {
            content: '';
            display: inline-block;
            width: 5px;
            height: 8px;
            margin: -2px 0 0 8px;
            vertical-align: middle;
            background: url(../images/icon/ico_arr-bk.png) no-repeat 50% 50%/cover;
        }

.partner .info_default .frm_group {
    margin-bottom: 50px;
}

.partner .info_sub .frm_group {
    margin-bottom: 30px;
}

    .partner .info_sub .frm_group + .frm_group {
        padding-top: 30px;
        border-top: 1px solid #eee;
    }

.partner .with_btn {
    font-size: 0;
}

    .partner .with_btn input {
        display: inline-block;
        width: calc(100% - 100px);
    }

    .partner .with_btn .btn_confirm {
        min-width: 100px;
        height: 40px;
    }

.partner .mail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .partner .mail input {
        width: calc(50% - 10px);
    }

    .partner .mail span {
        width: 20px;
        text-align: center;
    }

    .partner .mail + .mail {
        margin-top: 10px;
    }

.partner .mix_group {
    margin-bottom: 26px;
}

    .partner .mix_group .frm_group {
        margin-bottom: 14px;
    }

.partner .tbl_list {
    margin: 0 -30px 40px;
}

    .partner .tbl_list .warn {
        margin-top: 10px;
        padding: 0 30px;
    }

    .partner .tbl_list .code {
        font-weight: 300;
    }

    .partner .tbl_list + .more_view {
        margin-top: -20px;
        background-color: #ebebeb;
    }

.partner .order_num {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 300;
    color: #666;
    border-bottom: 1px solid #eee;
}

    .partner .order_num dt {
        float: left;
    }

    .partner .order_num dd {
        float: right;
        font-size: 14px;
        font-weight: 400;
        color: #0053a7;
    }

.partner .frm_group .date.single {
    margin-top: -10px;
}

.partner .search_order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 20px 30px;
}

    .partner .search_order select {
        width: 31.66666666667%;
        padding: 9px 10px;
        border: 1px solid #000;
        background-position: right 10px center;
    }

    .partner .search_order .inpwrap {
        position: relative;
        width: 65%;
        margin-left: auto;
    }

        .partner .search_order .inpwrap input[type="text"] {
            padding-right: 40px;
        }

    .partner .search_order .btn_search {
        position: absolute;
        top: 10px;
        right: 10px;
    }

.partner .order_list {
    margin-bottom: -70px;
    padding-bottom: 70px;
    background-color: #f5f5f5;
}

    .partner .order_list .filter {
        float: right;
    }

    .partner .order_list .desc {
        position: relative;
        clear: both;
        font-size: 12px;
        padding-left: 24px;
        text-indent: -24px;
        color: #666;
        font-weight: 300;
    }

        .partner .order_list .desc:before {
            content: '';
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-right: 8px;
            vertical-align: middle;
            background: url(../images/icon/ico_info.png) no-repeat center center/cover;
        }

        .partner .order_list .desc em {
            color: #0053a7;
            font-weight: 400;
            font-size: inherit;
        }

        .partner .order_list .desc span {
            display: block;
            font-size: inherit;
            text-indent: 0;
            color: #999;
        }

    .partner .order_list .item {
        background-color: #fff;
    }

    .partner .order_list.type2 > .desc {
        padding-top: 20px;
    }

.partner .rental .tbl_list {
    margin-bottom: 20px;
}

.partner .rental .btn_wrap {
    margin-bottom: 10px;
}

.partner .forecast .inpwrap .subtit {
    width: 110px;
}

.partner .forecast .inpwrap input[type="text"] {
    width: calc(100% - 150px);
}

.partner .forecast .inpwrap .unit {
    width: 40px;
}

.partner .feedback .frm_group {
    margin-bottom: 20px;
}

.partner .feedback .sel_wrap .sel p {
    background-color: #c0cfde;
}

.partner .reason .frm_group {
    margin-bottom: 30px;
}

    .partner .reason .frm_group + .frm_group {
        padding-top: 30px;
        border-top: 1px solid #eee;
    }

.partner .total {
    padding: 13px 0;
    border-bottom: 1px solid #eee;
}

    .partner .total .tit {
        float: left;
        width: 30%;
    }

    .partner .total .price {
        float: left;
        width: 70%;
        font-weight: 700;
        text-align: right;
    }

        .partner .total .price .unit {
            position: relative;
            right: inherit;
            top: inherit;
            display: inline-block;
            margin-left: 3px;
            font-weight: 400;
        }

.partner .sel_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .partner .sel_wrap .sel {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 10px;
        cursor: pointer;
    }

        .partner .sel_wrap .sel input[type=radio] {
            position: absolute;
            left: 0;
            top: 0;
            visibility: hidden;
        }

            .partner .sel_wrap .sel input[type=radio]:checked + p {
                background-color: #0053a7;
            }

                .partner .sel_wrap .sel input[type=radio]:checked + p:before {
                    content: '';
                    display: inline-block;
                    width: 11px;
                    height: 8px;
                    margin: -2px 8px 0 0;
                    background: url(../images/common/btn_check.png) no-repeat 0 0/cover;
                }

        .partner .sel_wrap .sel p {
            width: 100%;
            padding: 0.85rem 0;
            text-align: center;
            background-color: #d1d1d1;
            color: #fff;
        }

.partner .tag {
    display: inline-block;
    padding: 0 2px;
    margin: -2px 0 0 8px;
    border: 1px solid #888;
    color: #888;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    vertical-align: middle;
}

.partner .mix_half .inpwrap {
    margin-bottom: 10px;
}

.partner .mix_half input {
    width: calc(100% - 110px);
}

.partner .mix_half .btn_download {
    width: 110px;
    border: 1px solid #0053a7;
    line-height: 38px;
    text-align: center;
    color: #0053a7;
}

    .partner .mix_half .btn_download::before {
        content: '';
        display: inline-block;
        margin-right: 10px;
        width: 13px;
        height: 13px;
        background: url(../images/common/btn_download.png) no-repeat 0 0/cover;
    }

.partner .more_view {
    margin: 30px auto 0;
    background-color: #ebebeb;
}

/** custom **/
.custom .row {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .custom .row._agr .chkwrap span {
        color: #00a8e2;
    }

    .custom .row._view {
        margin-top: 0;
    }

        .custom .row._view textarea {
            min-height: 250px;
        }

.custom .frm_group {
    margin-bottom: 0px;
}

    .custom .frm_group + .frm_group {
        margin-top: 20px;
    }

    .custom .frm_group .warn {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.custom .btn_view {
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 3px;
    padding-right: 10px;
    color: #666666;
    font-size: 12px;
    font-weight: 350;
    background: url(../images/icon/ico_arr-bk.png) no-repeat right center/5px;
}

.custom .cust_call dt {
    font-size: 17px;
    font-weight: 500;
}

.custom .cust_call dd {
    margin-top: 15px;
}

    .custom .cust_call dd p {
        margin-top: 7px;
        color: #666666;
        font-size: 12px;
        font-weight: 350;
    }

.custom .sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0 30px;
}

    .custom .sort select {
        width: auto;
        margin-left: auto;
        padding: 0 25px 0 0;
    }

    .custom .sort .btn_write {
        display: inline-block;
        padding: 0 14px;
        border: 1px solid #0053a7;
        color: #0053a7;
        line-height: 28px;
        text-align: center;
    }

        .custom .sort .btn_write:after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 9px;
            margin: -4px 0 0 5px;
            vertical-align: middle;
            background-image: url(../images/icon/ico_arr_link.png);
            background-position: 0 0;
            background-size: cover;
        }

.custom .accord_wrap .title {
    font-size: 14px;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom .accord_wrap .info {
    margin-top: 4px;
}

    .custom .accord_wrap .info span {
        font-size: 12px;
        font-weight: 300;
        color: #999;
    }

        .custom .accord_wrap .info span:after {
            content: '';
            display: inline-block;
            width: 1px;
            height: 7px;
            margin: -2px 4px 0 8px;
            background-color: #eee;
        }

        .custom .accord_wrap .info span:last-of-type:after {
            display: none;
        }

    .custom .accord_wrap .info .cate {
        color: #00a8e2;
    }

.custom .accord_wrap .acco_head {
    padding: 2.1rem 3rem;
    border-bottom: 1px solid #eee;
}

    .custom .accord_wrap .acco_head .acco_target {
        padding-right: 3.5rem;
        font-weight: 400;
    }

        .custom .accord_wrap .acco_head .acco_target i {
            top: 50%;
            width: 20px;
            height: 0.75rem;
            border-width: 0;
            background-image: url(../images/icon/icon_close-down.png);
            background-size: 13px;
            background-repeat: no-repeat;
            background-position: center 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .custom .accord_wrap .acco_head[aria-expanded="true"] {
        border-bottom-width: 0;
    }

        .custom .accord_wrap .acco_head[aria-expanded="true"] .acco_target i {
            -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
        }

.custom .accord_wrap .acco_panel {
    padding: 3rem;
    background-color: #f2f4f6;
}

    .custom .accord_wrap .acco_panel .view {
        color: #666;
    }

        .custom .accord_wrap .acco_panel .view > * {
            color: inherit;
        }

        .custom .accord_wrap .acco_panel .view + .attach {
            margin-top: 20px;
        }

.custom .accord_wrap._qna .question, .custom .accord_wrap._qna .answer {
    position: relative;
    padding-left: 25px;
}

    .custom .accord_wrap._qna .question:before, .custom .accord_wrap._qna .answer:before {
        position: absolute;
        left: 0;
        font-size: 15px;
    }

    .custom .accord_wrap._qna .question:before {
        content: 'Q';
        top: 0;
    }

.custom .accord_wrap._qna .answer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}

    .custom .accord_wrap._qna .answer:before {
        content: 'A';
        top: 20px;
        color: #00abe4;
    }

.custom .accord_wrap._qna .acco_panel {
    border-bottom: 1px solid #eee;
}

.layer_body.agreepopup .agr_text {
    min-height: calc(100% - 100px);
    max-height: calc(100% - 100px);
    overflow-y: auto;
}

    .layer_body.agreepopup .agr_text dl {
        margin-top: 25px;
    }

        .layer_body.agreepopup .agr_text dl:first-child {
            margin-top: 0;
        }

    .layer_body.agreepopup .agr_text dt {
        color: #0053a7;
        font-weight: 500;
    }

    .layer_body.agreepopup .agr_text dd {
        padding-top: 20px;
        color: #666666;
    }

        .layer_body.agreepopup .agr_text dd.light {
            padding-top: 5px;
            font-weight: 300;
        }

.professional .about .row {
    padding-top: 60px;
    padding-bottom: 60px;
}

    .professional .about .row:last-child {
        padding-bottom: 0;
    }

.professional .about .tit {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}

.professional .about .desc {
    margin-top: 10px;
    font-size: 14px;
    line-height: 23px;
    font-weight: 300;
}

.professional .about_top figcaption {
    position: relative;
    margin: -57px auto 0 30px;
    padding: 40px 30px;
    background-color: #fff;
    font-size: 14px;
    line-height: 23px;
    font-weight: 300;
    -webkit-box-shadow: 9px 15px 30px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 9px 15px 30px 0 rgba(0, 0, 0, 0.05);
}

    .professional .about_top figcaption strong {
        display: block;
        margin-top: 20px;
        font-size: inherit;
        font-weight: 500;
    }

.professional .about_vod .row {
    padding-top: 0;
    margin-top: -15px;
}

.professional .about_vod .vod {
    width: 100%;
    max-width: 640px;
    position: relative;
    padding-bottom: 60%;
    margin: 0 auto;
    overflow: hidden;
}

    .professional .about_vod .vod iframe {
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

.professional .about_sec1 .tit {
    font-weight: 300;
}

    .professional .about_sec1 .tit em {
        font-size: inherit;
        font-weight: 500;
    }

.professional .about_sec1 > .desc {
    margin-top: 20px;
}

.professional .about_sec1 figure {
    margin: 50px -30px 0;
}

    .professional .about_sec1 figure:first-of-type {
        margin-top: 60px;
    }

.professional .about_sec1 figcaption {
    padding: 30px 30px 0;
}

    .professional .about_sec1 figcaption em {
        display: block;
        font-size: 20px;
        line-height: 28px;
    }

.professional .about_sec2 ul {
    margin-top: 30px;
    background-color: #fff;
    padding-bottom: 40px;
}

.professional .about_sec2 li {
    padding: 34px 30px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}

    .professional .about_sec2 li span {
        font-size: inherit;
        font-weight: 700;
    }

    .professional .about_sec2 li:nth-of-type(1):before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 auto 10px;
        background: url(../images/professional/ico_manage01.png) no-repeat 50% 50%;
        background-size: cover;
    }

    .professional .about_sec2 li:nth-of-type(2):before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 auto 10px;
        background: url(../images/professional/ico_manage02.png) no-repeat 50% 50%;
        background-size: cover;
    }

    .professional .about_sec2 li:nth-of-type(3):before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 auto 10px;
        background: url(../images/professional/ico_manage03.png) no-repeat 50% 50%;
        background-size: cover;
    }

    .professional .about_sec2 li:nth-of-type(4):before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 auto 10px;
        background: url(../images/professional/ico_manage04.png) no-repeat 50% 50%;
        background-size: cover;
    }

.professional .about_sec2 .report p {
    padding: 40px 0 15px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.professional .about_sec2 .report .btn_wrap {
    margin-bottom: 0;
}

.professional .about_sec2 .btn {
    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;
    font-weight: 300;
}

    .professional .about_sec2 .btn span {
        margin-left: 4px;
        color: inherit;
        font-weight: 700;
    }

.professional .about_sec2 .ico_down {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background: url(../images/icon/icon_download-wh.png) no-repeat 0 0/cover;
}

.professional .about_sec3 ul {
    margin: 30px -30px 30px 0;
}

.professional .about_sec3 li:nth-child(odd) {
    background-color: #eef6ff;
}

.professional .about_sec3 li:nth-child(even) {
    background-color: #f8fbff;
}

.professional .about_sec3 li:nth-of-type(1) {
    background-image: url(../images/professional/bg_covid01.png);
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.professional .about_sec3 li:nth-of-type(2) {
    background-image: url(../images/professional/bg_covid02.png);
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.professional .about_sec3 li:nth-of-type(3) {
    background-image: url(../images/professional/bg_covid03.png);
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.professional .about_sec3 li:nth-of-type(4) {
    background-image: url(../images/professional/bg_covid04.png);
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.professional .about_sec3 li:nth-of-type(5) {
    background-image: url(../images/professional/bg_covid05.png);
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.professional .about_sec3 li:nth-of-type(6) {
    background-image: url(../images/professional/bg_covid06.png);
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.professional .about_sec3 li div {
    height: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 25px;
    padding-left: 25px;
    font-size: 14px;
    font-weight: 500;
}

.professional .about_sec3 li span {
    display: block;
    font-size: 12px;
    font-weight: 300;
}

.professional .about_sec3 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px;
}

    .professional .about_sec3 li a i {
        display: inline-block;
        width: 6px;
        height: 10px;
        margin: -2px 0 0 4px;
        background: url(../images/icon/ico_arr-bk.png) no-repeat 50% 50%;
        background-size: 100% auto;
        vertical-align: middle;
    }

.professional .about_sec4 {
    background-color: #f2f4f6;
}

    .professional .about_sec4 ul {
        margin-top: 20px;
    }

    .professional .about_sec4 li {
        float: left;
        width: calc(100% / 3);
        margin-top: 10px;
    }

        .professional .about_sec4 li a {
            display: block;
        }

.professional .about_sec5 ul {
    margin-top: 10px;
}

.professional .about_sec5 li {
    float: left;
    width: calc(50% - 5px);
    margin-top: 10px;
    background-color: #f2f4f6;
}

    .professional .about_sec5 li:nth-child(2n) {
        margin-left: 10px;
    }

    .professional .about_sec5 li:nth-of-type(1) span:before {
        content: '';
        display: block;
        width: 30px;
        height: 27px;
        margin-bottom: 23px;
        background-image: url(../images/professional/ico_solution01.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .professional .about_sec5 li:nth-of-type(2) span:before {
        content: '';
        display: block;
        width: 30px;
        height: 27px;
        margin-bottom: 23px;
        background-image: url(../images/professional/ico_solution02.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .professional .about_sec5 li:nth-of-type(3) span:before {
        content: '';
        display: block;
        width: 30px;
        height: 27px;
        margin-bottom: 23px;
        background-image: url(../images/professional/ico_solution03.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .professional .about_sec5 li:nth-of-type(4) span:before {
        content: '';
        display: block;
        width: 30px;
        height: 27px;
        margin-bottom: 23px;
        background-image: url(../images/professional/ico_solution04.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .professional .about_sec5 li:nth-of-type(5) span:before {
        content: '';
        display: block;
        width: 30px;
        height: 27px;
        margin-bottom: 23px;
        background-image: url(../images/professional/ico_solution05.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .professional .about_sec5 li:nth-of-type(6) span:before {
        content: '';
        display: block;
        width: 30px;
        height: 27px;
        margin-bottom: 23px;
        background-image: url(../images/professional/ico_solution06.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .professional .about_sec5 li:nth-of-type(7) span:before {
        content: '';
        display: block;
        width: 30px;
        height: 27px;
        margin-bottom: 23px;
        background-image: url(../images/professional/ico_solution07.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .professional .about_sec5 li span {
        display: block;
        padding: 15px 15px 10px;
        font-size: 14px;
    }

.professional .sort_store {
    padding: 40px 30px 0;
}

    .professional .sort_store .inpwrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
    }

    .professional .sort_store select {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .professional .sort_store select:last-child {
            margin-left: 10px;
        }

.professional .tbl_list {
    margin: 0 -30px;
}

    .professional .tbl_list th, .professional .tbl_list td {
        text-align: left;
    }

        .professional .tbl_list th:first-of-type, .professional .tbl_list td:first-of-type {
            padding-left: 30px;
        }

        .professional .tbl_list th:last-of-type, .professional .tbl_list td:last-of-type {
            padding-right: 30px;
        }

        .professional .tbl_list th.center, .professional .tbl_list td.center {
            text-align: center;
        }

    .professional .tbl_list th {
        padding: 10px 16px;
    }

    .professional .tbl_list td {
        border-color: #f5f5f5;
    }

        .professional .tbl_list td:first-of-type {
            padding-right: 10px;
        }

        .professional .tbl_list td:last-of-type {
            padding-left: 4px;
        }

        .professional .tbl_list td[colspan] {
            height: 30px;
            padding: 0 30px;
            font-weight: 300;
            color: #0053a7;
            border-color: #eee;
        }

        .professional .tbl_list td .tel {
            color: #666;
        }

.professional .more_view {
    margin: 30px auto;
}

.professional .map_area {
    position: relative;
    padding-bottom: 100%;
    background-color: #eee;
}

.professional .mapinfo_tx {
    position: absolute;
    display: inline-block;
    border: 1px solid #0053a7;
    padding: 2px 5px;
    color: #0053a7;
    font-size: 18px;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 10;
}

.brand_info {
    position: relative;
    padding: 15px 30px 0;
    background-image: linear-gradient(to bottom, #006fba, #0053a7 calc(100% - 54px), #fff calc(100% - 54px));
}

    .brand_info .logo {
        height: 22px;
        margin-bottom: 20px;
    }

        .brand_info .logo img {
            height: 100%;
        }

    .brand_info figure {
        margin-top: 15px;
        text-align: center;
    }

        .brand_info figure img {
            max-height: 155px;
        }

    .brand_info .item_link {
        margin-top: 30px;
    }

    .brand_info.kleenex {
        background-image: linear-gradient(to bottom, #006fba, #0053a7 calc(100% - 66px), #fff calc(100% - 66px));
    }

    .brand_info.kleenguard {
        background-image: linear-gradient(to bottom, #006fba, #0053a7 calc(100% - 48px), #fff calc(100% - 48px));
    }

    .brand_info.wypall {
        background-image: linear-gradient(to bottom, #006fba, #0053a7 calc(100% - 42px), #fff calc(100% - 42px));
    }

        .brand_info.wypall .logo {
            height: 30px;
        }

    .brand_info.scott .logo {
        height: 36px;
    }

    .brand_info.kimtech .logo {
        height: 24px;
    }

    .brand_info.sub {
        border-bottom: 3.25rem solid #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#006fba), to(#0053a7));
        background-image: linear-gradient(to bottom, #006fba, #0053a7);
    }

        .brand_info.sub figure {
            position: absolute;
            right: 0;
            bottom: -3.25rem;
            width: 115px;
        }

        .brand_info.sub .desc {
            padding: 5px 0 10px;
        }

        .brand_info.sub .item_link {
            margin-top: 20px;
        }

        .brand_info.sub .logo {
            max-width: 180px;
            height: auto;
            max-height: 52px;
        }

            .brand_info.sub .logo img {
                height: auto;
            }

.brand .desc {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
}

.brand .item_link {
    padding-bottom: 15px;
    font-size: 0;
}

    .brand .item_link li {
        display: inline-block;
        margin: 0 .75rem .75rem 0;
    }

        .brand .item_link li:last-of-type {
            margin-bottom: 0;
        }

    .brand .item_link a {
        display: block;
        padding: 0 9px;
        font-size: 13px;
        font-weight: 500;
        line-height: 25px;
        color: #fff;
        background-color: #0c479b;
    }

        .brand .item_link a:after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 9px;
            margin: -4px 0 0 5px;
            vertical-align: middle;
            background-image: url(../images/icon/ico_arr-wh.png);
            background-position: 0 0;
            background-size: cover;
        }

.brand .tab_navi {
    padding: 0 20px 18px;
    border-bottom: 0;
    background-color: #fff;
    -webkit-transition: 0.1s ease;
    transition: 0.1s ease;
}

    .brand .tab_navi li {
        width: auto;
    }

        .brand .tab_navi li a {
            color: #999;
        }

    .brand .tab_navi.fixed {
        position: fixed;
        left: 0;
        right: 0;
        top: 50px;
        width: 100%;
        z-index: 1;
        padding-bottom: 0;
    }

.brand .tab_cont {
    position: relative;
    border-top: 1px solid #eee;
    margin-top: -18px;
}

    .brand .tab_cont p._gif {
        text-align: center;
    }

        .brand .tab_cont p._gif img {
            max-width: 310px;
        }

.layer_body.vodpop .layer_close {
    background-image: url(../images/common/btn_wdel.png);
}

.layer_body.vodpop .layer_wrap {
    width: calc(100% - 20px);
    max-width: 500px;
    height: 315px;
    background-color: transparent;
}

.layer_body.vodpop .layer_cont {
    padding: 0;
    padding-top: 30px;
}

.layer_body.vodpop iframe {
    width: 100%;
    height: 100%;
}

.solution_view {
    margin: 0 auto;
}

    .solution_view .sol_title {
        display: block;
        margin-bottom: 65px;
        font-size: 40px;
        font-weight: 500;
    }

        .solution_view .sol_title span {
            display: block;
            font-size: 13px;
            font-weight: 300;
        }

    .solution_view .sub_block {
        margin-bottom: 50px;
    }

        .solution_view .sub_block dt {
            position: relative;
            width: 100%;
            padding-top: 40%;
            margin-bottom: 25px;
            overflow: hidden;
        }

            .solution_view .sub_block dt img {
                position: absolute;
                top: 50%;
                left: 0;
                right: 0;
                max-width: 100%;
                width: 100%;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
            }

            .solution_view .sub_block dt.wide {
                padding-top: 80%;
            }

        .solution_view .sub_block dd {
            padding-left: 30px;
            padding-right: 30px;
        }

        .solution_view .sub_block hr {
            width: calc(100% + 60px);
            height: 1px;
            margin-left: -30px;
            margin-top: 40px;
            margin-bottom: 40px;
            background-color: #e0e0e0;
        }

        .solution_view .sub_block .tit {
            margin-bottom: 30px;
            font-weight: 500;
            font-size: 14px;
        }

            .solution_view .sub_block .tit > span {
                display: block;
                font-size: 12px;
                font-weight: 300;
                color: #666666;
            }

                .solution_view .sub_block .tit > span.etc {
                    font-size: 13px;
                }

                    .solution_view .sub_block .tit > span.etc .btn {
                        display: block;
                        margin: 0;
                        margin-top: 5px;
                        width: 110px;
                        height: 24px;
                        border-radius: 25px;
                        line-height: 23px;
                        background-color: #7b7b7b;
                        font-size: 12px;
                        color: #fff;
                        text-align: center;
                        vertical-align: middle;
                    }

                    .solution_view .sub_block .tit > span.etc i {
                        display: inline-block;
                        width: 5px;
                        height: 8px;
                        background-image: url(../images/icon/ico_arr-wh.png);
                        background-size: 5px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        margin-top: -2px;
                        margin-left: 4px;
                        vertical-align: middle;
                    }

        .solution_view .sub_block h2 {
            position: relative;
            margin-bottom: 25px;
            font-size: 20px;
        }

            .solution_view .sub_block h2 > span, .solution_view .sub_block h2 > p {
                display: block;
                margin-top: 5px;
                font-size: 13px;
                font-weight: 300;
                vertical-align: middle;
            }

            .solution_view .sub_block h2 > p {
                margin-bottom: 15px;
            }

    .solution_view .product_list ._half {
        position: relative;
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

        .solution_view .product_list ._half:after {
            content: '';
            display: block;
            position: absolute;
            left: -30px;
            bottom: 0;
            width: calc(100% + 60px);
            height: 1px;
            background-color: #e0e0e0;
        }

        .solution_view .product_list ._half:last-child:after {
            display: none;
        }

    .solution_view .product_list li {
        float: left;
        width: calc((100% / 2) - 5px);
        margin-right: 10px;
        margin-bottom: 40px;
    }

        .solution_view .product_list li:last-child, .solution_view .product_list li:nth-last-child(2) {
            margin-bottom: 0;
        }

        .solution_view .product_list li:nth-child(2n) {
            margin-right: 0;
        }

        .solution_view .product_list li .img img {
            width: auto;
            max-height: 100%;
        }

    .solution_view .tab_navi .col2 li {
        width: calc(100% / 2);
    }

    .solution_view .tab_navi .col3 li {
        width: calc(100% / 3);
    }

    .solution_view .tab_navi li {
        width: auto;
    }

        .solution_view .tab_navi li a {
            width: 100%;
            padding: 15px 20px 10px;
            text-align: center;
        }

    .solution_view .level-d {
        margin-bottom: 25px;
    }

        .solution_view .level-d .tit {
            margin-bottom: 25px;
            font-size: 14px;
        }

        .solution_view .level-d .inn {
            position: relative;
            width: 255px;
            max-width: 280px;
            min-height: 320px;
            margin: 0 auto;
            background-image: url(../images/solution/solution06_level-cut.png);
            background-size: 100px;
            background-repeat: no-repeat;
            background-position: 0 0;
        }

        .solution_view .level-d i {
            display: inline-block;
            width: 15px;
            height: 15px;
            background-image: url(../images/solution/solution_ico.png);
            background-size: 15px;
            background-repeat: no-repeat;
            background-position: 0 0;
            vertical-align: middle;
        }

        .solution_view .level-d p {
            position: absolute;
        }

            .solution_view .level-d p.p01 {
                left: 90px;
                top: 20px;
            }

                .solution_view .level-d p.p01 i {
                    background-image: url(../images/solution/solution_num01.png);
                }

            .solution_view .level-d p.p02 {
                left: 115px;
                top: 80px;
            }

                .solution_view .level-d p.p02 i {
                    background-image: url(../images/solution/solution_num02.png);
                }

            .solution_view .level-d p.p03 {
                left: 115px;
                top: 150px;
            }

                .solution_view .level-d p.p03 i {
                    background-image: url(../images/solution/solution_num03.png);
                }

            .solution_view .level-d p.p04 {
                left: 105px;
                top: 260px;
            }

                .solution_view .level-d p.p04 i {
                    background-image: url(../images/solution/solution_num04.png);
                }

            .solution_view .level-d p strong {
                display: inline-block;
                margin: 0 10px;
                font-weight: 400;
                font-size: 13px;
                letter-spacing: -.5px;
                vertical-align: middle;
            }

            .solution_view .level-d p span {
                display: inline-block;
                vertical-align: middle;
            }

        .solution_view .level-d .inn_txt {
            position: relative;
            width: 100%;
            margin: 15px auto 0;
        }

            .solution_view .level-d .inn_txt i {
                margin-top: 5px;
                vertical-align: top;
            }

            .solution_view .level-d .inn_txt p {
                position: relative;
                top: 0 !important;
                left: 0 !important;
                margin-top: 13px;
                font-weight: 300;
                text-align: left;
            }

                .solution_view .level-d .inn_txt p span {
                    width: calc(100% - 30px);
                    margin-left: 13px;
                    line-height: 1.4;
                }

.sitemap {
    border-top: 1px solid #000;
    padding-top: 35px;
}

    .sitemap .section {
        margin: 0 30px;
        margin-bottom: 35px;
        border-bottom: 1px solid #e2e2e2;
    }

        .sitemap .section * {
            line-height: 1;
        }

        .sitemap .section.sec6 {
            border-bottom: none;
        }

        .sitemap .section h3 {
            font-size: 14px;
            font-weight: 700;
        }

        .sitemap .section .nav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-top: 20px;
        }

            .sitemap .section .nav > li {
                min-width: 50%;
                margin-bottom: 15px;
            }

                .sitemap .section .nav > li .ti, .sitemap .section .nav > li > a {
                    font-size: 13px;
                    font-weight: 350;
                    display: inline-block;
                    margin-bottom: 15px;
                }

                .sitemap .section .nav > li ul > li {
                    margin-bottom: 15px;
                }

                    .sitemap .section .nav > li ul > li > a {
                        font-size: 12px;
                        font-weight: 300;
                        color: #666;
                    }

                        .sitemap .section .nav > li ul > li > a:before {
                            content: '';
                            display: inline-block;
                            width: 2px;
                            height: 2px;
                            background-color: #000;
                            border-radius: 50%;
                            margin-top: -3px;
                            margin-right: 4px;
                            vertical-align: middle;
                        }

.eventpage.wrap {
    padding-top: 0;
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

    .eventpage.wrap h1.logo {
        margin: 11px auto;
        background-size: 81px;
        width: 81px;
        height: 30px;
    }

    .eventpage.wrap .conts {
        position: absolute;
    }

.eventpage [class*='event_'] {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

    .eventpage [class*='event_'] img {
        position: relative;
        display: block;
    }

.eventpage .event_bg1 .conts {
    top: 43%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .eventpage .event_bg1 .conts .btn {
        width: 90px;
        height: 28px;
        background-color: #fae900;
        border-radius: 40px;
        text-align: center;
        font-size: 11px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: -0.02em;
        -webkit-box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.3);
        box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.3);
    }

.eventpage .event_bg2 {
    position: relative;
    padding-top: 72px;
}

    .eventpage .event_bg2 .conts {
        top: 38%;
        left: 50%;
        width: 100%;
        max-width: 600px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .eventpage .event_bg2 .conts .info {
            float: left;
            width: 50%;
            color: #666;
            font-size: 12px;
            font-weight: 350;
            line-height: 18px;
            letter-spacing: -0.02em;
            text-align: left;
            padding-left: 17.5%;
        }

        .eventpage .event_bg2 .conts .info_2 {
            padding-left: 5.5%;
            text-align: left;
        }

.eventpage.retail .event_bg1 .conts {
    top: 58.256%;
    left: 10%;
    -webkit-transform: none;
    transform: none;
    text-align: left;
}

    .eventpage.retail .event_bg1 .conts span {
        position: relative;
        display: block;
        padding-left: 8px;
        color: #fae900;
        font-weight: 700;
        font-size: 14px;
    }

        .eventpage.retail .event_bg1 .conts span:before {
            content: '';
            position: absolute;
            left: 0;
            top: 11px;
            display: block;
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background-color: #fae900;
        }

    .eventpage.retail .event_bg1 .conts .info {
        padding-left: 8px;
        margin-bottom: 20px;
        color: #fff;
        font-size: 12px;
        font-weight: 350;
    }

    .eventpage.retail .event_bg1 .conts .info_2 {
        margin-bottom: 0;
    }

.eventpage.retail .event_bg2 {
    padding-top: 0;
}

.eventpage.retail .input-conts {
    background-color: #fff;
    margin: 0 30px;
}

    .eventpage.retail .input-conts textarea {
        margin-top: 35px;
        width: 100%;
        min-height: 90px;
        max-height: 120px;
        background-color: #fff;
        border: 1px solid #cfcfcf;
    }

    .eventpage.retail .input-conts button {
        width: 100%;
        color: #fff;
        background-color: #000;
        padding: 12.5px 0;
        margin-top: 15px;
        font-size: 11px;
        font-weight: 700;
    }

    .eventpage.retail .input-conts .rply-list {
        border-top: 3px solid #000;
        margin-top: 30px;
    }

        .eventpage.retail .input-conts .rply-list li {
            min-height: 50px;
            border-bottom: 1px solid #b2b2b2;
            padding: 10px 15px 8px;
        }

            .eventpage.retail .input-conts .rply-list li .tit {
                font-size: 11px;
                line-height: 16px;
                font-weight: 500;
                margin-bottom: 2px;
                position: relative;
                padding-left: 20px;
                color: #333;
            }

                .eventpage.retail .input-conts .rply-list li .tit .num {
                    font-size: 11px;
                    line-height: 16px;
                    font-weight: 500;
                    margin-right: 15px;
                    position: absolute;
                    left: 0;
                }

            .eventpage.retail .input-conts .rply-list li .info {
                padding-left: 23px;
            }

                .eventpage.retail .input-conts .rply-list li .info > p {
                    font-size: 9px;
                    color: #999;
                    font-weight: 350;
                    display: inline-block;
                }

                    .eventpage.retail .input-conts .rply-list li .info > p.confirm:before {
                        content: '|';
                        padding: 0 6px;
                    }

    .eventpage.retail .input-conts .more_view a {
        padding: 12.5px 0;
        font-size: 11px;
        font-weight: 500;
    }

.eventpage.retail .evnt_foo {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f9f9f9));
    background-image: linear-gradient(to bottom, #e8e8e8, #f9f9f9);
}

.eventpage .evnt_foo {
    margin-top: 35px;
    padding: 30px;
    background-color: #f9f9f9;
}

    .eventpage .evnt_foo .title {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .eventpage .evnt_foo li {
        padding-top: 5px;
        font-size: 11px;
        line-height: 1.5;
        font-weight: 350;
        position: relative;
        padding-left: 8px;
        color: #333;
    }

        .eventpage .evnt_foo li:first-child {
            padding-top: 0;
        }

        .eventpage .evnt_foo li:before {
            content: '-';
            position: absolute;
            left: 0;
            top: 0;
            width: 8px;
        }

        .eventpage .evnt_foo li a {
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
        }

/* 2022-05-30 추가 : 시작 */
.footer .familysite .sns-list {
    font-size: 0;
    margin-top: 12px;
}

    .footer .familysite .sns-list a {
        display: inline-block;
        margin-left: 21px;
    }

        .footer .familysite .sns-list a:first-child {
            margin-left: 0;
        }
/* 2022-05-30 추가 : 끝 */