@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&subset=korean');
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400&display=swap');

/* reset start *******************************/
/* lifeCoach.css에서 설정한 h1 속성 reset */
h1 {
    margin: unset;
    FLOAT: unset;
    font-size: unset;
    color: unset;
    font-weight: bold;
    height: unset;
    width: unset;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;f
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    color: #000;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

th {
    font-weight: normal;
}

input, select {
    vertical-align: middle;
}

input, button {
    border: none;
    background: none;
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/* reset end *******************************/


body, input {
    font-family: "Noto Sans KR", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.5px;
    word-break: break-all;
    word-wrap: break-word;
}

table caption {
    font-size: 0;
}

table td {
    position: relative;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    font-family: "Noto Sans KR", sans-serif !important;
}

img {
    -ms-interpolation-mode: bicubic;
}

.middle-dot {
    margin: 0 1px;
}

.underline {
    text-decoration: underline;
}

.tahoma {
    font-family: "Tahoma", sans-serif;
    font-weight: bold;
}

.tahoma.normal {
    font-weight: normal;
}

.red {
    color: #ff303a !important;
}

.blue {
    color: #529afa !important;
}

.green {
    color: #00917c;
}

.green2 {
    color: #00a089;
}

.orange {
    color: #F47921;
}

.gray {
    color: #999 !important;
}

.reg {
    font-weight: 400 !important;
}

.bold {
    font-weight: bold !important;
}

.hide {
    position: absolute !important;
    top: -1px !important;
    left: -1px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}

.blind {
    display: none;
}

.mt0 {
    margin-top: 0 !important;
}

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

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

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

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

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

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

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

/* 스크롤바 */
.scroll-lc::-webkit-scrollbar {
    width: 5px !important;
}

.scroll-lc::-webkit-scrollbar-track {
    background-color: transparent !important;
}

.scroll-lc::-webkit-scrollbar-thumb {
    background-color: #e0e0e0 !important;
    border-radius: 5px !important;
}

/* 폼 공통 */
table {
    width: 100%;
}

select {
    outline: none;
}

input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

    input[type="file"]::-webkit-file-upload-button {
        cursor: pointer;
    }

input,
textarea {
    display: inline-block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
    color: #aaa;
    opacity: 1;
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
    color: #aaa;
    opacity: 1;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
    color: #aaa;
    opacity: 1;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder {
    color: #aaa;
    opacity: 1;
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
    color: #aaa;
}

input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder {
    color: #aaa;
}

input[type="text"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder {
    color: #fff;
    opacity: 0;
}

input[type="text"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder {
    color: #fff;
    opacity: 0;
}

input[type="text"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder {
    color: #fff;
    opacity: 0;
}

input[type="text"]:focus::placeholder,
input[type="password"]:focus::placeholder {
    color: #fff;
    opacity: 0;
}

input[type="text"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder {
    color: #fff;
}

input[type="text"]:focus::-ms-input-placeholder,
input[type="password"]:focus::-ms-input-placeholder {
    color: #fff;
}

.container input[type="text"],
.container input[type="password"],
.container input[type="num"],
.container textarea,
.container select {
    font-family: "Noto Sans KR", sans-serif;
    width: 240px;
    height: 42px;
    padding: 0 15px;
    font-size: 15px;
    color: #454545;
    border: 1px solid #cacaca;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container input[type="text"],
.container input[type="password"],
.container input[type="num"] {
    line-height: 41px;
}

.container textarea {
    padding: 15px;
    overflow-y: auto;
}

.container input[type="text"]:focus,
.container input[type="password"]:focus,
.container input[type="num"]:focus,
.container textarea:focus {
    border: 1px solid #00917c;
    outline: none;
}

.container input[type="checkbox"] {
    display: inline-block;
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.container input[type="checkbox"] + label {
    display: inline-block;
    height: 24px;
    padding-left: 34px;
    margin-top: 3px;
    line-height: 24px;
    background: url("/images/lifeCoach/input_check.png") no-repeat;
    cursor: pointer;
}

.container input[type="checkbox"]:checked + label {
    background: url("/images/lifeCoach/input_check_active.png") no-repeat;
}

.container.bv input[type="checkbox"]:checked + label {
    background: url("/images/brainVitamin/input_check_active.png") no-repeat;
}

.container input[type="checkbox"].basic + label {
    padding-left: 20px;
    background: url("/images/lifeCoach/input_check_basic.png") no-repeat;
    background-position: 0 center;
}

.container input[type="checkbox"].basic:checked + label {
    background: url("/images/lifeCoach/input_check_basic_active.png") no-repeat;
    background-position: 0 center;
}

.container input[type="radio"] {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.container input[type="radio"] + label {
    display: inline-block;
    height: 24px;
    padding-left: 34px;
    margin-top: -3px;
    font-size: 15px;
    color: #454545;
    line-height: 24px;
    background: url("/images/lifeCoach/input_radio.png") no-repeat;
    background-position: 3px center;
    cursor: pointer;
}

.container input[type="radio"]:checked + label {
    background: url("/images/lifeCoach/input_radio_active.png") no-repeat;
    background-position: 3px center;
}

.container input[type="radio"].type-square + label {
    background: url("/images/lifeCoach/input_check.png") no-repeat;
    background-position: 0 center;
}

.container input[type="radio"].type-square:checked + label {
    background: url("/images/lifeCoach/input_check_active.png") no-repeat;
    background-position: 0 center;
}

.container input[type="radio"].basic + label {
    padding-left: 25px;
    background: url("/images/lifeCoach/input_radio_basic.png") no-repeat;
    background-position: 6px center;
}

.container input[type="radio"].basic:checked + label {
    background: url("/images/lifeCoach/input_radio_basic_active.png") no-repeat;
    background-position: 6px center;
}

/* 탭메뉴 공통 */
.tab-nav {
    font-size: 0;
}

    .tab-nav a {
        display: inline-block;
    }

/* 버튼 공통 */
.btn-wrap {
    font-size: 0;
    text-align: center;
}

.btn-wrap a {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background, 0.3s;
    transition: background, 0.3s;
    font-family: "Noto Sans KR", sans-serif !important;
}

.btn-wrap a.round {
    font-size: 17px;
    border-radius: 5px;
}

.btn-wrap a.round.green {
    color: #fff;
    background: #00917c;
}

.btn-wrap a.round.green:hover {
    background: #007e6c;
}

.btn-wrap a.round.green.write {
    padding-left: 18px;
    background: #00917c url("/CImages/MALL/sub/icon_btn_write.png") no-repeat;
    background-position: 83px center;
}

.btn-wrap a.round.green.write:hover {
    background: #007e6c url("/CImages/MALL/sub/icon_btn_write.png") no-repeat;
    background-position: 83px center;
}

.btn-wrap a.round.white {
    color: #00917c;
    border: 1px solid #00917c;
}

.btn-wrap a.round.white:hover {
    background: #f6f6f6;
}

.btn-wrap a.round.white2 {
    color: #222;
    border: 1px solid #d3d3d3;
}

.btn-wrap a.round.white2:hover {
    background: #f6f6f6;
}

.btn-wrap a.round.gray {
    color: #454545;
    background: #e7e7e7;
}

.btn-wrap a.round.gray:hover {
    background: #d7d7d7;
}

.btn-wrap a.round.black {
    color: #fff;
    background: #616161;
}

.btn-wrap a.round.black:hover {
    background: #555;
}

.btn-wrap a.round.orange {
    color: #fff;
    background: #F47921;
}

.btn-wrap a.round.orange:hover {
    background: #D96009;
}

.btn-wrap a.round.orange.write {
    padding-left: 18px;
    background: #F47921 url("/CImages/MALL/sub/icon_btn_write.png") no-repeat;
    background-position: 83px center;
}

.btn-wrap a.round.orange.write:hover {
    background: #D96009 url("/CImages/MALL/sub/icon_btn_write.png") no-repeat;
    background-position: 83px center;
}


.btn-wrap a.box {
    font-size: 19px;
}

.btn-wrap a.box.gray {
    color: #666;
    border: 1px solid #d3d3d3;
}

.btn-wrap a.box.white {
    color: #00917c;
    border: 1px solid #00917c;
}

.btn-wrap a.box.gray:hover,
.btn-wrap a.box.white:hover {
    background: #f6f6f6;
}

.btn-wrap a.box.green {
    color: #fff;
    background: url("/CImages/MALL/sub/bg_btn_green.png") no-repeat;
    background-position: right bottom;
}


/* 버튼 공통 */
.inner-btn {
    display: inline-block;
    color: #222;
    background: #e7e7e7;
    border-radius: 5px;
    text-align: center;
    vertical-align: bottom;
    -webkit-transition: background, 0.1s;
    transition: background, 0.1s;
    font-family: "Noto Sans KR", sans-serif !important;
}

.inner-btn:hover {
    background: #d7d7d7;
}

.inner-btn.black,
.inner-btn.black:hover {
    color: #fff;
    background: #555;
    border-radius: 2px;
}

.inner-btn.save {
    width: 70px;
    height: 41px;
    line-height: 41px;
    margin-left: 3px;
}

.inner-btn.green {
    display: inline-block;
    color: #FFF;
    background: #00917c;
    border-radius: 5px;
    text-align: center;
    vertical-align: bottom;
    -webkit-transition: background, 0.1s;
    transition: background, 0.1s;
}

.inner-btn.green:hover {
    background: #117a6b;
}

.inner-btn.checked {
    display: inline-block;
    color: #FFF;
    background: #00917c;
    border-radius: 5px;
    text-align: center;
    vertical-align: bottom;
    -webkit-transition: background, 0.1s;
    transition: background, 0.1s;
    padding-left:20px;
    background: #aaa url("/images/lifeCoach/icon_join_btn_checked.png") no-repeat;
    background-position: 25px center;
}


/* 버튼 공통 */
.btn-wrap-xs {
    display: inline-block;
    font-size: 0;
}

    .btn-wrap-xs a {
        display: inline-block;
        height: 23px;
        padding: 0 7px;
        font-size: 13px;
        color: #454545;
        line-height: 21px;
        text-align: center;
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        -webkit-transition: background, 0.1s;
        transition: background, 0.1s;
    }

        .btn-wrap-xs a:hover {
            background: #f6f6f6;
        }

/* 버튼 공통 */
.btn-wrap-sm {
    font-size: 0;
}

    .btn-wrap-sm a {
        display: inline-block;
        padding: 0 15px;
        height: 29px;
        font-size: 14px;
        color: #454545;
        line-height: 26px;
        text-align: center;
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: background, 0.1s;
        transition: background, 0.1s;
    }

        .btn-wrap-sm a:hover {
            background: #f6f6f6;
        }

        .btn-wrap-sm a.blue {
            border: 1px solid #529afa;
        }

        .btn-wrap-sm a.gray {
            color: #fff;
            background: #616161;
            border: 1px solid #616161;
        }

/* 버튼 공통 */
.btn-wrap-md {
    font-size: 0;
}

.btn-wrap-md a {
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: background, 0.1s;
    transition: background, 0.1s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-wrap-md a.white {
    border: 1px solid #d3d3d3;
}

.btn-wrap-md a.white:hover {
    background: #f6f6f6;
}

.btn-wrap-md a.white.write {
    padding-left: 18px;
    color: #666;
    background: url("/CImages/MALL/sub/icon_btn_write_black.png") no-repeat;
    background-position: 12px center;
}

.btn-wrap-md a.white.write:hover {
    color: #0b927e;
    background: url("/CImages/MALL/sub/icon_btn_write_green.png") no-repeat;
    background-position: 12px center;
    border: 1px solid #0b927e;
}

.btn-wrap-md a.gray {
    background: #e7e7e7;
    border: 1px solid #e7e7e7;
}

.btn-wrap-md a.gray:hover {
    background: #d7d7d7;
    border: 1px solid #d7d7d7;
}


/* 팝업 공통 */
.dim,
.popup,
.alert {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 100;
}

.alert {
    background: none;
}

.popup-wrap,
.alert-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    border: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    box-shadow: 0 3px 12px rgba(0,0,0,0.1);
    z-index: 31;
}

.popup-wrap {
    border: 1px solid #dbdbdb;
}

.popup-close {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 30px;
    height: 30px;
    font-size: 0;
    background: url("/images/lifeCoach/btn_close_popup.png") no-repeat;
    background-position: center;
    cursor: pointer;
}

.popup h1,
.popup-today h1 {
    padding: 16px 0 18px 23px !important;
    font-size: 17px;
    font-weight: 700;
    color: #454545;
    line-height: 1 !important;
    background: #f0f0f0;
    text-align: left !important;
}

.popup .btn-wrap a {
    font-size: 16px;
}

.alert-wrap {
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    text-align: center;
}

    .alert-wrap.type-1 {
        width: 320px;
        height: 200px;
        padding-top: 43px;
        margin: -100px 0 0 -160px;
    }

    .alert-wrap.type-2 {
        width: 280px;
        height: 170px;
        padding-top: 55px;
        margin: -85px 0 0 -140px;
    }

    .alert-wrap.type-3 {
        width: 360px;
        height: 200px;
        padding-top: 43px;
        margin: -100px 0 0 -180px;
    }

    .alert-wrap.type-4 {
        width: 320px;
        height: 200px;
        padding-top: 70px;
        margin: -100px 0 0 -160px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    }

    .alert-wrap.type-5 {
        width: 320px;
        height: 350px;
        padding-top: 70px;
        margin: -100px 0 0 -160px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    }

    .alert-wrap h3 {
        font-size: 18px;
        font-weight: 700;
        color: #02917e;
        line-height: 1;
    }

    .alert-wrap h4 {
        font-size: 18px;
        font-weight: 700;
        color: #02917e;
        line-height: 2;
    }

    .alert-wrap p {
        margin-top: 13px;
        padding-bottom: 35px;
        font-size: 15px;
        color: #454545;
    }

    .alert-wrap .btn-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid #e0e0e0;
    }

        .alert-wrap .btn-wrap a {
            width: 50%;
            height: 50px;
            font-size: 15px;
            font-weight: 700;
            color: #454545;
            line-height: 48px;
            -webkit-transition: 0.1s;
            transition: 0.1s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 0 0 20px 0;
        }

            .alert-wrap .btn-wrap a.cancel {
                color: #aaa;
                border-right: 1px solid #e0e0e0;
                border-radius: 0 0 0 20px;
            }

            .alert-wrap .btn-wrap a:hover {
                background: #f6f6f6;
            }

    .alert-wrap.type-2 .btn-wrap a,
    .alert-wrap.type-3 .btn-wrap a
    .alert-wrap.type-5 .btn-wrap a {
        width: 100%;
        border-radius: 0 0 20px 20px;
    }

/* 로그인 팝업 공통 */
.popup-login .popup-wrap {
    width: 524px;
    height: 490px;
    margin: -245px 0 0 -262px;
}

.popup-login .login-box {
    width: 399px;
    margin: 52px auto 0 auto;
}

.popup-login .login-box input[type="text"],
.popup-login .login-box input[type="password"] {
    width: 399px !important;
}

.popup-login .login-box .btn-wrap {
    margin-top: 0 !important;
}

.popup-login .login-box .btn-wrap a {
    width: 399px !important;
    height: 52px !important;
    line-height: 50px !important;
}

.popup-login .login-box .join .btn-wrap a {
    width: 104px !important;
    height: 50px !important;
}

.login-wrap .inner-wrap {
    background-image: url("/images/lifeCoach/bodynmind.png");
    background-repeat:no-repeat;
    width: 900px;
    height: 645px;
}

.login-wrap .inner-wrap-hspCoach {
    background-image: url("/images/hspCoach/login_bg.jpg");
    background-repeat: no-repeat;
    width: 900px;
    height: 645px;
}

.login-wrap .inner-wrap-bv {
    background-image: url("/images/brainVitamin/login_bg.png");
    background-repeat: no-repeat;
    /*background-image: none;*/
    width: 1060px;
    height: 645px;
}

.inner-wrap {
    position: relative;
    width: 1140px;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.inner-wrap.mypage {
    width: 1000px;
}

/** 페이지 공통 **/
.pagination {
    font-size: 0;
    text-align: center;
}

.pagination div {
    display: inline-block;
    vertical-align: top;
}

.pagination div a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    border: 1px solid #ddd;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pagination div a:hover {
    border: 1px solid #a5a5a5;
}

.pagination .first a {
    background-image: url("/CImages/MALL/sub/arrow_pagination_first.png");
}

.pagination .first a:hover {
    background-image: url("/CImages/MALL/sub/arrow_pagination_first_hover.png");
}

.pagination .prev a {
    background-image: url("/CImages/MALL/sub/arrow_pagination_prev.png");
}

.pagination .prev a:hover {
    background-image: url("/CImages/MALL/sub/arrow_pagination_prev_hover.png");
}

.pagination .next a {
    background-image: url("/CImages/MALL/sub/arrow_pagination_next.png");
}

.pagination .next a:hover {
    background-image: url("/CImages/MALL/sub/arrow_pagination_next_hover.png");
}

.pagination .last a {
    background-image: url("/CImages/MALL/sub/arrow_pagination_last.png");
}

.pagination .last a:hover {
    background-image: url("/CImages/MALL/sub/arrow_pagination_last_hover.png");
}

.pagination ol {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

.pagination ol li {
    display: inline-block;
}

.pagination ol li a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pagination ol li a:hover {
    text-decoration: underline;
}

.pagination ol li a.active {
    color: #fff;
    background: #767676;
}

.pagination ol li a.active:hover {
    text-decoration: none;
}

.table tr.bg {
    background: #fffef2;
}

/* 테이블 스킨 - basic */
.table.basic > h2 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
    color: #222;
    line-height: 1;
}

.table.basic > h3 {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 1;
}

.table.basic table {
    width: 100%;
    border-top: 1px solid #111;
}

.table.basic.basic2 table {
    border-top: 1px solid #d2d2d2;
}

.table.basic table tr th {
    padding-left: 20px;
    font-size: 15px;
    color: #222;
    text-align: left;
    background: #f9f9f9;
    border-bottom: 1px solid #e5e5e5;
}

.table.basic table tr td {
    font-size: 15px;
    color: #454545;
    padding: 19px 20px;
    border-bottom: 1px solid #e5e5e5;
}

/* 테이블 스킨 - white */
.table.white .select-date {
    float: right;
    margin-top: -8px;
    margin-bottom: 12px;
}

.table.white .select-date label {
    margin-right: 5px;
    font-size: 15px;
    color: #222;
    line-height: 1;
}

.table.white .select-date label:nth-of-type(2) {
    margin-left: 20px;
}

.table.white .select-date .input-box {
    display: inline-block;
    position: relative;
    width: 140px;
    height: 34px;
    padding: 0 8px 0 30px;
    border: 1px solid #cacaca;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.table.white .select-date .input-box a {
    position: absolute;
    top: 5px;
    left: 8px;
}

.table.white .select-date .input-box input[type="text"] {
    width: 100px;
    height: 34px;
    padding: 0 0 1px 0;
    border: none;
    line-height: 32px;
    text-align: center;
}

.table.white .select-date .input-box {
    margin-right: 5px;
    margin-left: 5px;
}

.table.white .select-date .btn-wrap-md {
    display: inline-block;
}

.table.white .select-date .btn-wrap-md a {
    width: 50px;
}

.table.white table {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.table.white table tr th {
    height: 48px;
    font-size: 15px;
    color: #222;
    line-height: 48px;
}

.table.white table tr td {
    height: 85px;
    font-size: 14px;
    color: #666;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    vertical-align: middle;
}

.table.white table tr td:last-of-type {
    border-right: 0;
}

.table.white.border table tr td {
    border-right: 1px solid #e5e5e5 !important;
}

.table.white.border table tr td:last-of-type {
    border-right: 0 !important;
}

.table.white table tr.empty td {
    height: 200px;
}

.table.white table tr td.item-info {
    position: relative;
    padding: 6px 22px 8px 22px;
    text-align: left;
}

.table.white table tr td.item-info h3 {
    position: relative;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    line-height: 1.35;
    word-break: keep-all;
}

.table.white table tr td.item-info h3 a {
    font-size: 15px;
    color: #666;
}

.table.white table tr td.item-info .red {
    font-size: 14px;
}

.table.white table tr td.item-info .red .tahoma {
    font-size: 18px;
}

.table.white table tr td.date {
    font-size: 16px;
    color: #222;
}

.table.white table tr td.date .green {
    font-size: 13px;
}


/* 테이블 스킨 - order */
.table.order > p {
    font-size: 14px;
    color: #777;
    line-height: 1;
}

.table.order > h4 {
    font-size: 15px;
    color: #00917c;
    line-height: 1;
}

.table.order table {
    margin-top: 24px;
}

.table.order table tr th {
    height: 50px;
    font-size: 15px;
    color: #222;
    line-height: 1;
    border-top: 1px solid #000;
    border-bottom: 1px solid #d2d2d2;
    vertical-align: middle;
}

.table.order.order2 table tr th {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.table.order table tr th input[type="checkbox"] + label,
.table.order table tr td input[type="checkbox"] + label {
    font-size: 0;
}

.table.order table tr td {
    position: relative;
    padding: 17px 0;
    font-size: 15px;
    color: #454545;
    text-align: center;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

.table.order table tr td a {
    color: #454545;
}

.table.order.border table tr td {
    border-right: 1px solid #eee;
}

.table.order.border table tr td:last-of-type {
    border-right: 0;
}

.table.order table tr td.item-info {
    position: relative;
    text-align: left;
}

.table.order table tr td.item-info .thumb {
    display: inline-block;
    width: 74px;
    height: 74px;
    margin-right: 20px;
    border: 1px solid #dcdcdc;
    vertical-align: middle;
}

.table.order table tr td.item-info .thumb img {
    width: 100%;
}

.table.order table tr td.item-info .text {
    display: inline-block;
    vertical-align: middle;
}

.table.order table tr td.item-info .text h3 {
    position: relative;
    display: inline-block;
    margin-bottom: 3px;
    font-weight: 400;
    vertical-align: middle;
}

.table.order table tr td.item-info .text h3 a {
    color: #454545;
}

.table.order table tr td.item-info .text p {
    font: 13px;
    color: #529afa;
}

.table.order table tr td.empty {
    padding: 75px 0 95px 0;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
}

.table.order table tr td.total {
    padding: 19px 19px 19px 0;
    text-align: right;
    background: #f6f6f6;
    border-bottom: 1px solid #d2d2d2;
}

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .scroll-lc {
        overflow-x: hidden;
    }

    .scroll-wrap {
        padding-right: 0 !important;
    }

    .container .popup .scroll-wrap::after {
        display: none !important;
    }

    .table.order table tr td.total {
        border-bottom: 2px solid #d2d2d2;
    }

    .container .popup .scroll-wrap {
        width: 100% !important;
    }

    .container.service .service-wrap .terms-wrap .scroll-lc {
        overflow-y: hidden;
    }

    .container.service .service-wrap .terms-wrap .scroll-lc::after,
    .container.service .service-wrap .terms-wrap .scroll-lc::before {
        display: none !important;
    }

    .container.service .service-wrap .terms-wrap .scroll-lc iframe {
        padding: 0 0 0 30px !important;
    }

    .container .popup.popupContract .popup-wrap .scroll-wrap .scroll-lc {
        padding-right: 5px !important;
    }
}

.container .inner-wrap > h1 {
    font-size: 34px;
    font-weight: 500;
    color: #222;
    line-height: 1;
    background-repeat: no-repeat;
    background-position: left bottom;
    height:auto;
    float:none !important;
}

.container .inner-wrap>h1 span {
  margin-left: 15px;
  font-size: 26px;
  color: #00917c;
  line-height: 1;
  letter-spacing: -1px
}

.container .inner-wrap>p {
  margin-top: 23px;
  font-size: 15px;
  color: #454545;
  line-height: 1
}

.container .tab-menu {
  font-size: 0;
  z-index: 10
}

.container .tab-menu.fixed {
  position: fixed;
  top: 0;
  left: 50%;
  width: 1140px;
  margin-top: 0;
  margin-left: -570px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .tab-menu ul li {
  display: inline-block;
  position: relative
}

.container .tab-menu ul li::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: -2px;
  width: calc(100% + 4px);
  height: 2px;
  background: #048e7f;
  z-index: 2
}

.container .tab-menu ul li::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #fff
}

.container .tab-menu ul li.active::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: calc(100% - 2px);
  height: 1px;
  background: #f1f1f1;
  z-index: 1
}

.container .tab-menu ul li.active::before {
  display: none
}

.container .tab-menu ul li.active a {
  font-weight: 500;
  color: #02917e;
  background: #fff;
  border: 2px solid #00917c;
  border-bottom: 0
}

.container .tab-menu ul li.active a:hover {
  background: #fff;
  border: 2px solid #00917c;
  border-bottom: 0
}

.container .tab-menu ul li:first-child.active::after {
  width: calc(100% - 2px)
}

.container .tab-menu ul li:first-child::after {
  width: calc(100% + 2px);
  left: 0
}

.container .tab-menu ul li:first-child::before {
  display: none
}

.container .tab-menu ul li:last-child::after {
  width: 100%;
  left: 0
}

.container .tab-menu ul li a {
  display: block;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  color: #454545;
  line-height: 60px;
  -webkit-transition: all .1s;
  transition: all .1s;
  text-align: center;
  background: #f5f5f5;
  border: 2px solid #f5f5f5;
  border-bottom: 0
}

.container .tab-menu ul li a:hover {
  background: #e2e2e2;
  border: 2px solid #e2e2e2;
  border-bottom: 0
}

.container .select-option {
  display: inline-block;
  width: 130px;
  height: 42px;
  padding-left: 15px;
  padding-right: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #454545;
  line-height: 41px;
  border: 1px solid #cacaca;
  border-radius: 5px;
  background: url("/images/lifeCoach/arrow_selectbox.png") no-repeat;
  background-position: right 13px center;
  overflow: hidden;
  font-family: "Noto Sans KR", sans-serif !important;
}

.container .select-option.active {
  border-radius: 5px 5px 0 0;
  border: 1px solid #00917c
}

.container .select-list {
  position: absolute;
  top: 60px;
  left: 20px;
  width: 130px;
  max-height: 210px;
  padding: 8px 0 8px 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #fff;
  border: 1px solid #00917c;
  border-top: 1px solid #cacaca;
  overflow-y: auto;
  z-index: 2
}

.container .select-list::-webkit-scrollbar {
  width: 5px
}

.container .select-list::-webkit-scrollbar-track {
  background-color: transparent
}

.container .select-list::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 5px
}

.container .select-list li {
  padding: 2px 0;
  cursor: pointer
}

.container .form-wrap .discription {
  position: relative;
  font-size: 14px;
  color: #666
}

.container .form-wrap .discription::before {
  content: "*";
  position: absolute;
  top: 4px;
  left: -8px;
  color: #ff303a
}

.container .form-wrap .discription span {
  color: #ff303a
}

.container .form-wrap table tr th {
  text-align: left;
  font-family: "Noto Sans KR", sans-serif !important;
}

.container .form-wrap table tr th.line {
  position: relative;
  padding-top: 50px;
  padding-bottom: 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr th.line::before {
  position: absolute;
  content: "";
  top: 40px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e0e0e0
}

.container .form-wrap table tr th label {
  position: relative;
  font-size: 15px;
  color: #222;
  line-height: 1.2
}

.container .form-wrap table tr th label.dot::after {
  content: "*";
  position: absolute;
  top: 7px;
  right: -12px;
  color: #ff303a
}

.container .form-wrap table tr th label span {
  color: #ff303a
}

.container .form-wrap table tr th label span.gray {
  color: #888
}

.container .form-wrap table tr th .btn-wrap a {
  height: 46px;
  margin-right: 88px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 46px
}

.container .form-wrap table tr th .btn-wrap a.checked {
  padding-left: 20px;
  color: #fff;
  background: #aaa url("/images/lifeCoach/icon_join_btn_checked.png") no-repeat;
  background-position: 85px center
}

.container .form-wrap table tr td {
  position: relative;
  padding-bottom: 20px !important;
  font-size: 15px;
  color: #777;
  font-family: "Noto Sans KR", sans-serif !important;
}

.container .mypage .form-wrap table tr td {
    height: 42px !important;
    padding-bottom: 20px !important;
}

.container .form-wrap table tr td .inner-btn {
  height: 42px;
  margin-left: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 42px
}

.container .form-wrap table tr td.mobile-phone input[type="text"],
.container .form-wrap table tr td.mobile-phone input[type="num"],
.container .form-wrap table tr td.landline-phone input[type="text"],
.container .form-wrap table tr td.landline-phone input[type="num"] {
  width: 130px;
  text-align: center
}

.container .form-wrap table tr td.mobile-phone input[type="text"]:nth-last-of-type(1),
.container .form-wrap table tr td.mobile-phone input[type="text"]:nth-last-of-type(2),
.container .form-wrap table tr td.mobile-phone input[type="num"]:nth-last-of-type(1),
.container .form-wrap table tr td.mobile-phone input[type="num"]:nth-last-of-type(2),
.container .form-wrap table tr td.landline-phone input[type="text"]:nth-last-of-type(1),
.container .form-wrap table tr td.landline-phone input[type="text"]:nth-last-of-type(2),
.container .form-wrap table tr td.landline-phone input[type="num"]:nth-last-of-type(1),
.container .form-wrap table tr td.landline-phone input[type="num"]:nth-last-of-type(2) {
  margin-left: 6px
}

.container .form-wrap table tr td.mobile-phone .inner-btn,
.container .form-wrap table tr td.landline-phone .inner-btn {
  width: 130px
}

.container .form-wrap table tr td.mobile-phone .select-list,
.container .form-wrap table tr td.landline-phone .select-list,
.container .form-wrap table tr td.bank .select-list {
  position: absolute;
  top: 41px;
  left: 0
}

.container .form-wrap table tr td.bank .select-option {
  width: 150px
}

.container .form-wrap table tr td.bank .select-list {
  width: 150px
}

.container .form-wrap table tr td.bank label {
  margin-left: 15px;
  margin-right: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td.bank input[type="text"],
.container .form-wrap table tr td.bank input[type="num"] {
  width: 180px
}

.container .form-wrap table tr td.center .select-option {
  width: 240px
}

.container .form-wrap table tr td.center .select-list {
  position: absolute;
  top: 41px;
  left: 0;
  width: 240px
}

.container .form-wrap table tr td.certifi-num .inner-btn {
  width: 90px
}

.container .form-wrap table tr td.email input[type="text"]:nth-of-type(1),
.container .form-wrap table tr td.email input[type="num"]:nth-of-type(1),
.container .form-wrap table tr td.personal-num input[type="text"]:nth-of-type(1),
.container .form-wrap table tr td.personal-num input[type="num"]:nth-of-type(1) {
  width: 150px;
  margin-right: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td.email input[type="text"]:nth-of-type(2),
.container .form-wrap table tr td.email input[type="num"]:nth-of-type(2),
.container .form-wrap table tr td.personal-num input[type="text"]:nth-of-type(2),
.container .form-wrap table tr td.personal-num input[type="num"]:nth-of-type(2) {
  width: 150px;
  margin-left: 7px;
  margin-right: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td.email .select-list,
.container .form-wrap table tr td.personal-num .select-list {
  position: absolute;
  top: 41px;
  left: 343px
}

.container .form-wrap table tr td.personal-num a {
  width: 110px;
  margin-left: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td.personal-num span.dot {
  display: block;
  margin-left: 0
}

.container .form-wrap table tr td.address .inner-btn {
  vertical-align: top;
  width: 110px;
  margin-right: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td.address input[type="text"] {
  margin-bottom: 10px
}

.container .form-wrap table tr td.address input[type="text"]:nth-of-type(1) {
  width: 150px
}

.container .form-wrap table tr td.address input[type="text"]:nth-of-type(2) {
  width: 410px;
  margin-right: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td.address input[type="text"]:nth-of-type(3) {
  width: 410px;
  margin-right: 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td.address span {
  padding-left: 0;
  margin-left: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #ff303a
}

.container .form-wrap table tr td.address span::before {
  display: none
}

.container .form-wrap table tr td.planner-id .inner-btn {
  width: 120px
}

.container .form-wrap table tr td.contract a {
  display: inline-block;
  width: 204px;
  height: 42px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #fa7e3b;
  line-height: 41px;
  transition: background, 0.1s;
  text-align: center;
  border: 1px solid #fa7e3b;
  border-radius: 5px;
  vertical-align: baseline;
  font-family: "Noto Sans KR", sans-serif !important;
}

.container .form-wrap table tr td.contract a:hover {
  background-color: #f6f6f6
}

.container .form-wrap table tr td.contract a.checked {
  width: 250px;
  padding-left: 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #999;
  background-image: url("/CImages/MALL/sub/icon_join_contract_checked.png");
  background-repeat: no-repeat;
  background-position: 35px 16px;
  border: 1px solid #aaa;
  cursor: default
}

.container .form-wrap table tr td.contract a.checked:hover {
  background-color: #fff
}

.container .form-wrap table tr td.contract span span {
  color: #ff303a
}

.container .form-wrap table tr td.all-check-terms {
  padding: 22px 0 65px 160px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td.all-check-terms::after {
  position: absolute;
  content: "";
  top: 70px;
  left: -280px;
  width: 1140px;
  height: 1px;
  background: #e0e0e0
}

.container .form-wrap table tr td.terms .inner-btn {
  width: 123px;
  padding-right: 18px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: url("/images/lifeCoach/icon_join_btn_terms.png");
  background-repeat: no-repeat;
  background-position: right 16px center;
  vertical-align: baseline
}

.container .form-wrap table tr td.terms .inner-btn.active {
  background-image: url("/images/lifeCoach/icon_join_btn_terms_active.png")
}

.container .form-wrap table tr td.terms .terms-wrap {
  width: 710px;
  height: 245px;
  padding: 15px 5px 15px 15px;
  margin-top: 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  color: #777;
  background: #fbfbfb;
  border: 1px solid #cacaca
}

.container .form-wrap table tr td.terms .terms-wrap .area {
  position: relative;
  width: calc(100% - 5px) !important;
  height: 215px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td.terms .terms-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td.age {
  padding-top: 11px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td.age label:nth-of-type(1) {
  margin-right: 43px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .form-wrap table tr td .terms-wrap {
  display: none
}

.container .form-wrap table tr td input[type="radio"]+label,
.container .form-wrap table tr td input[type="checkbox"]+label {
  display: inline-block;
  margin-right: 30px;
  font-size: 15px;
  color: #454545;
  line-height: 24px;
  cursor: pointer
}

.container .form-wrap table tr td a {
  vertical-align: bottom
}

.container .form-wrap table tr td ul {
  display: none
}

.container .form-wrap table tr td span.dot,
.container .form-wrap table tr td p.dot {
  position: relative;
  padding-left: 9px;
  font-size: 14px;
  color: #777;
  font-family: "Noto Sans KR", sans-serif !important;
}

.container .form-wrap table tr td span.dot:nth-of-type(1),
.container .form-wrap table tr td p.dot:nth-of-type(1) {
  margin-top: 10px
}

.container .form-wrap table tr td span.dot::before,
.container .form-wrap table tr td p.dot::before {
  content: "*";
  position: absolute;
  top: 4px;
  left: 0
}

.container .form-wrap table tr td span.dot {
  margin-left: 20px
}

.container .form-wrap table tr td p.dot {
  line-height: 1.5
}

.container .attachment {
  font-size: 0
}

.container .attachment .inner-btn {
  position: relative;
  display: table-cell;
  width: 110px;
  height: 42px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #222;
  line-height: 42px
}

.container .attachment .bar {
  display: table-cell;
  position: relative;
  width: 344px
}

.container .attachment .bar span {
  display: inline-block;
  height: 4px;
  position: absolute;
  top: 20px;
  left: 20px
}

.container .attachment .bar span.limit {
  width: 303px;
  background: #d0d5d8;
  border-radius: 3px
}

.container .attachment .bar span.now {
  background: #35a494;
  border-radius: 3px 0 0 3px
}

.container .attachment .file-size {
  display: table-cell;
  font-size: 15px;
  color: #222;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle
}

.container .attachment ul {
  margin-top: 13px;
  overflow: hidden
}

.container .attachment ul li {
  float: left;
  margin-right: 7px;
  margin-bottom: 7px
}

.container .attachment ul li .thumb {
  position: relative;
  width: 74px;
  height: 74px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc
}

.container .attachment ul li .thumb img {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .attachment ul li .thumb a {
  position: absolute;
  top: 3px;
  right: 3px
}

.container .attachment p {
  font-size: 14px;
  color: #777;
  line-height: 1.6
}

.container .product-wrap h1 {
  padding-top: 35px;
  margin-bottom: 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 32px;
  font-weight: 500;
  color: #222;
  line-height: 1;
  text-align: center;
  border-top: 2px solid #222
}

.container .board .slide-list,
.container .table .slide-list {
  margin-bottom: 10px
}

.container .board .slide-list ul li,
.container .table .slide-list ul li {
  display: inline-block;
  position: relative;
  width: 74px;
  height: 74px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc;
  overflow: hidden
}

.container .board .slide-list ul li a img,
.container .table .slide-list ul li a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  margin: 0 !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .board .slide-view,
.container .table .slide-view {
  display: none;
  position: relative;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 500px;
  margin-top: -250px;
  margin-left: -250px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 30
}

.container .board .slide-view ul li,
.container .table .slide-view ul li {
  position: relative;
  width: 500px;
  height: 500px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 4px solid #fff;
  background: #000
}

.container .board .slide-view ul li img,
.container .table .slide-view ul li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  margin: 0 !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .board .slide-view .close,
.container .table .slide-view .close {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 23px;
  height: 23px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 0;
  background: url("/CImages/MALL/sub/btn_review_slide_close.png") no-repeat 0 0;
  cursor: pointer
}

.container .board .slide-view .slick-prev,
.container .board .slide-view .slick-next,
.container .table .slide-view .slick-prev,
.container .table .slide-view .slick-next {
  width: 45px;
  height: 45px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .board .slide-view .slick-prev,
.container .board .slide-view .slick-prev.slick-disabled:hover,
.container .table .slide-view .slick-prev,
.container .table .slide-view .slick-prev.slick-disabled:hover {
  left: -55px;
  background: url("/CImages/MALL/sub/arrow_review_slide_prev.png") no-repeat
}

.container .board .slide-view .slick-prev:hover,
.container .table .slide-view .slick-prev:hover {
  background: url("/CImages/MALL/sub/arrow_review_slide_prev_hover.png") no-repeat
}

.container .board .slide-view .slick-next,
.container .board .slide-view .slick-next.slick-disabled:hover,
.container .table .slide-view .slick-next,
.container .table .slide-view .slick-next.slick-disabled:hover {
  right: -55px;
  background: url("/CImages/MALL/sub/arrow_review_slide_next.png") no-repeat
}

.container .board .slide-view .slick-next:hover,
.container .table .slide-view .slick-next:hover {
  background: url("/CImages/MALL/sub/arrow_review_slide_next_hover.png") no-repeat
}

.container .login-box input[type="text"],
.container .login-box input[type="password"] {
  width: 380px;
  height: 46px;
  padding-left: 45px;
  margin-bottom: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 46px
}

.container .login-box input[type="text"]::-webkit-input-placeholder,
.container .login-box input[type="password"]::-webkit-input-placeholder {
  color: #888;
  opacity: 1
}

.container .login-box input[type="text"]:-ms-input-placeholder,
.container .login-box input[type="password"]:-ms-input-placeholder {
  color: #888;
  opacity: 1
}

.container .login-box input[type="text"]::placeholder,
.container .login-box input[type="password"]::placeholder {
  color: #888;
  opacity: 1
}

.container .login-box input[type="text"]:-ms-input-placeholder,
.container .login-box input[type="password"]:-ms-input-placeholder {
  color: #888
}

.container .login-box input[type="text"]::-ms-input-placeholder,
.container .login-box input[type="password"]::-ms-input-placeholder {
  color: #888
}

.container .login-box input[type="text"]:focus::-webkit-input-placeholder,
.container .login-box input[type="password"]:focus::-webkit-input-placeholder {
  color: #fff;
  opacity: 0
}

.container .login-box input[type="text"]:focus:-ms-input-placeholder,
.container .login-box input[type="password"]:focus:-ms-input-placeholder {
  color: #fff;
  opacity: 0
}

.container .login-box input[type="text"]:focus::placeholder,
.container .login-box input[type="password"]:focus::placeholder {
  color: #fff;
  opacity: 0
}

.container .login-box input[type="text"]:focus:-ms-input-placeholder,
.container .login-box input[type="password"]:focus:-ms-input-placeholder {
  color: #fff
}

.container .login-box input[type="text"]:focus::-ms-input-placeholder,
.container .login-box input[type="password"]:focus::-ms-input-placeholder {
  color: #fff
}

.container .login-box input[type="text"] {
  background: url("/images/login/icon_login_id.png") no-repeat;
  background-position: 19px center
}

.container .login-box input[type="password"] {
  background: url("/images/login/icon_login_pw.png") no-repeat;
  background-position: 19px center
}

.container .login-box .save {
  float: left;
  width: 45%;
  margin: 15px 0 20px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .login-box .save label {
  font-size: 14px;
  color: #454545
}

.container .login-box .find {
  float: right;
  width: 55%;
  margin: 15px 0 20px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .login-box .find ul {
  font-size: 0
}

.container .login-box .find ul li {
  display: inline-block
}

.container .login-box .find ul li:first-child a {
  padding-right: 16px
}

.container .login-box .find ul li:first-child a::after {
  position: absolute;
  content: "";
  top: 5px;
  right: -1px;
  width: 1px;
  height: 13px;
  background: #d9d9d9
}

.container .login-box .find ul li a {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  color: #666;
  line-height: 30px
}

.container .login-box hr {
  clear: both;
  margin: 0;
  border-top: 1px solid #e9e9e9
}

/*.container .login-box-hspCoach {
    width: 399px;
    margin: 52px auto 0 auto;
    border:1px solid red !important;
}*/

.container .login-box .join {
  margin-top: 25px;
  overflow: hidden
}

.container .login-box .join .logo {
  float: left
}

.container .login-box .join .btn-wrap {
  float: right
}

.container .login-box .join .btn-wrap a {
  width: 94px;
  height: 50px;
  margin-right: 0 !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  line-height: 50px;
  -webkit-transition: all .1s;
  transition: all .1s
}

.container .popup .item-wrap {
  padding: 20px 27px;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden
}

.container .popup .item-wrap .thumb {
  float: left;
  width: 74px;
  height: 74px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc
}

.container .popup .item-wrap .thumb img {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .popup .item-wrap h3 {
  float: left;
  width: 500px;
  margin-left: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 20px;
  color: #222
}

.container .popup .item-wrap h3 span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #888
}

.container .popup .write-wrap {
  padding: 20px 27px 10px 27px
}

.container .popup .write-wrap>ul>li {
  position: relative;
  padding-bottom: 20px;
  vertical-align: top;
  overflow: hidden
}

.container .popup .write-wrap>ul>li label {
  display: inline-block;
  position: relative;
  padding-top: 13px;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  line-height: 1
}

.container .popup .write-wrap>ul>li label.dot::after {
  content: "*";
  position: absolute;
  top: 18px;
  right: -12px;
  color: #ff2525
}

.container .popup .write-wrap>ul>li input[type="text"] {
  float: right;
  width: 490px
}

.container .popup .write-wrap>ul>li textarea {
  float: right;
  width: 490px
}

.container .popup .write-wrap>ul>li .length {
  position: absolute;
  bottom: 35px;
  right: 15px;
  font-size: 14px;
  color: #aaa
}

.container .popup .write-wrap>ul>li .attachment {
  float: right;
  width: 490px
}

.container .popup .scroll-wrap {
  position: relative;
  width: calc(100% - 4px);
  padding-top: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
}

.container .popup .scroll-wrap::after {
  position: absolute;
  content: "";
  top: -5px;
  right: 9px;
  width: 1px;
  height: 300%;
  background: #e0e0e0
}

.container .popup.popup-mypage-join-finish .popup-wrap {
  width: 660px;
  height: 624px;
  margin-top: -312px;
  margin-left: -330px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .popup.popup-mypage-join-finish .popup-wrap img {
  display: block;
  margin: 47px auto 0 auto
}

.container .popup.popup-mypage-join-finish .popup-wrap>h2 {
  margin-top: 25px;
  font-size: 26px;
  font-weight: 700;
  color: #222;
  line-height: 1.2;
  text-align: center
}

.container .popup.popup-mypage-join-finish .popup-wrap>p {
  margin-top: 16px;
  font-size: 15px;
  color: #666;
  text-align: center
}

.container .popup.popup-mypage-join-finish .popup-wrap .box {
  margin: 32px 30px 29px 30px;
  padding: 26px 30px 27px 30px;
  border: 1px solid #e0e0e0
}

.container .popup.popup-mypage-join-finish .popup-wrap .box h3 {
  margin-bottom: 7px;
  font-size: 17px;
  font-weight: 700;
  color: #00917c
}

.container .popup.popup-mypage-join-finish .popup-wrap .box p {
  font-size: 14px;
  color: #777;
  line-height: 1.5
}

.container .popup.popup-mypage-join-finish .popup-wrap .btn-wrap a {
  width: 160px
}

.container .popup.popup-mypage-review .popup-wrap {
  width: 700px;
  height: 722px;
  margin-top: -361px;
  margin-left: -350px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .popup.popup-mypage-review .popup-wrap>p {
  padding: 17px;
  font-size: 14px;
  color: #777;
  line-height: 1;
  border-bottom: 1px solid #e0e0e0
}

.container .popup.popup-mypage-review .popup-wrap .scroll-wrap {
  height: 540px;
  overflow: hidden
}

.container .popup.popup-mypage-review .popup-wrap .scroll-wrap .scroll-lc {
  height: 540px;
  overflow-y: auto;
  overflow-x: hidden
}

.container .popup.popup-mypage-review .popup-wrap .scroll-wrap .scroll-lc ul {
  font-size: 0;
  padding: 15px 0 15px 25px
}

.container .popup.popup-mypage-review .popup-wrap .scroll-wrap .scroll-lc ul li {
  display: inline-block;
  position: relative;
  width: 208px;
  height: 208px;
  margin-bottom: 11px;
  margin-right: 11px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .popup.popup-mypage-review .popup-wrap .scroll-wrap .scroll-lc ul li:nth-of-type(3n) {
  margin-right: 0
}

.container .popup.popup-mypage-review .popup-wrap .scroll-wrap .scroll-lc ul li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%
}

.container .popup.popup-mypage-review .popup-wrap .scroll-wrap .scroll-lc ul li input[type="checkbox"]+label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-position: 9px 9px;
  border: 1px solid #e0e0e0
}

.container .popup.popup-mypage-review .popup-wrap .scroll-wrap .scroll-lc ul li input[type="checkbox"]:checked+label {
  border: 2px solid #00917c
}

.container .popup.popup-mypage-review .popup-wrap .re-select {
  padding: 0 20px;
  border-bottom: 1px solid #e0e0e0
}

.container .popup.popup-mypage-review .popup-wrap .re-select a {
  display: inline-block;
  padding: 15px 0 16px 36px;
  font-size: 17px;
  font-weight: 700;
  color: #9c9c9c;
  line-height: 1;
  -webkit-transition: all .1s;
  transition: all .1s;
  background-image: url("/CImages/MALL/sub/btn_popup_reselect.png");
  background-repeat: no-repeat;
  background-position: 0 center
}

.container .popup.popup-mypage-review .popup-wrap .re-select a:hover {
  color: #00917c;
  background-image: url("/CImages/MALL/sub/btn_popup_reselect_hover.png")
}

.container .popup.popup-mypage-review .popup-wrap .item-wrap {
  margin: 0 20px;
  padding: 20px 7px
}

.container .popup.popup-mypage-review .popup-wrap .item-wrap h3 {
  line-height: 1.2
}

.container .popup.popup-mypage-review .popup-wrap .item-wrap h3 span {
  margin-top: 6px
}

.container .popup.popup-mypage-review .popup-wrap .write-wrap {
  padding-bottom: 0
}

.container .popup.popup-mypage-review .popup-wrap .write-wrap>ul>li {
  padding-bottom: 19px
}

.container .popup.popup-mypage-review .popup-wrap .write-wrap>ul>li textarea {
  height: 120px
}

.container .popup.popup-mypage-review .popup-wrap .btn-wrap {
  border-top: 1px solid #e0e0e0;
  margin-top: 0;
  padding-top: 16px
}

.container .popup.popup-mypage-review .popup-wrap .btn-wrap a {
  width: 180px
}

.container .popup.popup-review .popup-wrap {
  width: 660px;
  padding-bottom: 32px;
  margin-top: -340px;
  margin-left: -330px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .popup.popup-review .popup-wrap .item-wrap h3 {
  line-height: 1.2
}

.container .popup.popup-review .popup-wrap textarea {
  height: 120px
}

.container .popup.popup-qna .popup-wrap {
  width: 660px;
  padding-bottom: 42px;
  margin-top: -320px;
  margin-left: -330px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container .popup.popup-qna .popup-wrap textarea {
  height: 180px
}

.container .popup.popup-review .popup-wrap .descript,
.container .popup.popup-qna .popup-wrap .descript {
  padding: 13px 0 14px 28px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0
}

.container .popup.popup-review .popup-wrap .descript p,
.container .popup.popup-qna .popup-wrap .descript p {
  font-size: 14px;
  color: #777;
  line-height: 1.6
}

.container .popup.popup-review .popup-wrap .descript p a,
.container .popup.popup-qna .popup-wrap .descript p a {
  color: #00917c;
  text-decoration: underline
}

.container .popup.popup-review .popup-wrap .btn-wrap,
.container .popup.popup-qna .popup-wrap .btn-wrap {
  padding-bottom: 10px
}

.container .popup.popup-review .popup-wrap .btn-wrap a,
.container .popup.popup-qna .popup-wrap .btn-wrap a {
  width: 140px;
  height: 46px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  line-height: 46px
}

.container .popup.popupContract .popup-wrap,
.container .popup.popup-search-id .popup-wrap,
.container .popup.popup-planner .popup-wrap {
  width: 700px;
  height: 722px;
  margin-top: -361px;
  margin-left: -350px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.container .popup.popupContract .popup-wrap .search-wrap,
.container .popup.popup-search-id .popup-wrap .search-wrap,
.container .popup.popup-planner .popup-wrap .search-wrap {
  height: 70px;
  padding-top: 14px;
  padding-left: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0
}

.container .popup.popupContract .popup-wrap .search-wrap input[type="text"],
.container .popup.popup-search-id .popup-wrap .search-wrap input[type="text"],
.container .popup.popup-planner .popup-wrap .search-wrap input[type="text"] {
  width: 540px
}

.container .popup.popupContract .popup-wrap .search-wrap a,
.container .popup.popup-search-id .popup-wrap .search-wrap a,
.container .popup.popup-planner .popup-wrap .search-wrap a {
  display: inline-block;
  width: 100px;
  height: 42px;
  padding-left: 16px;
  margin-left: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  color: #222;
  line-height: 42px;
  text-align: center;
  background: url("/CImages/MALL/sub/btn_recommend_search.png") no-repeat;
  vertical-align: bottom
}

.container .popup.popupContract .popup-wrap .scroll-wrap,
.container .popup.popup-search-id .popup-wrap .scroll-wrap,
.container .popup.popup-planner .popup-wrap .scroll-wrap {
  height: 600px
}

.container .popup.popupContract .popup-wrap .scroll-wrap .scroll-lc,
.container .popup.popup-search-id .popup-wrap .scroll-wrap .scroll-lc,
.container .popup.popup-planner .popup-wrap .scroll-wrap .scroll-lc {
  height: 580px;
  padding-left: 25px;
  padding-right: 25px;
  overflow-y: auto
}

.container .popup.popupContract .popup-wrap .scroll-wrap .scroll-lc table,
.container .popup.popup-search-id .popup-wrap .scroll-wrap .scroll-lc table,
.container .popup.popup-planner .popup-wrap .scroll-wrap .scroll-lc table {
  margin-top: 20px
}

.container .popup.popupContract .popup-wrap .scroll-wrap .scroll-lc table tr td,
.container .popup.popup-search-id .popup-wrap .scroll-wrap .scroll-lc table tr td,
.container .popup.popup-planner .popup-wrap .scroll-wrap .scroll-lc table tr td {
  font-size: 14px
}

.container .popup.popupContract .popup-wrap .inner-btn,
.container .popup.popup-search-id .popup-wrap .inner-btn,
.container .popup.popup-planner .popup-wrap .inner-btn {
  width: 50px;
  height: 34px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  line-height: 33px
}

.container .popup.popupContract .popup-wrap .scroll-wrap {
  height: 670px
}

.container .popup.popupContract .popup-wrap .scroll-wrap .scroll-lc {
  height: 680px;
  padding-right: 0
}

.container .popup.popupContract .popup-wrap .scroll-wrap iframe {
  width: 100%;
  height: 670px;
  padding-bottom: 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.container .popup.popup-privacy {
  background: transparent
}

.container .popup.popup-privacy .popup-wrap {
  width: 700px;
  height: 480px;
  margin-top: -240px;
  margin-left: -350px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1)
}

.container .popup.popup-privacy .popup-wrap .wrap {
  padding: 30px 20px 0 30px
}

.container .popup.popup-privacy .popup-wrap .wrap iframe {
  width: 100%;
  height: 380px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.story .story-wrap .title-wrap {
  position: relative;
  width: 100%;
  height: 180px;
  margin-bottom: 31px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden
}

.container.story .story-wrap .title-wrap img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.container.story .story-wrap .inner-wrap .tab-menu {
  margin-bottom: 99px
}

.container.story .story-wrap .inner-wrap .tab-menu ul li {
  width: 33.33%
}

.container.story .story-wrap .content .story-1 h1 {
  text-align: center
}

.container.story .story-wrap .content .story-1 .section-1 {
  padding-bottom: 140px;
  background: url("/CImages/MALL/sub/story_1_1_bg.png") no-repeat;
  background-position: bottom -55px right 20px
}

.container.story .story-wrap .content .story-1 .section-1 h2 {
  padding-bottom: 35px;
  padding-left: 135px;
  margin-top: 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 35px;
  font-weight: 500;
  color: #2a2a2a
}

.container.story .story-wrap .content .story-1 .section-1 p {
  padding-left: 135px;
  margin-top: 35px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  color: #454545;
  line-height: 1.6
}

.container.story .story-wrap .content .story-1 .section-2 h1,
.container.story .story-wrap .content .story-1 .section-3 h1 {
  font-family: "Nanum Myeongjo", serif;
  font-size: 50px;
  color: #026758;
  letter-spacing: -1px
}

.container.story .story-wrap .content .story-1 .section-2 h2,
.container.story .story-wrap .content .story-1 .section-3 h2 {
  font-size: 16px;
  font-weight: 400;
  color: #505050;
  text-align: center
}

.container.story .story-wrap .content .story-1 .section-2 hr,
.container.story .story-wrap .content .story-1 .section-3 hr {
  width: 52px;
  height: 1px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 1px solid #424242
}

.container.story .story-wrap .content .story-1 .section-2 {
  background: #f3f2f0
}

.container.story .story-wrap .content .story-1 .section-2 .inner-wrap {
  padding: 98px 0 133px 0
}

.container.story .story-wrap .content .story-1 .section-2 .inner-wrap h2 {
  margin-top: 25px;
  margin-bottom: 72px
}

.container.story .story-wrap .content .story-1 .section-2 .inner-wrap ul {
  margin-top: 72px;
  font-size: 0;
  text-align: center
}

.container.story .story-wrap .content .story-1 .section-2 .inner-wrap ul li {
  display: inline-block;
  vertical-align: top
}

.container.story .story-wrap .content .story-1 .section-2 .inner-wrap ul li h3 {
  display: table-cell;
  width: 225px;
  height: 90px;
  padding-top: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 24px;
  font-weight: 500;
  color: #00917c;
  line-height: 1.1;
  text-align: center;
  vertical-align: middle
}

.container.story .story-wrap .content .story-1 .section-2 .inner-wrap ul li p {
  font-size: 18px;
  color: #292929;
  line-height: 1.5
}

.container.story .story-wrap .content .story-1 .section-3 {
  position: relative;
  overflow: hidden
}

.container.story .story-wrap .content .story-1 .section-3 .inner-wrap {
  padding: 95px 0 100px 0
}

.container.story .story-wrap .content .story-1 .section-3 .inner-wrap>img {
  position: absolute;
  top: -130px;
  left: -30px
}

.container.story .story-wrap .content .story-1 .section-3 .inner-wrap h1 {
  padding-right: 10px
}

.container.story .story-wrap .content .story-1 .section-3 .inner-wrap h2 {
  padding-right: 10px;
  margin-top: 42px;
  margin-bottom: 64px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.story .story-wrap .content .story-1 .section-3 .inner-wrap hr {
  transform: translateX(-10px)
}

.container.story .story-wrap .content .story-1 .section-3 .inner-wrap .wrap {
  position: relative;
  margin-top: 110px
}

.container.story .story-wrap .content .story-1 .section-3 .inner-wrap .wrap h3 {
  font-size: 30px;
  font-weight: 500;
  color: #2a2a2a;
  line-height: 1.3
}

.container.story .story-wrap .content .story-1 .section-3 .inner-wrap .wrap p {
  margin-top: 25px;
  font-size: 16px;
  color: #505050;
  line-height: 1.5
}

.container.story .story-wrap .content .story-1 .section-3 .inner-wrap .wrap img {
  position: absolute;
  top: 0;
  right: 0
}

.container.story .story-wrap .content .story-2 {
  display: none
}

.container.story .story-wrap .content .story-2 .section-1 {
  padding-bottom: 62px
}

.container.story .story-wrap .content .story-2 .section-1>h1 {
  font-family: "Nanum Myeongjo", serif;
  font-size: 50px;
  color: #026758;
  text-align: center
}

.container.story .story-wrap .content .story-2 .section-1>h2 {
  margin-top: 45px;
  font-size: 20px;
  font-weight: 500;
  color: #2a2a2a;
  text-align: center
}

.container.story .story-wrap .content .story-2 .section-1>p {
  font-size: 16px;
  color: #505050;
  line-height: 1.5;
  text-align: center
}

.container.story .story-wrap .content .story-2 .section-1 ul {
  margin-top: 95px
}

.container.story .story-wrap .content .story-2 .section-1 ul li {
  padding: 63px 0;
  border-top: 1px solid #e0e0e0;
  overflow: hidden
}

.container.story .story-wrap .content .story-2 .section-1 ul li .left {
  width: 50%;
  float: left
}

.container.story .story-wrap .content .story-2 .section-1 ul li .right {
  width: 50%;
  float: right
}

.container.story .story-wrap .content .story-2 .section-1 ul li .right .wrap {
  padding-left: 85px
}

.container.story .story-wrap .content .story-2 .section-1 ul li .wrap {
  display: table-cell;
  height: 472px;
  vertical-align: middle
}

.container.story .story-wrap .content .story-2 .section-1 ul li .wrap h1 {
  font-family: "Nanum Myeongjo", serif;
  font-size: 40px;
  font-weight: 700;
  color: #1c1c1c
}

.container.story .story-wrap .content .story-2 .section-1 ul li .wrap h1 span {
  margin-left: 7px;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 500;
  color: #6a6a6a
}

.container.story .story-wrap .content .story-2 .section-1 ul li .wrap h2 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #454545
}

.container.story .story-wrap .content .story-2 .section-1 ul li .wrap p {
  margin-top: 20px;
  font-size: 16px;
  color: #616161;
  line-height: 1.5
}

.container.story .story-wrap .content .story-2 .section-1 ul li .wrap p span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #5b5b5b
}

.container.story .story-wrap .content .story-2 .section-1 ul li .wrap p:last-of-type {
  margin-top: 35px
}

.container.story .story-wrap .content .story-2 .section-2 {
  padding-top: 100px;
  background: url("/CImages/MALL/sub/story_2_2_bg.jpg") no-repeat;
  background-position: center 0
}

.container.story .story-wrap .content .story-2 .section-2 h1 {
  font-size: 40px;
  font-weight: 500;
  color: #1c1c1c;
  text-align: center
}

.container.story .story-wrap .content .story-2 .section-2 .inner-wrap {
  padding: 675px 0 100px 0;
  background: url("/CImages/MALL/sub/story_2_3_bg.jpg") no-repeat;
  background-position: right 20px top 745px
}

.container.story .story-wrap .content .story-2 .section-2 .inner-wrap p {
  font-size: 16px;
  color: #454545;
  line-height: 1.5
}

.container.story .story-wrap .content .story-3 {
  display: none
}

.container.story .story-wrap .content .story-3 .section-1 {
  padding-bottom: 90px;
  background: url("/CImages/MALL/sub/story_3_1_bg.png") no-repeat;
  background-position: right 22px top 170px
}

.container.story .story-wrap .content .story-3 .section-1 h1 {
  font-family: "Nanum Myeongjo", serif;
  font-size: 50px;
  color: #026758;
  text-align: center
}

.container.story .story-wrap .content .story-3 .section-1 h2 {
  margin-top: 45px;
  font-size: 20px;
  font-weight: 500;
  color: #2a2a2a
}

.container.story .story-wrap .content .story-3 .section-1 p {
  font-size: 16px;
  color: #505050;
  line-height: 1.5
}

.container.story .story-wrap .content .story-3 .section-1 p span {
  font-weight: 500
}

.container.story .story-wrap .content .story-3 .section-2 {
  background: #f3f2f0
}

.container.story .story-wrap .content .story-3 .section-2 .inner-wrap {
  height: 550px;
  padding-top: 120px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: url("/CImages/MALL/sub/story_3_2_bg.jpg") no-repeat;
  background-position: center 0
}

.container.story .story-wrap .content .story-3 .section-2 .inner-wrap h1 {
  margin-top: 40px;
  padding-left: 660px;
  font-size: 30px;
  font-weight: 500;
  color: #729a12;
  line-height: 1.4
}

.container.story .story-wrap .content .story-3 .section-2 .inner-wrap p {
  margin-top: 10px;
  padding-left: 660px;
  font-size: 16px;
  color: #2d2d2d;
  line-height: 1.5
}

.container.story .story-wrap .content .story-3 .section-3 {
  position: relative;
  overflow: hidden
}

.container.story .story-wrap .content .story-3 .section-3 .inner-wrap {
  padding: 100px 0
}

.container.story .story-wrap .content .story-3 .section-3 .inner-wrap img {
  position: absolute;
  top: 0;
  right: -230px
}

.container.story .story-wrap .content .story-3 .section-3 .inner-wrap h1 {
  padding-bottom: 10px;
  font-size: 30px;
  font-weight: 500;
  color: #505050
}

.container.story .story-wrap .content .story-3 .section-3 .inner-wrap h2 {
  margin-top: 25px;
  font-size: 16px;
  font-weight: 500;
  color: #505050
}

.container.story .story-wrap .content .story-3 .section-3 .inner-wrap p {
  margin-top: 3px;
  font-size: 14px;
  color: #505050;
  line-height: 1.5
}

.container.product {
  padding-bottom: 75px
}

.container.product .category-wrap .title-wrap {
  position: relative;
  width: 100%;
  height: 180px;
  margin-bottom: 31px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden
}

.container.product .category-wrap .title-wrap img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.container.product .category-wrap .category-tab-menu {
  margin-bottom: 61px
}

.container.product .category-wrap .category-tab-menu ul {
  display: inline-block;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  font-size: 0
}

.container.product .category-wrap .category-tab-menu ul li {
  position: relative;
  display: inline-block;
  width: 163px;
  height: 62px;
  padding-top: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.container.product .category-wrap .category-tab-menu ul li:nth-child(7n) {
  width: 161px
}

.container.product .category-wrap .category-tab-menu ul li:hover,
.container.product .category-wrap .category-tab-menu ul li.active {
  background: #098875
}

.container.product .category-wrap .category-tab-menu ul li:hover::before,
.container.product .category-wrap .category-tab-menu ul li.active::before {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: 1px;
  height: 63px;
  background: #098875
}

.container.product .category-wrap .category-tab-menu ul li:hover::after,
.container.product .category-wrap .category-tab-menu ul li.active::after {
  position: absolute;
  content: "";
  top: -1px;
  right: -1px;
  width: 1px;
  height: 63px;
  background: #098875
}

.container.product .category-wrap .category-tab-menu ul li:hover a,
.container.product .category-wrap .category-tab-menu ul li.active a {
  font-weight: 500;
  color: #fff
}

.container.product .category-wrap .category-tab-menu ul li:hover a::before,
.container.product .category-wrap .category-tab-menu ul li.active a::before {
  position: absolute;
  content: "";
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #098875
}

.container.product .category-wrap .category-tab-menu ul li:hover a::after,
.container.product .category-wrap .category-tab-menu ul li.active a::after {
  position: absolute;
  content: "";
  bottom: -1px;
  right: 0;
  width: 100%;
  height: 1px;
  background: #098875
}

.container.product .category-wrap .category-tab-menu ul li:hover a span,
.container.product .category-wrap .category-tab-menu ul li.active a span {
  color: #fff
}

.container.product .category-wrap .category-tab-menu ul li a {
  display: block;
  color: #454545;
  vertical-align: middle
}

.container.product .category-wrap .category-tab-menu ul li a span {
  display: block;
  width: auto;
  font-size: 14px;
  color: #00907b
}

.container.product .product-wrap .product-sort {
  padding-bottom: 17px;
  margin-bottom: 33px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: url("/CImages/MALL/sub/bg_product_sort.jpg") no-repeat;
  background-position: bottom;
  overflow: hidden
}

.container.product .product-wrap .product-sort .sort-wrap {
  float: left;
  padding-top: 12px
}

.container.product .product-wrap .product-sort .sort-wrap ul {
  font-size: 0
}

.container.product .product-wrap .product-sort .sort-wrap ul li {
  display: inline-block;
  position: relative;
  padding: 0 17px
}

.container.product .product-wrap .product-sort .sort-wrap ul li:first-child {
  padding-left: 0
}

.container.product .product-wrap .product-sort .sort-wrap ul li:first-child.active {
  padding-left: 17px;
  background: url("/CImages/MALL/sub/icon_product_sort_active.png") no-repeat;
  background-position: 0 center
}

.container.product .product-wrap .product-sort .sort-wrap ul li:last-child::after {
  display: none
}

.container.product .product-wrap .product-sort .sort-wrap ul li.active {
  padding-left: 33px;
  background: url("/CImages/MALL/sub/icon_product_sort_active.png") no-repeat;
  background-position: 16px center
}

.container.product .product-wrap .product-sort .sort-wrap ul li.active a {
  font-weight: 500
}

.container.product .product-wrap .product-sort .sort-wrap ul li::after {
  position: absolute;
  content: "";
  top: 0;
  right: -1px;
  width: 1px;
  height: 15px;
  background: #ccc8c8
}

.container.product .product-wrap .product-sort .sort-wrap ul li a {
  font-size: 15px;
  color: #454545;
  line-height: 1
}

.container.product .product-wrap .product-sort .sort-wrap ul li a:hover {
  text-decoration: underline
}

.container.product .product-wrap .product-sort .select-wrap {
  float: right
}

.container.product .product-wrap .product-sort .select-wrap p {
  display: inline-block;
  margin-right: 10px;
  font-size: 15px;
  color: #666;
  line-height: 1;
  vertical-align: middle
}

.container.product .product-wrap .product-sort .select-wrap p span {
  color: #ff303a
}

.container.product .product-wrap .product-sort .select-wrap select {
  display: inline-block;
  width: 110px;
  height: 32px;
  padding-left: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #ddd
}

.container.product .product-wrap .product-sort .select-wrap select option {
  font-family: "Noto Sans KR";
  font-size: 14px;
  color: #454545
}

.container.product .detail-wrap {
  padding-top: 53px
}

.container.product .detail-wrap .item-detail {
  padding-bottom: 110px;
  overflow: hidden
}

.container.product .detail-wrap .item-detail .thumb {
  position: relative;
  float: left;
  width: 560px
}

.container.product .detail-wrap .item-detail .thumb .sticker {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 2
}

.container.product .detail-wrap .item-detail .thumb .sticker .text {
  position: absolute;
  top: 25px;
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  text-align: center
}

.container.product .detail-wrap .item-detail .thumb .soldout {
  position: absolute;
  top: 178px;
  left: 50%;
  width: 200px;
  height: 200px;
  padding-top: 80px;
  margin-left: -100px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  border-radius: 50%;
  z-index: 2
}

.container.product .detail-wrap .item-detail .thumb .soldout span {
  font-size: 15px;
  font-weight: 500;
  color: #fff
}

.container.product .detail-wrap .item-detail .thumb .gallery {
  position: relative;
  width: 560px;
  height: 560px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #e0e0e0;
  overflow: hidden
}

.container.product .detail-wrap .item-detail .thumb .gallery ul li {
  display: none
}

.container.product .detail-wrap .item-detail .thumb .gallery ul li.active {
  display: block
}

.container.product .detail-wrap .item-detail .thumb .gallery ul li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 100%;
  z-index: 1
}

.container.product .detail-wrap .item-detail .thumb .gallery-nav {
  margin-top: 12px
}

.container.product .detail-wrap .item-detail .thumb .gallery-nav ul {
  font-size: 0;
  text-align: center
}

.container.product .detail-wrap .item-detail .thumb .gallery-nav ul li {
  display: inline-block;
  margin: 0 5px
}

.container.product .detail-wrap .item-detail .thumb .gallery-nav ul li a {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  opacity: 0.7;
  overflow: hidden
}

.container.product .detail-wrap .item-detail .thumb .gallery-nav ul li a::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: calc(100%);
  height: calc(100%);
  border: 1px solid #dedede;
  box-sizing: border-box
}

.container.product .detail-wrap .item-detail .thumb .gallery-nav ul li a:hover,
.container.product .detail-wrap .item-detail .thumb .gallery-nav ul li a.active {
  opacity: 1
}

.container.product .detail-wrap .item-detail .thumb .gallery-nav ul li a:hover::before,
.container.product .detail-wrap .item-detail .thumb .gallery-nav ul li a.active::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: calc(100%);
  height: calc(100%);
  border: 2px solid #00917c;
  box-sizing: border-box
}

.container.product .detail-wrap .item-detail .thumb .gallery-nav ul li a img {
  max-height: 100%
}

.container.product .detail-wrap .item-detail .info {
  position: relative;
  float: right;
  width: 545px
}

.container.product .detail-wrap .item-detail .info .label {
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 0
}

.container.product .detail-wrap .item-detail .info .label span {
  margin-right: 5px
}

.container.product .detail-wrap .item-detail .info .share {
  position: absolute;
  top: 0;
  right: 0
}

.container.product .detail-wrap .item-detail .info .share ul {
  font-size: 0
}

.container.product .detail-wrap .item-detail .info .share ul li {
  display: inline-block;
  margin-left: 7px
}

.container.product .detail-wrap .item-detail .info .title {
  padding-right: 5px;
  margin-top: 40px;
  margin-bottom: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 28px;
  color: #222;
  line-height: 34px
}

.container.product .detail-wrap .item-detail .info .detail-list ul li {
  padding: 8px 0;
  font-size: 0
}

.container.product .detail-wrap .item-detail .info .detail-list ul li h3 {
  display: inline-block;
  width: 160px;
  font-size: 15px;
  color: #666;
  line-height: 1
}

.container.product .detail-wrap .item-detail .info .detail-list ul li p {
  display: inline-block;
  font-size: 15px;
  color: #222;
  line-height: 1
}

.container.product .detail-wrap .item-detail .info .detail-list ul li p.price {
  font-size: 15px;
  color: #ff303a
}

.container.product .detail-wrap .item-detail .info .detail-list ul li p.price span {
  font-family: "Tahoma";
  font-size: 20px;
  font-weight: bold
}

.container.product .detail-wrap .item-detail .info .detail-list ul li hr {
  height: 1px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 1px solid #e9e9e9
}

.container.product .detail-wrap .item-detail .info .order-count {
  position: relative;
  height: 57px;
  padding-top: 19px;
  padding-left: 22px;
  margin-top: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  color: #666;
  background: #fafafa;
  border: 1px solid #e0e0e0
}

.container.product .detail-wrap .item-detail .info .order-count .amount {
  position: absolute;
  top: 11px;
  right: 11px;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf
}

.container.product .detail-wrap .item-detail .info .order-count .amount button {
  position: relative;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 0;
  background: #f4f4f4;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  vertical-align: middle;
  cursor: pointer
}

.container.product .detail-wrap .item-detail .info .order-count .amount button.minus {
  position: absolute;
  top: 0;
  left: 0;
  background: #f4f4f4 url("/CImages/MALL/sub/icon_order_count_amount_minus.png") no-repeat;
  background-position: center
}

.container.product .detail-wrap .item-detail .info .order-count .amount button.plus {
  position: absolute;
  top: 0;
  right: 0;
  background: #f4f4f4 url("/CImages/MALL/sub/icon_order_count_amount_plus.png") no-repeat;
  background-position: center
}

.container.product .detail-wrap .item-detail .info .order-count .amount label {
  display: table-cell;
  width: 120px;
  height: 32px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #454545;
  text-align: center;
  background: #fff;
  vertical-align: middle
}

.container.product .detail-wrap .item-detail .info .order-option {
  position: relative;
  height: 57px;
  padding-top: 19px;
  padding-left: 22px;
  margin-top: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  color: #666;
  background: #fafafa;
  border: 1px solid #e0e0e0
}

.container.product .detail-wrap .item-detail .info .order-option .select input {
  width: 1px;
  height: 1px;
  margin-left: -1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  opacity: 0
}

.container.product .detail-wrap .item-detail .info .order-option .select a {
  display: block;
  position: absolute;
  top: 11px;
  right: 11px;
  width: 350px;
  height: 33px;
  padding: 0 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  color: #454545;
  line-height: 31px;
  border: 1px solid #cfcfcf;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url("/images/lifeCoach/arrow_order_option_select.png") no-repeat;
  background-position: right
}

.container.product .detail-wrap .item-detail .info .order-option .select-list {
  display: none;
  position: absolute;
  top: 43px;
  left: auto;
  right: 11px;
  width: 350px;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #fff;
  border: 1px solid #cfcfcf;
  z-index: 2
}

.container.product .detail-wrap .item-detail .info .order-option .select-list ul li {
  padding: 7px 15px;
  font-size: 14px;
  font-weight: 400;
  color: #454545;
  line-height: 1;
  cursor: pointer
}

.container.product .detail-wrap .item-detail .info .order-option .select-list ul li:hover {
  background: #f7f7f7
}

.container.product .detail-wrap .item-detail .info .order-option .select-list ul li:first-child {
  padding-top: 13px
}

.container.product .detail-wrap .item-detail .info .order-option .select-list ul li:last-child {
  padding-bottom: 13px
}

.container.product .detail-wrap .item-detail .info .order-option-list {
  margin-top: 2px
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li {
  position: relative;
  padding: 15px 0 16px;
  border-bottom: 1px dotted #ddd
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li:last-child .price {
  bottom: 0
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li h4 {
  width: 400px;
  padding-left: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  color: #454545
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li .delete {
  position: absolute;
  top: 18px;
  right: 4px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 0;
  background: url("/CImages/MALL/sub/btn_order_option_delete.png") no-repeat;
  cursor: pointer
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li .price {
  position: absolute;
  bottom: 11px;
  right: 4px;
  font-size: 14px;
  color: #222
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li .price span {
  font-family: "Tahoma";
  font-size: 20px;
  font-weight: bold
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li .amount {
  position: relative;
  width: 90px;
  margin-top: 12px;
  margin-left: 4px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li .amount button {
  position: relative;
  width: 26px;
  height: 26px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 0;
  background: #f4f4f4;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  vertical-align: middle;
  cursor: pointer
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li .amount button.minus {
  position: absolute;
  top: 0;
  left: 0;
  background: url("/CImages/MALL/sub/icon_order_option_amount_minus.png") no-repeat;
  background-position: center
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li .amount button.plus {
  position: absolute;
  top: 0;
  right: 0;
  background: url("/CImages/MALL/sub/icon_order_option_amount_plus.png") no-repeat;
  background-position: center
}

.container.product .detail-wrap .item-detail .info .order-option-list ul li .amount label {
  display: table-cell;
  width: 120px;
  height: 26px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #454545;
  text-align: center;
  background: #fff;
  vertical-align: middle
}

.container.product .detail-wrap .item-detail .info .total-price {
  padding-top: 20px;
  margin-top: 19px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 2px solid #222;
  overflow: hidden
}

.container.product .detail-wrap .item-detail .info .total-price h3 {
  float: left;
  font-size: 16px;
  font-weight: 500;
  color: #666;
  line-height: 1.6
}

.container.product .detail-wrap .item-detail .info .total-price p {
  float: right;
  font-size: 17px;
  color: #ff303a;
  line-height: 1
}

.container.product .detail-wrap .item-detail .info .total-price p span {
  font-family: "Tahoma";
  font-size: 30px;
  font-weight: bold
}

.container.product .detail-wrap .item-detail .info .btn-wrap {
  margin-top: 25px
}

.container.product .detail-wrap .item-detail .info .btn-wrap a {
  width: 230px;
  height: 64px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 64px
}

.container.product .detail-wrap .item-detail .info .btn-wrap a:nth-of-type(1) {
  margin-right: 10px
}

.container.product .detail-wrap .item-detail .info .btn-wrap a:nth-of-type(2) {
  margin-right: 11px
}

.container.product .detail-wrap .item-detail .info .btn-wrap a.wish {
  width: 64px;
  height: 64px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 0;
  background: url("/CImages/MALL/sub/icon_product_wish.png") no-repeat;
  background-position: center;
  border: 1px solid #d3d3d3
}

.container.product .detail-wrap .item-detail .info .btn-wrap a.wish.active {
  background: url("/CImages/MALL/sub/icon_product_wish_active.png") no-repeat;
  background-position: center
}

.container.product .detail-wrap .item-detail .info .cart-message {
  display: none;
  position: absolute;
  bottom: -67px;
  left: -286px;
  width: 520px;
  height: 36px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  background: rgba(0, 0, 0, 0.66)
}

.container.product .detail-wrap .item-detail .info .cart-message span {
  padding-left: 20px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 36px;
  background: url("/CImages/MALL/sub/icon_cart_message.png") no-repeat;
  background-position: 0 center
}

.container.product .detail-wrap .item-content .tab-menu ul li {
  width: 20%
}

.container.product .detail-wrap .item-content .description {
  padding-top: 30px
}

.container.product .detail-wrap .item-content .description .content {
  position: relative;
  height: 3000px;
  text-align: center;
  overflow: hidden
}

.container.product .detail-wrap .item-content .description .content.active {
  height: auto
}

.container.product .detail-wrap .item-content .description .content img {
  max-width: 100%
}

.container.product .detail-wrap .item-content .description .more {
  margin-top: 30px
}

.container.product .detail-wrap .item-content .description .more a {
  display: block;
  width: 418px;
  height: 53px;
  padding-right: 15px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  color: #222;
  line-height: 53px;
  -webkit-transition: all .1s;
  transition: all .1s;
  text-align: center;
  border: 1px solid #383838;
  background-image: url("/CImages/MALL/sub/arrow_product_content_more.png");
  background-repeat: no-repeat;
  background-position: left 260px center
}

.container.product .detail-wrap .item-content .description .more a::after {
  content: "더보기"
}

.container.product .detail-wrap .item-content .description .more a:hover {
  background-color: #f6f6f6
}

.container.product .detail-wrap .item-content .description .more a.active {
  padding-right: 10px;
  background-image: url("/CImages/MALL/sub/arrow_product_content_more_active.png")
}

.container.product .detail-wrap .item-content .description .more a.active::after {
  content: "접기"
}

.container.product .detail-wrap .item-content .delivery .content,
.container.product .detail-wrap .item-content .information .content {
  padding-top: 13px
}

.container.product .detail-wrap .item-content .delivery .content h3,
.container.product .detail-wrap .item-content .information .content h3 {
  margin-top: 45px;
  font-size: 22px;
  font-weight: 500;
  color: #02917e;
  line-height: 1
}

.container.product .detail-wrap .item-content .delivery .content p,
.container.product .detail-wrap .item-content .information .content p {
  margin-top: 10px;
  font-size: 15px;
  color: #454545
}

.container.product .detail-wrap .item-content .delivery .content p span,
.container.product .detail-wrap .item-content .information .content p span {
  color: #e71c1c
}

.container.product .detail-wrap .item-content .delivery .content table,
.container.product .detail-wrap .item-content .information .content table {
  width: 100%;
  margin-top: 13px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5
}

.container.product .detail-wrap .item-content .delivery .content table tbody tr th,
.container.product .detail-wrap .item-content .information .content table tbody tr th {
  padding: 15px 20px;
  font-family: "dotum";
  font-size: 12px;
  font-weight: bold;
  color: #333;
  text-align: left;
  background: #f9f9f9;
  border-top: 1px solid #e5e5e5
}

.container.product .detail-wrap .item-content .delivery .content table tbody tr td,
.container.product .detail-wrap .item-content .information .content table tbody tr td {
  padding: 15px 20px;
  font-family: "dotum";
  font-size: 12px;
  color: #333;
  border-top: 1px solid #e5e5e5
}

.container.product .detail-wrap .item-content .review {
  padding-top: 14px
}

.container.product .detail-wrap .item-content .review .content .title {
  position: relative;
  padding: 45px 0 45px 177px;
  margin: 20px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #777;
  line-height: 1.6;
  background-color: #f5f5f5;
  background-image: url("/CImages/MALL/sub/bg_product_detail_review_title.png");
  background-repeat: no-repeat;
  background-position: 45px center
}

.container.product .detail-wrap .item-content .review .content .title.type2 {
  padding-left: 145px;
  background-image: url("/CImages/MALL/sub/bg_product_detail_review_title2.png")
}

.container.product .detail-wrap .item-content .review .content .title a {
  position: absolute;
  top: 53px;
  right: 49px;
  width: 164px;
  height: 55px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  line-height: 55px;
  text-align: center;
  background: #616161;
  border-radius: 3px
}

.container.product .detail-wrap .item-content .review .content .board {
  margin-bottom: 40px
}

.container.product .detail-wrap .item-content .review .content .board>ul {
  border-top: 1px solid #000
}

.container.product .detail-wrap .item-content .review .content .board>ul>li {
  padding: 25px 0;
  border-bottom: 1px solid #d2d2d2;
  clear: both
}

.container.product .detail-wrap .item-content .review .content .board>ul>li.head {
  padding: 18px 0
}

.container.product .detail-wrap .item-content .review .content .board>ul>li.head .subject,
.container.product .detail-wrap .item-content .review .content .board>ul>li.head .user,
.container.product .detail-wrap .item-content .review .content .board>ul>li.head .date {
  font-weight: 500;
  color: #222;
  line-height: 1;
  text-align: center
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .subject,
.container.product .detail-wrap .item-content .review .content .board>ul>li .user,
.container.product .detail-wrap .item-content .review .content .board>ul>li .date {
  display: table-cell;
  font-size: 15px;
  vertical-align: middle
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .subject {
  width: 780px;
  padding-left: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #454545;
  cursor: pointer
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .subject span {
  margin-left: 7px;
  vertical-align: middle
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .user {
  width: 240px;
  font-size: 14px;
  color: #888;
  text-align: center
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .date {
  width: 110px;
  font-size: 14px;
  color: #888;
  text-align: center
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .contents {
  display: none;
  position: relative;
  padding-top: 25px;
  padding-left: 10px;
  margin-top: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #777;
  border-top: 1px dotted #e0e0e0;
  clear: both
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .contents .btns {
  position: absolute;
  bottom: 3px;
  right: 90px;
  font-size: 0
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .contents .btns a {
  display: inline-block;
  position: relative;
  width: 21px;
  height: 21px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: all .1s;
  transition: all .1s
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .contents .btns .modify {
  margin-right: 7px;
  background: url(/CImages/MALL/sub/btn_mypage_review_modify.png) no-repeat
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .contents .btns .modify::after {
  position: absolute;
  content: "";
  top: 5px;
  right: -7px;
  width: 1px;
  height: 10px;
  background: #ebebeb
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .contents .btns .modify:hover {
  background: url(/CImages/MALL/sub/btn_mypage_review_modify_hover.png) no-repeat
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .contents .btns .delete {
  margin-left: 7px;
  background: url(/CImages/MALL/sub/btn_mypage_review_delete.png) no-repeat
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .contents .btns .delete:hover {
  background: url(/CImages/MALL/sub/btn_mypage_review_delete_hover.png) no-repeat
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .contents .report {
  position: absolute;
  bottom: 0;
  right: 10px
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .contents .report a {
  display: block;
  width: 62px;
  height: 28px;
  padding-left: 17px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  color: #222;
  line-height: 27px;
  transition: background, 0.1s;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  background-color: #fff;
  background-image: url("/CImages/MALL/sub/icon_report.png");
  background-repeat: no-repeat;
  background-position: 9px 5px;
  text-align: center
}

.container.product .detail-wrap .item-content .review .content .board>ul>li .contents .report a:hover {
  background-color: #f6f6f6
}

.container.product .detail-wrap .product-wrap {
  margin-top: 105px
}

.container.product.search .inner-wrap>h1 {
  margin: 55px 0 49px 0;
  font-size: 21px;
  font-weight: 500;
  color: #777;
  line-height: 1;
  text-align: center
}

.container.product.search .inner-wrap>h1 span {
  margin-left: 0;
  font-size: 21px;
  font-weight: 700;
  color: #111
}

.container.product.search .inner-wrap .none-result {
  margin-top: 70px
}

.container.product.search .inner-wrap .none-result h1 {
  font-size: 21px;
  font-weight: 500;
  color: #666;
  line-height: 1;
  text-align: center
}

.container.product.search .inner-wrap .none-result h1 span {
  margin-left: 0;
  font-size: 21px;
  font-weight: 700;
  color: #111
}

.container.product.search .inner-wrap .none-result .box {
  width: 420px;
  padding-left: 106px;
  margin: 20px auto 58px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  color: #777;
  line-height: 1.6;
  white-space: nowrap;
  background: url("/CImages/MALL/sub/bg_search_none_result.png") no-repeat;
  background-position: 0 center
}

.container.product.search .category-wrap .category-tab-menu {
  margin-bottom: 40px
}

.container.account {
  padding-bottom: 95px
}

.container.account .btn-wrap a {
  width: 249px;
  height: 60px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 60px
}

.container.account .login-wrap {
  /*padding-top: 67px*/
}

.container.account .login-wrap .login-box {
  width: 850px;
  padding: 350px 350px 90px 50px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 0px solid #F7F7F7;
}

.container.account .login-wrap .login-box-hspCoach {
  width: 100%;
  padding: 200px 570px 0px 15px !important;
}

.container.account .login-wrap .login-box-bv {
  width: 360px;
  height:645px;
  padding:200px 60px 0px 0px !important;
  background-color:#FEF1D5;
  border:0px solid red;
  float:right;
}

.container.account .login-wrap .login-box>h1 {
  font-size: 40px;
  font-weight: 500;
  text-align: center
}

.container.account .login-wrap .login-box>p {
  margin-top: 5px;
  font-size: 17px;
  color: #333;
  text-align: center
}

.container.account .login-wrap .login-box .input {
  margin-top: 28px;
}

.container.account .login-wrap .login-box .input input[type="text"],
.container.account .login-wrap .login-box .input input[type="password"] {
  width: 100%;
  height: 52px;
  margin-bottom: 11px;
  border-radius: 0;
  background-color:#FFFFFF;
}

.container.account .login-wrap .login-box .save {
  margin: 0;
}

.container.account .login-wrap .login-box .find {
  margin: 0;
  line-height: 14px;
  text-align: right;
}

.container.account .login-wrap .login-box .find ul li a {
  font-size: 15px;
  color: #222
}

.container.account .login-wrap .login-box .sns {
  margin-top: 14px;
  overflow: hidden
}

.container.account .login-wrap .login-box .sns>div {
  width: 234px;
  height: 54px;
  background-repeat: no-repeat;
  cursor: pointer
}

.container.account .login-wrap .login-box .help {
  margin-top: 11px;
  padding-bottom: 35px;
  text-align: right
}

.container.account .login-wrap .login-box .help a {
  font-family: "돋움", sans-serif;
  font-size: 12px;
  color: #3D3AC1;
  text-decoration: underline
}

.container.account .login-wrap .login-box>.btn-wrap {
  padding-top: 15px;
  clear: both;
  width: 100%;
}

.container.account .login-wrap .login-box>.btn-wrap a {
  width: 100%;
  height: 56px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 19px;
  font-weight: 500;
  line-height: 56px;
  border-radius: 0
}

.container.account .login-wrap .join .btn-wrap a {
  width: 108px;
  height: 60px;
  font-size: 16px;
  font-weight: 500;
  line-height: 56px;
  border-width: 2px
}

.container.account .login-wrap .popup-jjanMember .popup-wrap {
  width: 440px;
  height: 315px;
  margin-top: -158px;
  margin-left: -220px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.account .login-wrap .popup-jjanMember .popup-wrap ul {
  margin-top: 50px
}

.container.account .login-wrap .popup-jjanMember .popup-wrap ul li {
  padding: 0 42px 30px 42px
}

.container.account .login-wrap .popup-jjanMember .popup-wrap ul li label {
  display: inline-block;
  width: 65px;
  font-size: 15px;
  color: #222;
  line-height: 1
}

.container.account .login-wrap .popup-jjanMember .popup-wrap ul li span {
  font-size: 16px;
  font-weight: 500;
  color: #00917c;
  line-height: 1
}

.container.account .login-wrap .popup-jjanMember .popup-wrap ul li input {
  width: 285px
}

.container.account .login-wrap .popup-jjanMember .popup-wrap .btn-wrap a {
  width: 120px;
  height: 46px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 46px
}

.container.account .select-wrap {
  padding-top: 100px;
  text-align: center
}

.container.account .select-wrap .inner-wrap h1 {
  font-size: 34px;
  font-weight: 500;
  color: #222;
}

.container.account .select-wrap .inner-wrap .btn-wrap {
  margin-top: 27px;
}

.container.account .select-wrap .inner-wrap .btn-wrap a {
  display: inline-block;
  font-size: 19px;
  font-weight: 500;
  line-height: 56px;
  text-align: center;
  box-sizing: border-box;
}

.container.account .select-wrap .inner-wrap .btn-wrap a.green {
  width: 480px;
  color: white;
  background-color: #00917C;
}

.container.account .select-wrap .inner-wrap .btn-wrap a.white {
  width: 346px;
  color: #00917C;
  border: 2px solid #00917C;
}

.container.account .select-wrap .inner-wrap .select-regular,
.container.account .select-wrap .inner-wrap .select-planner {
  display: inline-block;
  margin-top: 32px
}

.container.account .select-wrap .inner-wrap .select-regular a,
.container.account .select-wrap .inner-wrap .select-planner a {
  display: block;
  position: relative;
  width: 300px;
  height: 210px;
  padding-top: 143px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 21px;
  font-weight: 500;
  color: #222;
  line-height: 1;
  background-repeat: no-repeat;
  -webkit-transition: all .1s;
  transition: all .1s;
  border: 1px solid #DEDEDE;
  border-radius: 20px
}

.container.account .select-wrap .inner-wrap .select-regular a:hover,
.container.account .select-wrap .inner-wrap .select-planner a:hover {
  border-color: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.14)
}

.container.account .select-wrap .inner-wrap .select-regular {
  margin-right: 9px
}

.container.account .select-wrap .inner-wrap .select-regular a {
  background-image: url("/CImages/MALL/sub/btn_join_select_regular.png");
  background-position: 105px 34px
}

.container.account .select-wrap .inner-wrap .select-regular a:hover {
  background-image: url("/CImages/MALL/sub/btn_join_select_regular_hover.png")
}

.container.account .select-wrap .inner-wrap .select-planner {
  margin-left: 9px
}

.container.account .select-wrap .inner-wrap .select-planner a {
  background-image: url("/CImages/MALL/sub/btn_join_select_planner.png");
  background-repeat: no-repeat;
  background-position: 110px 33px
}

.container.account .select-wrap .inner-wrap .select-planner a:hover {
  background-image: url("/CImages/MALL/sub/btn_join_select_planner_hover.png")
}

.container.account .select-wrap .inner-wrap .welcome p {
  font-size: 17px;
  color: #333333;
}

.container.account .select-wrap .inner-wrap .sns {
  width: 632px;
  padding: 43px 56px 60px 56px;
  margin: 53px auto 0 auto;
  box-sizing: border-box;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
}

.container.account .select-wrap .inner-wrap .sns h2 {
  font-size: 19px;
  font-weight: 700;
  color: #444
}

.container.account .select-wrap .inner-wrap .sns>div {
  width: 520px;
  height: 56px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-repeat: no-repeat
}

.container.account .select-wrap .inner-wrap .sns .naver {
  margin-top: 18px;
  background-image: url("/cimages/mall/sub/btn_sns_join_naver.png")
}

.container.account .select-wrap .inner-wrap .sns .kakao {
  margin-top: 8px;
  background-image: url("/cimages/mall/sub/btn_sns_join_kakao.png")
}

.container.account .select-wrap .inner-wrap .sns p {
  margin-top: 25px;
  font-size: 15px;
  text-align: left;
  white-space: nowrap
}

.container.account .select-wrap .inner-wrap .sns p span {
  color: #ff303a
}

.container.account .select-wrap .inner-wrap .planner {
  padding-top: 43px;
  text-align: center;
}

.container.account .select-wrap .inner-wrap .planner p {
  margin-top: 25px;
  font-size: 15px;
  line-height: 22px;
}

.container.account .select-wrap .inner-wrap .planner p span {
  color: #FF0000;
}

.container.account .join-wrap {
  padding-top: 65px !important;
}

.container.account .join-wrap .inner-wrap h1 {
  padding-left: 58px !important;
  background-image: url("/images/lifeCoach/icon_join_title.png");
  font-family: "Noto Sans KR", sans-serif !important;
}

.container.account .join-wrap .inner-wrap .form-wrap {
  position: relative;
  padding-top: 60px;
  padding-bottom: 40px;
  margin-top: 25px;
  margin-bottom: 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #e0e0e0;
}

.container.account .join-wrap .inner-wrap .form-wrap.second {
  padding-top: 0;
  margin-top: -10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.container.account .join-wrap .inner-wrap .form-wrap .discription {
  position: absolute;
  top: 32px;
  right: 44px
}

.container.account .join-wrap .inner-wrap .form-wrap table tr th {
  padding-left: 88px
}

.container.account .register-wrap {
  padding-top: 50px
}

.container.account .register-wrap .terms h2 {
  padding: 17px 0 15px 30px;
  font-size: 21px;
  font-weight: 700;
  color: #222;
  border-bottom: 1px solid #EFEFEF
}

.container.account .register-wrap .terms>ul {
  padding-bottom: 33px
}

.container.account .register-wrap .terms>ul>li {
  position: relative;
  padding: 22px 30px 0 30px
}

.container.account .register-wrap .terms>ul>li h3 {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 500;
  color: #222
}

.container.account .register-wrap .terms>ul>li>p {
  padding-right: 46px;
  font-size: 15px
}

.container.account .register-wrap .terms>ul>li .check {
  position: absolute;
  top: 22px;
  right: 30px
}

.container.account .register-wrap .terms>ul>li .check label {
  width: 26px;
  height: 26px;
  padding-left: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 0
}

.container.account .register-wrap .terms>ul>li .content {
  height: 92px;
  padding: 12px;
  margin-top: 9px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  color: #666;
  background-color: #F9F9F9;
  border: 1px solid #E7E7E7;
  overflow-y: auto
}

.container.account .register-wrap .terms>ul>li .content iframe {
  width: 100%;
  height: 100%
}

.container.account .register-wrap .form {
  position: relative
}

.container.account .register-wrap .form h2 {
  padding: 17px 0 15px 30px;
  font-size: 21px;
  font-weight: 700;
  color: #222;
  border-bottom: 1px solid #EFEFEF
}

.container.account .register-wrap .form p.required {
  position: absolute;
  top: 25px;
  right: 30px;
  font-size: 14px
}

.container.account .register-wrap .form p.required span {
  vertical-align: middle
}

.container.account .register-wrap .form input[type="radio"]+label {
  margin-right: 20px
}

.container.account .register-wrap .form input[type="checkbox"]+label {
  padding-left: 27px
}

.container.account .register-wrap .form input[type="text"],
.container.account .register-wrap .form input[type="password"],
.container.account .register-wrap .form select,
.container.account .register-wrap .form textarea {
  width: 100%
}

.container.account .register-wrap .form input[type="text"]:focus,
.container.account .register-wrap .form input[type="password"]:focus,
.container.account .register-wrap .form select:focus,
.container.account .register-wrap .form textarea:focus {
  border-color: #00917c;
  box-shadow: 0 0 6px rgba(61, 102, 220, 0.4)
}

.container.account .register-wrap .form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-image: url(/CImages/mall/sub/select.png);
  background-repeat: no-repeat;
  background-position: right 13px center
}

.container.account .register-wrap .form>ul>li {
  position: relative;
  padding: 25px 30px 0 30px
}

.container.account .register-wrap .form>ul>li h3 {
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 500;
  color: #222
}

.container.account .register-wrap .form>ul>li h3.active {
  color: #3D66DC
}

.container.account .register-wrap .form>ul>li h3 span {
  position: relative;
  padding-right: 10px
}

.container.account .register-wrap .form>ul>li h3 span::after {
  content: "*";
  position: absolute;
  top: 5px;
  right: 0;
  font-weight: 400;
  color: #ED4B4B
}

.container.account .register-wrap .form>ul>li p {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #454545
}

.container.account .register-wrap .form>ul>li p a {
  display: inline-block;
  padding-right: 10px;
  font-size: 14px;
  text-decoration: underline;
  background-image: url("/cimages/mall/sub/arrow_register_green.png");
  background-repeat: no-repeat;
  background-position: right 7px
}

.container.account .register-wrap .form>ul>li .wrap {
  margin: 0 -2px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.container.account .register-wrap .form>ul>li .wrap input[type="text"],
.container.account .register-wrap .form>ul>li .wrap input[type="password"],
.container.account .register-wrap .form>ul>li .wrap select,
.container.account .register-wrap .form>ul>li .wrap textarea {
  margin: 0 3px
}

.container.account .register-wrap .form>ul>li .wrap.phone select {
  flex-shrink: 0
}

.container.account .register-wrap .form>ul>li .wrap.phone select:nth-of-type(1) {
  width: 129px
}

.container.account .register-wrap .form>ul>li .wrap.phone select:nth-of-type(2) {
  width: 100px
}

.container.account .register-wrap .form>ul>li .wrap span {
  margin: 0 1px;
  font-size: 15px;
  font-weight: 500;
  color: #666
}

.container.account .register-wrap .form>ul>li .agree {
  padding: 10px 22px;
  border: 7px solid #F2F2F2
}

.container.account .register-wrap .form>ul>li .agree ul li {
  padding: 4px 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.container.account .register-wrap .form>ul>li .agree ul li h4 {
  font-size: 15px;
  font-weight: 500;
  color: #222
}

.container.account .register-wrap .form>ul>li .agree ul li .check input[type="radio"]+label {
  margin-right: 0;
  margin-left: 36px
}

.container.account .register-wrap .form .btn-wrap {
  padding-top: 26px;
  padding-bottom: 40px
}

.container.account .register-wrap .form .btn-wrap a {
  width: 216px;
  height: auto;
  font-size: 19px;
  line-height: 54px;
  border-radius: 27px
}

.container.account .register-wrap .section {
  width: 540px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #DBDBDB
}

.container.account .register-wrap .section.terms {
  margin-top: 17px
}

.container.account .register-wrap .section.terms>ul>li:first-of-type {
  padding-bottom: 19px;
  margin-bottom: 3px;
  border-bottom: 1px solid #EFEFEF
}

.container.account .register-wrap .section.terms>ul>li:first-of-type .check {
  top: 40px
}

.container.account .register-wrap .section.form {
  margin-top: 23px
}

.container.account .register-wrap .section.form > ul > li .wrap .inner-btn {
  width: 130px;
  margin-left: 6px;
  font-size: 15px;
  color: #222;
  line-height: 42px;
}

.container.account .find-wrap {
  padding-top: 60px
}

.container.account .find-wrap .tab-menu {
  margin-top: 28px
}

.container.account .find-wrap .tab-menu ul li {
  width: 50%
}

.container.account .find-wrap.id h1 {
  padding-top: 10px;
  padding-left: 58px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: url("/images/lifeCoach/icon_find_id_title.png");
  background-position: 4px center
}

.container.account .find-wrap.pw h1 {
  padding: 3px 0 2px 58px;
  background-image: url("/images/lifeCoach/icon_find_pw_title.png");
  background-position: 4px center
}

.container.account .find-wrap.sleep h1 {
  padding: 4px 0 3px 58px;
  background-image: url("/CImages/MALL/sub/icon_sleep_title.png");
  background-position: 4px center
}

.container.account .find-wrap.sleep .inner-wrap>p {
  margin-top: 26px;
  line-height: 1.6
}

.container.account .find-wrap.sleep .inner-wrap>p span {
  color: #ff303a
}

.container.account .find-wrap.sleep .inner-wrap .tab-menu ul li {
  width: 33.33%
}

.container.account .find-wrap.sleep .inner-wrap .found {
  padding-top: 200px;
  padding-bottom: 158px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.account .find-wrap.sleep .inner-wrap .found .btn-wrap {
  margin-top: 27px;
  border: 0
}

.container.account .find-wrap .inner-wrap .form-wrap {
  position: relative;
  padding-top: 90px;
  padding-bottom: 67px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #f1f1f1;
  border-top: 0
}

.container.account .find-wrap .inner-wrap .form-wrap.top {
  border: 2px solid #f1f1f1;
}

.container.account .find-wrap .inner-wrap .form-wrap.reset-pw {
  padding-bottom: 90px;
  margin-top: 27px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.account .find-wrap .inner-wrap .form-wrap.reset-pw::before {
  position: absolute;
  content: "";
  top: -2px;
  left: -2px;
  width: 1140px;
  height: 2px;
  background: #00917c
}

.container.account .find-wrap .inner-wrap .form-wrap.reset-pw table tr:first-child td {
  padding-bottom: 30px
}

.container.account .find-wrap .inner-wrap .form-wrap.reset-pw table tr td {
  font-weight: 500
}

.container.account .find-wrap .inner-wrap .form-wrap.reset-pw table tr td input[type="text"] {
  width: 340px
}

.container.account .find-wrap .inner-wrap .form-wrap.reset-pw table tr td .btn-wrap a {
  width: 340px
}

.container.account .find-wrap .inner-wrap .form-wrap table {
  width: auto;
  margin: 0 auto
}

.container.account .find-wrap .inner-wrap .form-wrap table tr th {
  padding-right: 37px;
  text-align: right
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td .btn-wrap {
  margin-top: 20px;
  text-align: left
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td .btn-wrap a {
  height: 46px;
  line-height: 46px
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td.mobile-phone .inner-btn {
  display: block;
  width: 408px;
  margin-top: 20px;
  margin-left: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td.mobile-phone .inner-btn.resend {
  color: #aaa
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td.mobile-phone .inner-btn.resend:hover {
  background: #e7e7e7
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td.mobile-phone .btn-wrap a {
  width: 408px
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td.certifi-num input[type="text"],
.container.account .find-wrap .inner-wrap .form-wrap table tr td.certifi-num input[type="num"] {
  width: 180px
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td.certifi-num .btn-wrap a {
  width: 408px
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td.email input[type="text"]:nth-of-type(1) {
  margin-right: 7px
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td.email input[type="text"]:nth-of-type(2) {
  width: 180px;
  margin-left: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td.email .select-option {
  display: block;
  width: 363px;
  margin-top: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td.email .select-list {
  position: absolute;
  top: 103px;
  left: 0;
  width: 363px
}

.container.account .find-wrap .inner-wrap .form-wrap table tr td.email .btn-wrap a {
  width: 363px
}

.container.account .find-wrap .inner-wrap .found {
  position: relative;
  padding-top: 95px;
  padding-bottom: 100px;
  margin-top: 27px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  border: 2px solid #f1f1f1
}

.container.account .find-wrap .inner-wrap .found::before {
  position: absolute;
  content: "";
  top: -2px;
  left: -2px;
  width: 1140px;
  height: 2px;
  background: #00917c
}

.container.account .find-wrap .inner-wrap .found h3 {
  font-size: 22px;
  color: #222;
  line-height: 1
}

.container.account .find-wrap .inner-wrap .found h3 span {
  font-weight: 700;
  color: #ff303a
}

.container.account .find-wrap .inner-wrap .found .user-info {
  margin-top: 15px
}

.container.account .find-wrap .inner-wrap .found .user-info span.id {
  font-size: 22px;
  font-weight: 700;
  color: #ff303a;
  line-height: 1
}

.container.account .find-wrap .inner-wrap .found .user-info span.date {
  margin-left: 5px;
  font-size: 14px;
  color: #888;
  line-height: 1
}

.container.account .find-wrap .inner-wrap .found .btn-wrap {
  width: 508px;
  padding-bottom: 50px;
  margin: 50px auto 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0
}

.container.account .find-wrap .inner-wrap .found .btn-wrap a.gray {
  margin-left: 10px
}

.container.account .find-wrap .inner-wrap .found h4 {
  margin-top: 40px;
  font-size: 17px;
  font-weight: 700;
  color: #00917c;
  line-height: 1
}

.container.account .find-wrap .inner-wrap .found p {
  margin-top: 8px;
  font-size: 14px;
  color: #777;
  line-height: 1.5
}

.container.account .find-wrap .inner-wrap .found p a {
  color: #222;
  text-decoration: underline
}

.container.payment {
  padding-bottom: 75px
}

.container.payment .steps {
  position: absolute;
  top: 16px;
  right: 10px
}

.container.payment .steps ul {
  font-size: 0
}

.container.payment .steps ul li {
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle
}

.container.payment .btn-wrap-sm {
  margin-top: 12px
}

.container.payment .btn-wrap-sm a {
  margin-right: 6px
}

.container.payment .product-wrap {
  margin-top: 110px
}

.container.payment .total-price {
  padding: 31px 45px 20px 55px;
  margin-top: 38px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 5px solid #ebebeb;
  overflow: hidden
}

.container.payment .total-price .left {
  position: relative;
  padding-top: 4px;
  padding-right: 60px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left
}

.container.payment .total-price .left::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 1px;
  height: 90px;
  background: #d7d7d7
}

.container.payment .total-price .left ul li {
  width: 450px;
  padding-bottom: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
  clear: both
}

.container.payment .total-price .left ul li h4 {
  float: left;
  font-size: 15px;
  color: #666;
  line-height: 1
}

.container.payment .total-price .left ul li .price {
  float: right;
  font-size: 15px;
  color: #222;
  line-height: 1
}

.container.payment .total-price .left ul li .price .tahoma {
  font-size: 18px
}

.container.payment .total-price .left ul li .price .gray {
  font-size: 13px;
  color: #aaa
}

.container.payment .total-price .right {
  float: right;
  width: 460px;
  overflow: hidden
}

.container.payment .total-price .right h2 {
  float: left;
  font-size: 22px;
  font-weight: 500;
  color: #222;
  line-height: 1;
  vertical-align: top
}

.container.payment .total-price .right .price {
  float: right;
  margin-top: 52px;
  font-size: 17px;
  color: #ff303a
}

.container.payment .total-price .right .price .tahoma {
  font-size: 32px
}

.container.payment .cart-wrap {
  padding-top: 65px
}

.container.payment .cart-wrap .inner-wrap>h1 {
  padding-left: 48px;
  background-image: url("/CImages/MALL/sub/icon_cart_title.png")
}

.container.payment .cart-wrap .inner-wrap .table.order input[type="text"] {
  width: 70px;
  height: 27px;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 25px;
  border-radius: 0;
  text-align: center
}

.container.payment .cart-wrap .inner-wrap .table.order button {
  display: block;
  width: 70px;
  height: 27px;
  margin: 3px auto 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  line-height: 25px;
  background: #f8f8f8;
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer
}

.container.payment .cart-wrap .inner-wrap .table.order td p {
  margin-top: 5px;
  font-size: 13px;
  color: #888;
  line-height: 1.2
}

.container.payment .cart-wrap .inner-wrap .table.order td.item-info .text {
  width: 290px
}

.container.payment .cart-wrap .inner-wrap .table.order td.item-info .select-wrap {
  position: relative;
  margin-top: 2px;
  vertical-align: top
}

.container.payment .cart-wrap .inner-wrap .table.order td.item-info .select-wrap .select-option {
  display: inline-block;
  width: 190px;
  height: 32px;
  padding-left: 11px;
  padding-right: 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 30px;
  background: url(/CImages/MALL/sub/arrow_cart_select_option.png) no-repeat;
  background-position: right 12px center;
  border: 1px solid #cfcfcf;
  cursor: pointer
}

.container.payment .cart-wrap .inner-wrap .table.order td.item-info .select-wrap .select-option.active {
  border: 1px solid #00917c
}

.container.payment .cart-wrap .inner-wrap .table.order td.item-info .select-wrap .select-list {
  display: none;
  position: absolute;
  top: 31px;
  left: 0;
  width: 190px;
  padding: 6px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #00917c;
  background: #fff
}

.container.payment .cart-wrap .inner-wrap .table.order td.item-info .select-wrap .select-list li {
  padding: 2px 11px;
  cursor: pointer
}

.container.payment .cart-wrap .inner-wrap .table.order td.item-info .select-wrap button {
  display: inline-block;
  width: 48px;
  height: 32px;
  margin-top: 0;
  margin-left: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: top
}

.container.payment .cart-wrap .inner-wrap .table.order td.btns {
  font-size: 0
}

.container.payment .cart-wrap .inner-wrap .table.order td.btns a {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat
}

.container.payment .cart-wrap .inner-wrap .table.order td.btns a.wish {
  margin-right: 14px;
  background-image: url("/CImages/MALL/sub/icon_cart_wish.png")
}

.container.payment .cart-wrap .inner-wrap .table.order td.btns a.wish:hover,
.container.payment .cart-wrap .inner-wrap .table.order td.btns a.wish.active {
  background-image: url("/CImages/MALL/sub/icon_cart_wish_hover.png")
}

.container.payment .cart-wrap .inner-wrap .table.order td.btns a.wish::after {
  position: absolute;
  content: "";
  top: 4px;
  right: -15px;
  width: 1px;
  height: 14px;
  background: #d9d9d9
}

.container.payment .cart-wrap .inner-wrap .table.order td.btns a.delete {
  margin-left: 14px;
  background-image: url("/CImages/MALL/sub/icon_cart_delete.png")
}

.container.payment .cart-wrap .inner-wrap .table.order td.btns a.delete:hover {
  background-image: url("/CImages/MALL/sub/icon_cart_delete_hover.png")
}

.container.payment .cart-wrap .inner-wrap .btn-wrap {
  margin-top: 36px
}

.container.payment .cart-wrap .inner-wrap .btn-wrap a {
  width: 230px;
  height: 64px;
  margin: 0 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 64px
}

.container.payment .order-wrap {
  padding-top: 65px
}

.container.payment .order-wrap .inner-wrap>h1 {
  padding-left: 55px;
  background-image: url("/CImages/MALL/sub/icon_order_title.png")
}

.container.payment .order-wrap .inner-wrap .table.order .item-info {
  padding-left: 18px
}

.container.payment .order-wrap .inner-wrap .table.order .item-info .text {
  width: 300px
}

.container.payment .order-wrap .inner-wrap .table.basic {
  margin-top: 50px
}

.container.payment .order-wrap .inner-wrap .table.basic h2 {
  float: left;
  margin-bottom: 15px
}

.container.payment .order-wrap .inner-wrap .table.basic .discription {
  float: right;
  margin-top: 8px
}

.container.payment .order-wrap .inner-wrap .table.basic>.btn-wrap {
  float: right;
  margin-top: -2px
}

.container.payment .order-wrap .inner-wrap .table.basic>.btn-wrap a {
  width: 120px;
  height: 28px;
  margin-left: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  -webkit-transition: all .1s;
  transition: all .1s;
  border-radius: 2px
}

.container.payment .order-wrap .inner-wrap .table.basic table {
  clear: both
}

.container.payment .order-wrap .inner-wrap .table.basic table tr th {
  padding-left: 25px;
  background: #f9f9f9;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: middle
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td {
  padding: 15px 0 15px 12px;
  color: #454545;
  border-bottom: 1px solid #e5e5e5
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td input[type="text"],
.container.payment .order-wrap .inner-wrap .table.basic table tr td input[type="num"],
.container.payment .order-wrap .inner-wrap .table.basic table tr td input[type="password"],
.container.payment .order-wrap .inner-wrap .table.basic table tr td .select-option {
  height: 34px;
  font-size: 14px;
  line-height: 32px
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td.sub-title {
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #222
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td.email .select-list {
  position: absolute;
  top: 48px;
  left: 355px
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td.center .select-list {
  position: absolute;
  top: 48px;
  left: 12px
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td.address input[type="checkbox"]+label {
  font-size: 14px;
  color: #888
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td.address input[type="checkbox"]+label span {
  color: #222
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td.mobile-phone .select-list,
.container.payment .order-wrap .inner-wrap .table.basic table tr td.landline-phone .select-list {
  position: absolute;
  top: 48px;
  left: 12px
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td.message input[type="text"] {
  width: 800px
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td .inner-btn {
  height: 34px;
  line-height: 34px
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td .inner-btn.black {
  width: 118px;
  height: 28px;
  margin-left: -20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  line-height: 27px;
  vertical-align: baseline
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td span.dot {
  margin-left: 6px
}

.container.payment .order-wrap .inner-wrap .table.basic table tr td span.dot span {
  color: #222
}

.container.payment .order-wrap .inner-wrap .form-wrap input[type="radio"]+label,
.container.payment .order-wrap .inner-wrap .form-wrap input[type="checkbox"]+label {
  margin-bottom: 5px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail {
  border-top: 1px solid #111;
  overflow: hidden;
  clear: both
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail h3 {
  margin-top: 28px;
  font-size: 16px;
  color: #222;
  line-height: 1
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail input[type="radio"]+label,
.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail input[type="checkbox"]+label {
  font-size: 14px;
  color: #454545
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail input[type="radio"]+label span,
.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail input[type="checkbox"]+label span {
  color: #ff303a
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left {
  float: left;
  width: 738px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left table {
  margin-top: 12px;
  border-top: 1px solid #d2d2d2
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .saving table tr th {
  padding-top: 15px;
  vertical-align: top
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .saving table tr td input {
  width: 200px;
  margin-bottom: 6px;
  margin-right: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: baseline
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .saving p {
  font-size: 13px;
  color: #888
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method>.tab-nav {
  padding: 20px 0 5px 10px;
  margin-top: 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .tab-nav a {
  padding-left: 18px;
  margin-bottom: 15px;
  margin-right: 47px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  color: #454545;
  line-height: 1;
  background: url("/images/lifeCoach/input_radio_basic.png") no-repeat;
  background-position: 0 center
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .tab-nav a.active {
  background: url("/images/lifeCoach/input_radio_basic_active.png") no-repeat;
  background-position: 0 center
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method p {
  padding-right: 30px;
  margin-top: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 1.5
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method p span {
  display: block;
  position: relative;
  padding-left: 16px;
  padding-right: 30px;
  margin-top: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method p span::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 6px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method p.blue {
  padding-left: 0;
  margin-top: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #529afa
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method p.blue a {
  font-weight: bold;
  color: #529afa;
  text-decoration: underline
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide {
  font-family: "dotum";
  font-size: 13px;
  color: #222;
  word-break: keep-all
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide h4 {
  position: relative;
  padding-left: 16px;
  padding-right: 30px;
  margin-top: 16px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-weight: bold
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide h4::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide input[type="radio"]+label {
  padding-left: 23px;
  margin-bottom: 0;
  margin-right: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  line-height: 25px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide table tr th {
  font-size: 13px;
  font-weight: bold;
  color: #222
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide table tr td {
  padding-right: 20px;
  font-size: 13px;
  color: #222
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide table tr td img {
  margin-right: 7px;
  vertical-align: bottom
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide table tr td span {
  display: block;
  position: relative;
  padding-left: 11px;
  margin-top: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide table tr td span::before {
  content: "ㆍ";
  position: absolute;
  top: 0;
  left: 0
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide table tr td.deposit {
  padding-left: 20px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide table tr td.deposit input[type="text"] {
  height: 34px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide table tr td.deposit .tab-nav a {
  font-size: 13px;
  margin: 0 25px 10px 0
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide table tr td.deposit .deposit-phone .select-option {
  font-size: 13px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide table tr td.deposit .deposit-phone .select-list {
  top: 71px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide table tr td.deposit .deposit-phone input[type="text"] {
  width: 150px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div {
  display: none;
  padding-top: 3px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-card {
  display: block;
  padding-top: 16px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-phone .select-option {
  width: 150px;
  height: 32px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  line-height: 31px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-phone .select-list {
  width: 150px;
  position: absolute;
  top: 46px;
  left: 12px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-ars .inner-btn {
  width: 80px;
  height: 32px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  line-height: 32px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-ars table:nth-of-type(1) {
  margin-bottom: 10px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-ars table:nth-of-type(1) tr th {
  padding: 5px 0;
  border-right: 1px solid #e5e5e5;
  text-align: center
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-ars table:nth-of-type(1) tr th:last-of-type {
  border-right: 0
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-ars table:nth-of-type(1) tr td {
  font-size: 13px;
  border-right: 1px solid #e5e5e5;
  text-align: center;
  vertical-align: middle
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-ars table:nth-of-type(1) tr td input[type="text"] {
  width: 110px;
  height: 32px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-ars table:nth-of-type(1) tr td .select-option {
  width: 110px;
  height: 32px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  line-height: 31px;
  text-align: left
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-ars table:nth-of-type(1) tr td .select-list {
  width: 110px;
  position: absolute;
  top: 46px;
  left: 27px;
  text-align: left
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .left .method .guide>div.guide-ars table:nth-of-type(1) tr td:last-of-type {
  border-right: 0
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right {
  float: right;
  width: 376px;
  padding: 40px 34px 38px 34px;
  margin-top: 29px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #009178
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right h3 {
  margin-top: 0;
  font-size: 24px;
  color: #222;
  line-height: 1
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right ul {
  margin-top: 27px;
  border-bottom: 1px solid #e5e5e5
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right ul li {
  padding-bottom: 12px;
  overflow: hidden;
  clear: both
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right ul li h4 {
  float: left;
  font-size: 15px;
  color: #666;
  line-height: 1
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right ul li .price {
  float: right;
  font-size: 15px;
  color: #222;
  line-height: 1
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right ul li .price span.gray {
  font-size: 13px;
  color: #aaa
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right ul li .price span.tahoma {
  font-size: 18px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right .total {
  padding: 20px 0 14px 0;
  border-bottom: 1px solid #222
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right .total h4 {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  line-height: 1
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right .total .price {
  margin-top: 32px;
  font-size: 17px;
  color: #ff303a;
  line-height: 1;
  text-align: right
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right .total .price .tahoma {
  font-size: 32px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right .form-wrap {
  position: relative;
  padding-top: 15px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right .form-wrap label {
  display: table;
  margin-bottom: 7px;
  line-height: 1.3;
  background-position: 0 3px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right .form-wrap a {
  font-size: 13px;
  color: #529afa;
  text-decoration: underline
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right .btn-wrap a:last-child {
  margin-left: 10px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right .btn-wrap .green {
  width: 300px;
  height: 64px;
  margin-bottom: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 64px
}

.container.payment .order-wrap .inner-wrap .form-wrap .payment-detail .right .btn-wrap .gray {
  width: 145px;
  height: 50px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 49px
}

.container.payment .finish-wrap {
  padding-top: 65px
}

.container.payment .finish-wrap .inner-wrap>h1 {
  padding-left: 55px;
  background-image: url("/CImages/MALL/sub/icon_finish_title.png")
}

.container.payment .finish-wrap .inner-wrap .box-wrap {
  position: relative;
  padding: 125px 0 143px 0;
  margin-top: 22px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #f1f1f1;
  text-align: center
}

.container.payment .finish-wrap .inner-wrap .box-wrap::before {
  position: absolute;
  content: "";
  top: -2px;
  left: -2px;
  width: 1140px;
  height: 2px;
  background: #222
}

.container.payment .finish-wrap .inner-wrap .box-wrap p {
  display: inline-block;
  width: auto;
  height: 40px;
  padding: 0 28px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  color: #777;
  line-height: 38px;
  border: 1px solid #d2d2d2;
  border-radius: 40px
}

.container.payment .finish-wrap .inner-wrap .box-wrap p span {
  color: #529afa
}

.container.payment .finish-wrap .inner-wrap .box-wrap h2 {
  margin-top: 27px;
  font-size: 22px;
  color: #222;
  line-height: 1
}

.container.payment .finish-wrap .inner-wrap .box-wrap .btn-wrap {
  margin-top: 29px
}

.container.payment .finish-wrap .inner-wrap .box-wrap .btn-wrap a {
  width: 249px;
  height: 60px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 60px;
  border-radius: 7px
}

.container.payment .finish-wrap .inner-wrap .table {
  position: relative;
  margin-top: 38px
}

.container.payment .finish-wrap .inner-wrap .table .btn-wrap {
  position: absolute;
  top: 0;
  right: 0
}

.container.payment .finish-wrap .inner-wrap .table .btn-wrap a {
  height: 28px;
  padding: 0 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  border-radius: 2px
}

.container.payment .finish-wrap .inner-wrap .left {
  float: left;
  width: 556px
}

.container.payment .finish-wrap .inner-wrap .right {
  float: right;
  width: 556px
}

.container.payment .finish-wrap .inner-wrap .btn-wrap-md {
  padding-top: 43px;
  text-align: center;
  clear: both
}

.container.payment .finish-wrap .inner-wrap .btn-wrap-md a {
  margin: 0 5px
}

.container.mypage {
  padding-bottom: 100px
}

.container.mypage .inner-wrap>h1 {
  height: 36px;
  padding-left: 47px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: url("/CImages/MALL/sub/icon_mypage_title.png")
}

.container.mypage .my-info {
  margin-top: 20px
}

.container.mypage .my-info ul {
  padding: 25px 0;
  border-top: 2px solid #000;
  border-bottom: 1px solid #c9c9c9
}

.container.mypage .my-info ul li {
  display: table-cell;
  position: relative;
  width: 285px;
  height: 94px;
  padding: 0 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-left: 1px solid #ddd;
  vertical-align: bottom;
  text-align: right
}

.container.mypage .my-info ul li h3 {
  position: absolute;
  top: 8px;
  left: 30px;
  height: 28px;
  font-size: 17px;
  font-weight: 700;
  color: #666;
  line-height: 28px;
  background-repeat: no-repeat;
  background-position: 0 center
}

.container.mypage .my-info ul li a {
  display: inline-block;
  position: relative;
  padding-bottom: 7px;
  font-size: 23px;
  font-weight: 500;
  color: #222
}

.container.mypage .my-info ul li a span {
  font-size: 28px;
  font-weight: 700
}

.container.mypage .my-info ul li a::after {
  position: absolute;
  content: "";
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #222
}

.container.mypage .my-info ul li.user {
  padding: 0;
  font-size: 21px;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
  border-left: 0;
  text-align: center;
  vertical-align: middle
}

.container.mypage .my-info ul li.user span {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #666
}

.container.mypage .my-info ul li.user a {
  display: inline-block;
  padding: 5px 21px 6px 6px;
  margin-top: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  color: #454545;
  line-height: 1;
  transition: background, 0.1s;
  text-align: left;
  background-image: url("/CImages/MALL/common/arrow_footer_red.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 1px solid #d2d2d2;
  border-radius: 2px
}

.container.mypage .my-info ul li.user a::after {
  display: none
}

.container.mypage .my-info ul li.user a:hover {
  background-color: #f6f6f6
}

.container.mypage .my-info ul li.member h3 {
  padding-left: 46px;
  background-image: url(/CImages/MALL/sub/icon_mypage_myinfo_member.png)
}

.container.mypage .my-info ul li.member p {
  padding-bottom: 7px;
  font-size: 23px;
  font-weight: 700;
  color: #1fad95;
  text-align: right
}

.container.mypage .my-info ul li.mileage h3 {
  padding-left: 32px;
  background-image: url(/CImages/MALL/sub/icon_mypage_myinfo_mileage.png)
}

.container.mypage .my-info ul li.wish h3 {
  padding-left: 34px;
  background-image: url(/CImages/MALL/sub/icon_mypage_myinfo_wish.png)
}

.container.mypage .tab-menu-1 ul {
  display: flex;
}

.container.mypage .tab-menu-1 ul li {
  width: 14.28%;
  text-align: center;
}

.container.mypage .tab-menu-1 ul li:last-of-type {
  width: 16%;
}

.container.mypage .tab-menu-1 ul li a {
  display: block;
  position: relative;
  height: 52px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #454545;
  line-height: 50px;
  -webkit-transition: all .1s;
  transition: all .1s;
  border: 1px solid #d9d9d9;
  border-left: 0
}

.container.mypage .tab-menu-1 ul li a:hover {
  background: #f6f6f6
}

.container.mypage .tab-menu-1 ul li.active a {
  font-weight: 500;
  color: #02917e
}

.container.mypage .tab-menu-1 ul li.active a::before {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #00917c
}

.container.mypage .tab-menu-1 ul li.active a:hover {
  background: #fff
}

.container.mypage .tab-menu-1 ul li:first-of-type a {
  border-left: 1px solid #d9d9d9
}

.container.mypage .tab-menu-2 {
  margin-top: 50px
}

.container.mypage .tab-menu-2 ul {
  border-bottom: 1px solid #454545
}

.container.mypage .tab-menu-2 ul li {
  display: table-cell;
  text-align: center
}

.container.mypage .tab-menu-2 ul li:first-of-type a::before {
  display: none
}

.container.mypage .tab-menu-2 ul li a {
  display: block;
  position: relative;
  min-width: 158px;
  height: 41px;
  padding: 0 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  color: #666;
  line-height: 40px;
  transition: background, 0.1s;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-bottom: 0
}

.container.mypage .tab-menu-2 ul li a::before {
  position: absolute;
  content: "";
  top: 0;
  left: -2px;
  width: 2px;
  height: 100%;
  background: #fff;
  z-index: 1
}

.container.mypage .tab-menu-2 ul li a:hover {
  background: #e2e2e2
}

.container.mypage .tab-menu-2 ul li.active a {
  color: #454545;
  background: #fff;
  border: 1px solid #454545;
  border-bottom: 0;
  z-index: 2
}

.container.mypage .tab-menu-2 ul li.active a::before {
  display: none
}

.container.mypage .tab-menu-2 ul li.active a::after {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff
}

.container.mypage .form-wrap table tr td {
  font-size: 14px
}

.container.mypage .form-wrap table tr td label,
.container.mypage .form-wrap table tr td textarea {
  font-size: 14px
}

.container.mypage .form-wrap table tr td input[type="text"],
.container.mypage .form-wrap table tr td input[type="num"],
.container.mypage .form-wrap table tr td .select-option,
.container.mypage .form-wrap table tr td .inner-btn {
  height: 34px;
  font-size: 14px;
  line-height: 32px
}

.container.mypage .form-wrap table tr td .planner-name {
  display: inline-block;
  width: 200px;
}

.container.mypage .form-wrap table tr td > div {
  font-size: 15px;
}

.container.mypage .form-wrap table tr td .select-option {
  width: 200px;
  margin-right: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.mypage .form-wrap table tr td .attachment .inner-btn {
  line-height: 34px
}

.container.mypage .form-wrap table tr td .attachment .bar span {
  position: absolute;
  top: 15px;
  left: 20px
}

.container.mypage .form-wrap table tr td .attachment ul {
  display: block
}

.container.mypage .form-wrap table tr td .attachment ul li {
  position: relative;
  width: 300px;
  height: 40px;
  padding: 0 50px 0 15px;
  margin-right: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #07ae96
}

.container.mypage .form-wrap table tr td .attachment ul li span {
  font-family: "Dotum";
  font-size: 13px;
  font-weight: bold;
  color: #05a08a;
  line-height: 39px
}

.container.mypage .form-wrap table tr td .attachment ul li .delete {
  position: absolute;
  top: 12px;
  right: 12px
}

.container.mypage .form-wrap table tr td .attachment ul li:hover {
  background: #f6f6f6
}

.container.mypage .precautions {
  padding: 30px 40px;
  margin-top: 29px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  color: #000;
  line-height: 1.3;
  letter-spacing: -.3px;
  background: #f7f7f7
}

.container.mypage .precautions h3 {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  color: #222
}

.container.mypage .precautions ol li {
  padding-left: 5px;
  margin-bottom: 10px;
  margin-left: 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Dotum", sans-serif
}

.container.mypage .precautions p {
  position: relative;
  padding-left: 19px;
  margin-bottom: 8px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Dotum", sans-serif
}

.container.mypage .precautions p::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  content: "※"
}

.container.mypage .precautions a {
  font-weight: bold;
  color: #529afa;
  text-decoration: underline
}

.container.mypage .precautions div {
  display: inline-block;
  vertical-align: top
}

.container.mypage .precautions .reference {
  width: 530px;
  min-height: 120px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: url(/CImages/MALL/sub/bg_mypage_shopping_reference.png) no-repeat;
  background-position: right 35px top 55px
}

.container.mypage .precautions .change {
  width: 520px;
  padding-left: 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: url(/CImages/MALL/sub/bg_mypage_shopping_change.png) no-repeat;
  background-position: right 55px;
  border-left: 1px solid #d7d7d7
}

.container.mypage .btn-wrap {
  margin-top: 30px
}

.container.mypage .btn-wrap a {
  width: 250px;
  height: 46px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  line-height: 44px
}

.container.mypage .comment-wrap {
  margin-top: 44px
}

.container.mypage .comment-wrap>ul {
  border-top: 1px solid #d2d2d2
}

.container.mypage .comment-wrap>ul>li {
  position: relative;
  padding: 28px 320px 24px 56px;
  background: url("/CImages/MALL/sub/bg_comment.png") no-repeat;
  background-position: 15px 26px;
  border-bottom: 1px solid #d2d2d2
}

.container.mypage .comment-wrap>ul>li h3 {
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  color: #454545;
  line-height: 1
}

.container.mypage .comment-wrap>ul>li .date {
  margin-left: 7px;
  font-size: 13px;
  color: #888;
  line-height: 1
}

.container.mypage .comment-wrap>ul>li p {
  margin-top: 10px;
  font-size: 15px;
  color: #666;
  line-height: 1.6
}

.container.mypage .attach-download {
  position: absolute;
  top: 21px;
  right: 9px
}

.container.mypage .attach-download ul li {
  width: 184px;
  height: 25px;
  padding-right: 15px;
  margin-top: -1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #e2e2e2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.container.mypage .attach-download ul li a {
  display: inline-block;
  height: 25px;
  padding-left: 28px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Dotum";
  font-size: 13px;
  color: #222;
  line-height: 23px;
  -webkit-transition: all .1s;
  transition: all .1s;
  background: url("/CImages/MALL/sub/icon_attach_download.png") no-repeat;
  background-position: 3px 4px
}

.container.mypage .attach-download ul li a:hover {
  background: url("/CImages/MALL/sub/icon_attach_download_hover.png") no-repeat;
  background-position: 3px 4px;
  text-decoration: underline
}

.container.mypage .alert {
  background: none
}

.container.mypage .alert .alert-wrap {
  width: 320px;
  height: 200px;
  padding-top: 70px;
  margin: -100px 0 0 -160px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1)
}

.container.mypage .alert .alert-wrap a {
  width: 50%;
  font-size: 15px;
  border-radius: 0 0 20px 0
}

.container.mypage .alert .alert-wrap a.cancel {
  width: 50%;
  border-radius: 0 0 0 20px
}

.container.mypage .shopping-wrap {
  padding-top: 75px
}

.container.mypage .shopping-wrap .tab-menu-1 {
  margin-top: 38px
}

.container.mypage .shopping-wrap .table {
  position: relative;
  margin-top: 50px
}

.container.mypage .shopping-wrap .table>.btn-wrap {
  float: right;
  margin-top: -28px;
  padding-bottom: 10px
}

.container.mypage .shopping-wrap .table>.btn-wrap a {
  width: 130px;
  height: 28px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  border-radius: 2px
}

.container.mypage .shopping-wrap .table.left {
  float: left;
  width: 556px
}

.container.mypage .shopping-wrap .table.right {
  float: right;
  width: 556px
}

.container.mypage .shopping-wrap .table>h2 {
  display: inline-block;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  color: #222;
  line-height: 1;
  vertical-align: text-bottom;
  clear: both
}

.container.mypage .shopping-wrap .table>p {
  display: inline-block;
  height: 34px;
  padding: 0 14px;
  margin-left: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  color: #777;
  line-height: 32px;
  border: 1px solid #d2d2d2;
  border-radius: 20px
}

.container.mypage .shopping-wrap .table>p span {
  font-size: 14px;
  color: #529afa
}

.container.mypage .shopping-wrap .table table {
  margin-top: 10px
}

.container.mypage .shopping-wrap .table table tr th {
  vertical-align: middle
}

.container.mypage .shopping-wrap .table table tr td>a {
  color: #454545;
  text-decoration: underline;
  cursor: pointer
}

.container.mypage .shopping-wrap .table table tr td>a.select-option,
.container.mypage .shopping-wrap .table table tr td>a.inner-btn {
  text-decoration: none
}

.container.mypage .shopping-wrap .table table tr td>a img {
  vertical-align: middle
}

.container.mypage .shopping-wrap .table table tr td .btn-wrap-xs {
  margin-left: 8px
}

.container.mypage .shopping-wrap .table table tr td .btn-wrap-sm {
  margin-top: 7px
}

.container.mypage .shopping-wrap .table table tr td .btn-wrap-sm a {
  margin-right: 6px
}

.container.mypage .shopping-wrap .table.white {
  margin-top: 20px
}

.container.mypage .shopping-wrap .table.white .discript {
  float: left;
  padding-left: 5px;
  margin-bottom: 16px;
  font-size: 14px;
  color: #777
}

.container.mypage .shopping-wrap .table.white .discript a {
  font-weight: 500;
  line-height: 1.6;
  text-decoration: underline
}

.container.mypage .shopping-wrap .table.white .btn-wrap {
  float: right;
  margin-top: 12px
}

.container.mypage .shopping-wrap .table.white .btn-wrap a {
  width: auto;
  min-width: 120px;
  height: 28px;
  padding: 0 12px;
  margin-left: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  border-radius: 2px
}

.container.mypage .shopping-wrap .table.white .btn-wrap-md a {
  width: 50px;
  height: 34px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  font-weight: bold;
  line-height: 32px
}

.container.mypage .shopping-wrap .table.white .btn-wrap-md a.write {
  width: 68px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.mypage .shopping-wrap .table.white .btn-wrap-xs {
  display: block;
  margin-top: 4px;
  margin-left: 0
}

.container.mypage .shopping-wrap .table.white table {
  clear: both
}

.container.mypage .shopping-wrap .table.order table tr td:last-of-type {
  border-right: 0
}

.container.mypage .shopping-wrap .table.order table tr td.item-info {
  padding-left: 15px
}

.container.mypage .shopping-wrap .table.order table tr td.item-info h3 {
  max-width: 350px
}

.container.mypage .shopping-wrap .table.order table tr td.total {
  padding: 16px 19px
}

.container.mypage .shopping-wrap .table.order table tr td .price-sum {
  font-size: 14px;
  color: #666
}

.container.mypage .shopping-wrap .table.order table tr td .select-small .select-option {
  display: inline-block;
  width: 80px;
  height: 28px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 26px;
  background: url("/CImages/MALL/sub/arrow_selectbox_multi_delivery.png") no-repeat;
  background-position: right center;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  text-align: left
}

.container.mypage .shopping-wrap .table.order table tr td .select-small .select-list {
  display: none;
  position: absolute;
  top: auto;
  left: 57px;
  width: 80px;
  margin-top: -1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: left
}

.container.mypage .shopping-wrap .form-wrap {
  margin-top: 28px
}

.container.mypage .shopping-wrap .form-wrap table tr th {
  vertical-align: middle
}

.container.mypage .shopping-wrap .form-wrap table tr th label {
  line-height: 1.3
}

.container.mypage .shopping-wrap .form-wrap table tr td {
  font-size: 15px;
  color: #454545;
  line-height: 1.6
}

.container.mypage .shopping-wrap .form-wrap table tr td span.dot {
  display: block;
  margin-top: 3px;
  margin-left: 0
}

.container.mypage .shopping-wrap .form-wrap table tr td .tab-nav a {
  padding-left: 18px;
  margin-right: 47px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  color: #454545;
  line-height: 1;
  background: url("/CImages/MALL/sub/input_radio_basic.png") no-repeat;
  background-position: 0 center
}

.container.mypage .shopping-wrap .form-wrap table tr td .tab-nav a.active {
  background: url("/CImages/MALL/sub/input_radio_basic_active.png") no-repeat;
  background-position: 0 center
}

.container.mypage .shopping-wrap .form-wrap table tr td .tab-nav a:nth-of-type(1),
.container.mypage .shopping-wrap .form-wrap table tr td .tab-nav a:nth-of-type(2),
.container.mypage .shopping-wrap .form-wrap table tr td .tab-nav a:nth-of-type(3) {
  margin-bottom: 10px
}

.container.mypage .shopping-wrap .form-wrap table tr td.card label,
.container.mypage .shopping-wrap .form-wrap table tr td.method label {
  font-size: 14px;
  font-weight: 700;
  color: #454545;
  margin-right: 10px
}

.container.mypage .shopping-wrap .form-wrap table tr td.card .approval-date,
.container.mypage .shopping-wrap .form-wrap table tr td.method .approval-date {
  display: inline-block;
  height: 34px;
  padding: 4px 30px 0 8px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #cacaca;
  border-radius: 5px;
  vertical-align: middle
}

.container.mypage .shopping-wrap .form-wrap table tr td.card .approval-date a,
.container.mypage .shopping-wrap .form-wrap table tr td.method .approval-date a {
  margin-right: 6px
}

.container.mypage .shopping-wrap .form-wrap table tr td.card .approval-date a img,
.container.mypage .shopping-wrap .form-wrap table tr td.method .approval-date a img {
  vertical-align: text-top
}

.container.mypage .shopping-wrap .form-wrap table tr td.card .select-option {
  display: block;
  margin-bottom: 10px
}

.container.mypage .shopping-wrap .form-wrap table tr td.card .select-list {
  top: 52px;
  width: 200px
}

.container.mypage .shopping-wrap .form-wrap table tr td.card input[type="text"] {
  margin-right: 20px
}

.container.mypage .shopping-wrap .form-wrap table tr td.card input[type="text"]:last-of-type {
  margin-right: 0
}

.container.mypage .shopping-wrap .form-wrap table tr td.method input[type="text"] {
  margin-top: 10px;
  vertical-align: baseline
}

.container.mypage .shopping-wrap .form-wrap table tr td.method input[type="text"]:nth-of-type(1) {
  margin-right: 5px;
  text-align: right
}

.container.mypage .shopping-wrap .form-wrap table tr td.method input[type="text"]:nth-of-type(1)::placeholder {
  text-align: left
}

.container.mypage .shopping-wrap .form-wrap table tr td.method input[type="text"]:nth-of-type(2) {
  margin-left: 20px
}

.container.mypage .shopping-wrap .form-wrap table tr td.method span {
  margin-left: 15px;
  font-size: 14px;
  color: #454545
}

.container.mypage .shopping-wrap .form-wrap table tr td.bank input[type="text"] {
  width: 240px;
  margin-right: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.mypage .shopping-wrap .form-wrap table tr td.bank input[type="text"]:last-of-type {
  width: 160px
}

.container.mypage .shopping-wrap .form-wrap table tr td.bank .select-list {
  position: absolute;
  top: 52px;
  left: 20px;
  width: 200px
}

.container.mypage .shopping-wrap .form-wrap table tr td.message textarea {
  width: 100%;
  height: 126px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.mypage .shopping-wrap .form-wrap table tr td.address input[type="text"]:nth-last-of-type(1),
.container.mypage .shopping-wrap .form-wrap table tr td.address input[type="text"]:nth-last-of-type(2) {
  width: 610px
}

.container.mypage .shopping-wrap .pagination {
  margin-top: 30px
}

.container.mypage .wish-wrap {
  padding-top: 65px
}

.container.mypage .wish-wrap .tab-menu-1 {
  margin-top: 18px
}

.container.mypage .wish-wrap .table.order {
  margin-top: 30px
}

.container.mypage .wish-wrap .table.order table {
  margin-top: 18px
}

.container.mypage .wish-wrap .table.order table .text {
  width: 450px
}

.container.mypage .wish-wrap .table.order table .select-wrap {
  position: relative;
  margin-top: 4px;
  vertical-align: top
}

.container.mypage .wish-wrap .table.order table .select-wrap .select-option {
  display: inline-block;
  width: 190px;
  height: 32px;
  padding-left: 11px;
  padding-right: 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 30px;
  background: url(/CImages/MALL/sub/arrow_cart_select_option.png) no-repeat;
  background-position: right 12px center;
  border: 1px solid #cfcfcf;
  cursor: pointer
}

.container.mypage .wish-wrap .table.order table .select-wrap .select-option.active {
  border: 1px solid #00917c
}

.container.mypage .wish-wrap .table.order table .select-wrap .select-list {
  display: none;
  position: absolute;
  top: 31px;
  left: 0;
  width: 190px;
  padding: 6px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #00917c;
  background: #fff
}

.container.mypage .wish-wrap .table.order table .select-wrap .select-list li {
  padding: 2px 11px;
  cursor: pointer
}

.container.mypage .wish-wrap .btn-wrap-sm {
  margin-top: 12px
}

.container.mypage .wish-wrap .btn-wrap-sm a {
  margin-right: 6px
}

.container.mypage .wish-wrap .btn-wrap {
  margin-top: 5px
}

.container.mypage .wish-wrap .btn-wrap a {
  width: 261px;
  height: 64px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 19px;
  line-height: 62px
}

.container.mypage .review-wrap {
  padding-top: 65px
}

.container.mypage .review-wrap .tab-menu-1 {
  margin-top: 18px
}

.container.mypage .review-wrap .table.order {
  position: relative;
  margin-top: 30px
}

.container.mypage .review-wrap .table.order .btn-wrap-sm {
  position: absolute;
  top: -5px;
  right: 0
}

.container.mypage .review-wrap .table.order table {
  margin-top: 18px;
  border-bottom: 1px solid #d2d2d2
}

.container.mypage .review-wrap .table.order table tr:last-of-type td {
  border-bottom: 0
}

.container.mypage .review-wrap .table.order table tr td {
  text-align: left
}

.container.mypage .review-wrap .table.order table tr td:first-of-type {
  padding-left: 13px;
  border-right: 1px solid #eee
}

.container.mypage .review-wrap .table.order table tr td:last-of-type {
  padding-left: 21px
}

.container.mypage .review-wrap .table.order table tr td.empty {
  border-right: 0;
  text-align: center
}

.container.mypage .review-wrap .table.order table tr td.review-content {
  position: relative
}

.container.mypage .review-wrap .table.order table tr td.review-content h4 {
  font-size: 14px;
  color: #222
}

.container.mypage .review-wrap .table.order table tr td.review-content p {
  margin-top: 6px;
  font-size: 14px;
  color: #666
}

.container.mypage .review-wrap .table.order table tr td.review-content .date {
  margin-top: 8px;
  font-size: 12px
}

.container.mypage .review-wrap .table.order table tr td.review-content .btns {
  position: absolute;
  bottom: 17px;
  right: 7px;
  font-size: 0
}

.container.mypage .review-wrap .table.order table tr td.review-content .btns a {
  display: inline-block;
  position: relative;
  width: 21px;
  height: 21px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: all .1s;
  transition: all .1s
}

.container.mypage .review-wrap .table.order table tr td.review-content .btns .modify {
  margin-right: 7px;
  background: url(/CImages/MALL/sub/btn_mypage_review_modify.png) no-repeat
}

.container.mypage .review-wrap .table.order table tr td.review-content .btns .modify::after {
  position: absolute;
  content: "";
  top: 5px;
  right: -7px;
  width: 1px;
  height: 10px;
  background: #ebebeb
}

.container.mypage .review-wrap .table.order table tr td.review-content .btns .modify:hover {
  background: url(/CImages/MALL/sub/btn_mypage_review_modify_hover.png) no-repeat
}

.container.mypage .review-wrap .table.order table tr td.review-content .btns .delete {
  margin-left: 7px;
  background: url(/CImages/MALL/sub/btn_mypage_review_delete.png) no-repeat
}

.container.mypage .review-wrap .table.order table tr td.review-content .btns .delete:hover {
  background: url(/CImages/MALL/sub/btn_mypage_review_delete_hover.png) no-repeat
}

.container.mypage .review-wrap .table.order table tr td .text {
  width: 300px
}

.container.mypage .review-wrap .table.order table tr td .text p {
  font-size: 13px;
  color: #888
}

.container.mypage .review-wrap .pagination {
  margin-top: 29px
}

.container.mypage .qna-wrap {
  padding-top: 65px
}

.container.mypage .qna-wrap .tab-menu-1 {
  margin-top: 18px
}

.container.mypage .qna-wrap .table.order {
  position: relative;
  margin-top: 30px
}

.container.mypage .qna-wrap .table.order .btn-wrap-sm {
  position: absolute;
  top: -5px;
  right: 0
}

.container.mypage .qna-wrap .table.order table {
  margin-top: 18px;
  border-bottom: 1px solid #d2d2d2
}

.container.mypage .qna-wrap .table.order table tr:last-of-type td {
  border-bottom: 0
}

.container.mypage .qna-wrap .table.order table tr.contents {
  display: none
}

.container.mypage .qna-wrap .table.order table tr td {
  padding: 18px 0 20px 0;
  border-bottom: 1px solid #d2d2d2
}

.container.mypage .qna-wrap .table.order table tr td .btn-wrap-xs a {
  width: 67px;
  height: 24px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  line-height: 22px;
  border: 1px solid #92a2f4;
  border-radius: 12px;
  cursor: default
}

.container.mypage .qna-wrap .table.order table tr td .btn-wrap-xs a:hover {
  background: #fff
}

.container.mypage .qna-wrap .table.order table tr td.item-info {
  padding-left: 20px;
  padding-right: 20px
}

.container.mypage .qna-wrap .table.order table tr td.item-info h3 {
  cursor: pointer
}

.container.mypage .qna-wrap .table.order table tr td.item-info h3 img {
  margin: 0 0 -2px 5px
}

.container.mypage .qna-wrap .table.order table tr td.item-info p {
  margin-top: 2px
}

.container.mypage .qna-wrap .table.order table tr td.item-info p a {
  font-size: 13px;
  color: #02917e;
  line-height: 1;
  text-decoration: underline
}

.container.mypage .qna-wrap .table.order table tr td.date {
  font-size: 14px;
  color: #888
}

.container.mypage .qna-wrap .table.order table tr td.qna-content {
  padding: 25px 250px 40px 190px;
  text-align: left
}

.container.mypage .qna-wrap .table.order table tr td.qna-content::before {
  position: absolute;
  content: "";
  top: -1px;
  left: 0;
  width: 1140px;
  height: 1px;
  background: #fff;
  border-top: 1px dotted #e0e0e0
}

.container.mypage .qna-wrap .table.order table tr td.qna-content .contents {
  line-height: 1.6
}

.container.mypage .qna-wrap .table.order table tr td.qna-content .contents a {
  font-size: 13px;
  color: #529afa;
  text-decoration: underline
}

.container.mypage .qna-wrap .table.order table tr td.qna-content .contents img {
  margin: 5px 0
}

.container.mypage .qna-wrap .pagination {
  margin-top: 29px
}

.container.mypage .member-wrap {
  padding-top: 65px
}

.container.mypage .member-wrap .inner-wrap>p {
  margin: 25px 0 25px 0
}

.container.mypage .member-wrap .inner-wrap>h2 {
  margin: 50px 0 20px 0;
  font-size: 22px;
  font-weight: 500;
  color: #222;
  line-height: 1
}

.container.mypage .member-wrap .inner-wrap>.btn-wrap {
  margin-top: 40px
}

.container.mypage .member-wrap .inner-wrap>.btn-wrap a {
  width: 250px;
  height: 60px;
  margin: 0 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 60px
}

.container.mypage .member-wrap .box {
  width: 520px;
  padding: 62px 89px 67px 89px;
  margin: 85px auto 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #e0e0e0;
  text-align: center
}

.container.mypage .member-wrap .box p {
  margin-top: 24px;
  font-size: 14px;
  color: #666
}

.container.mypage .member-wrap .box h2 {
  margin-top: 22px;
  font-size: 30px;
  font-weight: 500;
  color: #222;
  line-height: 1
}

.container.mypage .member-wrap .box input {
  width: 100%;
  height: 46px;
  margin-top: 27px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 46px
}

.container.mypage .member-wrap .box .btn-wrap {
  margin-top: 20px
}

.container.mypage .member-wrap .box .btn-wrap a {
  width: 100%;
  height: 52px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 52px
}

.container.mypage .member-wrap .box-1 {
  position: relative;
  margin-top: 20px;
  padding: 55px 0 60px 175px;
  background: #f5f5f5 url(/CImages/MALL/sub/bg_mypage_member_box_1.png) no-repeat;
  background-position: 44px center
}

.container.mypage .member-wrap .box-1 p {
  font-size: 15px;
  color: #777;
  line-height: 1.5
}

.container.mypage .member-wrap .box-1 p .bold {
  color: #666
}

.container.mypage .member-wrap .box-1 .btn-wrap {
  position: absolute;
  top: 53px;
  right: 48px;
  margin-top: 0
}

.container.mypage .member-wrap .box-1 .btn-wrap a {
  width: 164px;
  height: 55px;
  margin-left: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  line-height: 54px;
  border-radius: 3px
}

.container.mypage .member-wrap .box-2 {
  margin-top: 20px;
  padding: 44px 50px 57px 50px;
  border: 1px solid #e0e0e0
}

.container.mypage .member-wrap .box-2 h4 {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #222
}

.container.mypage .member-wrap .box-2 h4.red {
  margin-top: 30px
}

.container.mypage .member-wrap .box-2 p {
  margin-bottom: 6px;
  font-family: "dotum";
  font-size: 13px;
  color: #222
}

.container.mypage .member-wrap .box-2 p a {
  font-weight: bold;
  text-decoration: underline
}

.container.mypage .member-wrap .box-2 input[type="text"] {
  width: 290px;
  margin-right: 6px
}

.container.mypage .member-wrap .box-2 .inner-btn {
  width: 140px;
  height: 42px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #222;
  line-height: 40px
}

.container.mypage .member-wrap .tab-menu-1 {
  margin-top: 18px
}

.container.mypage .member-wrap .tab-menu-2 {
  position: relative
}

.container.mypage .member-wrap .tab-menu-2 .leave {
  position: absolute;
  bottom: 8px;
  right: 0
}

.container.mypage .member-wrap .tab-menu-2 .leave a {
  position: relative;
  padding-right: 12px;
  font-family: "dotum";
  font-size: 13px;
  font-weight: bold;
  color: #454545;
  line-height: 1
}

.container.mypage .member-wrap .tab-menu-2 .leave a::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 1px;
  width: 0;
  height: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #454545
}

.container.mypage .member-wrap .tab-menu-2 .leave a:hover {
  text-decoration: underline
}

.container.mypage .member-wrap .tab-menu-2 p {
  position: absolute;
  bottom: 11px;
  right: 0;
  font-size: 14px;
  color: #777;
  line-height: 1
}

.container.mypage .member-wrap .tab-menu-2 p .red {
  font-weight: 500
}

.container.mypage .member-wrap .mileage-info {
  margin: 29px 0 25px 0;
  padding: 20px 0;
  border: 7px solid #f2f2f2
}

.container.mypage .member-wrap .mileage-info ul {
  font-size: 0
}

.container.mypage .member-wrap .mileage-info ul li {
  display: inline-block;
  position: relative;
  width: 370px;
  height: 69px;
  padding: 0 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-right: 1px solid #ddd
}

.container.mypage .member-wrap .mileage-info ul li h3 {
  position: absolute;
  top: 5px;
  left: 30px;
  height: 32px;
  padding-left: 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 17px;
  font-weight: 700;
  color: #666;
  line-height: 32px;
  background-repeat: no-repeat;
  background-position: 0 center
}

.container.mypage .member-wrap .mileage-info ul li p {
  position: absolute;
  bottom: 5px;
  right: 30px;
  font-size: 23px;
  font-weight: 500;
  color: #222;
  line-height: 1
}

.container.mypage .member-wrap .mileage-info ul li p span {
  font-size: 26px;
  font-weight: 700
}

.container.mypage .member-wrap .mileage-info ul li:nth-of-type(1) h3 {
  background-image: url("/CImages/MALL/sub/icon_mileage_info_1.png")
}

.container.mypage .member-wrap .mileage-info ul li:nth-of-type(2) h3 {
  background-image: url("/CImages/MALL/sub/icon_mileage_info_2.png")
}

.container.mypage .member-wrap .mileage-info ul li:nth-of-type(3) {
  border-right: 0
}

.container.mypage .member-wrap .mileage-info ul li:nth-of-type(3) h3 {
  background-image: url("/CImages/MALL/sub/icon_mileage_info_3.png")
}

.container.mypage .member-wrap .mileage-info ul li:nth-of-type(3) p {
  color: #1fad95
}

.container.mypage .member-wrap .form-wrap {
  position: relative;
  padding: 60px 52px 40px 85px;
  border: 1px solid #e0e0e0
}

.container.mypage .member-wrap .form-wrap .discription {
  position: absolute;
  top: 35px;
  right: 43px
}

.container.mypage .member-wrap .form-wrap table tr td input[type="text"],
.container.mypage .member-wrap .form-wrap table tr td input[type="num"],
.container.mypage .member-wrap .form-wrap table tr td .inner-btn {
  min-width: 110px;
  height: 42px;
  line-height: 42px;
  vertical-align: baseline
}

.container.mypage .member-wrap .form-wrap table tr td .bold {
  color: #222
}

.container.mypage .member-wrap .form-wrap table tr td.mobile-phone .select-option,
.container.mypage .member-wrap .form-wrap table tr td.landline-phone .select-option,
.container.mypage .member-wrap .form-wrap table tr td.email .select-option,
.container.mypage .member-wrap .form-wrap table tr td.bank .select-option {
  width: 130px;
  height: 42px;
  margin-right: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 40px
}

.container.mypage .member-wrap .form-wrap table tr td.mobile-phone .inner-btn {
  vertical-align: top
}

.container.mypage .member-wrap .form-wrap table tr td.mobile-phone .certifi-num {
  display: inline-block;
  position: relative
}

.container.mypage .member-wrap .form-wrap table tr td.mobile-phone .certifi-num input[type="text"] {
  width: 140px;
  padding-right: 50px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: left
}

.container.mypage .member-wrap .form-wrap table tr td.mobile-phone .certifi-num .time {
  position: absolute;
  top: 14px;
  right: 12px;
  font-family: "굴림";
  font-size: 12px;
  font-weight: bold;
  color: #529afa;
  letter-spacing: 0
}

.container.mypage .member-wrap .form-wrap table tr td.mobile-phone .confirm {
  width: 100px
}

.container.mypage .member-wrap .form-wrap table tr td.email .select-list {
  left: 341px
}

.container.mypage .member-wrap .form-wrap table tr td.bank .select-option {
  width: 150px
}

.container.mypage .member-wrap .table.white {
  position: relative
}

.container.mypage .member-wrap .table.white .btn-wrap-sm.left {
  margin-top: 16px
}

.container.mypage .member-wrap .table.white .btn-wrap-sm.left a {
  margin-right: 6px
}

.container.mypage .member-wrap .table.white .btn-wrap-sm.right {
  position: absolute;
  top: 0;
  right: 0
}

.container.mypage .member-wrap .table.white .btn-wrap-sm.right a {
  position: relative;
  padding-left: 25px
}

.container.mypage .member-wrap .table.white .btn-wrap-sm.right a::before {
  position: absolute;
  content: "";
  top: 10px;
  left: 16px;
  width: 1px;
  height: 7px;
  background: #fff
}

.container.mypage .member-wrap .table.white .btn-wrap-sm.right a::after {
  position: absolute;
  content: "";
  top: 13px;
  left: 13px;
  width: 7px;
  height: 1px;
  background: #fff
}

.container.mypage .member-wrap .table.white table {
  margin-top: 14px
}

.container.mypage .member-wrap .table.white table tr td {
  padding: 0 30px;
  color: #222;
  border-right: 0;
  box-sizing: border-box
}

.container.mypage .member-wrap .table.white.border {
  padding-bottom: 10px
}

.container.mypage .member-wrap .table.white.border p {
  font-size: 14px;
  color: #777;
  line-height: 1
}

.container.mypage .member-wrap .table.white.border table tr td {
  color: #454545
}

.container.mypage .member-wrap .table.white.border table tr td.order-num {
  color: #666
}

.container.mypage .member-wrap .table.white.border table tr td.order-num .btn-wrap-xs {
  margin-top: 4px
}

.container.mypage .member-wrap .table.white.border table tr td.remark {
  color: #666;
  text-align: left
}

.container.mypage .member-wrap .pagination {
  margin-top: 30px
}

.container.mypage .planner-wrap {
  padding-top: 65px
}

.container.mypage .planner-wrap .tab-menu-1 {
  margin-top: 18px
}

.container.mypage .planner-wrap .inner-wrap>h2 {
  margin-top: 50px;
  font-size: 26px;
  font-weight: 500;
  color: #00917c;
  line-height: 1
}

.container.mypage .planner-wrap .inner-wrap>p {
  margin-top: 14px
}

.container.mypage .planner-wrap .form-wrap {
  margin-top: 18px;
  padding: 60px 52px 40px 85px;
  border: 1px solid #e0e0e0
}

.container.mypage .planner-wrap .form-wrap.second {
  margin-top: 30px;
  padding: 0;
  padding-bottom: 40px;
}

.container.mypage .planner-wrap .form-wrap.second table tr th {
  padding-left: 88px;
}

.container.mypage .planner-wrap .form-wrap table tr td input[type="text"],
.container.mypage .planner-wrap .form-wrap table tr td input[type="num"],
.container.mypage .planner-wrap .form-wrap table tr td .inner-btn {
  min-width: 90px;
  height: 42px;
  line-height: 42px;
  vertical-align: baseline
}

.container.mypage .planner-wrap .form-wrap table tr td .bold {
  color: #222
}

.container.mypage .planner-wrap .form-wrap table tr td .select-option {
  width: 130px;
  height: 42px;
  margin-right: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 40px
}

.container.mypage .planner-wrap .form-wrap table tr td.email .select-list {
  left: 341px
}

.container.mypage .planner-wrap .form-wrap table tr td.bank .select-option {
  width: 150px
}

.container.mypage .planner-wrap .btn-wrap {
  margin-top: 40px
}

.container.mypage .planner-wrap .btn-wrap a {
  width: 249px;
  height: 60px;
  margin: 0 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 58px
}

.container.mypage .planner-wrap .btn-wrap.mt0 a {
  height: 46px;
  line-height: 46px;
}

.container.customer {
  padding-bottom: 90px
}

.container.customer .tab-menu-1 {
  margin-top: 20px
}

.container.customer .tab-menu-1 ul li {
  display: table-cell;
  text-align: center
}

.container.customer .tab-menu-1 ul li a {
  display: block;
  position: relative;
  width: 228px;
  height: 52px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #454545;
  line-height: 50px;
  -webkit-transition: all .1s;
  transition: all .1s;
  border: 1px solid #d9d9d9;
  border-left: 0
}

.container.customer .tab-menu-1 ul li a:hover {
  background: #f6f6f6
}

.container.customer .tab-menu-1 ul li.active a {
  font-weight: 500;
  color: #02917e
}

.container.customer .tab-menu-1 ul li.active a::before {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #00917c
}

.container.customer .tab-menu-1 ul li.active a:hover {
  background: #fff
}

.container.customer .tab-menu-1 ul li:first-of-type a {
  border-left: 1px solid #d9d9d9
}

.container.customer .tab-menu-2 {
  margin-top: 25px
}

.container.customer .tab-menu-2 ul {
  border-bottom: 1px solid #454545
}

.container.customer .tab-menu-2 ul li {
  display: table-cell;
  text-align: center
}

.container.customer .tab-menu-2 ul li:first-of-type a::before {
  display: none
}

.container.customer .tab-menu-2 ul li a {
  display: block;
  position: relative;
  height: 41px;
  padding: 0 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  color: #666;
  line-height: 40px;
  transition: background, 0.1s;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-bottom: 0
}

.container.customer .tab-menu-2 ul li a::before {
  position: absolute;
  content: "";
  top: 0;
  left: -2px;
  width: 2px;
  height: 100%;
  background: #fff;
  z-index: 1
}

.container.customer .tab-menu-2 ul li a:hover {
  background: #e2e2e2
}

.container.customer .tab-menu-2 ul li.active a {
  color: #454545;
  background: #fff;
  border: 1px solid #454545;
  border-bottom: 0;
  z-index: 2
}

.container.customer .tab-menu-2 ul li.active a::before {
  display: none
}

.container.customer .tab-menu-2 ul li.active a::after {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff
}

.container.customer .search-wrap {
  width: 100%;
  padding: 25px;
  margin-top: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #f5f5f5
}

.container.customer .search-wrap .wrap {
  position: relative;
  width: 440px;
  height: 46px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #fff;
  border: 2px solid #666;
  border-radius: 23px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1)
}

.container.customer .search-wrap .wrap input[type="text"] {
  width: 100%;
  padding: 0 50px 0 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  color: #666;
  border: none
}

.container.customer .search-wrap .wrap button {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 0;
  background: url("/CImages/MALL/sub/icon_customer_search.png") no-repeat
}

.container.customer .table.order img {
  margin-left: 5px
}

.container.customer .table.order td {
  border-bottom: 1px solid #d2d2d2
}

.container.customer .table.order td.item-info {
  padding-right: 50px
}

.container.customer .table.order td.date {
  font-size: 14px;
  color: #888
}

.container.customer .table.order.view table {
  width: 100%
}

.container.customer .table.order.view table tr:last-of-type td {
  border-bottom: 1px solid #d2d2d2
}

.container.customer .table.order.view table tr th,
.container.customer .table.order.view table tr td {
  text-align: left
}

.container.customer .table.order.view table tr th {
  padding: 0 10px;
  height: 66px;
  font-size: 16px;
  border-bottom: 1px dotted #e0e0e0
}

.container.customer .table.order.view table tr th span.date {
  margin-left: 13px;
  font-size: 12px;
  color: #777
}

.container.customer .table.order.view table tr th span.user {
  position: relative;
  margin-left: 5px;
  padding-left: 6px;
  font-size: 12px;
  color: #777
}

.container.customer .table.order.view table tr th span.user::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 1px;
  height: 10px;
  background: #e6e6e6
}

.container.customer .table.order.view table tr td {
  padding: 20px 50px 20px 10px;
  border-bottom: 1px dotted #e0e0e0
}

.container.customer .table.order.view table tr td.attach {
  padding: 10px
}

.container.customer .table.order.view table tr td.content {
  font-size: 15px;
  color: #777;
  line-height: 1.6
}

.container.customer .table.order.view table tr td.content img {
  margin: 0
}

.container.customer .form-wrap table tr td {
  font-size: 14px
}

.container.customer .form-wrap table tr td label,
.container.customer .form-wrap table tr td textarea {
  font-size: 14px
}

.container.customer .form-wrap table tr td input[type="text"],
.container.customer .form-wrap table tr td input[type="num"],
.container.customer .form-wrap table tr td .select-option {
  height: 34px;
  font-size: 14px;
  line-height: 32px
}

.container.customer .form-wrap table tr td .select-option {
  width: 200px;
  margin-right: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.customer .form-wrap table tr td .attachment .bar span {
  position: absolute;
  top: 18px;
  left: 20px
}

.container.customer .form-wrap table tr td .attachment ul {
  display: block;
  margin-bottom: 10px
}

.container.customer .form-wrap table tr td .attachment ul li {
  position: relative;
  width: 300px;
  height: 40px;
  padding: 0 50px 0 15px;
  margin-right: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #07ae96
}

.container.customer .form-wrap table tr td .attachment ul li span {
  font-family: "Dotum";
  font-size: 13px;
  font-weight: bold;
  color: #05a08a;
  line-height: 39px
}

.container.customer .form-wrap table tr td .attachment ul li .delete {
  position: absolute;
  top: 12px;
  right: 12px
}

.container.customer .form-wrap table tr td .attachment ul li:hover {
  background: #f6f6f6
}

.container.customer .attach-download ul li {
  width: 100%;
  height: 20px;
  padding-right: 15px;
  margin-top: -1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.container.customer .attach-download ul li a {
  display: inline-block;
  height: 20px;
  padding-left: 28px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Dotum";
  font-size: 13px;
  color: #222;
  line-height: 23px;
  -webkit-transition: all .1s;
  transition: all .1s;
  background: url("/CImages/MALL/sub/icon_attach_download.png") no-repeat;
  background-position: 3px 4px
}

.container.customer .attach-download ul li a:hover {
  background: url("/CImages/MALL/sub/icon_attach_download_hover.png") no-repeat;
  background-position: 3px 4px;
  text-decoration: underline
}

.container.customer .pagination {
  margin-top: 30px
}

.container.customer .notice-wrap {
  padding-top: 65px
}

.container.customer .notice-wrap .customer-info {
  margin: 22px 0 42px 0;
  background: #f9f9f9;
  border: 1px solid #e2e2e2
}

.container.customer .notice-wrap .customer-info .wrap {
  font-size: 0
}

.container.customer .notice-wrap .customer-info .wrap h3 {
  position: absolute;
  top: 0;
  left: 34px;
  font-size: 15px;
  font-weight: 700
}

.container.customer .notice-wrap .customer-info .wrap p {
  padding-left: 122px
}

.container.customer .notice-wrap .customer-info .wrap .left,
.container.customer .notice-wrap .customer-info .wrap .right {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 118px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-repeat: no-repeat;
  vertical-align: top
}

.container.customer .notice-wrap .customer-info .wrap .left h3,
.container.customer .notice-wrap .customer-info .wrap .right h3 {
  top: 26px
}

.container.customer .notice-wrap .customer-info .wrap .left {
  padding-top: 24px;
  background-image: url("/CImages/MALL/sub/bg_customer_info_left.png");
  background-position: right 45px top 31px
}

.container.customer .notice-wrap .customer-info .wrap .left::after {
  position: absolute;
  content: "";
  top: 25px;
  right: 0;
  width: 1px;
  height: 72px;
  background: #e2e2e2
}

.container.customer .notice-wrap .customer-info .wrap .left .num {
  padding-left: 122px;
  margin-bottom: 5px;
  font-family: "Montserrat";
  font-size: 26px;
  color: #000;
  line-height: 1
}

.container.customer .notice-wrap .customer-info .wrap .left h3 {
  color: #6779da
}

.container.customer .notice-wrap .customer-info .wrap .left p {
  margin-top: 3px;
  font-size: 14px;
  color: #222
}

.container.customer .notice-wrap .customer-info .wrap .left p span {
  font-size: 13px;
  color: #888
}

.container.customer .notice-wrap .customer-info .wrap .right {
  padding-top: 26px;
  background-image: url("/CImages/MALL/sub/bg_customer_info_right.png");
  background-position: right 47px top 40px
}

.container.customer .notice-wrap .customer-info .wrap .right h3 {
  color: #33a292
}

.container.customer .notice-wrap .customer-info .wrap .right p {
  font-size: 15px;
  font-weight: 700;
  color: #222
}

.container.customer .notice-wrap .customer-info .wrap .right p span {
  font-size: 14px;
  font-weight: 400;
  color: #454545
}

.container.customer .notice-wrap .customer-info .wrap .full {
  position: relative;
  padding: 19px 0;
  border-top: 1px solid #e2e2e2
}

.container.customer .notice-wrap .customer-info .wrap .full h3 {
  top: 16px
}

.container.customer .notice-wrap .customer-info .wrap .full p {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  line-height: 1
}

.container.customer .notice-wrap .customer-info .wrap .full p span {
  font-weight: 400;
  color: #454545
}

.container.customer .notice-wrap .btn-wrap {
  margin-top: 22px
}

.container.customer .notice-wrap .btn-wrap a {
  width: 130px;
  height: 46px;
  margin: 0 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  line-height: 44px;
  background-repeat: no-repeat
}

.container.customer .notice-wrap .btn-wrap a:hover {
  background-repeat: no-repeat
}

.container.customer .notice-wrap .btn-wrap a.prev {
  padding-left: 18px;
  background-image: url("/CImages/MALL/sub/arrow_notice_view_prev.png");
  background-position: 28px center
}

.container.customer .notice-wrap .btn-wrap a.next {
  padding-right: 18px;
  background-image: url("/CImages/MALL/sub/arrow_notice_view_next.png");
  background-position: right 28px center
}

.container.customer .faq-wrap {
  padding-top: 65px
}

.container.customer .faq-wrap .board {
  margin-top: 21px
}

.container.customer .faq-wrap .board>ul {
  border-top: 1px solid #d2d2d2
}

.container.customer .faq-wrap .board>ul>li {
  padding: 25px 0;
  border-bottom: 1px solid #d2d2d2;
  clear: both
}

.container.customer .faq-wrap .board>ul>li .subject,
.container.customer .faq-wrap .board>ul>li .num {
  display: table-cell;
  font-size: 15px;
  vertical-align: middle
}

.container.customer .faq-wrap .board>ul>li .subject {
  width: 1060px;
  padding-left: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #454545;
  cursor: pointer
}

.container.customer .faq-wrap .board>ul>li .subject span {
  margin-left: 7px;
  vertical-align: middle
}

.container.customer .faq-wrap .board>ul>li .num {
  width: 80px;
  font-size: 14px;
  color: #888;
  text-align: center
}

.container.customer .faq-wrap .board>ul>li .contents {
  display: none;
  position: relative;
  padding-top: 25px;
  padding-left: 10px;
  margin-top: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #454545;
  border-top: 1px dotted #e0e0e0;
  clear: both
}

.container.customer .question-wrap {
  padding-top: 65px;
  padding-bottom: 30px
}

.container.customer .question-wrap .form-wrap {
  margin-top: 29px
}

.container.customer .question-wrap .form-wrap .discription {
  margin-left: 8px
}

.container.customer .question-wrap .form-wrap table {
  margin-top: 13px
}

.container.customer .question-wrap .form-wrap table tr th {
  vertical-align: middle
}

.container.customer .question-wrap .form-wrap table tr td.email .select-option {
  width: 130px
}

.container.customer .question-wrap .form-wrap table tr td.email .select-list {
  top: 52px;
  left: 361px
}

.container.customer .question-wrap .form-wrap table tr td.mobile-phone .select-option {
  width: 130px;
  margin-right: 0
}

.container.customer .question-wrap .form-wrap table tr td.mobile-phone .select-list {
  top: 52px;
  left: 20px
}

.container.customer .question-wrap .form-wrap table tr td.division .select-option {
  width: 240px
}

.container.customer .question-wrap .form-wrap table tr td.division .select-list {
  top: 52px;
  left: 20px;
  width: 240px
}

.container.customer .question-wrap .form-wrap table tr td textarea {
  width: 923px;
  height: 253px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.customer .question-wrap .terms-wrap {
  position: relative;
  margin-top: 38px
}

.container.customer .question-wrap .terms-wrap h3 {
  display: inline-block;
  font-size: 15px;
  color: #222
}

.container.customer .question-wrap .terms-wrap p {
  display: inline-block;
  margin-left: 15px;
  font-size: 13px;
  color: #666
}

.container.customer .question-wrap .terms-wrap table {
  width: 100%;
  margin-top: 13px;
  border-collapse: collapse;
  border: 1px solid #cacaca
}

.container.customer .question-wrap .terms-wrap table th {
  width: 33%;
  padding: 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #222;
  line-height: 1;
  background: #fbfbfb;
  border: 1px solid #cacaca
}

.container.customer .question-wrap .terms-wrap table td {
  padding: 16px 19px;
  font-size: 14px;
  color: #777;
  border: 1px solid #cacaca;
  word-break: keep-all
}

.container.customer .question-wrap .terms-wrap .check {
  margin-top: 12px;
  text-align: center
}

.container.customer .question-wrap .terms-wrap .check label {
  font-size: 14px;
  color: #454545
}

.container.customer .question-wrap .btn-wrap {
  margin-top: 40px
}

.container.customer .question-wrap .btn-wrap a {
  width: 249px;
  height: 60px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 58px
}

.container.customer .review-wrap {
  padding-top: 65px
}

.container.customer .review-wrap .item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 7px
}

.container.customer .review-wrap .item .img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dedede;
  border-radius: 50%;
  overflow: hidden
}

.container.customer .review-wrap .item .img img {
  max-width: 100%
}

.container.customer .review-wrap .item .link a {
  font-size: 13px;
  color: #529afa;
  line-height: 1
}

.container.customer .review-wrap .item .link a span {
  position: relative;
  margin: 0 7px 0 8px
}

.container.customer .review-wrap .item .link a span::before {
  position: absolute;
  content: "";
  top: 4px;
  left: 50%;
  width: 1px;
  height: 11px;
  background: #529afa
}

.container.customer .review-wrap .board {
  margin-top: 25px
}

.container.customer .review-wrap .board ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.container.customer .review-wrap .board ul li {
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  width: 50%;
  padding: 20px;
  margin-top: -1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: all .1s;
  transition: all .1s;
  border: 1px solid #e8e8e8;
  z-index: 1
}

.container.customer .review-wrap .board ul li:hover {
  border: 1px solid #83c748;
  z-index: 2
}

.container.customer .review-wrap .board ul li:nth-child(even) {
  margin: -1px -1px 0 -1px
}

.container.customer .review-wrap .board ul li .thumb {
  flex-shrink: 0;
  position: relative;
  width: 124px;
  height: 124px;
  margin-right: 18px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.1)
}

.container.customer .review-wrap .board ul li .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%
}

.container.customer .review-wrap .board ul li .content {
  display: inline-block;
  padding-top: 2px;
  flex-shrink: 1
}

.container.customer .review-wrap .board ul li .content h3 {
  margin-bottom: 11px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1
}

.container.customer .review-wrap .board ul li .content h3 a {
  color: #222
}

.container.customer .review-wrap .board ul li .content span {
  position: relative;
  font-size: 12px;
  color: #777;
  line-height: 1
}

.container.customer .review-wrap .board ul li .content span.user {
  position: relative;
  margin-left: 5px;
  padding-left: 6px
}

.container.customer .review-wrap .board ul li .content span.user::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 1px;
  height: 10px;
  background: #e6e6e6
}

.container.customer .review-wrap .board ul li .content p {
  margin-top: 8px;
  font-size: 14px
}

.container.customer .review-wrap .board ul li .content p a {
  color: #666
}

.container.customer .review-wrap .table.order.view th {
  border-bottom: 1px solid #d2d2d2
}

.container.customer .review-wrap .table.order.view td.item {
  padding: 10px;
  margin-top: 0
}

.container.customer .review-wrap .table.order.view td.item .item {
  margin-top: 0
}

.container.customer .review-wrap .table.order.view td .report {
  position: absolute;
  top: 13px;
  right: 13px
}

.container.customer .review-wrap .table.order.view td .report a {
  display: block;
  width: 62px;
  height: 28px;
  padding-left: 17px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  color: #222;
  line-height: 27px;
  transition: background, 0.1s;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  background-color: #fff;
  background-image: url("/CImages/MALL/sub/icon_report.png");
  background-repeat: no-repeat;
  background-position: 9px 5px;
  text-align: center
}

.container.customer .review-wrap .table.order.view td .report a:hover {
  background-color: #f6f6f6
}

.container.customer .review-wrap .table.order.view td .content {
  padding-right: 45px;
  font-size: 15px;
  color: #777;
  line-height: 1.6
}

.container.customer .review-wrap .btn-wrap-sm {
  display: inline-block;
  margin-left: 10px
}

.container.customer .review-wrap .btn-wrap-sm a {
  width: 63px;
  height: 24px;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  color: #454545;
  line-height: 21px
}

.container.customer .review-wrap .btn-wrap {
  margin-top: 22px
}

.container.customer .review-wrap .btn-wrap a {
  width: 210px;
  height: 46px;
  margin: 0 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  line-height: 44px
}

.container.service {
  padding-bottom: 90px
}

.container.service .service-wrap {
  padding-top: 66px
}

.container.service .service-wrap .tab-menu {
  margin-top: 30px
}

.container.service .service-wrap .tab-menu ul li {
  width: 33.33%
}

.container.service .service-wrap .terms-wrap {
  width: 1139px;
  border-left: 2px solid #f1f1f1;
  border-bottom: 2px solid #f1f1f1;
  border-right: 1px solid #e0e0e0;
  box-sizing: border-box
}

.container.service .service-wrap .terms-wrap .scroll-lc {
  position: relative;
  height: 673px
}

.container.service .service-wrap .terms-wrap .scroll-lc::before {
  position: absolute;
  content: "";
  top: 0;
  right: 13px;
  width: 1px;
  height: 100%;
  background: #e0e0e0
}

.container.service .service-wrap .terms-wrap .scroll-lc::after {
  position: absolute;
  content: "";
  bottom: -1px;
  right: 0;
  width: 14px;
  height: 1px;
  background: #e0e0e0
}

.container.service .service-wrap .terms-wrap .scroll-lc iframe {
  width: 100%;
  height: 673px;
  padding: 10px 4px 30px 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.service .service-wrap .select-wrap {
  position: relative;
  margin-top: 10px;
  text-align: right
}

.container.service .service-wrap .select-wrap .select-option {
  width: 200px;
  height: 34px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  color: #454545;
  line-height: 32px;
  text-align: left
}

.container.service .service-wrap .select-wrap .select-list {
  width: 200px;
  font-size: 14px;
  color: #454545;
  position: absolute;
  top: 33px;
  left: 940px;
  text-align: left
}

/* header */

.header {
    /*position: fixed;*/
    width: 100%;
    background: #fff;
    z-index: 10;
}
.header .header-top {
    border-bottom: 1px solid #e8e8e8;
}

.header .header-top .inner-wrap .bookmark {
    position: absolute;
    top: 0;
    left: 0;
}

.header .header-top .inner-wrap .bookmark a {
    display: table-cell;
    height: 38px;
    padding: 2px 0 2px 23px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 13px;
    font-weight: 500;
    color: #383838;
    line-height: 1;
    vertical-align: middle;
    background: url("/CImages/MALL/common/icon_bookmark.png") no-repeat;
    background-position: 0 center;
}

.header .header-top .inner-wrap .tnb {
    text-align: right;
}

.header .header-top .inner-wrap .tnb ul {
    font-size: 0;
}

.header .header-top .inner-wrap .tnb ul li {
    display: inline-block;
    position: relative;
    height: 38px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 12px;
    color: #666;
    line-height: 38px;
    vertical-align: middle;
}

.header .header-top .inner-wrap .tnb ul li::after {
    position: absolute;
    content: "";
    top: 14px;
    right: -1px;
    width: 1px;
    height: 11px;
    background: #d6caca;
}

.header .header-top .inner-wrap .tnb ul li:last-child {
    padding-right: 0;
}

.header .header-top .inner-wrap .tnb ul li:last-child::after {
    display: none;
}

.header .header-top .inner-wrap .tnb ul li div {
    display: table-cell;
    padding-left: 74px;
    vertical-align: middle;
}

.header .header-top .inner-wrap .tnb ul li div.level {
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
    width: 70px;
    height: 20px;
    padding-left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 11px;
    color: #38b2d2;
    line-height: 17px;
    border: 1px solid #3dc0e4;
    border-radius: 10px;
    text-align: center;
}

.header .header-top .inner-wrap .tnb ul li div span {
    font-weight: 500;
    color: #222;
}

.header .header-top .inner-wrap .tnb ul li a {
    color: #666;
}

.header .header-mid {
    position: relative;
    width: 100%;
    height: 110px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: all .2s;
    transition: all .2s;
    /*border-bottom: 1px solid #e8e8e8;*/
}

.header .header-mid .inner-wrap .logo {
    position: absolute;
    top: 26px;
    width: 300px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.header .header-mid .inner-wrap .logo img {
    width: 100%
}

.fs14 {
    font-size:14pt;

}