@charset "utf-8";

html {
    -webkit-text-size-adjust: auto; /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust: auto; /* IE */
    -moz-text-size-adjust: auto; /* 파이어폭스 */
    -o-text-size-adjust: auto; /* 오페라 구버전 */
    font-size: 62.5%;
    /*-webkit-touch-callout: none;*/
    /*-webkit-user-select: none;*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

/* default root*/
:root {
    /* primary , main color */
    --primary-color1: #631AFD;
    --primary-color2: #504FFB;
    --primary-color3: #BE04ff;
    --primary-color4: #1F86FF;

    /* accent color*/
    --color-purple: #4917B3;
    --color-green: #00B04E;
    --color-green2: #03C75A;
    --color-yellow: #FCFF6C;
    --color-orange: #FF7C31;

    /* second color*/
    --color-second: #F9F7FF;


    /* Text color  */
    --color-000: #000;
    --color-222: #222;
    --color-333: #333;
    --color-444: #444;
    --color-666: #666;
    --color-767676: #767676;
    --color-999: #999;
    --color-191919: #191919;

    /*base color */
    --color-aaa: #aaa;
    --color-ccc: #ccc;
    --color-ddd: #ddd;
    --color-e2e2e2: #e2e2e2;
    --color-f8f8f8: #f8f8f8;
    --color-f4f4f4: #f4f4f4;
    --color-fff: #fff;

    /*margin padding 8,10 */
    --mp-8: 0.8rem;
    --mp-10: 1rem;
    --mp-16: 1.6rem;
    /* font */
    --text-heading1: 600 4rem/120% 'Apple SD Gothic Neo';
    --text-heading2: 400 3rem/120% 'Apple SD Gothic Neo';
    --text-heading2-semi-bold: 600 3rem/120% 'Apple SD Gothic Neo';

    --text-heading3-semi-bold: 600 2.8rem/120% 'Apple SD Gothic Neo';

    --text-heading4-extra-bold: 800 2.6rem/150% 'Apple SD Gothic Neo';
    --text-heading3-regular: 400 2.6rem/150% 'Apple SD Gothic Neo';

    --text-subtitle27-bold: 700 2.7rem/140% 'Apple SD Gothic Neo';
    --text-subtitle27-regular: 400 2.7rem/140% 'Apple SD Gothic Neo';

    --text-subtitle26-semi-bold: 600 2.6rem/140% 'Apple SD Gothic Neo';

    --text-subtitle24-bold: 700 2.4rem/120% 'Apple SD Gothic Neo';
    --text-subtitle24-semi-bold: 600 2.4rem/120% 'Apple SD Gothic Neo';
    --text-subtitle24-regular: 400 2.4rem/120% 'Apple SD Gothic Neo';

    --text-subtitle23-bold: 700 2.3rem/140% 'Apple SD Gothic Neo';
    --text-subtitle23-regular: 400 2.3rem/140% 'Apple SD Gothic Neo';
    --text-subtitle22-semi-bold: 600 2.2rem/140% 'Apple SD Gothic Neo';
    --text-subtitle22-regular: 400 2.2rem/140% 'Apple SD Gothic Neo';
    --text-subtitle20-semi-bold: 600 2rem/155% 'Apple SD Gothic Neo';
    --text-subtitle20-regular: 400 2rem/155% 'Apple SD Gothic Neo';


    --text-body19-bold: 700 1.9rem/130% 'Apple SD Gothic Neo';
    --text-body19-regular: 400 1.9rem/130% 'Apple SD Gothic Neo';

    --text-body18-bold: 700 1.8rem/130% 'Apple SD Gothic Neo';
    --text-body18-semi-bold: 600 1.8rem/130% 'Apple SD Gothic Neo';
    --text-body18-regular: 400 1.8rem/130% 'Apple SD Gothic Neo';


    --text-body17-regular: 400 1.7rem/140% 'Apple SD Gothic Neo';
    --text-body17-bold: 700 1.7rem/140% 'Apple SD Gothic Neo';


    --text-body16-bold: 700 1.6rem/140% 'Apple SD Gothic Neo';
    --text-body16-semi-bold: 600 1.6rem/140% 'Apple SD Gothic Neo';
    --text-body16-regular: 400 1.6rem/140% 'Apple SD Gothic Neo';

    --text-body15-regular: 400 1.5rem/140% 'Apple SD Gothic Neo';
    --text-body15-bold: 700 1.5rem/140% 'Apple SD Gothic Neo';

    --text-body14-bold: 700 1.4rem/140% 'Apple SD Gothic Neo';
    --text-body14-semi-bold: 600 1.4rem/140% 'Apple SD Gothic Neo';
    --text-body14-regular: 400 1.4rem/140% 'Apple SD Gothic Neo';


    --text-body13-regular: 400 1.3rem/140% 'Apple SD Gothic Neo';
    --text-body13-bold: 700 1.3rem/140% 'Apple SD Gothic Neo';


    --text-caption-regular: 400 1.2rem/18px 'Apple SD Gothic Neo';
    --text-caption-bold: 700 1.2rem/20px 'Apple SD Gothic Neo';
    --text-tiny: 400 1.1rem/14px 'Apple SD Gothic Neo';
}

@media only screen and (max-width: 550px) {
    html {
    / / font-size: 50.5 %;
    }
}

/* 전역 css */
* {
    font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    letter-spacing: -0.5px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
    margin: 0;
    padding: 0;
    max-height: 100000px;
}

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

fieldset {
    border: 0 none;
    vertical-align: top;
}

dl, ul, ol, menu, li {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}

button[type=submit] {
    outline: none;
    filter: chroma(color=#000000);
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input:checked[type='checkbox'] {
    -webkit-appeArance: checkbox
}

caption {
    visibility: hidden;
    overflow: hidden;
    width: 1px;
    height: 0;
    font-size: 0;
    line-height: 0;
}

hr {
    display: none;
}

legend {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

th, td {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}


html, body {
    width: 100%;
    height: 100%;
}

html.auto {
    height: 100%;
    overflow: auto;
}

html.overflow {
    height: 100%;
    overflow: hidden;
}

html, body {
    height: 100%;
}

body {
    min-width: 320px;
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    font-size: 100%;
    color: #666;
}

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

img {
    max-width: 100%;
    vertical-align: middle;
    border: none;
    outline: none;
}

em, address {
    font-style: normal
}

label {
    cursor: pointer
}

form {
    clear: both
}

th, td, input, select, textarea, button, pre {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #666;
    font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number] {
    box-sizing: border-box;
    padding: 0 10px;
    width: 180px;
    height: 32px;
    font: var(--text-body13-regular);
    line-height: 32px;
    color: var(--color-222);
    border: 1px solid var(--color-ddd);
    border-radius: 4px;
}

input::placeholder {
    color: var(--color-ccc);
}

input:focus {
    outline: none;
}

input[type=number] {
    position: relative;
    padding: 0 4px;
    text-align: center;
    min-width: 32px;
}

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

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

a {
    color: #444;
    text-decoration: none;
    border: none;
    outline: none;
}

a:hover, a:focus {
    text-decoration: none;
}

input::placeholder {
    color: #999;
    font-weight: 400;
}

input:-ms-input-placeholder {
    color: #999;
    font-weight: 400;
}

input.hsize_b {
    height: 28px;
    line-height: 28px;
}

input.size_zip {
    width: 50px;
}

input.size_zip_all {
    width: 70px;
}

input.size_address {
    width: 100%;
}

input.size_full {
    width: 100%;
}

input.size_phone {
    width: 54px;
}

input.size_name {
    width: 120px;
}

input.size_mail {
    width: 160px;
}

input.size_price {
    width: 90px;
}

input.size_email_full {
    width: 220px;
}

label.label1 {
    display: inline-block;
    padding-right: 10px;
}

.label_group.v2 {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.label_group label {
    display: inline-block;
    padding: 4px 12px 4px 0;
}

.label_group label:last-child {
    padding-right: 0;
}

.label_group2 label {
    display: inline-block;
    padding: 4px 12px 4px 0;
}

.label_group2 label:last-child {
    padding-right: 0;
}

.labelgroup_design label {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 32px;
    padding: 0 12px;
    line-height: 30px;
    border: 1px #bbb solid;
    border-radius: 14px;
}

.labelgroup_design input[type="radio"] {
    width: 1px;
    height: 1px;
    font-size: 0;
    margin: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.labelgroup_design label.on {
    border-color: #434343;
    background-color: #434343;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    input[type=number] {
        padding: 0 4px;
        text-align: center;
    }

    .res_board_boxad {
        vertical-align: top;
        margin-top: -7px;
    }

    .res_board_boxad2 {
        vertical-align: top;
        margin-top: -5px;
    }

    .m_dib {
        display: inline-block;
    }
}

@media only screen and (max-width: 479px) {
    .label_group label {
        display: block;
        padding: 4px 0;
    }
}

input[type=password] {
    font-weight: 500;
}

input[type=password]::placeholder {
    font-weight: 400;
}

input[type=password]:-ms-input-placeholder {
    font-weight: 400;
}

input[type=button], input[type=image], input[type=submit], input[type=reset], input[type=file], button {
    border-radius: 2px;
    -webkit-appearance: none;
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
}

input[type=radio] {
    width: 19px;
    height: 19px;
}

input[disabled] {
    opacity: 0.7;
}

input[readonly] {
    background: #f8f8f8;
    cursor: default;
}

select[disabled] {
    opacity: 0.7;
    background: #f8f8f8;
    cursor: default;
}

textarea:focus {
    outline: none;
}

textarea {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    font-size: 13px;
    line-height: 1.4;
    color: #333;
    border: 1px var(--color-ddd) solid;
    border-radius: 4px;
    resize: none;
}

textarea::placeholder {
    color: #999;
}

textarea:-ms-input-placeholder {
    color: #999;
}

select {
    border: 1px solid #ccc;
    background: #fff;
    height: 32px;
    padding-left: 5px;
    border-radius: 2px;
    font-size: 13px;
    vertical-align: top;
    max-width: 100%;
}

.default_select:focus {
    outline: none;
}

.default_select {
    width: 100%;
    padding: 0 30px 0 10px;
    color: var(--color-222);
    height: 35px;
    appearance: none;
    -webkit-appearance: none;
    background: url(../images/design/ico_arw_select_off.png) right 10px center no-repeat;
    background-size: 9px 6px;
    border-color: #ddd;
    border-radius: 4px;
    transition: all 0.3s;
}

.default_select.auto {
    width: auto;
    height: 32px;
}

.default_select[disabled] {
    background: #f8f8f8 url(../images/design/ico_arw_select_off.png) right 10px center no-repeat !important;
    background-size: 9px 6px !important;
}
.default_select.sm{
    background-size: 6px 4px;
}
.default_select.sm:hover{
    background-size: 6px 4px;
}
.default_select.half {
    max-width: 148px;
    min-width: 148px;
    height: 32px;
}

.default_select:hover {
    background: url(../images/design/ico_arw_select_on2.png) right 10px center no-repeat;
    background-size: 9px 6px;
}

.check_h_t {
    display: inline-block;
    vertical-align: middle;
    padding-right: 12px;
}

.input_label_a {
    display: inline-block;
    vertical-align: middle;
    padding-right: 12px;
    color: #767676;
}

.input_label_a.on {
    color: #333;
    font-weight: 500;
}

input[type].size1 {
    width: 180px;
}

textarea.size1 {
    height: 86px;
}

textarea.size2 {
    height: 160px;
}

textarea.size3 {
    height: 220px;
}

textarea.full {
    height: 240px;
}

input[type=text].color2, input[type=password].color2, textarea.color2 {
    border-color: #357bc3;
}

input[type=text].color3, input[type=password].color3, textarea.color3 {
    border-color: #d70303;
}

input[type=text].color4, input[type=password].color4, textarea.color4 {
    border-color: #444;
}

input[type=text].color5, input[type=password].color5, textarea.color5 {
    border-color: #7F858F;
}

input.pilsu {
    background-image: url(../images/common/icon_check1.png);
    background-position: 2px 2px;
    background-size: 6px;
    background-repeat: no-repeat;
}

input.pilsu.complete {
    background-color: #faffbd;
}

select.color2 {
    border-color: #357bc3;
}

/* ====================================== Heavy Source ====================================== */
.flex_center {
    display: flex;
    align-items: center;
    gap: 8px;
}

.white {
    color: #fff !important;
}

.red {
    color: #ff0000 !important;
}

.blue {
    color: #357bc3 !important;
}

.orange {
    color: #ff8000 !important;
}

.green {
    color: #40a040 !important;
}

.gray {
    color: #999 !important;
}

.black {
    color: #333 !important;
}

.bg_gray {
    background-color: #f8f8f8;
}

.bg_darkgray {
    background-color: #616775;
}

.fb-like {
    width: 100px;
}

.primary2 {
    color: var(--primary-color2)
}

.totalprice {
    color: #bb0000;
    font-size: 18px;
}

.unvisibility {
    visibility: hidden;
}

.bold {
    font-weight: 500;
}

.not600 {
    font-weight: normal;
}

.txt_spacing {
    letter-spacing: -1px
}

.input-box-default-text {
    color: #aaa !important;
    letter-spacing: -1px;
}

.m_center {
    margin: 0 auto;
}

.box_style {
    border: 1px solid #bebebe;
    background-color: #f7f7f7;
}

.button_style {
    border: 1px solid #bebebe;
    background-color: #eeeeee;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
}

.gray_button_style {
    border: 1px solid #333333;
    background-color: #666;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
}

.bbs_button_style {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    font-weight: normal;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}

.bbs_gray_button_style {
    border: 1px solid #333333;
    background-color: #666;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}

span.input_round_style {
    display: inline-block;
    height: 28px;
    max-width: 1000px;
    broder: 0px;
    padding-right: 5px;
    background: url("../images/design/input_round_right.gif") no-repeat right;
}

span.input_round_style input {
    height: 28px;
    width: 100%;
    line-height: 28px;
    border: 0px;
    text-indent: 5px;
    padding-left: 2px;
    background: url("../images/design/input_round_left.gif") no-repeat;
}

.btn_graybox {
    width: 33px;
    height: 33px;
    border: 0px;
    background-color: #ddd;
    text-align: center;
    color: #555;
}

.inputbox_large {
    display: inline-block;
    height: 28px !important;
    line-height: 30px !important;
    border: 1px solid #ccc !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.inputbox_medium {
    display: inline-block;
    height: 20px !important;
    line-height: 22px !important;
    border: 1px solid #ccc !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#quick_layer {
    position: fixed;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#quick_layer table.common_quick {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #c5c6c7;
}

#quick_layer table.common_quick td {
    border: 1px solid #d2d3d4;
    background-color: #e1e2e3;
    height: 50px;
}

#quick_layer table.common_quick td a {
    display: block;
    width: 100%;
    vertical-align: middle;
    color: #7a8285;
    text-align: center;
    font-size: 13px;
    letter-spacing: -1px
}

/* 모바일 서브페이지 버튼바*/
.sub_title_button_bar {
    position: relative;
    height: 40px;
}

.sub_title_button_tb {
    height: 100%;
    width: 100%;
    text-align: center;
    table-layout: fixed;
    background-color: #fff;
    border-bottom: 1px solid #616775;
}

.sub_title_button_tb th, .sub_title_button_tb td {
    line-height: 16px;
    background-color: #efefef;
    font-size: 12px; /*font-family:Dotum;*/
    font-weight: normal;
    color: #999;
    letter-spacing: -1px;
    font-weight: normal;
    border-left: 1px solid #ccc;
    cursor: pointer;
}

.sub_title_button_tb td:first-child {
    border-left: none;
}

.sub_title_button_tb span {
    font-size: 14px;
    font-weight: 500;
    color: #888;
}

.sub_title_button_tb .sel {
    background-color: #616775;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.sub_title_button_tb .sel span {
    color: #fff;
}

/* 모바일 서브페이지 항목 제목*/
.sub_division_title {
    position: relative;
    height: 40px;
    line-height: 38px;
    text-indent: 10px;
    box-sizing: border-box;
    border-top: 1px solid #444953;
    background-color: #616775;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.sub_division_title span {
    font-size: 13px;
    font-weight: normal;
}

.sub_division_title .sub_division_arw {
    position: absolute;
    right: 13px;
    top: 13px;
    background: url('../images/design/btn_arw_up_w.png') no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
}

.sub_division_title .sub_division_arw.closed {
    background: url('../images/design/btn_arw_dn_w.png') no-repeat;
    background-size: 15px 15px;
}

.sub_division_title .sub_division_arw_x {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url('../images/design/btn_close.png') no-repeat center center;
    background-size: 39px 39px;
    width: 39px;
    height: 39px;
    box-sizing: border-box;
    border-left: 1px solid #555;
}

.sub_division_contents {
    border-top: 0px solid #c2c6c9;
    padding: 0;
    background-color: #fff;
}

.sub_division_contents .sub_division_item {
    padding: 5px 10px;
    background-color: #fff;
    min-height: 30px;
    line-height: 30px;
    border-top: 1px dotted #d0d0d0;
}

.sub_division_contents .sub_division_item_sub {
    border-top: 1px dashed #ddd;
    background-color: #f0f0f0;
    padding: 5px 10px;
}

.sub_division_contents .sub_division_item .fleft {
    letter-spacing: -1px;
}

.sub_division_contents .sub_division_item_title {
    padding: 0 10px;
    background-color: #d3d7d8;
    height: 30px;
    line-height: 30px;
    border-top: 1px dashed #c2c6c9;
    color: #444;
    font-weight: 600;
}

.sub_division_contents .sub_division_item_sum {
    padding: 0 10px;
    background-color: #dee1e2;
    height: 35px;
    line-height: 35px; /*border-top:1px dashed #fff;*/
}

.sub_division_contents .sub_division_item_lastsum {
    padding: 0 10px;
    background-color: #5d657a;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-sizE: 14px;
    border-top: 1px dotted #d6d8d7
}

.sub_division_contents .sub_division_item_lastsum span.settle_price {
    color: #fc7500;
    font-weight: 600;
}

.sub_division_contents .sub_division_item_lastsum:first-child {
    border-top: 0px;
}

.sub_division_contents ul .sub_division_item:first-child {
    border-top: none;
}

/* 목록 테이블*/
table.list_table_style {
    border: 1px solid #ddd;
    color: #444;
}

table.list_table_style thead th {
    height: 35px;
    background-color: #ddd;
    text-align: center;
    font-weight: 600;
}

table.list_table_style thead th:first-child {
    border-left: 0px;
}

table.list_table_style tbody td.cell {
    padding: 7px;
    text-align: center;
    border-top: 1px solid #e0e0e0
}

table.list_table_style tbody tr td.cell:first-child {
    border-left: 0px;
}

table.list_table_style tbody tr:first-child td.cell {
    border-top: 0px;
}

table.list_table_style {
    width: 100%;
    border-collapse: separate;
    border-top: 2px solid #7F858F;
    border-bottom: 1px solid #aaa;
}

table.list_table_style > thead > tr > th {
    border-left: 0px solid #eee;
    border-bottom: 1px solid #aaa;
    background: #f9f9f9 url('') repeat-x;
    height: 0;
    padding: 10px 0;
    font-weight: normal;
}

table.list_table_style > thead > tr > th:first-child {
    border-left: 0px;
}

table.list_table_style > tbody > tr > td {
    border-top: 1px solid #ddd;
    border-left: 1px solid #eee;
    padding: 10px;
    text-align: center;
}

table.list_table_style > tbody > tr > td.nodata, .nodata {
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: #999;
}

table.list_table_style > tbody > tr:first-child > td {
    border-top: 0;
}

table.list_table_style > tbody > tr > td:first-child {
    border-left: 0px;
}

table.list_table_style > tbody > tr.sub_bg {
    background: #fff;
}

table.list_table_style > tbody > tr.sub_bg > td {
    border-top: 1px solid #eee;
}

/* 기본 정보 테이블 스타일*/
table.info_table_style {
    border-collapse: collapse;
    border-top: 1px solid #aaa;
    border-right: 1px solid #dadada;
}

table.info_table_style .its_section {
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 8px 5px 8px 5px;
    text-align: center;
    background-color: #f1f1f1;
    font-weight: normal;
}

table.info_table_style .its_th {
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 8px 0px 8px 28px;
    text-align: left;
    background-color: #f1f1f1;
    font-weight: normal;
}

table.info_table_style .its_td {
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 5px 0 5px 15px;
    line-height: 180%;
    letter-spacing: 0px;
}

table.info_table_style .its_th_center {
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 8px 0px 8px 0;
    background-color: #f1f1f1;
    font-weight: normal;
}

table.info_table_style .its_td_center {
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 5px 0 5px 0;
    line-height: 180%;
    letter-spacing: 0px;
}

table.info_table_style textarea {
    background-color: #f0f0f0;
}

table.info_table_style textarea.input_box_default_text {
    color: #a5a5a5 !important
}

/* 모바일 기본 테이블 스타일*/
table.default_table_style {
    border: 1px solid #d0d0d0;
}

table.default_table_style th,
table.default_table_style td {
    padding: 7px 10px;
    font-weight: normal;
    text-align: left;
    border-top: 1px solid #e0e0e0
}

table.default_table_style tr:first-child th,
table.default_table_style tr:first-child td {
    border-top: 0px;
}

table.default_table_style th {
    border-right: 1px solid #e0e0e0;
    background-color: #f5f5f5;
}

table.default_table_style td {
    background: #fff;
}

table.default_table_style td li {
    margin-top: 5px;
}

table.default_table_style td li:first-child {
    margin-top: 0;
}

.couponbtn {
    border: 0px;
    background-color: #333;
    color: #fff;
    font-size: 11px;
    height: 20px;
    letter-spacing: -1px;
    padding: 0 7px;
    cursor: pointer
}

.thumbnailvideo {
    position: absolute;
    z-index: 5;
    background-position: center;
    background: url('../images/common/thumb_play.png') no-repeat center center;
    vertical-align: middle;
}

.mobilethumbnailvideo {
    position: absolute;
    z-index: 5;
    background-position: center;
    background: url('../images/common/thumb_play.png') no-repeat;
    vertical-align: middle;
}

.main_tabs_contents_title {
    border-bottom: 1px solid #ddd;
    background-color: #f5f5f5;
    *zoom: 1;
    padding-left: 10px;
    height: 36px;
    line-height: 35px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

ul.main_tabs {
    *zoom: 1;
    border-bottom: 2px solid #393e40;
}

ul.main_tabs:after {
    content: "";
    display: block;
    clear: both;
}

ul.main_tabs li {
    float: left;
    width: 25%;
}

ul.main_tabs li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #697073;
    font-size: 1.1em;
    font-weight: 500;
}

ul.main_tabs li a.current {
    background-color: #393e40;
    color: #fff;
    font-weight: 500;
}

div.radio_tab_wrapper {
    border: 1px solid #888;
    border-radius: 4px;
    overflow: hidden;
}

#view_address_wrap .international {
    word-wrap: break-word;
}

/* 추가옵션 상세 */
div.suboption-lay {
    background-color: #fff;
}

div.suboption-lay table.suboption-table td {
    font-size: 12px;
    color: #646464;
    height: 57px;
}

div.suboption-lay table.suboption-table td.suboption-name {
    padding-left: 8px;
}

div.suboption-lay table.suboption-table td.suboption-name div.suboption-etc {
    margin: 3px 15px;
}

div.suboption-lay table.suboption-table td.suboption-price {
    text-align: center;
    font-weight: 600;
}

/* 쿠폰상세정보*/
div.coupon_title {
    padding: 30px;
    border: 3px solid #d7d7d7;
    background-color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 600; /*font-family:Dotum;*/
    color: #333;
    letter-spacing: -1px;
}

div.coupon_body {
    padding: 20px 15px;
    background-color: #f5f7f6;
    font-size: 11px; /*font-family:Dotum;*/
    color: #333;
}

div.coupon_body table {
    font-size: 11px; /*font-family:Dotum;*/
    color: #333;
}

div.coupon_body .btn_use {
    padding-top: 20px;
}

/* 상품디스플레이 탭 스타일*/
ul.displayTabType1 {
    *zoom: 1;
    margin-bottom: 10px;
    padding-left: 1px;
}

ul.displayTabType1:after {
    content: "";
    display: block;
    clear: both;
}

ul.displayTabType1 > li {
    float: left;
    box-sizing: border-box;
    background-color: #fff;
    color: #999;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px #ddd solid;
    border-left: none;
    border-bottom-color: #888;
    cursor: pointer;
}

ul.displayTabType1 > li:first-child {
    border-left: 1px #ddd solid;
}

ul.displayTabType1 > li.current {
    color: #333;
    border-color: #888;
    border-left: 1px #888 solid;
    margin-left: -1px;
    border-bottom-color: #fff;
    cursor: default;
}

.displayTabContentsContainer {
    display: none;
}

/* 상품상세 위시리스트 알림창*/
#wish_alert {
    display: none;
    position: fixed;
    left: 50%;
    top: 45%;
    width: 200px;
    margin-left: -100px;
    height: 200px;
    margin-top: -100px;
    background: url('../images/design/alert_bg.png') no-repeat;
    background-size: 200px 200px;
    z-index: 1000;
}

#wish_alert .wa_on {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -37.5px;
    margin-top: -55px;
    width: 75px;
    height: 75px;
    background: url('../images/design/ico_wish_big_on.png') no-repeat;
    background-size: 75px 75px;
}

#wish_alert .wa_off {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -37.5px;
    margin-top: -55px;
    width: 75px;
    height: 75px;
    background: url('../images/design/ico_wish_big_off.png') no-repeat;
    background-size: 75px 75px;
}

#wish_alert .wa_msg {
    position: absolute;
    left: 0;
    top: 65%;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}

/* 티켓 정보*/
div.coupon_info {
    border: 2px solid #CBCBCB;
    padding-left: 20px;
    padding-top: 15px;
    height: 105px;
    background-image: url('../images/common/coupon_rbg.jpg');
    background-repeat: no-repeat;
    background-size: 34px 120px;
    background-position: 100%;
}

div.coupon_info div.coupon_name {
    font-size: 20px;
    font-weight: 600;
    word-break: break-all;
}

div.coupon_info div.coupon_option {
    font-size: 13px;
    font-weight: 600;
    word-break: break-all;
    padding-top: 15px;
    letter-spacing: 1px;
}

div.coupon_info div.coupon_serial {
    font-size: 13px;
    font-weight: 600;
    word-break: break-all;
    padding-top: 5px;
}

div.coupon_detail {
    height: 35px;
    padding-left: 3px;
    padding-top: 10px;
    color: #727982;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1px;
}

/* 쿠폰사용 버튼*/
.btn-coupon-use {
    width: 100%;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #2346a1;
    background: linear-gradient(180deg, #5f7cc9 50%, #4063bf 100%);
    font-size: 16px;
    color: #f9f9f9;
    font-weight: 600;
    padding-bottom: 4px;
    cursor: pointer;
}

.btn-coupon-use-disable {
    width: 100%;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #c0c0c0;
    background: linear-gradient(180deg, #f9f9f9 50%, #eaeaea 100%);
    font-size: 16px;
    color: #aaaaaa;
    font-weight: 600;
    padding-bottom: 4px;
    cursor: pointer;
}

/* 상세내역 스타일*/
.sale_price_layer {
    display: none;
}

span.input_round_style_rounded {
    display: inline-block;
    height: 28px;
    max-width: 1000px;
    broder: 0px;
    padding-right: 5px;
    background: url("../images/design/input_round_right_red.gif") no-repeat right;
}

span.input_round_style_rounded input {
    height: 28px;
    width: 100%;
    line-height: 28px;
    border: 0px;
    text-indent: 5px;
    padding-left: 2px;
    background: url("../images/design/input_round_left_red.gif") no-repeat;
    letter-spacing: -1px;
}

/* 상품상세 판매자 정보 테이블*/
span.input_round_style_rounded {
    display: inline-block;
    height: 28px;
    max-width: 1000px;
    broder: 0px;
    padding-right: 5px;
    background: url("../images/design/input_round_right_red.gif") no-repeat right;
}

span.input_round_style_rounded input {
    height: 28px;
    width: 100%;
    line-height: 28px;
    border: 0px;
    text-indent: 5px;
    padding-left: 2px;
    background: url("../images/design/input_round_left_red.gif") no-repeat;
    letter-spacing: -1px;
}

span.input_round_style_rounded input::-webkit-input-placeholder { /* WebKit browsers*/
    color: red;
}

span.input_round_style_rounded input::-moz-placeholder { /* Mozilla Firefox 4 to 18*/
    color: red;
    opacity: 1;
}

span.input_round_style_rounded input::-moz-placeholder { /* Mozilla Firefox 19+*/
    color: red;
    opacity: 1;
}

span.input_round_style_rounded input::-ms-input-placeholder { /* Internet Explorer 10+*/
    color: red;
}

span.input_round_style input::-webkit-input-placeholder { /* WebKit browsers*/
    color: #515151;
}

span.input_round_style input::-moz-placeholder { /* Mozilla Firefox 4 to 18*/
    color: #515151;
    opacity: 1;
}

span.input_round_style input::-moz-placeholder { /* Mozilla Firefox 19+*/
    color: #515151;
    opacity: 1;
}

span.input_round_style input::-ms-input-placeholder { /* Internet Explorer 10+*/
    color: #515151;
}

.ctg_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 200;
}

/* 상품리스트 - 스와이프 안내 */
.swipe_guide {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.swipe_guide .swipe_atb {
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/design/img_swipe01.png') no-repeat;
    background-size: cover;
    width: 224px;
    height: 87px;
    text-indent: -9999px;
    z-index: 1;
}

.swipe_guide .swipe_alr {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -80px 0 0 -80px;
    background: url('../images/design/img_swipe02.png') no-repeat;
    background-size: cover;
    width: 160px;
    height: 143px;
    text-indent: -9999px;
    z-index: 1;
}

.swipe_guide .swipe_asl {
    position: absolute;
    right: 60px;
    bottom: 60px;
    background: url('../images/design/img_swipe03.png') no-repeat;
    background-size: cover;
    width: 165px;
    height: 53px;
    text-indent: -9999px;
    z-index: 1;
}

.swipe_guide .swipe_close {
    position: absolute;
    left: 50%;
    bottom: 140px;
    margin-left: -42px;
    background: url('../images/design/btn_swipe_close.png') no-repeat;
    background-size: cover;
    width: 85px;
    height: 32px;
    text-indent: -9999px;
    z-index: 1;
}

.swipe_guide .swipe_bg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

@media (min-width: 640px) {
    .swipe_guide .swipe_asl {
        right: 40px;
        bottom: 5px;
        background: url('../images/design/img_swipe04.png') no-repeat;
        background-size: cover;
        width: 163px;
        height: 52px;
    }

    .swipe_guide .swipe_close {
        bottom: 10px;
    }
}

/* 상품상세 - 상품명 */
#goods_title_bar.flyingMode {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 101;
}

#goods_title_bar h2 {
    line-height: 40px;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.btn_orderlogin_large {
    display: inline-block;
    background-color: #93a7d9;
    border: 1px solid #8197cd;
    border-radius: 5px !important;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    font-family: dotum;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: -1px;
}

/* 추가버튼 */
.btn_style.wid100 {
    width: 100%;
}

.btn_style.small {
    padding: 0 10px;
    height: 25px !important;
    line-height: 26px !important;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}

/* 할인율 */
.goods_spec_table, .info_goods_spec_table {
    border-bottom: 1px solid #fff;
}

.goods_spec_table th.gst_th {
    border-bottom: 1px solid #fff;
    padding: 5px 0 2px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    color: #666;
    letter-spacing: -1px;
}

.goods_spec_table th.gst_th .line {
    margin: 0 0 0 -10px;
    border-top: 1px solid #ddd;
    padding-top: 5px;
}

.goods_spec_table td.gst_td ul.shipping li {
    line-height: 1.6;
}

.goods_spec_table td.gst_td td, .info_goods_spec_table td.gst_td td {
    font-size: 13px;
    color: #333;
}

.goods_spec_table td.gst_td, .info_goods_spec_table td.gst_td {
    border-bottom: 1px solid #fff;
    padding: 2px 10px 2px 15px;
    height: 20px;
    text-align: left;
    font-size: 13px;
    color: #333;
}

.goods_spec_table td.gst_sub {
    border-bottom: 1px solid #fff;
    padding: 5px 10px;
}

.info_goods_spec_table td.gst_sub { /*padding:10px; border-bottom:1px solid #e0e0e0;*/
}

.goods_spec_table td.gst_sub .gst_sub_inner, .info_goods_spec_table td.gst_sub .gst_sub_inner {
    padding: 2px 15px;
    border: 1px solid #e0e0e0;
    background-color: #f1f1f1;
}

.goods_spec_table td.gst_sub .gst_sub_table td, .info_goods_spec_table td.gst_sub .gst_sub_table td {
    padding: 7px 0;
    border-top: 1px solid #ddd;
    font-size: 13px;
}

.goods_spec_table td.gst_sub .gst_sub_table tr:first-child td, .info_goods_spec_table td.gst_sub .gst_sub_table tr:first-child td {
    border-top: 0px;
}

.goods_spec_table td.gst_sub .gst_sub_table2, .info_goods_spec_table td.gst_sub .gst_sub_table2 {
    border-collapse: collapse;
    border: 1px solid #e0e0e0;
}

.goods_spec_table td.gst_sub .gst_sub_table2 th, .info_goods_spec_table td.gst_sub .gst_sub_table2 th {
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    height: 35px;
    background-color: #ffffff;
    text-align: center;
}

.goods_spec_table td.gst_sub .gst_sub_table2 td, .info_goods_spec_table td.gst_sub .gst_sub_table2 td {
    border-top: 1px solid #e0e0e0;
    height: 35px;
    background-color: #f1f1f1;
    text-align: center;
}

.goods_spec_table .consumer, .info_goods_spec_table .consumer {
    font-size: 13px; /*font-weight:600;*/
    color: #999;
}

.goods_spec_table .price, .info_goods_spec_table .price {
    font-size: 20px;
    color: #fd454d;
    font-weight: bold;
    vertical-align: middle;
}

.goods_spec_table .price .price_won, .info_goods_spec_table .price .price_won {
    font-family: helvetica, sans-serif;
    font-size: 15px;
}

.goods_spec_table select, .info_goods_spec_table select {
    min-width: 120px;
}

.goods_spec_table .coupon_btn, .info_goods_spec_table .coupon_btn {
    position: relative;
    display: inline-block;
    width: 71px;
    height: 34px;
    background: url("../images/design/coupon_bg.gif");
    vertical-align: middle;
}

.goods_spec_table .coupon_btn span.cb_percent, .info_goods_spec_table .coupon_btn span.cb_percent {
    position: absolute;
    left: 4px;
    top: 14px;
    font-size: 14px;
    color: #c00c0b;
    font-weight: 600;
}

.goods_spec_table .coupon_btn span.cb_text, .info_goods_spec_table .coupon_btn span.cb_text {
    position: absolute;
    left: 100%;
    top: 20px;
    margin-left: 3px;
    width: 65px;
    color: #c00c0b;
    font-size: 11px;
    font-weight: 600;
    text-decoration: underline;
}

#goods_thumbs_paging {
    position: absolute;
    top: -45px;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.additions_table_style {
    border-top: 1px solid #666
}

.additions_table_style th, .additions_table_style td {
    border-bottom: 1px solid #d8d9dd
}

.additions_table_style th {
    padding: 12px 0 12px 10px;
    text-align: left;
    width: 65px;
}

.additions_table_style td {
    padding: 12px 0 12px 10px;
}

.info_goods_spec_table {
    border-top: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
}

.info_goods_spec_table th.gst_th {
    padding: 3px 0 3px 10px;
    height: 32px;
    text-align: left;
    font-weight: 600;
    color: #515151;
    font-size: 13px;
    border-bottom: 1px solid #fff;
    letter-spacing: -1px
}

.info_goods_spec_table td.gst_td td {
    color: #515151;
    font-size: 12px;
}

.info_goods_spec_table td.gst_td {
    padding: 6px 10px 6px 15px;
    text-align: left;
    color: #515151;
    font-size: 13px;
    border-bottom: 1px solid #fff;
    line-height: 20px;
}

.info_goods_spec_table td.gst_sub {
    padding: 0 10px 10px; /*border-bottom:1px solid #e0e0e0;*/
}

.info_goods_spec_table td.gst_sub .gst_sub_inner {
    padding: 5px 10px;
    border: 1px solid #e0e0e0;
}

.info_goods_spec_table td.gst_sub .gst_sub_table td {
    padding: 7px 0;
    border-top: 1px solid #e0e0e0
}

.info_goods_spec_table td.gst_sub .gst_sub_table tr:first-child td {
    border-top: 0px;
}

.ul_list {
    line-height: 1.6;
}

.ul_list li {
    background: url('../images/common/ico_list2.png') no-repeat left 9px;
    padding-left: 6px;
}

.ico_quest {
    display: inline-block;
    border: 0;
    background: url('../images/common/ico_question.png') no-repeat;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    cursor: pointer;
}

/* 증빙자료 테이블 전용 */
div.default_table_style table.receipt_table tr td {
    padding: 0 0 5px 0;
}

textarea.wid100 {
    width: 96%;
    width: -webkit-calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: calc(100% - 12px);
}

input.wid100 {
    width: 96%;
    width: -webkit-calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: calc(100% - 12px);
}

.shipping_method {
    padding-right: 10px;
    display: inline-block;
}

.coupon_btn {
    position: relative;
    display: inline-block;
    width: 71px;
    height: 34px;
    background: url("../images/design/coupon_bg.gif");
    vertical-align: middle;
}

.coupon_btn span.cb_percent {
    position: absolute;
    left: 4px;
    top: 14px;
    font-size: 14px;
    font-family: tahoma;
    color: #c00c0b;
    font-weight: bold;
}

.coupon_btn span.cb_text {
    position: absolute;
    right: 100%;
    top: 20px;
    margin-left: 3px;
    width: 65px;
    color: #c00c0b;
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    text-decoration: underline;
}

.promotionlay ul li {
    padding: 3px;
}

/* 배송 현황 */
div.multiShippingItem {
    padding: 5px;
    border-bottom: 1px solid #d7d7d7;
}

/* 매출증빙 */
.sales_tax {
    background-color: #EAEAEA;
    border: 1px solid #BDBDBD;
}

.btn-coupon-use {
    width: 100px;
}

div.cart-lay {
    background-color: #f5f7f7;
    padding: 5px;
}

div.cart-lay div.cart-list-lay {
    border: 1px solid #ddd;
}

/* 배송 현황 */
div.export-lay div.export-title-lay {
    background-color: #b9bcbd;
    border-top: 1px solid #a9abac;
}

div.export-lay div.export-title-lay table.export-title-table td {
    height: 36px;
    color: #444444; /*font-size:12px;*/
}

div.export-lay div.export-title-lay table.export-title-table td.export-date {
    padding-left: 8px;
}

div.export-lay div.export-title-lay table.export-title-table td.export-btn {
    text-align: right;
    padding-right: 8px;
}

div.export-lay div.export-shipping-address-title {
    padding-left: 8px;
    line-height: 36px;
    background-color: #d6d6d6; /*font-size:12px;*/
    font-weight: bold;
    color: #4a4a4a;
}

div.export-lay div.export-shipping-address {
    background-color: #fff;
    color: #333; /*padding:10px 0 10px 8px; font-size:12px;*/
}

div.export-lay div.export-shipping-address.multiShippingItem {
    padding: 0; /*margin-bottom:20px;border-bottom:3px solid #c2c6c8;*/
    background-color: #f5f7f7;
}

div.export-lay div.export-ea-lay {
    border-bottom: 1px solid #d7d7d7;
}

div.export-lay div.export-shipping-address div.shipping-address-btn {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    text-align: right;
}

div.export-lay div.export-shipping-address table.export-shipping-address-table {
    border-collapse: collapse;
}

div.export-lay div.export-shipping-address table.export-shipping-address-table th {
    padding-left: 10px; /*font-size:12px;*/
    color: #4a4a4a;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background-color: #f5f5f5;
}

div.export-lay div.export-shipping-address table.export-shipping-address-table td {
    text-align: left;
    padding: 6px 0;
    padding-left: 10px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
}

div.export-lay div.export-shipping-address table.export-shipping-address-table td input[type="text"] {
    height: 29px;
    text-align: left;
    padding-left: 5px;
}

div.export-lay div.export-shipping-address table.export-shipping-address-table td textarea {
    font-family: Dotum;
    font-size: 11px;
    color: #b1b1b1;
}

div.export-lay div.export-ea-lay table.export-ea-table td {
    height: 43px; /*font-size:12px;*/
}

div.export-lay div.export-ea-lay table.export-ea-table td.title {
    text-align: left;
    padding-left: 8px;
}

div.export-lay div.export-ea-lay table.export-ea-table td.ea {
    text-align: right;
    padding-right: 8px;
}

div.export-lay div.export-ea-lay table.export-ea-table td.ea.rgtbd {
    border-right: 1px solid #d7d7d7;
}

.export-summary {
    font-size: 12px;
}

.export-summary .export-summary-border {
    border-top: 1px solid #ccc;
}

/* 404 에러페이지 */
#MOBILE {
    width: 90%;
    margin: 30px auto 0;
    text-align: center;
}

#MOBILE h1 {
    margin: 20px auto;
    font-size: 20px;
    font-weight: normal;
    color: #333;
    letter-spacing: -1.5px;
}

#MOBILE p {
    margin: 0 auto;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    letter-spacing: -1px;
}

#MOBILE p .phone {
    font-family: 'tahoma';
    font-weight: bold;
    letter-spacing: 0;
}

#MOBILE a.btn_important_large {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
}

/* 작은 레이어 */
.detailDescriptionLayer .layer_wrap2 {
    margin: 2px 0 0 -30px;
    position: relative;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.95);
    padding: 10px;
    line-height: 1.4;
}

.detailDescriptionLayer .layer_wrap .layer_inner strong, .detailDescriptionLayer .layer_wrap .layer_inner a {
    font-size: inherit;
    color: inherit;
}

.detailDescriptionLayer .layer_wrap .layer_inner a.more {
    display: block;
    background: url('../images/common/btn_detail_more2.png') no-repeat right 7px;
    padding-right: 8px;
    text-align: right;
    color: #2c8ff0;
}

.detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li {
    margin-top: 10px;
    background: url('../images/common/ico_detail_list.png') no-repeat left 3px;
    padding-left: 15px;
}

.detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li:first-child {
    margin-top: 0;
}

.detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li .ul_list2 {
    margin-left: -8px;
}

.detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country {
    margin-bottom: 5px;
    width: 100%;
    padding: 0;
}

.detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country dt {
    float: left;
    width: 65%;
}

.detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country dt img {
    border: 1px solid #ddd;
}

.detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country dd {
    float: right;
    width: 35%;
    text-align: right;
}

.detailDescriptionLayer .ddlTable tr th, .detailDescriptionLayer .ddlTable tr td {
    padding: 0;
    border-top: 1px solid #ddd;
    text-align: center;
}

.detailDescriptionLayer .ddlTable tr:first-child th,
.detailDescriptionLayer .ddlTable tr:first-child td {
    border-top: none;
    line-height: inherit
}

.detailDescriptionLayer .tbl_row {
    border-collapse: collapse;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.detailDescriptionLayer .tbl_row tbody th {
    border: 1px solid #ddd;
    background: #f9f9f9;
    text-align: left;
    padding: 5px;
    line-height: inherit
}

.detailDescriptionLayer .tbl_row tbody td {
    border: 1px solid #ddd;
    background: #fff;
    padding: 5px;
    line-height: inherit
}

.detailDescriptionLayer .tbl_col {
    border-collapse: collapse;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.detailDescriptionLayer .tbl_col th, .detailDescriptionLayer .tbl_col td {
    border: 1px solid #ddd;
    padding: 5px;
    line-height: inherit
}

.detailDescriptionLayer .tbl_col thead th {
    background: #f1f1f1;
    text-align: center;
    line-height: inherit
}

.detailDescriptionLayer .tbl_col tbody th {
    background: #f9f9f9;
    text-align: left;
    line-height: inherit
}

.detailDescriptionLayer .tbl_col tbody td {
    background: #fff;
    text-align: right;
    line-height: inherit;
}

/* 상품디스플레이 - 페이지뷰&찜하기 */
.goods_list ol.gli_contents li .goods_list_page_view {
    margin-right: 6px;
}

.goods_list ol.gli_contents li .goods_list_goods_zzim:before {
    display: inline-block;
    content: '';
    position: relative;
    top: 2px;
    left: 0;
    width: 1px;
    height: 10px;
    margin-right: 6px;
    background-color: #ccc;
}

.goods_list ol.gli_contents li .goods_list_goods_zzim label {
    vertical-align: top;
}

/* ====================================== //Heavy Source ====================================== */


.gray_01 {
    color: #333 !important;
}

.gray_02 {
    color: #444 !important;
}

.gray_03 {
    color: #555 !important;
}

.gray_04 {
    color: #666 !important;
}

.gray_05 {
    color: #767676 !important;
}

.gray_06 {
    color: #999 !important;
}

.gray_07 {
    color: #bbb !important;
}

.pointcolor {
    color: #333;
}

.pointcolor.imp {
    color: #333 !important;
}

.pointcolor2 {
    color: #007cd2;
}

.pointcolor2.imp {
    color: #007cd2 !important;
}

.pointcolor3 {
    color: #c60000;
}

.pointcolor3.imp {
    color: #c60000 !important;
}

.pointcolor4 {
    color: #697da6;
}

.pointcolor4.imp {
    color: #697da6 !important;
}

.desc {
    color: #999;
}

.desc2 {
    color: #999;
    letter-spacing: -1px;
}

.strong1 {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.dib_und {
    display: inline-block;
    border-bottom: 1px #333 solid;
    cursor: pointer;
}

.bg_yellow {
    background-color: #faffbd !important;
}

.cover {
    display: inline-block;
    background-size: cover !important;
    overflow: hidden;
    text-indent: -9999px;
}

/* responsive skeleton */
.section_hide_mobile {
    display: none;
}

.resp_pop_layout {
    padding: 10px;
}

@media only screen and (max-width: 767px) {
    .section_hide_mobile {
        display: initial;
    }
}

/* title */
.title_sub1 {
    padding: 40px 0 10px;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.3;
    color: #333;
}

.title_sub1 .susub {
    font-size: 15px;
    font-weight: 300;
    color: #767676;
}

.title_sub1.x2 {
    padding: 20px 0 0;
}

.title_sub2 {
    padding: 2px 0;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    background: url(../images/design/bg_title1.png) 0 50% repeat-x;
    animation: ani_title1 40s linear infinite;
}

.title_sub2 > b {
    display: inline-block;
    padding: 8px 15px;
    background: #fff;
    font-weight: 500;
}

.title_sub2 > b > p {
    display: inline;
}

.title_sub2.v2 {
    font-size: 21px;
}

.title_sub2.v2 > b {
    font-weight: 300;
}

.title_sub3 {
    padding: 30px 0 8px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.title_sub3.v2 {
    font-size: 19px;
    font-weight: 300;
}

.title_sub3.v2 a:hover, .title_sub3.v2 a:focus {
    text-decoration: underline;
}

.title_sub3.v2 .push_count {
    font-size: 15px;
    position: relative;
    top: -1px;
    color: #767676;
}

.title_sub3.v2 .push_count:hover {
    color: #333;
    text-decoration: none;
}

.title_sub3.v3 {
    text-align: center;
    padding-top: 25px;
    font-size: 19px;
    font-weight: 300;
    color: #666;
}

.title_sub4 {
    padding: 35px 0 10px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #333;
    letter-spacing: -1px;
}

.title_sub5 {
    padding: 15px 0 5px;
    font-size: 13px;
    font-weight: 500;
    color: #444;
}

.title_sub6 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3;
    color: #333;
    text-align: left;
}

.title_sub6 .top5 {
    font-weight: 300;
}

@keyframes ani_title1 {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

/* ilst, p, text */
.list_01 > li {
    padding: 5px 0;
    border-top: 1px #ddd solid;
}

.list_01 > li:first-child {
    border-top: none;
}

.list_01.v2 > li {
    padding: 5px 0 0;
    border: none;
}

.list_01.v2 > li:first-child {
    padding-top: 0;
}

.list_01.v3 > li {
    padding: 2px 0 0;
    border: none;
}

.list_01.v3 > li:first-child {
    padding-top: 0;
}

.list_01.v4 > li {
    padding-left: 50px;
    text-indent: -50px;
}

.list_02 {
    padding-top: 8px;
}

.list_02 > li {
    color: #999;
    line-height: 1.4;
    padding: 3px 0 0 8px;
    text-indent: -8px;
}

.list_02 > li:first-child {
    padding-top: 0;
}

.list_02 > li:first-letter {
    color: #444953;
}

.list_dot_01 {
    line-height: 1.4;
}

.list_dot_01 > li {
    padding: 0 0 0 10px;
    margin-top: 4px;
    background: url(../images/design/bul_basic.png) 2px 7px no-repeat;
}

.list_dot_01 > li:first-child {
    margin-top: 0;
}

.list_dot_01.box {
    border: 1px #ccc solid;
    padding: 10px;
    background: #f8f8f8;
}

.p_01 {
    padding-top: 10px;
    text-align: center;
}

/* contents */
.resp_content1 {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.resp_content1 > li {
    display: table-cell;
    vertical-align: top;
}

.resp_content1 .contents {
    padding-right: 20px;
    color: #767676;
}

.resp_content1 .contents .title_sub5:first-child {
    padding-top: 5px;
}

.resp_content2 {
    display: table;
}

.resp_content2 > li {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.resp_content2 > li:first-child {
    padding-left: 0;
}

@media only screen and (max-width: 767px) {
    .title_sub1 {
        font-size: 20px;
    }

    .resp_content1 {
        display: block;
        width: auto;
    }

    .resp_content1 > li {
        display: block;
        width: 100% !important;
    }

    .resp_content1 .contents {
        padding-right: 0;
    }

    .resp_content2 > li:first-child {
        padding-left: 10px;
    }
}

/* button */
button {
    border: none;
    border-radius: 2px;
}

button[disabled] {
    opacity: 0.7;
    cursor: default;
}

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

.basic_btn_area > li {
    display: table-cell;
    padding-left: 10px;
}

.basic_btn_area > li:first-child {
    padding-left: 0;
}

.basic_btn_area > li > button {
    width: 100%;
}

.basic_btn_area > li.npay_area {
    width: 30%;
}

.basic_btn_area > li.talkbuy_area {
    width: 30%;
}

.basic_btn_area > li:first-child[style*="display:none"] + li {
    padding-left: 0;
}

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

.basic_btn_area2 > li {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
}

.basic_btn_area2 > li > button {
    width: 100%;
}

.basic_btn_area2.v2 > li {
    padding-left: 0;
    padding-right: 0;
}

.btn_area_a {
    padding-top: 10px;
    text-align: center;
}

.btn_area_a.v2 {
    border-top: 1px #999 solid;
    margin-top: 10px;
}

.btn_area_b {
    padding-top: 15px;
    text-align: center;
}

.btn_area_c {
    padding-top: 20px;
    text-align: center;
}

.btn_area_d {
    margin-top: 40px;
    border-top: 1px #ddd solid;
    padding-top: 20px;
    text-align: center;
}

ul.btn_area_a > li {
    display: inline;
}

@media only screen and (max-width: 479px) {
    ul.btn_area_a {
        overflow: hidden;
        zoom: 1;
        padding: 10px 5px;
    }

    ul.btn_area_a > li {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 0 5px;
    }

    ul.btn_area_a > li > button, ul.btn_area_a > li > input[type='button'] {
        width: 100%;
    }
}

.btn_resp {
    border: 1px var(--color-ddd) solid;
    background: #fff;
    height: 28px;
    font-size: 12px;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    color: var(--color-666);
    font: var(--text-caption-regular);
    line-height: 26px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
    transition: border-color 0.2s, background-color 0.2s;
}

a.btn_resp, span.btn_resp {
    display: inline-block;
}

.btn_resp.size_a {
    height: 20px;
    font-size: 12px;
    line-height: 19px;
    padding: 0 5px;
}

.btn_resp.size_b {
    height: 32px;
    font-size: 13px;
    line-height: 28px;
    min-width: 60px;
    padding: 0 16px;
}

.btn_resp.size_c {
    font: var(--text-body18-semi-bold);
    line-height: 40px;
    height: 42px;
    min-width: 100px;
    padding: 0px 16px;
    border-radius: 4px;
}

.btn_resp.size_extra {
    font: var(--text-body16-bold);
    line-height: 62px;
    height: 62px;
    min-width: 140px;
    padding: 0px 24px;
    border-radius: 4px;
}

.btn_resp.size_extra2 {
    height: 48px;
    font: var(--text-body18-regular);
    line-height: 46px;
    padding: 0 20px;
}

.btn_resp.size_extra3 {
    width: 100%;
    font: var(--text-body16-bold);
    height: 56px;
    line-height: 56px;
    border-radius: 4px;
}

.btn_resp.primary {
    border-color: var(--primary-color1);
    background-color: var(--primary-color1);
    color: var(--color-fff);
}

.btn_resp.color2 {
    border-color: #434343;
    background-color: #434343;
    color: #fff;
}

.btn_resp.color3 {
    border-color: #d70303;
    background-color: #d70303;
    color: #fff;
}

.btn_resp.color4 {
    border-color: #444;
    color: #444;
}

.btn_resp.color5 {
    border-color: #999;
    background-color: #999;
    color: #fff;
}

.btn_resp.color6 {
    border-color: #616775;
    background-color: #616775;
    color: #fff;
}

.btn_resp.base {
    color: #fff;
    background-color: var(--color-333);
    border-color: var(--color-333);
}

.btn_resp.warnning {
    color: #f00;
}

.btn_resp:hover {
    border-color: #999;
}

.btn_resp.deepGray {
    background: var(--color-666);
    border-color: var(--color-666);
    font: var(--text-caption-regular);
    color: var(--color-fff);
}

/*.btn_resp.color2:hover {*/
/*    border-color: #333;*/
/*    background-color: #333;*/
/*}*/

.btn_resp.color3:hover {
    border-color: #b70000;
    background-color: #b70000;
}

.btn_resp.color4:hover {
    border-color: #333;
    color: #333;
}

.btn_resp.color5:hover {
    border-color: #767676;
    background-color: #767676;
}

.btn_resp.color6:hover {
    border-color: #484f61;
    background-color: #484f61;
}

.btn_resp.icon {
    padding-left: 30px;
    background-size: 16px;
    background-position: 9px 50%;
    background-repeat: no-repeat;
}

.btn_resp.icon_my_minishop {
    background-image: url(../images/common/my_i_minishop.png);
}

.btn_resp.icon_personal {
    background-image: url(../images/common/my_i_prvpay.jpg);
}

.btn_resp.icon_delivery_address {
    background-image: url(../images/common/my_i_adrs.jpg);
}

.btn_resp.icon_emoney_exchange {
    background-image: url(../images/common/my_i_exchange.jpg);
}

.btn_resp.icon_1to1 {
    background-image: url(../images/common/my_i_1to1.jpg);
}

.btn_resp.icon_qna {
    background-image: url(../images/common/my_i_qna.jpg);
}

.btn_resp.icon_review {
    background-image: url(../images/common/my_i_review.jpg);
}

.btn_resp.icon_prvpay {
    background-image: url(../images/common/my_i_prvpay.jpg);
}

.btn_resp.no_border {
    border: none;
    color: #767676;
    outline: none;
    padding-right: 0;
}

.btn_resp.no_border:after {
    display: inline-block;
    content: ' >';
    font: var(--text-caption-regular);
    padding-left: 4px;
}

.btn_resp.no_border:hover {
    text-decoration: underline;
    color: #333;
}

.btn_resp.no_border:hover:after {
    opacity: 1;
}

/*button.btn_resp.btn_open_small { padding-right:18px; background-image:url(../images/design/right_quick_arrowdown.gif); background-position:right 6px top 45%; background-repeat:no-repeat; }*/
/*button.btn_resp.btn_open_small.btn_close_small { background-image:url(../images/design/right_quick_arrowup.gif); } */
.ico_down {
    display: inline-block;
    box-sizing: border-box;
    border: none !important;
    background: #fff url('../images/common/icon_download2.png') 50% 50% no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    cursor: pointer;
}

#npay_btn {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 70px;
    border-color: #00c73c;
    color: #fff;
    background: #00c73c url('../images/design/npay.png') no-repeat center;
    background-size: 60px;
}

#kpay_btn {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 70px;
    border-color: #fee500;
    color: #fff;
    background: #fee500 url('../images/design/kakao.png') no-repeat center;
    background-size: 60px;
}

/* 선물하기 버튼 */
.list_present {
    width: 70px
}

.btn_present {
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAABf0lEQVRIie2XvUrDUBSAv5hQkELpEqEqTq6C0A7i6tSCg68g4uYs7Qv4CupLuHWrU8Gli7gJpog/FexQugglMXJCUmJvSW+RtCD5oKH3ntvz3XOTmzRGuVxGk13gAtgHVoEH4AY4AnaAL+AOOAfudVLqyveAW5EahoFpmriuOw5aloXnefi+TziJg3AiiawkBWNci7hardJqtWi32zQaDfL5PPV6PWhLf61WI1yVKyXDFHQq3wBei8UizWaTXC43DgyHQwqFwrg9Go2CCQwGA2luA09Kthg6lZfkYNv2L7EQFwsSl3EhNjPQkTuA5zgO/X5fCcaReLfblZ5v4FEZMIEs+yFwCawr0fR4B45F/gJsLlAc0bMicafTUaLTqFQqTI6f1pdEOL6ku9VSYalyWfY32cvR0v2FOXP0pPIz2SVKKF0+gRMrfDjIJ7gxz7pokqqb47drLPucZ/JMnskzeSbP5P9HHn9jeQa2FuD8iF5E4pXLP5peymLJfxp8A34Aib5ifOgIBIoAAAAASUVORK5CYII=") no-repeat center;
    background-size: 31px 31px;
    border: 1px solid #ccc;
    height: 100%
}

.btn_resp.size_c.btn_gift {
    min-width: auto;
    background-size: 24px 24px;
}

@media screen and (max-width: 767px) {
    .list_present {
        width: 54px;
    }

    .btn_present {
        background-size: 24px 24px;
    }
}

/* //button */

/* form */
.select_style1 {
    vertical-align: middle;
}

.resp_sorting_list label {
    display: inline-block;
    vertical-align: top;
    margin: 2px 0;
    padding: 0 14px 0 8px;
    color: #999;
    background: url(../images/common/icon_list2.png) 2px 50% no-repeat;
}

.resp_sorting_list label input[type='radio'] {
    width: 1px;
    height: 1px;
    visibility: hidden;
}

.resp_sorting_list label.active {
    font-weight: 500;
    color: #333;
    padding-left: 12px;
    background: url(../images/common/icon_checked3.png) 0 50% no-repeat;
}

/* calendar */
body .ui-dialog {
    width: auto !important;
}

body .ui-corner-all {
    border-radius: 0;
}

body .ui-widget-content {
    border: 1px solid #444953;
    background: #fff;
    color: #333;
}

body .ui-widget-header {
    border: none;
    margin: 0;
    background: #616775;
    color: #fff;
}

body .ui-datepicker th {
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

body .ui-datepicker td {
    font-size: 14px;
    font-weight: 400;
}

body .ui-datepicker .ui-datepicker-title select {
    height: 24px;
    width: 65px;
    font: 14px/1.4em verdana;
    color: #333;
    margin: 0 0 0 8px;
    border: 1px #fff solid;
}

body .ui-datepicker .ui-datepicker-title select:first-child {
    margin-left: 0;
}

body .ui-datepicker .ui-datepicker-title {
    margin: 0;
    padding: 6px 0;
    font-weight: normal;
}

body .ui-datepicker .ui-datepicker-prev, body .ui-datepicker .ui-datepicker-next {
    top: 5px;
    width: 24px;
    height: 32px;
    cursor: pointer;
}

body .ui-datepicker .ui-datepicker-prev {
    left: 6px;
    background: url(../images/design/icon_arr_prev2.png) 50% 50% no-repeat;
    background-size: 9px;
}

body .ui-datepicker .ui-datepicker-next {
    right: 6px;
    background: url(../images/design/icon_arr_next2.png) 50% 50% no-repeat;
    background-size: 9px;
}

body .ui-widget-header .ui-icon {
    background-image: none;
}

body .ui-datepicker .ui-datepicker-prev.ui-state-hover, body .ui-datepicker .ui-datepicker-next.ui-state-hover {
    border: none;
}

body .ui-datepicker th {
    color: #333;
}

body .ui-datepicker th.ui-datepicker-week-end {
    color: #0066ff;
}

body .ui-datepicker th.ui-datepicker-week-end:first-child {
    color: #ed3347;
}

body .ui-datepicker td.ui-datepicker-week-end > a {
    color: #0066ff
}

body .ui-datepicker td.ui-datepicker-week-end:first-child > a {
    color: #ed3347;
}

body .ui-state-default, body .ui-widget-content .ui-state-default {
    border-radius: 2px;
    text-align: center;
    border: 1px #ddd solid;
    background: #f8f8f8;
    color: #555;
}

body .ui-widget-content .ui-state-hover {
    border-color: #767676;
}

body .ui-state-highlight, body .ui-widget-content .ui-state-highlight {
    border-color: #baa00e;
    background-color: #fffbd7;
}

body .ui-state-active, body .ui-widget-content .ui-state-active {
    border-color: #2598e7 !important;
    background: #d9f0ff !important;
    color: #333 !important;
}

/* //calendar */

/* tab */
.tab_basic {
    border-bottom: 1px #666 solid;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #666;
    margin-bottom: 20px;
}

.tab_basic > ul {
    display: table;
    margin-bottom: -1px;
}

.tab_basic.fullsize > ul {
    width: 100%;
    table-layout: fixed;
}

.tab_basic > ul > li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px #ddd solid;
    border-bottom-color: #666;
    border-right: none;
    background: #f4f4f4;
    cursor: pointer;
}

.tab_basic > ul > li:last-child {
    border-right: 1px #ddd solid;
}

.tab_basic > ul > li.on {
    border-color: #666;
    /*border-right: 1px #666 solid;*/
    border-bottom-color: #fff;
    background: #fff;
    position: relative;
    cursor: default;
    color: #333;
}

.tab_basic > ul > li.on + li {
    border-left: none;
}

.tab_basic > ul > li > a, .tab_basic > ul > li > label {
    display: block;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    color: #767676;
}

.tab_basic > ul > li > label input {
    width: 1px;
    height: 1px;
    font-size: 0;
    margin: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.tab_basic > ul > li.on > a, .tab_basic > ul > li.on > label {
    color: #333;
}

.tab_basic .addtxt {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    color: #767676;
}

.tab_basic.size1 > ul > li {
    width: 148px;
}

.tab_basic.size1 > ul > li > a {
    padding-right: 5px;
    padding-left: 5px;
}

.tab_basic.size2 > ul > li {
    width: 164px;
}

.tab_basic.size2 > ul > li > a {
    padding-right: 5px;
    padding-left: 5px;
}


.tab_layer1 {
    padding: 10px 10px 0;
    border-bottom: 1px #aaa solid;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: #666;
}

.tab_layer1 > ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: -1px;
}

.tab_layer1 > ul > li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    padding: 0 2px;
    border: 1px #ddd solid;
    border-bottom-color: #aaa;
    border-right: none;
    background: #f4f4f4;
    cursor: pointer;
}

.tab_layer1 > ul > li:last-child {
    border-right: 1px #ddd solid;
}

.tab_layer1 > ul > li.on {
    border-color: #aaa;
    border-right: 1px #aaa solid;
    border-bottom-color: #fff;
    background: #fff;
    position: relative;
    cursor: default;
    color: #333;
}

.tab_layer1 > ul > li.on + li {
    border-left: none;
}

.tab_layer1 .addtxt {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    color: #767676;
}

/* tab old table */
.sub_page_tab_wrap {
    padding: 10px 0;
}

.sub_page_tab {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.sub_page_tab td {
    background-color: #efefef;
    color: #767676;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.3;
    height: 40px;
    padding: 0 2px;
    text-align: center;
    border: 1px #aaa solid;
    cursor: pointer;
}

.sub_page_tab td.current {
    background-color: #fff;
    color: #333;
    border-bottom: none
}

.sub_page_tab .addtxt {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    color: #767676;
}

/* table */
table {
    border-spacing: 0;
    border-collapse: collapse;
    word-break: break-all;
}

.table_row_a {
    width: 100%;
    table-layout: fixed;
    border: 1px #ddd solid;
}

.table_row_a > tbody > tr > th {
    border: 1px #ddd solid;
    background: #f8f8f8;
    font-weight: normal;
    text-align: left;
}

.table_row_a > tbody > tr > th > p {
    padding: 8px 9px;
}

.table_row_a > tbody > tr > td {
    border: 1px #ddd solid;
    padding: 8px 9px;
}

.table_row_a col.size_a {
    width: 140px;
}

.table_row_a col.size_b {
    width: 90px;
}

@media only screen and (max-width: 479px) {
    .table_row_a > tbody > tr > th > p {
        padding: 8px 2px;
    }

    .table_row_a > tbody > tr > td {
        padding: 8px 5px;
    }

    .table_row_a col.size_a {
        width: 110px;
    }

    .table_row_a col.size_b {
        width: 70px;
    }
}

.table_top_line1 {
    position: relative;
    padding-top: 1px;
    width: 100%;
    bottom: -1px;
    background-color: #7F858F;
}

/* resp table1 */
.mo_show {
    display: none;
}

.mt_sp1 {
    margin-top: 10px;
}

.mt_sp2 {
    margin-top: 15px;
}

.mt_sp3 {
    margin-top: 20px;
}

.res_table strong, .res_table b {
    font-weight: 500;
}

.res_table .not_inportant {
    z-index: -1;
    opacity: 0.5;
}

.res_table .not_inportant .pointcolor {
    color: #767676;
}

.res_table .link1 {
    display: inline-block;
    color: #767676;
    border-bottom: 1px #767676 solid;
}

.res_table {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-top: 1px #333 solid;
    border-bottom: 1px #ddd solid;
    font-size: 13px;
}

.res_table > ul {
    display: table-row;
}

.res_table > ul > li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
    box-sizing: border-box;
    padding: 12px 5px;
    border-left: 1px #f4f4f4 solid;
    border-top: 1px #ddd solid;
    color: #767676;
}

.res_table > .thead > li {
    border-top: none;
    background-color: #f4f4f4;
    padding: 12px 5px;
    color: #333;
    font-weight: 500;
}

.res_table > .thead + .tbody > li {
    border-top-color: #ddd;
}

.res_table > ul > li:first-child {
    border-left: none;
}

.res_table > ul > li.formsp1 {
    padding: 5px;
}

.res_table .no_data {
    display: table-cell;
    padding: 50px 0;
    color: #767676;
}

.res_table > .thead li.number {
    width: 45px;
}

.res_table > .thead li.buy_date {
    width: 90px;
}

.res_table > .thead li.order_seq {
    width: 140px;
}

.res_table > .thead li.order_price {
    width: 100px;
}

.res_table > .thead li.order_price2 {
    width: 100px;
}

.res_table > .thead li.besong_group {
    width: 100px;
}

.res_table > .thead li.order_status {
    width: 100px;
}

.res_table > .thead li.order_status2 {
    width: 132px;
}

.res_table > .thead li.buy_date2 {
    width: 100px;
}

.res_table > .thead li.order_seq2 {
    width: 174px;
}

.res_table > .thead li.order_seq3 {
    width: 110px;
}

.res_table > .thead li.group {
    width: 80px;
}

.res_table > .thead li.nation {
    width: 65px;
}

.res_table > .thead li.description {
    width: 80px;
}

.res_table > .thead li.receiver {
    width: 74px;
}

.res_table > .thead li.phone {
    width: 110px;
}

.res_table > .thead li.manage {
    width: 102px;
}

.res_table > .thead li.manage2 {
    width: 200px;
}

.res_table > .thead li.number2 {
    width: 86px;
}

.res_table > .thead li.order_type {
    width: 100px;
}

.res_table > .tbody li.rowspan {
    border-bottom: none;
    position: relative;
}

.res_table > .tbody li.rowspan > .rcont {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.res_table .btn_area_mx1 {
    margin-top: 2px;
}

.res_table > .tbody li.rowspaned {
    border-top: none;
}

.res_table > .tbody li.left {
    text-align: left;
}

.res_table > .tbody li.right {
    text-align: right;
}

.res_table > .tbody li.item_info {
    text-align: left;
}

.res_table > .tbody li.order_seq a {
    display: inline-block;
    letter-spacing: -1px;
    color: #767676;
    border-bottom: 1px #767676 solid;
}

.res_table > .tbody li.order_price {
    text-align: right;
    font-size: 14px;
}

.res_table > .tbody li.order_price2 {
    text-align: right;
}

.res_table > .tbody li.order_status .status {
    font-size: 16px;
    font-weight: 500;
    padding: 3px 0;
}

.res_table > .tbody li.order_status .buttons button {
    margin-top: 2px;
}

.res_table > .tbody li.order_status .title a {
    background: #fd6666;
    padding: 1px 3px;
    font-weight: normal;
    border-radius: 2px;
    font-size: 11px;
    color: white;
}

.res_table > .tbody li.address {
    text-align: left;
}

.res_table > .tbody li.deatil {
    text-align: left;
}

.res_table > .tbody li.subject {
    text-align: left;
    color: #333;
}

.res_table > .tbody li.subject.t1 {
    text-align: center;
}

.res_table > .tbody li.subject.x1 {
    text-align: center;
    color: #767676;
}

.res_table > .tbody .reply_ui {
    background: url(../images/common/icon_sub1.png) 5px 4px no-repeat;
    padding-left: 18px;
}

.res_table > .tbody.now_list {
    outline: 1px #007cd2 solid;
    font-weight: 500;
}

.res_table > .tbody.now_list .now {
    color: #007cd2;
}

.res_table .motle {
    display: none;
}

.res_table .motle2 {
    display: none;
}

.res_table .motle3 {
    display: none;
}

.res_table .extra_area {
    text-align: left;
}

.res_table .extra_area .date {
    color: #999;
}

.res_table .extra_area .hit {
    color: #999;
}

.res_table > ul.tbody.basic_addr > li {
    color: #333;
    background: #fafafa;
}

.res_table > ul.tbody.notice {
    background: #fbfbfb;
}

.res_table > ul.tbody.notice .deatil {
    font-weight: 500;
}

.res_table > ul.tbody.complete {
    background: #f7fafd;
}

.res_table .title {
    font-weight: 500;
}

.res_table .mtitle {
    display: none;
}

.res_table .type {
    color: #767676;
    font-size: 13px;
    font-weight: 500;
}

.res_table .cat {
    color: #767676;
    font-size: 13px;
    font-weight: 500;
}

.res_table .reply_title {
    color: #999;
}

.res_table .complete .reply_title {
    color: #333;
}

.res_table > .tbody.gift {
    background-color: #fff3f9;
}

.res_table.bd1 {
    border-bottom: 1px #ccc solid;
}

.res_table > .tbody.disabled,
.res_table > .tbody.coupon_used {
    opacity: 0.5;
}

.res_table > .tbody.disabled *,
.res_table > .tbody.coupon_used * {
    color: #666 !important;
}

@media only screen and (max-width: 767px) {
    .mo_show {
        display: initial;
    }

    .mo_stle:before {
        display: inline-block;
        content: '[';
    }

    .mo_stle:after {
        display: inline-block;
        content: ']';
    }

    .res_table {
        display: block;
        width: auto;
        border: none;
    }

    .res_table .motle {
        display: initial;
        color: #999;
    }

    .res_table > .thead {
        display: none;
    }

    .res_table > .tbody {
        display: flex;
        flex-flow: row wrap;
        margin-bottom: 10px;
        border: 1px #999 solid;
    }

    .res_table > .tbody:first-child {
        margin-top: 0;
    }

    .res_table > .tbody:last-child {
        margin-bottom: 0;
    }

    .res_table > .tbody.suboptions {
        position: relative;
        margin-top: -11px;
        border-top: 1px #ddd solid;
    }

    .res_table > .tbody.besong_grouped {
        position: relative;
        margin-top: -11px;
        border-top: 1px #ddd solid;
    }

    /*.res_table > .tbody > li {*/
    /*    flex: 0 0 auto;*/
    /*    padding: 10px 5px;*/
    /*    border: none;*/
    /*    text-align: left;*/
    /*}*/
    .res_table > .tbody > li.blank {
        padding-left: 0;
        padding-right: 0;
    }

    .res_table > .tbody > li.blank:after {
        content: '';
    }

    .res_table .mtitle {
        display: inline;
        color: #767676;
    }

    .res_table .btn_resp.mo_adj {
        margin: -5px 0;
    }

    /*.res_table > .tbody > li {*/
    /*    padding: 10px 5px 0;*/
    /*}*/
    /*.res_table > .tbody > li:last-child {*/
    /*    padding-bottom: 10px;*/
    /*}*/
    .res_table > .tbody > li.mo_end {
        padding-bottom: 10px;
    }

    .res_table > .tbody > li.mo_end.v2 {
        flex-grow: 1;
        text-align: right;
    }

    .res_table > .tbody li.mo_r {
        text-align: right;
    }

    .res_table > .tbody li.sjb_top {
        padding: 10px 5px;
        background-color: #f8f8f8;
        border-bottom: 1px #ddd dashed;
    }

    .res_table > .tbody li.grow {
        flex-grow: 1;
    }

    /*.res_table > .tbody li.subject {*/
    /*    flex-basis: 100%;*/
    /*    width: 100%;*/
    /*    order: -5;*/
    /*    padding-bottom: 10px;*/
    /*    font-size: 14px;*/
    /*    line-height: 1.3;*/
    /*    font-weight: 500;*/
    /*    border-bottom: 1px #ddd dashed;*/
    /*}*/
    .res_table > .tbody li.subject.half {
        flex-basis: 50%;
        width: 50%;
    }

    .res_table > .tbody li.subject.t1 {
        text-align: left;
    }

    .res_table > .tbody li.subject.x1 {
        text-align: right;
        font-size: 13px;
        font-weight: 500;
        color: #999;
    }

    .res_table > .tbody .notitle_sp {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .res_table > .tbody li.buy_date {
        background: #f8f8f8;
        font-weight: 500;
        color: #333;
    }

    .res_table > .tbody li.order_seq {
        color: #999;
        text-align: right;
        background: #f8f8f8;
        flex: 1 0 auto;
    }

    .res_table > .tbody li.order_price {
        order: 2;
        flex-basis: 30%;
        padding: 11px 10px 0 0;
    }

    .res_table > .tbody li.order_price2 {
        text-align: left;
    }

    .res_table > .tbody li.order_status {
        order: 1;
        flex-basis: 70%;
        padding-bottom: 8px;
    }

    .res_table > .tbody li.order_status .status {
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        padding: 0 4px 0 0;
    }

    .res_table > .tbody li.order_status .buttons {
        display: inline-block;
        vertical-align: middle;
    }

    .res_table > .tbody li.address {
        width: 100%;
    }

    .res_table > .tbody li.manage, .res_table > .tbody li.manage2 {
        text-align: right;
        padding-top: 8px;
    }

    .res_table > .tbody li.manage3 {
        text-align: right;
    }

    .res_table > .tbody li.besong_group {
        display: none;
    }

    .res_table > .tbody li.besong_group.show {
        display: block;
        order: -1;
        background: #fffeeb;
    }

    /*.res_table > .tbody li.item_info {*/
    /*    flex-basis: 100%;*/
    /*    padding: 5px;*/
    /*    border-bottom: 1px #ddd dashed;*/
    /*}*/
    .res_table > .tbody li.deatil {
        flex-basis: 100%;
        width: 100%;
    }

    .res_table > .tbody li.deatil.v2 {
        padding-top: 10px;
    }

    .res_table > .tbody li.deatil.v3 {
        flex-basis: 100%;
        font-size: 16px;
        line-height: 1.2;
        font-weight: 500;
        letter-spacing: -1px;
    }

    .res_table > .tbody li.deatil.v4 {
        padding: 10px 5px;
        font-weight: 500;
    }

    .res_table > .tbody li.mo_hide {
        display: none;
    }

    .res_table > .tbody.notice .num .mtitle {
        font-weight: 500;
        color: #ed3347;
    }

    .res_table.v2 > .tbody > li {
        padding: 10px 5px;
    }

    .res_table.v3 > .tbody > li {
        border-bottom: none;
    }

    .res_table .order1 {
        order: 1;
    }

    .res_table .order2 {
        order: 2;
    }

    .res_table .order3 {
        order: 3;
    }

    .res_table .motle2 {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        padding: 0 6px;
        margin-right: 2px;
        background: #eee;
        color: #333;
        border: 1px #ccc solid;
    }

    .res_table .mowrap3 {
        display: table;
        width: 100%;
    }

    .res_table .motle3 {
        display: table-cell;
        height: 30px;
        vertical-align: middle;
        text-align: center;
        padding: 0;
        background: #eee;
        color: #333;
        border: 1px #ccc solid;
    }

    .res_table .motle3.v2 {
        padding-right: 9px;
        padding-left: 9px;
    }

    .res_table .mocont3 {
        display: table-cell;
        vertical-align: middle;
        padding-left: 5px;
    }

    .res_table .mocont3.v2 {
        color: #767676;
    }

    .res_table > ul.tbody.reply {
        margin-top: -11px;
        border-top: 1px #ddd solid;
    }

    .res_table .reply_title:before {
        display: inline;
        content: '[';
    }

    .res_table .reply_title:after {
        display: inline;
        content: ']';
    }

    .extra_info {
        display: inline-block;
        padding-right: 12px;
    }

    .res_table > .tbody li.rowspan {
        position: static;
    }

    .res_table > .tbody li.rowspan > .rcont {
        position: static;
        left: auto;
        right: auto;
        top: auto;
        padding-top: 0;
    }

    .res_table > .tbody li.besong_group2 {
        flex-basis: 100%;
        order: -10;
        border-bottom: 1px #ddd solid;
        background: #feffe8;
    }

    .res_table > .tbody li.besong_group2 > .rcont > div {
        display: inline-block;
    }

    .res_point_span {
        display: inline-block;
    }

    .res_point_span:before {
        content: ', ';
    }

    .res_table > .tbody li.rowspaned {
        padding: 0;
    }
}

@media only screen and (max-width: 479px) {
    .res_table .etc1 {
        display: block;
        margin-bottom: 4px;
    }
}

/* resp_1line_table */
.resp_1line_table {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px #ddd solid;
    font-size: 13px;
}

.resp_1line_table > ul {
    display: table-row;
}

.resp_1line_table > ul.hide {
    display: none;
}

.resp_1line_table > ul > li {
    display: table-cell;
    border: 1px #ddd solid;
    padding: 8px 5px;
}

.resp_1line_table > ul > li:first-child {
    border-left: none;
}

.resp_1line_table > ul > li.th {
    background: #f8f8f8;
}

.resp_1line_table > ul > li.th.size1 {
    width: 180px;
}

.resp_1line_table > ul > li.th.size2 {
    width: 120px;
}

@media only screen and (max-width: 479px) {
    .resp_1line_table {
        display: block;
        width: auto;
    }

    .resp_1line_table > ul {
        display: block;
        border-top: 1px #ddd solid;
    }

    .resp_1line_table > ul:first-child {
        border-top: none;
    }

    .resp_1line_table > ul > li {
        display: block;
        border: none;
    }

    .resp_1line_table > ul > li.th {
        width: auto !important;
    }

    .resp_1line_table > ul > li.th > p {
        padding-left: 9px;
        background: url(../images/design/bul_basic.png) 2px 50% no-repeat;
    }

    .resp_1line_table > ul > li.td {
        border-top: 1px #ddd dashed;
    }
}

/* resp table row */
.resp_table_row {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px #7F858F solid;
    border-bottom: 1px #7F858F solid;
    font-size: 13px;
}

.resp_table_row > ul {
    display: table-row;
}

.resp_table_row > ul > li {
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
    box-sizing: border-box;
    padding: 10px;
    border-right: 1px #ddd solid;
    border-top: 1px #ddd solid;
}

.resp_table_row.input_form > ul > li {
    padding: 5px 10px;
}

.resp_table_row > ul:first-child > li {
    border-top: none;
}

.resp_table_row > ul > li:first-child {
    border-left: 1px #ddd solid;
}

.resp_table_row > ul > li.th {
    background: #f8f8f8;
    width: 90px;
}

.resp_table_row.th_size2 > ul > li.th {
    width: 180px;
}

.resp_table_row.th_size3 > ul > li.th {
    width: 120px;
}

.resp_table_row.v2 {
    border-bottom-color: #ccc;
}

.address_area {
    padding-top: 5px;
}

.address_area2 {
    padding-top: 4px;
}

@media only screen and (max-width: 767px) {
    .resp_table_row > ul > li {
        padding: 10px 5px;
    }

    .resp_table_row.v2 > ul > li {
        padding: 5px;
    }

    .resp_table_row.input_form > ul > li {
        padding: 5px;
    }

    .resp_table_row > ul > li.th {
        width: 76px;
    }
}

.resp_table_row2 {
    display: table;
    width: 100%;
    table-layout: fixed;
    font-size: 13px;
}

.resp_table_row2 > ul {
    display: table-row;
}

.resp_table_row2 > ul:first-of-type > li {
    padding: 5px 0;
}

.resp_table_row2 > ul > li {
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
    box-sizing: border-box;
    padding: 13px 0 5px;
    color: var(--color-666);
    font: var(--text-body14-regular);
}

.resp_table_row2 > ul > li.th {
    width: 74px;
}


/* 게시판 레이어 보기 관련 추가 */
.box_bbs_r2 {
    border: 1px #ddd solid;
}

.box_bbs_r2 > ul {
    border-top: 1px #ddd dashed;
    padding: 5px 0;
}

.box_bbs_r2 > ul:first-child {
    border-top: None;
}

.box_bbs_r2 > ul > li {
    display: inline-block;
    padding: 5px 10px;
}

.box_bbs_r3 > ul {
    padding-top: 5px;
}

.box_bbs_r3 > ul > li {
    display: inline-block;
    padding: 5px 20px 5px 0;
}

.box_bbs_r3 > ul > li:last-child {
    padding-right: 0;
}

#bbsview.x2 {
    padding: 10px 0;
}

.board_detail_contents.reply {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px #7f858f solid;
}

.board_detail_contents.reply .writer {
    padding-bottom: 10px;
}

.board_detail_contents.reply .icon1 {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    background: #007cd2;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
}

.board_detail_contents.reply .writer_subject {
    font-size: 13px;
    font-weight: 500;
    color: #357bc3;
}

.resp_layer_pop .btn_pop_close.viewerlay_close_btn {
    right: -10px;
    top: -10px;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 2px;
}

@media only screen and (max-width: 767px) {
    #bbsview.x2 {
        padding: 0;
    }

    .resp_layer_pop .btn_pop_close.viewerlay_close_btn {
        right: -5px;
        top: -5px;
    }
}


/* resp table col */
.resp_table_col {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px #7F858F solid;
    border-bottom: 1px #7F858F solid;
    font-size: 13px;
}

.resp_table_col > ul {
    display: table-row;
}

.resp_table_col > ul > li {
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
    box-sizing: border-box;
    padding: 10px;
    border-right: 1px #ddd solid;
    border-top: 1px #ddd solid;
    text-align: center;
}

.resp_table_col > ul.thead > li {
    background: #f8f8f8;
}

.resp_table_col > ul:first-child > li {
    border-top: none;
}

.resp_table_col > ul > li:first-child {
    border-left: 1px #ddd solid;
}

.resp_table_col > .thead > .num_area {
    width: 46px;
}

.resp_table_col > .thead > .price_area {
    width: 100px;
}

.resp_table_col > .tbody > .name_area {
    text-align: left;
}

.resp_table_col > .tbody > .price_area {
    text-align: right;
}

.resp_table_col > .tbody > .name_area .name {
    font-weight: 500;
    color: #333;
}

.resp_table_col .sub_name {
    overflow: hidden;
    zoom: 1;
}

.resp_table_col .sub_option_img {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 8px;
    border: 1px #ddd solid;
}

@media only screen and (max-width: 767px) {
    .resp_table_col > ul > li {
        padding: 8px 5px;
    }
}

/* paging */
.paging_navigation {
    zoom: 1;
    margin: 15px 0 0;
    text-align: center;
    font-size: 0;
}

.paging_navigation:after {
    display: block;
    content: "";
    clear: both;
}

.paging_navigation a, .paging_navigation input {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 8px;
    min-width: 34px;
    height: 34px;
    font: var(--text-caption-regular);
    color: var(--color-666);
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    border: 1px #ddd solid;
    margin-left: -1px;
    text-decoration: none;

}

.paging_navigation a:first-child, .paging_navigation input:first-child {
    margin-left: 0;
}

.paging_navigation input + a {
    margin-left: -1px;
}

.paging_navigation a:hover {
    color: #333;
    border-color: #999;
    background-color: #eee;
    position: relative;
    z-index: 2;
}

.paging_navigation a.on {
    background-color: #fff;
    color: #333;
    border-color: #333;
    position: relative;
    cursor: default;
}

.paging_navigation a.red {
    color: #333 !important;
}

.paging_navigation a.prev, .paging_navigation a.next, .paging_navigation a[rel='prev'], .paging_navigation a[rel='next'] {
    overflow: hidden;
    text-indent: -999px;
    margin: 0 0 0 -1px;
    height: 34px;
}

.paging_navigation a.first, .paging_navigation a.last, .paging_navigation a.end, .paging_navigation a[rel='first'], .paging_navigation a[rel='last'], .paging_navigation a[rel='end'] {
    overflow: hidden;
    text-indent: -999px;
    margin: 0 0 0 -1px;
    height: 34px;
}

.paging_navigation a.first {
    margin-left: 0;
}

.paging_navigation .prev, .paging_navigation [rel='prev'] {
    background: url('../images/design/icon_paging_prev.png') 50% 50% no-repeat;
}

.paging_navigation .next, .paging_navigation [rel='next'] {
    background: url('../images/design/icon_paging_next.png') 50% 50% no-repeat;
}

.paging_navigation .first, .paging_navigation [rel='first'] {
    background: url('../images/design/icon_paging_first.png') 50% 50% no-repeat;
}

.paging_navigation .end, .paging_navigation [rel='end'] {
    background: url('../images/design/icon_paging_last.png') 50% 50% no-repeat;
}

.paging_navigation .last, .paging_navigation [rel='last'] {
    background: url('../images/design/icon_paging_last.png') 50% 50% no-repeat;
}

.paging_navigation a[rel] > span {
    display: none;
}

/* paging pop */
.paging_navigation_pop {
    zoom: 1;
    margin-top: 24px;
    margin-bottom:6px;
    text-align: center;
    font-size: 0;
}

.paging_navigation_pop:after {
    display: block;
    content: "";
    clear: both;
}

.paging_navigation_pop a {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 2px;
    min-width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    text-align: center;
    vertical-align: middle;
    border: 1px #ddd solid;
    margin-left: -1px;
    text-decoration: none;
}

.paging_navigation_pop a:first-child {
    margin-left: 0;
    border-radius: 4px 0px 0px 4px;
}
.paging_navigation_pop a:last-child{
    border-radius:0px 4px 4px 0px;
}
.paging_navigation_pop a:hover {
    color: #333;
    border-color: #999;
    background-color: #eee;
    position: relative;
    z-index: 2;
}

.paging_navigation_pop a.on {
    background-color: #fff;
    font-weight: 500;
    color: #333;
    border-color: #333;
    position: relative;
    cursor: default;
}

.paging_navigation_pop a.red {
    color: #ed3347;
}

.paging_navigation_pop .prev {
    background: url('../images/design/icon_paging_prev.png') 50% 50% no-repeat;
}

.paging_navigation_pop .next {
    background: url('../images/design/icon_paging_next.png') 50% 50% no-repeat;
}

.paging_navigation_pop .first {
    background: url('../images/design/icon_paging_first.png') 50% 50% no-repeat;
}

.paging_navigation_pop .end {
    background: url('../images/design/icon_paging_last.png') 50% 50% no-repeat;
}

.paging_navigation_pop .last {
    background: url('../images/design/icon_paging_last.png') 50% 50% no-repeat;
}

.paging_navigation_pop .prev span,
.paging_navigation_pop .next span,
.paging_navigation_pop .first span,
.paging_navigation_pop .end span,
.paging_navigation_pop .last span {
    display: none
}

/* paging thebogi */
.paging_thebogi {
    padding-top: 15px;
    text-align: center;
}

.paging_thebogi .btn_thebogi {
    border: 1px #ddd solid;
    background: #fff;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    padding: 0 14px;
    box-sizing: border-box;
    text-align: center;
    color: #767676;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
    transition: all 0.2s;
}

.paging_thebogi .btn_thebogi:hover, .paging_thebogi .btn_thebogi:focus {
    border-color: #999;
    color: #333;
}

.paging_thebogi .btn_thebogi:before, .paging_thebogi .btn_thebogi:after {
    display: inline-block;
    content: '↓';
    margin-right: 12px;
    color: #ccc;
    font-weight: 300;
    transition: color 0.2s;
    animation: ani_thebogi 1s linear infinite;
}

.paging_thebogi .btn_thebogi:after {
    margin-right: 0;
    margin-left: 12px;
}

.paging_thebogi .btn_thebogi:hover:before, .paging_thebogi .btn_thebogi:hover:after {
    color: #767676;
}

.paging_thebogi .btn_thebogi .num {
    position: relative;
    left: 2px;
    top: -1px;
    color: #bbb;
}

.paging_thebogi .btn_thebogi .num > b {
    font-weight: 400;
    color: #767676;
}

.goods_display_more_btn {
    border: 1px #ddd solid;
    background: #fff;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    padding: 0 14px;
    box-sizing: border-box;
    text-align: center;
    color: #767676;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
    transition: all 0.2s;
    margin-top: 20px;
    outline: None;
}

.goods_display_more_btn:hover, .goods_display_more_btn:focus {
    border-color: #999;
    color: #333;
}

.goods_display_more_btn:after {
    margin-right: 0;
    margin-left: 12px;
}

.goods_display_more_btn .pages {
    position: relative;
    left: 2px;
    color: #444;
}

.goods_display_more_btn .pages:before {
    display: inline;
    content: '(';
    color: #999;
}

.goods_display_more_btn .pages:after {
    display: inline;
    content: ')';
    color: #999;
}

.goods_display_more_btn br {
    display: none;
}

@keyframes ani_thebogi {
    0% {
        transform: translateY(-2px);
    }
    20% {
        transform: translateY(2px);
    }
    100% {
        transform: translateY(-2px);
    }
}

/* etc */
.no_data_area {
    border: 1px #ddd solid;
    padding: 30px 5px;
    text-align: center;
}

.no_data_area .text {
    padding-top: 20px;
    font-size: 14px;
    font-weight: 500;
}

.no_data_area2 {
    padding: 130px 5px 32px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    border: 1px #ddd solid;
    background: url(../images/common/nodata.png) 50% 40px no-repeat;
    background-size: 68px;
    border-radius: 4px;
}

.no_data_area2.v2 {
    margin-top: 10px;
}

.no_data_area2.gallery {
    margin-top: 10px;
}

.no_data_area2 + .no_data_area2 {
    display: none !important;
}

.para_style1 {
    font-size: 13px;
    line-height: 1.5;
    color: #666;
}

.step_type1 {
    font-size: 13px;
    color: #999;
}

.step_type1 > li {
    padding-top: 20px;
}

.step_type1 > li:first-child {
    padding-top: 5px;
}

.step_type1 .tle {
    font-size: 14px;
    color: #333;
}

.step_type1 .tle .num {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    background: #444;
}

.step_type1 .cont {
    padding-top: 5px;
}

.min_width1 {
    min-width: 100px;
}

.form_multi_row > li {
    padding-top: 5px;
}

.form_multi_row > li:first-child {
    padding-top: 0;
}

.form_multi_row2 {
    zoom: 1;
    margin: -5px 0 0 -20px;
}

.form_multi_row2:after {
    display: block;
    content: "";
    clear: both;
}

.form_multi_row2 > li {
    float: left;
    margin: 5px 0 0 20px;
}

.pushCount {
    display: inline-block;
    box-sizing: border-box;
    min-width: 20px;
    padding: 0 5px;
    height: 20px;
    line-height: 21px;
    background-color: #333;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    border-radius: 10px;
    text-align: center;
}

/* //etc */


/* ---------- 상품 디스플레이 모듈 공통 ---------- */
.goods_score_area .font1 {
    font-weight: 500;
    color: #fff;
    background-color: #ee6600;
    padding: 0 3px;
    font-family: tahoma;
}

.goods_score_area .font2 {
    color: #ff8000;
}

.goods_score_area .font3 {
    color: #999;
}

.goods_score_area .font4 {
    color: #fd454d;
    cursor: pointer;
}

.goods_solo_event_area {
    padding-top: 5px;
    font-family: dotum;
    font-size: 11px;
}

.goods_solo_event_area .img1 {
    padding-bottom: 2px;
}

.goods_solo_event_area .style1 {
    background-color: #c61515;
    color: #ffffff;
    padding: 2px;
    font-weight: 500;
}

.goods_solo_event_area .style2,
.goods_solo_event_area .style3,
.goods_solo_event_area .style4,
.goods_solo_event_area .style5 {
    color: #ffffff;
    font-weight: 500;
}

.goods_buy_count_area .style1 {
    color: #c61515;
    font-weight: 500;
    text-decoration: underline;
}

.goods_list {
    font-size: 0px;
    *zoom: 1;
}

.goods_list:after {
    clear: both;
    display: block;
    content: "";
}

.goods_list ol.gli_contents > li {
    line-height: 1.4;
    padding-top: 4px;
}

.goods_list li.gl_item {
    vertical-align: top;
}

.goods_list .gli_image {
    margin: 0;
    position: relative;
}

.goods_list .goods_name {
    font-size: inherit;
}

.goods_list .goods_won {
    font-size: 0.9em;
}

.goods_list ol.gli_contents > li.goods_color_area {
    font-size: 0;
    padding-top: 9px;
    padding-bottom: 4px;
}

.goods_list .goods_color_area .color {
    display: inline-block;
    font-size: 0;
    width: 12px;
    height: 5px;
    box-sizing: border-box;
    margin-left: 5px;
    border-radius: 2px;
    vertical-align: middle;
}

.goods_list .goods_color_area .color:first-child {
    margin-left: 0;
}

.goods_list .goods_color_area .color.border {
    border: 1px #ddd solid;
}

.goodsDisplayImageIconWrap {
    width: 60px;
    height: 60px;
    border-radius: 2px;
    display: none;
}

.goodsDisplayImageIconWrap span {
    white-space: nowrap;
    overflow: hidden
}

.goodsDisplayImageIconWrap span.icon_solo {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block
}

.goodsDisplayImageIconWrap span.icon_top {
    width: 60px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

.goodsDisplayImageIconWrap span.icon_top_discount {
    width: 35px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: right
}

.goodsDisplayImageIconWrap span.icon_top_discount_per {
    width: 25px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: left
}

.goodsDisplayImageIconWrap span.icon_solo_discount {
    width: 30px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: right
}

.goodsDisplayImageIconWrap span.icon_solo_discount_per {
    width: 30px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: left
}

.goodsDisplayImageIconWrap span.icon_bottom {
    width: 60px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

.res_db_title2 br {
    display: none;
}

.respItemImageArea {
    display: block;
    overflow: hidden;
}

/* 1번째이미지, 2번째 이미지 교차 */
.goodsDisplayImage.item2cut {
    display: none;
}

.gl_item:hover .goodsDisplayImage.item1cut {
    display: none;
}

.gl_item:hover .goodsDisplayImage.item2cut {
    display: inline;
}

/* 반응형 New Display -- Icon */
.respGoodsIcon {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(5px) translateY(-5px);
    transition: all 0.2s;
}

.respGoodsIcon .respGoodsIconInner {
    display: table;
    table-layout: fixed;
}

.respGoodsIcon.typeText {
    border-radius: 2px;
    background: #333;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3;
}

.respGoodsIcon.typeText .respGoodsIconInner {
    width: 47px;
    height: 47px;
}

.respGoodsIcon .iconArea {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.respGoodsIcon.discount_per .nuM {
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2;
}

.respGoodsIcon.typeText .secondMessage {
    display: inline-block;
}

.respGoodsIcon .nextMessage {
    display: block;
}

.gl_item:hover .respGoodsIcon {
    opacity: 0.2;
    transform: translateX(10px) translateY(-10px);
}

/* 반응형 New Display -- 찜 */
.respGoodsZzim {
    position: absolute;
    right: 0;
    top: 0;
}

.respGoodsZzim .zzimArea {
    display: block;
    padding: 10px;
}

.respGoodsZzim .zzimImage {
    width: 24px !important;
    aspect-ratio: 1/1 !important;
}

.gl_item:hover .respGoodsZzim .zzimImage {
}

.gl_item .respGoodsZzim .zzimImage.active {
    opacity: 1;
}

/* 미리보기/옵션보기/SNS보내기 */
.respGoodsFuncMenu {
    position: absolute;
    width: 100px;
    right: -4px;
    bottom: 5px;
    font-size: 0;
    text-align: right;
    opacity: 0;
    transition: all 0.2s;
}

.respGoodsFuncMenu > ul {
}

.respGoodsFuncMenu > ul > li {
    display: inline-block;
    font-size: 13px;
}

.respGoodsFuncMenu > ul > li > a {
    display: block;
    color: #767676;
    border-radius: 2px;
    padding-right: 26px;
    height: 24px;
    line-height: 25px;
    overflow: hidden;
    background-position: right 2px center;
    background-repeat: no-repeat;
}

.respGoodsFuncMenu > ul > li .txt {
    display: block;
    padding-left: 6px;
    opacity: 0;
    transform: translateX(-4px);
    transition: all 0.2s;
}

.respGoodsFuncMenu > ul > li.funcMenu_quickview > a {
    background-image: url(/data/icon/goodsdisplay/preview/thumb_quickview.png);
}

.respGoodsFuncMenu > ul > li.funcMenu_option > a {
    background-image: url(/data/icon/goodsdisplay/preview/thumb_option.png);
}

.respGoodsFuncMenu > ul > li.funcMenu_send > a {
    background-image: url(/data/icon/goodsdisplay/preview/thumb_send.png);
}

.respGoodsFuncMenu > ul > li > a:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.respGoodsFuncMenu > ul > li > a:hover .txt {
    transform: translateX(0);
    opacity: 1;
}

.gl_item:hover .respGoodsFuncMenu {
    opacity: 1;
    right: 4px;
}

@media only screen and (max-width: 1023px) {
    .respGoodsIcon.typeText .respGoodsIconInner {
        width: 44px;
        height: 44px;
    }

    .respGoodsIcon.discount_per .nuM {
        font-size: 17px;
    }

    .respGoodsFuncMenu {
        display: none !important;
    }
}

/* 상품상태 - "품절", "재고확보중", "판매중지" */
.respGoodsStatus {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}

.respGoodsStatus .area {
    display: table;
    width: 100%;
    height: 100%;
}

.respGoodsStatus .status_style {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.respGoodsStatus .status_style em {
    display: inline-block;
    padding: 10px 15px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 26px;
}

@media only screen and (max-width: 767px) {
    .respGoodsStatus .status_style em {
        font-size: 21px;
        padding: 10px 13px;
    }
}

/* ---------- //상품 디스플레이 모듈 공통 ---------- */


/* ---------- 상품 디스플레이 : 슬라이드형(크기고정) ---------- */
.display-scrollbar {
    display: none;
}

/* scrollbar 노출 */
table.displaySwipeTabContentsContainer {
    width: 100%;
    table-layout: fixed;
    border: none;
}

.display_slide_class .swiper-scrollbar-drag {
    background: #333;
}

/* scrollbar - bar 색상 */
.display_slide_class .swiper-button-prev {
    display: block;
    width: 16px;
    height: 33px;
    background-size: 100%;
    left: -35px;
    background-image: url(../images/design/arrow_left.gif);
}

.display_slide_class .swiper-button-next {
    display: block;
    width: 16px;
    height: 33px;
    background-size: 100%;
    right: -35px;
    background-image: url(../images/design/arrow_right.gif);
}

.display_slide_class .paging_btn {
    margin: auto;
}

.display_slide_class .custom_mobile_pagination {
    margin: 20px auto;
}

.display_slide_class .goods_display_slide_wrap {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.display_slide_class .swiper-wrapper {
    display: table;
    width: auto;
}

.display_slide_class .swiper-slide {
    display: table-cell;
    width: auto;
    padding: 10px 0 0 10px;
    vertical-align: top;
}

.display_slide_class .swiper-slide:first-child {
    padding-left: 0;
}

.display_slide_class .swiper-slide > li.gl_item {
    width: 190px;
}

.display_slide_class .respGoodsIcon.typeText .respGoodsIconInner {
    width: 47px;
    height: 47px;
}

.display_slide_class .respGoodsIcon.discount_per .nuM {
    font-size: 19px;
}

/* 상품리스트 공통 스타일 */
.gl_inner_item_wrap {
    position: relative
}

/* 스와이프형 개수 고정 */
.show_display_col6 .display_slide_class .swiper-wrapper, .show_display_col5 .display_slide_class .swiper-wrapper, .show_display_col4 .display_slide_class .swiper-wrapper, .show_display_col3 .display_slide_class .swiper-wrapper, .show_display_col2 .display_slide_class .swiper-wrapper {
    display: flex;
}

.show_display_col6 .display_slide_class .swiper-slide, .show_display_col5 .display_slide_class .swiper-slide, .show_display_col4 .display_slide_class .swiper-slide, .show_display_col3 .display_slide_class .swiper-slide, .show_display_col2 .display_slide_class .swiper-slide {
    display: block;
    box-sizing: border-box;
    padding: 10px 5px 0;
}

.show_display_col6 .display_slide_class .swiper-slide > li.gl_item, .show_display_col5 .display_slide_class .swiper-slide > li.gl_item, .show_display_col4 .display_slide_class .swiper-slide > li.gl_item, .show_display_col3 .display_slide_class .swiper-slide > li.gl_item, .show_display_col2 .display_slide_class .swiper-slide > li.gl_item {
    width: auto !important;
}

.show_display_col6 .display_slide_class .swiper-slide {
    width: 16.67%;
}

/* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
.show_display_col5 .display_slide_class .swiper-slide {
    width: 20%;
}

/* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
.show_display_col4 .display_slide_class .swiper-slide {
    width: 25%;
}

/* pc 4개, 태블릿 3개, 모바일 2개 */
.show_display_col3 .display_slide_class .swiper-slide {
    width: 33.34%;
}

/* pc 3개, 태블릿 2개, 모바일 1개 */
.show_display_col2 .display_slide_class .swiper-slide {
    width: 50%;
}

/* pc 2개, 태블릿/모바일 1개 */

@media only screen and (max-width: 1023px) {
    .display_slide_class .swiper-button-next, .display_slide_class .swiper-button-prev {
        display: none
    }

    .show_display_col6 .display_slide_class .swiper-slide {
        width: 20%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    .show_display_col5 .display_slide_class .swiper-slide {
        width: 25%;
    }

    /* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
}

@media only screen and (max-width: 860px) {
    .show_display_col6 .display_slide_class .swiper-slide {
        width: 25%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    .show_display_col5 .display_slide_class .swiper-slide {
        width: 33.34%;
    }

    /* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
    .show_display_col4 .display_slide_class .swiper-slide {
        width: 33.34%;
    }

    /* pc 4개, 태블릿 3개, 모바일 2개 */
    .show_display_col3 .display_slide_class .swiper-slide {
        width: 50%;
    }

    /* pc 3개, 태블릿 2개, 모바일 1개 */
}

@media only screen and (max-width: 639px) {
    .show_display_col6 .display_slide_class .swiper-slide {
        width: 33.34%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    .show_display_col5 .display_slide_class .swiper-slide {
        width: 50%;
    }

    /* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
    .show_display_col4 .display_slide_class .swiper-slide {
        width: 50%;
    }

    /* pc 4개, 태블릿 3개, 모바일 2개 */
    .show_display_col2 .display_slide_class .swiper-slide {
        width: 100%;
    }

    /* pc 2개, 태블릿/모바일 1개 */
}

@media only screen and (max-width: 479px) {
    .show_display_col6 .display_slide_class .swiper-slide {
        width: 50%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    .show_display_col3 .display_slide_class .swiper-slide {
        width: 100%;
    }

    /* pc 3개, 태블릿 2개, 모바일 1개 */
}

/* ---------- //상품 디스플레이 : 슬라이드형(크기고정) ---------- */


/* ---------- 상품 디스플레이 : 격자형(반응형) ---------- */
.display_responsible_class {
    margin: 0 auto;
}

.display_responsible_class:after {
    display: block;
    content: "";
    clear: both;
}

.display_responsible_class .goods_list {
    margin-left: -20px;
    vertical-align: top;
}

.display_responsible_class .gli_image {
    display: block !important;
    position: relative;
}

.display_responsible_class .gli_image_item {
    width: 100%;
}

.display_responsible_class .goods_list li.gl_item {
    display: inline-block;
    padding-top: 20px;
    padding-left: 20px;
    width: 300px;
}

.display_responsible_class .goodsDisplayImageIcon[style*="left"] {
    transform: translateX(-5px) translateY(-5px);
    transition: all 0.2s;
}

.display_responsible_class .goodsDisplayImageIcon[style*="right"] {
    transform: translateX(5px) translateY(-5px);
    transition: all 0.2s;
}

.display_responsible_class .gl_item:hover .goodsDisplayImageIcon[style*="left"] {
    transform: translateX(-8px) translateY(-8px);
    opacity: 0.4;
}

.display_responsible_class .gl_item:hover .goodsDisplayImageIcon[style*="right"] {
    transform: translateX(8px) translateY(-8px);
    opacity: 0.4;
}

.show_display_col6 .display_responsible_class .goods_list li.gl_item {
    box-sizing: border-box;
    width: 16.66%;
}

/* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
.show_display_col5 .display_responsible_class .goods_list li.gl_item {
    box-sizing: border-box;
    width: 20%;
}

/* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
.show_display_col4 .display_responsible_class .goods_list li.gl_item {
    box-sizing: border-box;
    width: 25%;
}

/* pc 4개, 태블릿 3개, 모바일 2개 */
.show_display_col3 .display_responsible_class .goods_list li.gl_item {
    box-sizing: border-box;
    width: 33.33%;
}

/* pc 3개, 태블릿 2개, 모바일 1개 */
.show_display_col2 .display_responsible_class .goods_list li.gl_item {
    box-sizing: border-box;
    width: 50%;
}

/* pc 2개, 태블릿/모바일 1개 */

@media only screen and (max-width: 1360px) {
    .display_responsible_class ul.goods_list li.gl_item {
        box-sizing: border-box;
        width: 25%;
    }
}

@media only screen and (max-width: 1023px) {


    .show_display_col6 .display_responsible_class .goods_list li.gl_item {
        width: 20%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    .show_display_col5 .display_responsible_class .goods_list li.gl_item {
        width: 25%;
    }

    /* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
}

@media only screen and (max-width: 860px) {
    .display_responsible_class ul.goods_list li.gl_item {
        width: 33.33%;
    }

    .show_display_col6 .display_responsible_class .goods_list li.gl_item {
        width: 25%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    .show_display_col5 .display_responsible_class .goods_list li.gl_item {
        width: 33.33%;
    }

    /* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
    .show_display_col4 .display_responsible_class .goods_list li.gl_item {
        width: 33.33%;
    }

    /* pc 4개, 태블릿 3개, 모바일 2개 */
    .show_display_col3 .display_responsible_class .goods_list li.gl_item {
        width: 50%;
    }

    /* pc 3개, 태블릿 2개, 모바일 1개 */
}

@media only screen and (max-width: 639px) {
    .display_responsible_class ul.goods_list li.gl_item {
        width: 50%;
    }

    .show_display_col6 .display_responsible_class .goods_list li.gl_item {
        width: 33.33%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    .show_display_col5 .display_responsible_class .goods_list li.gl_item {
        width: 50%;
    }

    /* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
    .show_display_col4 .display_responsible_class .goods_list li.gl_item {
        width: 50%;
    }

    /* pc 4개, 태블릿 3개, 모바일 2개 */
    .show_display_col2 .display_responsible_class .goods_list li.gl_item {
        box-sizing: border-box;
        width: 100%;
    }

    /* pc 2개, 태블릿/모바일 1개 */
}

@media only screen and (max-width: 479px) {
    .show_display_col6 .display_responsible_class .goods_list li.gl_item {
        width: 50%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    .show_display_col3 .display_responsible_class .goods_list li.gl_item {
        width: 100%;
    }

    /* pc 3개, 태블릿 2개, 모바일 1개 */
}

/* ---------- //상품 디스플레이 : 격자형(반응형) ---------- */


/* ---------- 상품 디스플레이 : 모바일 리스트( 카테고리/상세검색 상품 정렬 옵션으로 선택됨 ) ---------- */
.display_mobile_list_class .goods_list .gl_item {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px #ddd solid;
}

.display_mobile_list_class .goods_list .gl_inner_item_wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.display_mobile_list_class .goods_list .gl_inner_item_wrap > div.relative {
    display: table-cell;
    vertical-align: top;
    width: 160px;
}

.display_mobile_list_class .goods_list .gl_inner_item_wrap > span.gli_image {
    display: table-cell;
    vertical-align: top;
    width: 160px;
}

.display_mobile_list_class .goods_list .gl_inner_item_wrap ol.gli_contents {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
    padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .display_mobile_list_class .goods_list .gl_item {
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .display_mobile_list_class .goods_list .gl_inner_item_wrap > div.relative,
    .display_mobile_list_class .goods_list .gl_inner_item_wrap > span.gli_image {
        width: 40%;
    }
}

/* ---------- //상품 디스플레이 : 모바일 리스트( 카테고리/상세검색 상품 정렬 옵션으로 선택됨 ) ---------- */


/* ---------- 상품 디스플레이 : 모바일 센터( 카테고리/상세검색 상품 정렬 옵션으로 선택됨 ) ---------- */
.display_mobile_center_class .goods_list span.gli_image {
    width: 100%;
}

.display_mobile_center_class .goods_list {
    padding: 10px;
}

/* ---------- //상품 디스플레이 : 모바일 센터( 카테고리/상세검색 상품 정렬 옵션으로 선택됨 ) ---------- */


/* ---------- 카테고리/브랜드 페이지, mshop ---------- */
.sorting_area {
    display: table;
    width: 100%;
}

.sorting_area > ul {
    display: table-cell;
    font-size: 0;
    vertical-align: top;
}

/* 상품 소팅( 종류별 ) */
.list_sorting_1 {
    padding-right: 6px;
}

.list_sorting_1 > li {
    display: inline-block;
    margin: 2px 4px 2px 0;
}

.list_sorting_1 > li > a {
    display: block;
    padding: 0 5px;
    font-size: 12px;
    line-height: 20px;
    color: #555;
    border: 1px #ddd solid;
    border-radius: 2px;
}

.list_sorting_1 > li > a.on {
    font-weight: 500;
    border-color: #555;
    background-color: #555;
    color: #fff;
}

/* 상품 소팅( 디스플레이별 ) */
.list_sorting_2 {
    padding-left: 6px;
    text-align: right;
}

.list_sorting_2 > li {
    display: inline-block;
    margin: 2px 0 2px -1px;
}

.list_sorting_2 > li:first-child {
    display: inline-block;
    margin-left: 0;
}

.list_sorting_2 > li.current {
    position: relative;
}

.list_sorting_2 > li > a {
    display: block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    text-indent: -999px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.list_sorting_2 > li.sorting_a > a {
    background-image: url(../images/design/icon_sort_a.png);
}

.list_sorting_2 > li.sorting_a.current > a {
    background-image: url(../images/design/icon_sort_a_on.png);
}

.list_sorting_2 > li.sorting_b > a {
    width: 29px;
    background-image: url(../images/design/icon_sort_b.png);
}

.list_sorting_2 > li.sorting_b.current > a {
    background-image: url(../images/design/icon_sort_b_on.png);
}

.list_sorting_2 > li.sorting_c > a {
    background-image: url(../images/design/icon_sort_c.png);
}

.list_sorting_2 > li.sorting_c.current > a {
    background-image: url(../images/design/icon_sort_c_on.png);
}

.list_sorting_2 > li.sorting_d > a {
    background-image: url(../images/design/icon_sort_d.png);
}

.list_sorting_2 > li.sorting_d.current > a {
    background-image: url(../images/design/icon_sort_d_on.png);
}

.list_sorting_2 > li.sorting_c, .list_sorting_2 > li.sorting_d {
    display: none;
}

@media only screen and (max-width: 767px) {
    .list_sorting_2 > li {
        margin: 2px 0 2px 4px;
    }

    .list_sorting_2 > li.sorting_b > a {
        width: 22px;
        background-image: url(../images/design/icon_sort_b2.png);
    }

    .list_sorting_2 > li.sorting_b.current > a {
        background-image: url(../images/design/icon_sort_b2_on.png);
    }

    .list_sorting_2 > li.sorting_c, .list_sorting_2 > li.sorting_d {
        display: inline-block;
    }
}

.mshoptitle .minishp_favor img {
    width: 20px;
    height: 20px;
}

.myshop_favorite_alert {
    display: none;
    width: 200px;
    height: 200px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
    background: url('../images/design/alert_bg.png') no-repeat;
    background-size: cover;
}

.myshop_favorite_alert .cfa_on {
    width: 68px;
    height: 66px;
    margin: 40px auto 0;
    background: url('../images/design/ico_fvr_big_on.png') no-repeat;
    background-size: cover;
}

.myshop_favorite_alert .cfa_off {
    width: 68px;
    height: 66px;
    margin: 40px auto 0;
    background: url('../images/design/ico_fvr_big_off.png') no-repeat;
    background-size: cover;
}

.myshop_favorite_alert .cfa_msg {
    padding-top: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    font-weight: 500;
}

/* 상단 카테고리 뎁스*/
.category_depth {
    margin-top: 10px;
}

.category_depth ul.list li.item {
    position: relative;
    color: #9f9f9f;
    float: left;
    padding-left: 3px;
}

.category_depth ul.list li.item:first-child > a {
    display: inline-block;
    vertical-align: top;
    width: 17px;
    height: 17px;
    background: url('../images/common/depth_home.png') 50% 50% no-repeat;
}

.category_depth ul.list li.item > a {
    color: #9f9f9f
}

.category_depth ul.list li.selected > a {
    color: #333333;
    font-weight: 500;
    padding-right: 10px;
    background: url("../images/design/right_quick_arrowdown.gif") no-repeat right center;
}

.category_depth ul.sub_menu_list {
    display:;
    position: absolute;
    white-space: nowrap;
    z-index: 10;
    border: 1px solid #a0a5b8;
    background-color: #f2f2f2;
    padding: 7px;
}

.category_depth ul.sub_menu_list li.sub_item a {
    display: block;
    color: #858585;
    padding: 1px 0;
    font-weight: normal;
}

.category_depth ul.sub_menu_list li.sub_item a:hover {
    color: #202020
}

.category_depth ul.list li.selected ul.sub_menu_list {
    display: block;
}

.category_edit_area {
    margin-top: 20px;
    text-align: center;
}


@media only screen and (max-width: 1023px) {
    .category_edit_area.mobile_img_adjust {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media only screen and (max-width: 767px) {
    .category_edit_area.mobile_img_adjust {
        overflow: hidden;
    }

    .category_edit_area.mobile_img_adjust img {
        max-width: 140%;
        margin-left: -20%;
        margin-right: -20%;
    }
}

@media only screen and (max-width: 479px) {
    .category_edit_area.mobile_img_adjust img {
        max-width: 160%;
        margin-left: -30%;
        margin-right: -30%;
    }
}

/* ---------- //카테고리/브랜드 페이지, mshop ---------- */


/* ---------- 검색 영역( 검색페이지, 카테고리, 브랜드, mshop ) ---------- */
.goods_responsible_search_form {
    padding: 15px 0 15px 10px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}

.goods_responsible_search_form .gsfm-colors {
    font-size: 0;
}

.goods_responsible_search_form .gsfm-colors:after {
    content: "";
    display: block;
    clear: both;
}

.goods_responsible_search_form .gsfm-colors > li {
    float: left;
    padding: 5px 0 5px 5px;
}

.goods_responsible_search_form .gsfm-colors > li:first-child {
    padding-left: 0;
}

.goods_responsible_search_form .gsfm-colors_detail {
    display: inline-block;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    border: 1px #ddd solid;
    border-radius: 50%;
}

.goods_responsible_search_form .gsfm-colors_detail.selected {
    background-image: url(../images/design/icon_color_check.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.goods_responsible_search_form .btn_area1 {
    padding-top: 10px;
    text-align: center;
}

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

.gsf-main-table > .gsfm-th {
    display: table-cell;
    vertical-align: top;
    width: 70px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.gsf-main-table > .gsfm-td {
    display: table-cell;
    vertical-align: middle;
    padding: 2px 0 2px 5px;
}

.gsf-main-table .gsfm-price-wrap .gsfm-price-input {
    float: left;
    padding-right: 20px;
    padding-bottom: 5px;
}

.gsf-main-table .gsfm-price-wrap .gsfm-prices {
    float: left;
    font-size: 0;
    padding-bottom: 5px;
}

.btn_sel {
    display: inline-block;
    box-sizing: border-box;
    font-size: 12px;
    margin: 0 -1px -1px 0;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    border: 1px #ddd solid;
    color: #767676;
    border-
}

.btn_sel.selected {
    position: relative;
    border-color: #999;
    color: #333;
}

.btn_sel.link {
    padding-right: 12px;
    background: url(../images/common/arrow_right.gif) calc(100% - 4px) 50% no-repeat;
}

.gsf-main-table .categoryLInk {
    font-size: 0;
}

.gsf-main-table .categoryLInk .active {
    font-weight: 500;
    color: red;
}

.gsf-main-table .categoryLInk > li {
    display: inline;
}

.gsf-main-table .gsfm-brands {
    font-size: 0;
    float: left;
}

.gsf-main-table .gsfm-brands > label {
    font-size: 12px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px #ddd solid;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    margin: 0 -1px -1px 0;
}

.gsf-main-table .gsfm-brands > label.on {
    position: relative;
    border-color: #999;
    color: #333;
}

.gsf-main-table .gsfm-brands > label > .ez-checkbox {
    width: 1px;
    height: 1px;
    font-size: 0;
    margin: 0;
    visibility: hidden;
    overflow: hidden;
}

.gsf-main-table .gsfm-brands > label input[type="checkbox"] {
    width: 0;
    height: 0;
    visibility: hidden;
}

.gsf-main-table .brand_cate_check {
    display: block;
    float: left;
    padding: 3px 8px 3px 0;
}

.gsf-main-table .brand_cate_check input[type=checkbox] {
    width: 26px;
    height: 26px;
}

.gsf-main-table .ez-checkbox {
    width: 24px;
    height: 24px;
    background-size: cover;
}

#search_depth {
    display: inline-block;
    vertical-align: middle;
}

#search_depth .category_depth ul.list > li {
    font-weight: normal;
}

#search_depth .category_depth ul.list > li:first-child {
    background: url(../images/common/auth_img.png);
    background-size: cover;
}

#search_depth .category_depth ul.list a {
    cursor: default;
    font-weight: 500;
    color: #ed3347;
}

.noReault {
    padding: 50px 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    color: red;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}

.ctg_depth li {
    float: left;
}

.ctg_depth .decont {
    font-size: 12px;
    color: #949494;
}

.ctg_depth .link2 {
    display: block;
    padding-right: 4px;
}

.ctg_depth .link2:after {
    color: #aaa;
    content: ' >';
}

.ctg_depth li.doingil .link2:after {
    content: '';
}

/* ---------- //검색 영역( 검색페이지, 카테고리, 브랜드, mshop ) ---------- */

/* checkbox/radio image ezmark*/
.ez-hide {
    opacity: 0;
    filter: alpha(opacity=0);
}

.ez-checkbox {
    background: transparent url('../images/icon/i_check_off.png') 0 0px no-repeat;
}

.ez-checkbox-on {
    background: transparent url('../images/icon/i_check_on.png') 0 0px no-repeat;
}

.ez-radio {
    background: transparent url('../images/icon/i_radio_off.png') 0 0px no-repeat;
}

.ez-radio-on {
    background: transparent url('../images/icon/i_radio_on.png') 0 0px no-repeat;
}

.ez-checkbox {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 22px;
    height: 22px;
    _height: 22px;
    vertical-align: middle;
    background-size: 22px 22px;
}

.ez-radio {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 20px;
    height: 20px;
    _height: 20px;
    vertical-align: middle;
    background-size: 20px 20px;
}


/* -------------------------------------- 상품 상세 --------------------------------------------- */
.text_soldout {
    font-size: 32px;
    font-weight: 500;
    color: #ff4a00;
    text-align: center;
}

/* 상품 상세 - 레이아웃 */
.goods_thumbs_spec {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.goods_thumbs_spec #goods_thumbs {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 20px;
    padding-top: 37px;
}

.goods_thumbs_spec #goods_spec {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 30px 40px;
}

@media only screen and (max-width: 1023px) {
    .goods_thumbs_spec #goods_thumbs {
        width: auto;
    }

    .goods_thumbs_spec #goods_spec {
        /*padding-left: 20px;*/
        /*width: 390px;*/
    }
}

@media only screen and (max-width: 767px) {
    .goods_thumbs_spec, .goods_thumbs_spec #goods_thumbs, .goods_thumbs_spec #goods_spec {
        display: block;
        width: auto;
    }

    .goods_thumbs_spec #goods_spec {
        padding-left: 0;
    }

    .goods_thumbs_spec #goods_thumbs, #goods_thumbs .viewImgWrap > img {
        width: 100%;
    }
}

.goods_spec_sections > li {
    padding: 8px 0;
}

.goods_spec_sections a:hover {
    text-decoration: underline;
}

.goods_spec_sections .btn_resp.question {
    font-size: 17px;
    font-weight: 700;
    color: #999;
    width: 28px;
}

.goods_buy_sections {
    border-top: 1px #bbb solid;
}

.goods_buy_sections > li {
    padding: 8px 10px;
    border-top: 1px #eee solid;
}

.goods_buy_sections > li:first-child {
    border-top: none;
}

.goods_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 1000;
}

/* 옵션, 구매하기 열기 섹션( 모바일에서만 노출 ) */
.goods_buy_open_sections {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1002;
    padding: 10px;
    border-top: 1px #ccc solid;
    background: #f1f2f5;
    display: none;
}

.goods_buy_open_sections .btn_section_open,
.goods_buy_sections .btn_section_close {
    position: absolute;
    left: calc(50% - 30px);
    top: -19.5px;
    display: block;
    width: 59px;
    height: 20px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -999px;
}

.goods_buy_open_sections .btn_section_open {
    background-image: url('../images/design/btn_quickbar_open.png');
}

.goods_buy_sections .btn_section_close {
    background-image: url('../images/design/btn_quickbar_close.png');
    display: none;
}

.goods_buy_sections #nhn_btn {
    margin-top: 0 !important;
}

@media only screen and (max-width: 767px) {
    .goods_buy_open_sections {
        display: block;
    }

    .goods_buy_sections {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1002;
        padding-bottom: 10px;
        background: #fff;
        display: none;

    }

    .goods_buy_sections .btn_section_close {
        display: block;
    }

    .goods_option_select_area {
        margin-top: 10px;
        max-height: 330px;
        overflow-y: auto;
    }

    .goods_buy_sections .btn_resp.size_extra2 {
        height: 42px;
        font-size: 17px;
        line-height: 40px;
        min-width: 90px;
        padding: 0 10px;
    }
}


/* 상품 상세 - 타이틀 영역 */
.detail_title_area {
    padding: 40px 0 15px;
    text-align: center;
}

.detail_title_area .name {
    font-size: 26px;
    padding-bottom: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -1px;
    color: #333;
}

.detail_title_area .summary {
    display: inline;
    font-size: 14px;
    color: #767676;
}

.detail_title_area .seq_num {
    padding-top: 5px;
    font-size: 14px;
}

.detail_title_area .detail_icons {
    display: inline-block;
    padding-left: 4px;
}

.detail_title_area .detail_icons img {
    margin-right: 4px;
}

.detail_title_area.v2 {
    padding: 60px 0 40px;
}

@media only screen and (max-width: 767px) {
    .detail_title_area, .detail_title_area.v2 {
        padding: 25px 0;
    }

    .goods_thumbs_spec #goods_thumbs {
        padding-top: 0;
    }
}

@media only screen and (max-width: 479px) {
    .detail_title_area .name {
        font-size: 22px;
        line-height: 1.3;
    }
}

/* 상품 상세 - 이미지 - 페이지네이션 */
.pagination_wrap {
    padding: 10px 0 0;
}

.pagination_wrap .count {
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: Hidden;
}

.pagination_wrap .count > .pagination_area, .pagination_wrap .count > a {
    display: table-cell;
    vertical-align: top;
    font-size: 0;
    text-align: center;
}

.pagination_wrap .count > a {
    border: 1px #ddd solid;
}

.pagination_wrap .count > a.prev {
    width: 40px;
    background: #fff url(../images/design/btn_detail_prev.gif) 45% 50% no-repeat;
}

.pagination_wrap .count > a.next {
    width: 40px;
    background: #fff url(../images/design/btn_detail_next.gif) 55% 50% no-repeat;
}

.pagination {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
}

.pagination > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    padding: 1px 0;
}

.pagination > li:first-child {
    margin-left: 4px;
}

.pagination > li > a {
    display: block;
    width: auto;
    height: auto;
}

.pagination > li img {
    border: 1px solid #eee;
    max-width: 80px;
}

.pagination > li.current img {
    border-color: #999;
}

@media only screen and (max-width: 767px) {
    .pagination > li img {
        width: 60px;
    }
}

@media only screen and (max-width: 479px) {
    .pagination > li img {
        width: 40px;
    }
}

/* 상품상세 - 이미지 - ZOOM 버튼 */
#btn_zoom_view {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 35px;
    height: 35px;
    text-align: center;
    overflow: hidden;
    text-indent: -9999px;
    background-image: url(../images/design/btn_zoom.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 22px;
    opacity: 0.6;
}

.slides_container:hover #btn_zoom_view {
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    #btn_zoom_view, .slides_container:hover #btn_zoom_view {
        display: none;
    }
}

/* 상품상세 - 이미지 - ZOOM 페이지 */
.zoom_page {
    margin: 0 auto;
}

/* 상품상세 - 이미지 - SNS공유 */
.sns_wish {
    padding: 0 0 2px;
    text-align: right;
    position: relative;
}

.btn_sns_share {
    display: inline-block;
    vertical-align: top;
    height: 35px;
    line-height: 36px;
    color: #767676;
}

.btn_sns_share:before {
    display: inline-block;
    content: '';
    vertical-align: top;
    height: 35px;
    width: 30px;
    background: url(../images/common/icon_sns_share.png) 0 50% no-repeat;
    background-size: 24px;
}

.sns_wish .snsbox_area {
    font-size: 0;
    position: absolute;
    top: -5px;
    right: 120px;
    padding: 4px 4px 4px 0;
    border: 1px #ccc solid;
    background: #fff;
}

.sns_wish .snsbox {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    color: #fff;
}

.sns_wish .snsbox > li {
    display: inline-block;
}

.snsbox img {
    max-height: 35px;
    cursor: pointer;
    margin-left: 4px;
}

/* 상품상세 - 이미지 - 위시리스트 버튼 */
.ico_wish {
    background-image: url('../images/design/ico_wish_off.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.sns_wish .ico_wish {
    float: right;
    margin: 0 0 0 12px;
    vertical-align: top;
    width: auto;
    padding: 0 0 0 32px;
    background-position: 0 50%;
    line-height: 36px;
    color: #767676;
}


/* 상품상세 - 타임세일 */
.event_datetime {
    text-align: center;
    padding: 15px 0 0;
}

.event_datetime .event_tit {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    letter-spacing: -1px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.event_datetime .remain_time {
    padding-top: 8px;
    font-size: 14px;
}

.event_datetime .remain_time .title {
    font-weight: 500;
}

.event_datetime .event_date {
    display: inline-block;
    width: 40px;
    height: 30px;
    border-radius: 4px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
}

.spec_solo_event {
}

.spec_solo_event .list {
    display: table;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
}

.spec_solo_event .list > li {
    display: table-cell;
}

.spec_solo_event .list > li.buy_num .num {
    font-size: 20px;
    font-weight: 500;
    color: #333;
}

.spec_solo_event .list > li.remain_time {
    text-align: right;
}

.spec_solo_event .event_datetime_box {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    padding: 0 9px;
    background: #333;
    font-weight: 300;
    border-radius: 2px;
    color: #fff;
}

.spec_solo_event .event_datetime_box .num2 {
    font-size: 17px;
    font-weight: 400;
}

.spec_solo_event .event_datetime_box .day {
    margin-right: 4px;
}

.spec_solo_event .remain_time .title {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: #333 url(../images/common/icon_clock.png) 50% 50% no-repeat;
    background-size: cover;
}

/* 상품상세 - 상품스펙 - 가격, 할인율, 할인내역 */
.deatil_sale_rate {
    float: right;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 2px;
    font-size: 15px;
    font-weight: 300;
    background: #333;
    color: #fff;
}

.deatil_sale_rate .num {
    font-size: 24px;
}

.detailDescriptionLayer {
    left: -10px !important;
    top: 20px !important;
}

.goods_spec_sections .deatil_price_area {
    margin: 5px 0 0;
    padding-bottom: 16px;
    border-bottom: 1px #d0d0d0 solid;
}

.goods_spec_sections .deatil_price_area:after {
    content: "";
    display: block;
    clear: both;
}

.goods_spec_sections .deatil_price_area .org_price {
    font-size: 14px;
    color: #999;
}

.goods_spec_sections .deatil_price_area .org_price s {
    color: #333;
}

.goods_spec_sections .deatil_price_area .org_price s > span {
    color: #999;
}

.goods_spec_sections .deatil_price_area .org_price .num {
    font-size: 16px;
}

.goods_spec_sections .deatil_price_area .sale_price {
    display: inline-block;
    padding-top: 10px;
    font-size: 25px;
    line-height: 1.0em;
    font-weight: 400;
}

/*.goods_spec_sections .deatil_price_area .sale_price .num {*/
/*    font-size: 32px;*/
/*    font-weight: 700;*/
/*    letter-spacing: -2px;*/
/*}*/

.goods_spec_sections .deatil_price_area .sale_price .price_won {
    margin-left: 4px;
}

.goods_spec_sections .deatil_price_area .dst_th_size {
    display: inline-block;
    min-width: 86px;
}

.goods_spec_sections .goods_spec_shipping {
    border-top: 1px #d0d0d0 solid;
}

/* 배송 */
.prepay_info_area {
    color: #bbb;
}

.prepay_info_area.on {
    color: #333;
}

/* 고객평가 */
.goods_spec_customer_ev .ev_active {
    color: #333;
}

.goods_spec_customer_ev .ev_passive {
    color: #ccc;
}

.goods_spec_customer_ev .ev_active2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 80px;
    height: 16px;
    font-size: 0;
    background-color: #eee;
}

.goods_spec_customer_ev .ev_active2:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/common/img_ev_star.png) no-repeat;
    background-size: cover;
}

.goods_spec_customer_ev .ev_active2 > b {
    display: block;
    height: 100%;
    background: #333;
}

/* 이벤트/사은품 */
.goods_event_gift_area {
    padding-top: 25px;
}

.goods_event_gift_area > li {
    margin-top: 5px;
}

.goods_event_gift_area > li:first-child {
    margin-top: 0;
}

.detail_event_area {
    overflow: hidden;
    zoom: 1;
    font-size: 15px;
    color: #333;
    padding: 15px 35px 14px 20px;
    background: #f6f6f6 url(../images/common/ico_arw_open3.png) right 10px top 18px no-repeat;
    background-size: 16px;
    cursor: pointer;
}

.detail_event_area.up {
    background-image: url(../images/common/ico_arw_close3.png);
}

.detail_event_area > li {
    float: left;
    width: calc(100% - 70px);
}

.detail_event_area > li.th {
    width: 70px;
    font-size: 13px;
    color: #767676;
}

/* 상품상세 - 상품스텍 - 기본 테이블, 서브 정보 리스트 */
.detail_spec_table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.detail_spec_table > li {
    display: table-cell;
    vertical-align: middle;
}

.detail_spec_table > li.th {
    width: 90px;
}

.detail_spec_table > li.btn_area1 {
    width: 64px;
    text-align: right;
}

.detail_spec_table > li.btn_area1.v2 {
    width: 136px;
}

.detail_spec_table .sell_stop {
    font-size: 18px;
    color: #f00;
}

.detail_spec_table .icon_global {
    width: 22px;
    margin-left: 4px;
}

.detail_spec_table.sub {
    margin-top: 5px;
}

.detail_spec_table > li > .detail_spec_table.sub:first-child {
    margin-top: 0;
}

.detail_option_list {
    clear: both;
    margin-top: 8px;
    background: #f4f4f4;
}

.detail_option_list.x1 {
    background: #f4f4f4;
    margin-top: 0;
}

.detail_option_list > ul {
}

.detail_option_list > ul > li {
    padding: 12px 20px;
    border-top: 1px #ccc dashed;
}

.detail_option_list > ul > li:first-child {
    border-top: none;
}

.detail_option_list > ul > li > .title {
    display: inline-block;
    width: 78px;
}

.detail_option_list > ul > li > .detail {
    display: inline-block;
}

.detail_option_list .e_title {
    font-size: 15px;
    color: #333;
}

.detail_option_list .e_period {
    padding-top: 4px;
}

.detail_option_list .e_content {
    padding-top: 4px;
}

.basic_lr_style {
    *zoom: 1;
}

.basic_lr_style:after {
    content: "";
    display: block;
    clear: both;
}

.basic_lr_style > li {
    float: left;
}

.basic_lr_style > li:first-child {
    padding-right: 10px;
}

.detail_option_table {
    width: 100%;
    table-layout: fixed;
    border: 1px #999 solid;
    background: #fff;
}

.detail_option_table > tbody > tr > th {
    padding: 5px;
    border-top: 1px #ccc solid;
    border-left: 1px #f2f2f2 solid;
    text-align: center;
}

.detail_option_table > tbody > tr > td {
    padding: 5px;
    border-top: 1px #ccc solid;
    border-left: 1px #f2f2f2 solid;
    text-align: center;
}

.detail_option_table > tbody > tr:first-child > th,
.detail_option_table > tbody > tr:first-child > td {
    border-top: none;
}

.detail_option_table > tbody > tr > th:first-child {
    border-left: none;
}

.detail_option_table.card > tbody > tr > th {
    padding: 0 5px;
}

.detail_option_table.card > tbody > tr > td {
    padding: 5px;
}

.Relative > table.card {
    position: absolute;
    right: 0;
    top: 4px;
}

/* 옵션 선택 */
.sale_price {
    color: #333;
}

.total_price {
    color: #cc0000;
}

option.soldout {
    color: #bcbcbc;
}

.goods_option_table {
    margin: 0;
}

.goods_option_table th {
    padding-top: 15px;
    padding-bottom: 2px;
    text-align: left;
    font-weight: 500;
    color: #333;
    font-size: 13px;
    border: none;
}

.goods_option_table tr:first-child th {
    border-top: 0px;
}

.goods_option_table td {
    text-align: left;
    color: #616161;
    min-height: 20px;
}

.goods_option_table .desc {
    font-size: 12px;
    color: #9a9a9a;
}

.goods_option_table select {
    width: 100%;
    height: 35px;
}

.goods_option_table select > option {
    font-size: 14px;
}

.goods_option_table .btn_pm_td {
    text-align: right;
    padding-left: 5px !important;
    width: 35px;
    vertical-align: top;
}

.goods_option_table tr.optionTr td {
    padding: 5px 0;
}

.goods_option_table tr.inputoptionTr td {
    padding: 5px 0;
}

.goods_option_table tr.suboptionTr td {
    padding: 5px 0;
}

.goods_option_table .title_dd {
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.goods_option_table .upload-tb td {
    padding-right: 10px !important;
}

.goods_quantity_table_container {
    padding: 10px 0;
}

.goods_quantity_table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    background-color: #f8f8f8;
    border: 1px solid #d0d0d0;
}

.goods_quantity_table td.quantity_cell {
    padding: 10px;
    line-height: 20px;
    border-top: 1px solid #d0d0d0;
}

.goods_quantity_table .inputoption_tr > td.quantity_cell {
    padding: 0 10px 8px;
    line-height: 1.4;
}

.goods_quantity_table td.option_col_price {
    padding-bottom: 10px;
}

.goods_quantity_table td.quantity_cell_sub {
    padding: 10px;
    line-height: 20px;
    border-top: 1px solid #d0d0d0;
}

.goods_quantity_table td.quantity_cell_sub_price {
    padding: 10px;
    border-top: 1px solid #d0d0d0
}

.goods_quantity_table tr.quanity_row:first-child td.quantity_cell {
    border-top: 0px
}

.goods_quantity_table tr.quanity_row:first-child td.quantity_cell_sub {
    border-top: 0px
}

.goods_quantity_table tr.quanity_row:first-child td.quantity_cell_sub_price {
    border-top: 0px
}

.goods_quantity_table tr.quanity_row:first-child td.quantity_cell {
    border-top: 0px
}

.goods_quantity_table .option_text {
    font-size: 13px;
    color: #333;
}

.goods_quantity_table .out_option_price, .out_suboption_price {
    font-size: 19px;
    color: #333;
    font-weight: 400;
    line-height: 130%;
}

.goods_quantity_table .removeOption {
    padding-left: 10px;
}

.goods_quantity_table .num_price {
    display: table;
    width: 100%;
    margin-top: 4px;
}

.goods_quantity_table .num_price > li {
    display: table-cell;
    vertical-align: bottom;
}

.goods_quantity_table .num_price .option_col_price {
    text-align: right;
}

.goods_quantity_table .num_price .quantity_cell_sub_price {
    text-align: right;
}

.goods_quantity_table .num_price .removeOption {
    margin-top: 0;
    vertical-align: 0;
}

.goods_option_area .sbOptions {
    max-height: 400px;
    overflow-y: auto;
    z-index: 5;
}

.goods_option_area .viewOptionsspecialays, .goods_option_area .recently_viewOptionsspecialays {
    padding-top: 8px;
}

.goods_option_area .viewOptionsspecialays > span, .goods_option_area .recently_viewOptionsspecialays > span {
    display: inline-block;
    position: relative;
    border: 1px #ccc solid;
    cursor: pointer;
}

.goods_option_area .viewSubOptionsspecialays, .goods_option_area .recently_viewSubOptionsspecialays {
    padding-top: 8px;
}

.goods_option_area .viewSubOptionsspecialays > span, .goods_option_area .recently_viewSubOptionsspecialays > span {
    display: inline-block;
    position: relative;
    border: 1px #ccc solid;
    cursor: pointer;
}

.goods_option_area .out {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    line-height: 26px;
    text-align: center;
    color: #f00;
    font-weight: normal;
    text-shadow: 0 0 4px #fff;
}

.goods_option_area .viewOptionsspecialbtn, .goods_option_area .viewOptionsspecialbtn font,
.goods_option_area .viewOptionsspecialbtnDisable, .goods_option_area .viewOptionsspecialbtnDisable font,
.goods_option_area .viewSubOptionsspecialbtn, .goods_option_area .viewSubOptionsspecialbtn font,
.goods_option_area .viewSubOptionsspecialbtnDisable, .goods_option_area .viewSubOptionsspecialbtnDisable font,
.goods_option_area .recently_viewOptionsspecialbtn, .goods_option_area .recently_viewOptionsspecialbtn font,
.goods_option_area .recently_viewOptionsspecialbtnDisable, .goods_option_area .recently_viewOptionsspecialbtnDisable font,
.goods_option_area .recently_viewSubOptionsspecialbtn, .goods_option_area .recently_viewSubOptionsspecialbtn font,
.goods_option_area .recently_viewSubOptionsspecialbtnDisable, .goods_option_area .recently_viewSubOptionsspecialbtnDisable font {
    display: block;
    padding: 0;
    width: 24px;
    height: 24px;
    border: 0px #e8e8e8 solid;
    font-size: 0;
}

.goods_option_area .viewInputLay input {
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 8px;
    border: 1px solid #ddd;
}

.goods_option_area .viewInputTextareaLay {
    padding: 6px 8px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.goods_option_area .viewInputTextareaLay textarea {
    padding: 0;
    width: 100%;
    resize: none;
    overflow: auto;
    border: none;
}

.goods_option_area .inputsFileWrap {
    display: block;
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    text-indent: 8px;
}

.goods_option_area .single_num_change {
    padding: 10px;
}

.goods_option_area .single_num_change .tle {
    display: inline-block;
    margin-right: 6px;
    font-size: 14px;
    font-weight: 500;
}

.goods_price_area .num_single_area {
    width: 100px;
    padding-top: 10px;
    padding-left: 10px;
}

.goods_price_area .total_goods_price {
    text-align: right;
    padding: 6px 10px 0 2px;
    font-size: 18px;
    color: #333;
    vertical-align: middle;
}

.goods_price_area .total_goods_tit {
    font-size: 17px;
    margin-right: 4px;
    color: #333;
}

#total_goods_price {
    display: inline-block;
    position: relative;
    bottom: -1px;
    vertical-align: bottom;
    font-weight: 500;
    font-size: 32px;
    line-height: 1.0em;
    letter-spacing: -2px;
}

#total_goods_price.v2 {
    display: inline;
    position: static;
    bottom: 0;
    vertical-align: baseline;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: -1px;
    color: #333;
}

.total_goods_price2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -1px;
}

.goods_buttons_area {
    padding: 20px 0 0;
}

.goods_buttons_section > li {
    padding-top: 10px;
}

.goods_buttons_section > li:first-child {
    padding-top: 0;
}

.goods_buttons_section > li > button {
    width: 100%;
}

.goods_buttons_section .basic_btn_area {
    display: flex;
}

.goods_buttons_section .basic_btn_area li:not(.list_present) {
    flex: 1 1 25%
}

.goods_buttons_section .basic_btn_area li button {
    padding: 0 10px
}

@media screen and (max-width: 1094px) {
    .goods_buttons_section .basic_btn_area li button {
        font-size: 17px
    }
}


input.ea_change, input.recently_ea_change {
    height: 28px !important;
    width: 34px !important;
    line-height: 26px !important;
    font-size: 15px;
    margin: 0 -1px;
    text-align: center;
}

.goods_buy_sections .ea_change {
    border-radius: 0;
}

.eaPlus, .btn_add_suboption, .recently_eaPlus, .recently_btn_add_suboption {
    width: 28px !important;
    height: 28px !important;
    border: 1px #ddd solid;
    background: url('../images/common/btn_plus3.png') 50% 50% no-repeat;
    box-sizing: border-box;
    overflow: hidden;
    text-indent: -100px;
    vertical-align: middle;
}

.eaMinus, .btn_del_suboption, .recently_eaMinus, .recently_btn_del_suboption {
    width: 28px !important;
    height: 28px !important;
    border: 1px #ddd solid;
    background: url('../images/common/btn_minus3.png') 50% 50% no-repeat;
    box-sizing: border-box;
    overflow: hidden;
    text-indent: -100px;
    vertical-align: middle;
}

.removeOption, .recently_removeOption {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.goods_naver_talk_pc {
    padding-top: 20px;
}

.goods_naver_talk_pc .btn_naver_talk {
    width: 100%;
}

.goods_npay, .goods_talkbuy {
    margin-top: 15px;
}

.goods_npay:after, .goods_talkbuy:after {
    content: "";
    display: block;
    clear: both;
}

/* pc화면만 적용, 모바일에서는 버튼 우측으로 쏠림 */
@media only screen and (min-width: 768px) {
    .goods_npay_inner, .goods_talkbuy_inner {
        float: right;
    }
}

@media only screen and (max-width: 767px) {
    .goods_buttons_area {
        padding: 10px 10px 0;
    }

    /*.goods_option_area {*/
    /*    padding-left: 10px;*/
    /*    padding-right: 10px;*/
    /*}*/
    .goods_naver_talk_pc {
        display: none;
    }

    .goods_npay {
        margin-top: 0;
        display: none;
    }

    .goods_talkbuy {
        margin-top: 0;
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .detail_spec_table > li.th {
        width: 80px;
    }

    .detail_event_area {
        padding: 15px 39px 14px 10px;
    }

    .detail_option_list > ul > li {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.btn_naver_talk {
    background: #01c43d;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
}

/* coupon */
.coupon_area {
    padding: 25px 0 0;
}

.coupon_area .swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}

.coupon_area .swipe-wrap {
    overflow: hidden;
    position: relative;
}

.coupon_area .swipe-wrap > div {
    float: left;
    width: 50%;
    position: relative;
}

.coupon_area .coupon_cont {
    display: table;
    margin: 0 auto;
}

.coupon_area .coupon_cont > li {
    display: table-cell;
    vertical-align: top;
}

.coupon_area .coupon_cont .btn_area {
    padding-top: 4px;
}

.coupon_area .coupon_cont .btn_area > a {
    display: block;
    width: 50px;
    height: 110px;
}

.coupon_area .coupon_cont .btn_area > a.btn_prev {
    background: #fff url(../images/design/btn_detail_prev.gif) 45% 50% no-repeat;
}

.coupon_area .coupon_cont .btn_area > a.btn_next {
    background: #fff url(../images/design/btn_detail_next.gif) 55% 50% no-repeat;
}

.coupon_area .coupon_cont .txt_area {
    padding: 2px 0 0 6px;
}

#couponSwipe {
    width: 254px;
    margin: auto
}

.obj_slide div.offline_coupon {
    background: url('../../images/design/cpn_bg.gif') no-repeat;
    margin-top: 5px;
    margin-left: 5px;
    width: 200px;
    height: 95px;
    padding: 15px;
    font-weight: 500;
    color: #333;
    font-size: 12px;
    letter-spacing: -1px;
    word-break: break-all;
}

.obj_slide div.offline_coupon .item_text_content {
    width: 160px;
    padding-top: 8px;
    font-size: 16px;
    color: #c00900;
}

.obj_slide div.online_coupon {
    width: 254px;
    height: 120px;
}

.obj_slide div.online_coupon .discount_price {
    padding: 55px 30px 0 0;
    text-align: right;
}

.obj_slide div.use_limit_txt {
    overflow-x: hidden;
    margin-top: -1px;
}

.couponDownload {
    cursor: pointer;
}

/* resp coupon new */
.resp_coupon_list {
}

.resp_coupon_list > li {
    margin-top: 5px;
    background: #f5f7fa;
    cursor: pointer;
}

.resp_coupon_list > li:first-child {
    margin-top: 0;
}

.resp_coupon_list > li > ul {
    display: table;
    width: 100%;
}

.resp_coupon_list > li > ul > li {
    display: table-cell;
    vertical-align: middle;
    padding-top: 6px;
    padding-bottom: 6px;
}

.resp_coupon_list > li > ul > li.text {
    padding-left: 20px;
    padding-right: 10px;
}

.resp_coupon_list > li > ul > li.sales {
    text-align: right;
    padding-right: 34px;
}

.resp_coupon_list > li > ul > li.bul {
    width: 16px;
    background: #434343 url(../images/common/bul_coupon_list.png) 50% 50% no-repeat;
}

.resp_coupon_list .coupon_img {
    display: inline-block;
    text-align: right;
    position: relative;
    height: 36px;
    min-width: 36px;
    padding: 0 10px;
    font-size: 17px;
    font-weight: 500;
    line-height: 37px;
    color: #333;
    background: url(../images/common/img_resp_coupon.png) no-repeat;
}

.resp_coupon_list .coupon_img:after {
    display: inline-block;
    content: '';
    vertical-align: middle;
    width: 14px;
    height: 36px;
    position: absolute;
    top: 0;
    right: -14px;
    background: url(../images/common/img_resp_coupon.png) right top no-repeat;
}

.resp_coupon_list .coupon_img .num {
    font-size: 19px;
    font-weight: 700;
    color: #333;
}

.resp_coupon_list .title {
    display: inline-block;
    padding: 1px 0;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-right: 6px;
}

.resp_coupon_list .title:after {
    display: inline-block;
    content: '';
    vertical-align: middle;
    position: relative;
    top: -1px;
    font-size: 0;
    width: 1px;
    height: 10px;
    background: #888;
    margin-left: 8px;
}

.resp_coupon_list .descr {
    display: inline-block;
    padding: 1px 0;
    vertical-align: middle;
    color: #999;
}

@media only screen and (max-width: 479px) {
    .sns_wish .snsbox_area {
        top: 37px;
        right: 0;
        z-index: 10;
    }

    .coupon_area .coupon_cont .btn_area > a {
        width: 30px;
    }

    .resp_coupon_list > li > ul > li.text {
        padding-left: 10px;
    }

    .resp_coupon_list > li > ul > li.sales {
        text-align: right;
        padding-right: 24px;
    }
}

.guide_origin_image {
    display: none;
    width: 100%;
    font-size: 13px;
    color: #767676;
}

.guide_origin_image > li {
    display: table-cell;
    padding: 10px 0;
    vertical-align: middle;
}

.guide_origin_image > li.btn_area {
    text-align: right;
    width: 80px;
    padding-left: 0;
}

@media only screen and (max-width: 767px) {
    .guide_origin_image {
        display: table;
        table-layout: fixed;
    }
}

/* 탭( 상세설명, 상품후기, 상품문의, 교환/반품/배송 ) */
.goods_information_tabs {
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center;
    margin-bottom: -1px;
}

.goods_information_tabs > a {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 42px;
    font-size: 13px;
    border: 1px #ddd solid;
    border-bottom-color: #888;;
    border-right: none;
    background: #fff;
    color: #767676;
}

.goods_information_tabs > a:first-child {
    margin-left: 0;
}

.goods_information_tabs > a:last-child {
    border-right: 1px #ddd solid;
}

.goods_information_tabs > a > span {
    display: block;
    padding: 4px 4px;
    line-height: 1.2;
}

.goods_information_tabs > a.current {
    height: 43px;
    border-color: #888;
    border-right: 1px #888 solid;
    background: #fff;
    border-bottom-color: #fff;
    z-index: 2;
    color: #333;
    font-weight: 500;
}

.goods_information_tabs > a.current + a {
    border-left: none;
}

.goods_information_tabs > a .num {
    display: inline-block;
    padding: 3px 4px;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    min-width: 16px;
    background: #aaa;
    color: #fff;
}

.goods_information_tabs > a.current .num {
    background: #333;
}

.goods_tabs {
    border-bottom: 1px #888 solid;
    background: rgba(255, 255, 255, 0.8);
}

.goods_tabs .resp_area {
    max-width: 860px;
    margin: 0 auto;
}

.goods_tabs.flyingMode {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
}

.goods_information_contents {
    min-height: 250px;
    padding-top: 20px;
}

.goods_information_contents.goods_review, .goods_information_contents.goods_qna {
    margin-left: -40px;
    margin-right: -40px;
}

@media only screen and (max-width: 1023px) {
    .goods_description_images {
        margin: 0 -10px;
    }

    .goods_tabs.flyingMode .resp_area {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }

    .goods_information_contents.goods_review, .goods_information_contents.goods_qna {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media only screen and (max-width: 479px) {
    .goods_information_tabs > a .num {
        display: block;
        position: absolute;
        z-index: 110;
        right: -2px;
        top: -6px;
    }
}

.exchange_guide {
    padding: 10px 0;
}

/* 상품상세 공용정보 샘플 */
#detail_sample_info > .section {
    padding-bottom: 30px;
    border-top: 1px #eee solid;
}

#detail_sample_info > .section:first-child {
    border-top: none;
}

#detail_sample_info .title1 {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -1px;
    color: #333;
    padding: 30px 0 10px;
}

#detail_sample_info .title2 {
    font-size: 15px;
    line-height: 1.4;
    padding: 20px 0 8px;
}

#detail_sample_info .title1 + .title2 {
    padding-top: 10px;
}

#detail_sample_info .text1 {
    font-size: 13px;
    line-height: 1.5;
    color: #767676;
}

#detail_sample_info .list1 {
    margin: 0;
    padding: 0;
    list-style: none;
}

#detail_sample_info .list1 > li {
    margin: 0;
    padding: 2px 0 2px 10px;
    text-indent: -10px;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #767676;
}

/* 댓글 */
.cmt_box {
    text-align: left;
    vertical-align: middle;
    border: 1px solid silver;
    cursor: pointer;
}

.cmt_cont_head {
    padding: 10px 0 0;
    border-top: 1px #ddd solid;
}

.cmt_cont_head.cmt_reply {
    padding: 5px 0 0 8px;
    border-top: none;
}

.cmt_contents {
    padding: 10px 0;
}

.cmt_contents.cmt_reply {
    padding-left: 20px;
}

.cmt_contents.cmt_insert {
    padding: 0;
    margin-bottom: -1px;
}

.cmtreplylay .wbox {
    padding-bottom: 5px;
}

div.cmt_box {
    padding: 10px 0;
}

table.cmt_box {
    width: 100%;
}

table.cmt_box th {
    padding: 5px;
}

table.cmt_box td {
    padding: 0 5px 5px;
}

table.cmt_box > tbody > tr:first-child > td {
    padding-top: 5px;
}

.cmt_division.v2 {
    padding: 10px 0;
}

.cmt_division.v2 .title_area {
    font-size: 15px;
}

.cmt_division.v2 .title_area .num {
    font-size: 16px;
}

/* 관련 이벤트 */
.detail_relation_event > li {
    margin-top: 5px;
}

.detail_relation_event > li:first-child {
    margin-top: 0;
}

.detail_relation_event > li > a {
    display: block;
    position: relative;
    padding: 10px 20px 10px 10px;
    background-color: #f5f7fa;
}

.detail_relation_event > li > a:after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 16px;
    background: #434343 url(../images/common/bul_coupon_list.png) 50% 50% no-repeat;
}

.detail_relation_event .title {
    display: inline-block;
    margin-right: 12px;
}

.detail_relation_event .date {
    display: inline-block;
    margin-right: 12px;
    color: #999;
}

.detail_relation_event .e_desc {
    display: inline-block;
    color: #999;
}

/* 무이자 할부 hide 처리 */
#goods_spec .goods_spec_halbu {
    display: none;
}

/* -------------------------------------- //상품 상세 --------------------------------------------- */

/* 반응형 레이어 팝업 */
.resp_layer_bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10005;
    background: rgba(0, 0, 0, 0.5);
}

.resp_layer_pop {
    position: fixed;
    z-index: 10020;
    background: #fff;
    width: 700px;
    text-align: left;
}

.resp_layer_pop.small_screen {
    width: auto !important;
    margin: 0 !important;
    left: 10px !important;
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
}

.resp_layer_pop.wait_hide {
    opacity: 0;
}

.resp_layer_pop > .title {
    background: #fff;
    border-top: 1px #fff solid;
    font-size: 21px;
    font-weight: 300;
    color: #333;
    padding: 20px 50px 10px 20px;
}

.resp_layer_pop .title_l2 {
    background: #fff;
    font-size: 21px;
    font-weight: 300;
    color: #333;
    padding: 10px;
    position: relative;
    border: 1px #999 solid;
    margin-bottom: -1px;
}

.resp_layer_pop .btn_pop_close {
    position: absolute;
    right: 0;
    top: 5px;
    width: 60px;
    height: 60px;
    background: url('../images/common/icon_close_layer.png') no-repeat center center;
}

.y_scroll_auto {
    overflow-y: auto;
    min-height: 300px;
}

.y_scroll_auto2 {
    overflow-y: auto;
    min-height: 220px;
    margin-bottom: 62px;
}

/* 하단 버튼형 */
.layer_pop_contents {
    padding: 10px 20px 80px;
}

.layer_pop_contents.v2 {
    padding: 0 20px 20px;
}

.layer_pop_contents.v3 {
    padding: 10px 20px;
}

.layer_pop_contents.v4 {
    padding: 10px 20px 20px;
}

.layer_pop_contents.v5 {
    padding: 10px 20px 40px;
}

.layer_pop_contents .stitle {
    padding: 10px 0 8px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    color: #333;
}

.layer_pop_contents .stitle.v2 {
    font-weight: 700;
}

.layer_pop_contents .stitle.v3 {
    padding: 10px 0 4px;
}

.layer_pop_contents .stitle.v4 {
    font-weight: 400;
    line-height: 1.4;
}

.layer_pop_contents.v2 .stitle {
    padding: 10px 0;
}

.layer_pop_contents .stitle_desc {
    display: inline-block;
    font-weight: 500;
    color: #5594c0;
}

.layer_bottom_btn_area {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    padding: 0 10px 10px;
    background: #fff;
}

.layer_bottom_btn_area.v2 {
    padding-top: 10px;
    border-top: 1px #ddd solid;
}

.layer_bottom_btn_area2 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 500;
    padding: 10px 10px 0;
    height: 52px;
    background: #fff;
    border-top: 1px #ddd solid;
}

.layer_bottom_btn_area2.v2 {
    padding: 10px 5px 0;
}

.layer_bottom_btn_area .add1 {
    padding: 10px 0 15px;
    text-align: center;
}

/* //약관 */
.service_section .privacy_index h3 {
    margin-top: 30px;
    font: var(--text-body18-bold);
}

.service_section .privacy_index ol li {
    list-style: disc;
    list-style-position: inside;
}

.service_section table,
.layer_pop_contents table {
    width: 100%;
}

.service_section table td,
.layer_pop_contents table td {
    min-width: 150px;
    padding: 4px;
}

.service_section br,
.layer_pop_contents br {
    display: none;
}

.service_section h2 + br,
.layer_pop_contents h2 + br {
    display: block;
}

.service_section table {
    margin: 20px 0;
}

.service_section h1 {
    margin-top: 30px;
}

.service_section table td, th {
    border: 1px solid #ddd;
}

.service_section table th {
    background: #f8f8f8;
    text-align: center;
    font-weight: bold;
    padding: 4px;
}

.service_section p {
    font: var(--text-body13-regular);

}

.service_section.v2 ul {
    margin: 10px 0;
    list-style: none;
    counter-reset: list-number;
}

.service_section.v2 ul li {
    counter-increment: list-number;
    padding: 2px 0;
    text-indent: 16px;
}

.service_section.v2 ul li:before {
    content: counter(list-number) '. ';
}

.service_section.v2 ul li ul {
    margin: 0;
    counter-reset: ul-list-number;
}

.service_section.v2 ul li ul li {
    counter-increment: ul-list-number;
    text-indent: 24px;
}

.service_section.v2 ul li ul li:before {
    content: counter(ul-list-number) ') ';

}

.service_section.v2 ul p {
    text-indent: 24px;
}

.service_section.v2 ul li p {
    text-indent: 32px;
}


/* //약관-팝업 */

.layer_pop_contents table td, th {
    border: 1px solid #ddd;
}

.layer_pop_contents table th {
    background: #f8f8f8;
    text-align: center;
    font-weight: bold;
    padding: 4px;
}

.resp_layer_pop > .layer_pop_contents table td {
    padding: 4px;
}

.layer_pop_contents p {
    font: var(--text-caption-regular);
}

/* //약관 */

@media only screen and (max-width: 767px) {
    .resp_layer_pop > .title {
        padding-left: 10px;
    }

    .layer_pop_contents {
        padding: 10px 10px 80px;
    }

    .layer_pop_contents.v2 {
        padding: 0 0 20px;
    }

    .layer_pop_contents.v2 .stitle {
        padding: 10px;
    }

    .layer_pop_contents.v3 {
        padding: 10px;
    }

    .layer_pop_contents.v4 {
        padding: 10px 10px 20px;
    }

    .layer_pop_contents.v5 {
        padding: 10px 10px 40px;
    }

    .y_scroll_auto.mh100 {
        max-height: 100% !important;
    }
}

/* //반응형 레이어 팝업 */

/* 큰 레이어 팝업 */
.ui-dialog {
}

.ui-widget {
    font-size: 13px;
}

.ui-widget-header.ui-dialog-titlebar {
    background: #58668d !important;
}

.ui-dialog-content {
    padding: 10px !important;
}

.ui-dialog-box {
    border: 1px solid #ddd;
    padding: 15px;
}

.ui-dialog-box .ul_list2 li {
    margin-top: 10px;
    color: #666;
}

.ul_ship {
}

.ul_ship > li {
    margin-top: 15px;
}

.ul_ship > li dl {
    margin-bottom: 5px;
}

.ul_ship > li dt {
    float: left;
    font-weight: 500;
}

.ul_ship > li dd {
    float: right;
}

.ico_de {
    display: inline-block;
    background: url('../images/common/ico_detail_list.png') no-repeat;
    width: 11px;
    height: 11px;
    text-indent: -9999px;
    vertical-align: middle;
}

.address_box {
    position: relative;
}

.address_box > dl {
    margin: 10px 0 0 0;
    border: 1px solid #ccc;
}

.address_box:nth-child(odd) > dl {
    margin-left: 0;
}

.address_box > dl > dt {
    border-bottom: 1px solid #e0e0e0;
    background: #f9f9f9;
    padding: 8px 15px 5px;
    font-size: 14px;
}

.address_box > dl > dt p {
    font-size: 13px;
    color: #888;
}

.address_box > dl > dd {
    padding: 13px 15px 10px;
}

.address_box > .btns {
    position: absolute;
    top: 10px;
    right: 10px;
}

.address_box > .btns a.more {
    display: inline-block;
    margin-left: 5px;
    background: url('../images/common/btn_detail_more.png') no-repeat right 6px;
    padding-right: 5px;
    text-align: right;
    color: #666;
}

.pickup {
    width: 100%;
    height: 120px;
    margin: 10px auto;
}

.pickup li {
    float: left;
    padding-top: 75px;
    text-align: center;
    line-height: 1.2;
    color: #666;
}

.pickup li.fir {
    background: url('../images/common/img_pickup1.png') no-repeat center top;
}

.pickup li.sec {
    background: url('../images/common/img_pickup2.png') no-repeat center top;
}

.pickup li.thi {
    background: url('../images/common/img_pickup3.png') no-repeat center top;
}

.pickup li.fou {
    background: url('../images/common/img_pickup4.png') no-repeat center top;
}

.pickup li.fiv {
    background: url('../images/common/img_pickup5.png') no-repeat center top;
}

.pickup li:nth-child(odd) {
    width: 25%;
}

.pickup li:nth-child(even) {
    width: 12.5%;
    font-size: 11px;
}

.pickup li.point {
    font-weight: 500;
    color: #8297d2;
}

.ui-dialog .ul_coupon > li {
    border-top: 1px solid #ddd;
    margin-top: 15px;
    padding-top: 15px;
}

.ui-dialog .ul_coupon > li:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.ui-dialog .ul_coupon > li li {
    margin-top: 5px;
}

/* //큰 레이어 팝업 */

/* 작은 레이어 팝업 */
.layer_simple_basic {
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 10;
    width: 300px;
    padding: 10px;
    border: 1px #999 solid;
    background: #fff;
}

.layer_simple_basic .btn_close_x {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    color: #767676;
}

.layer_simple_basic.px {
    padding: 0;
}

.layer_simple_basic.px .detail_option_table {
    border: none;
}

.layer_simple_basic.p_right {
    left: auto;
    right: 0;
}

.layer_simple_basic.country_list {
    left: auto;
    right: 0;
    max-height: 300px;
    overflow-y: auto;
}

.calendar_title {
    padding-bottom: 10px;
    font-size: 16px;
    text-align: center;
    color: #444;
}

.calendar_title .prev {
    cursor: pointer;
    margin-right: 4px;
}

.calendar_title .next {
    cursor: pointer;
    margin-left: 4px;
}

table.tb_timetable {
    width: 100%;
    table-layout: fixed;
    border: 1px #eee solid;
}

table.tb_timetable > thead > tr > th {
    border: 1px #ddd solid;
    background: #f8f8f8;
    padding: 4px 0;
    text-align: center;
}

table.tb_timetable > tbody > tr > td {
    border: 1px #ddd solid;
    padding: 4px 0;
    text-align: center;
    color: #999;
}

table.tb_timetable > tbody > tr > td.selectable {
    cursor: pointer;
    background: #ffffe9;
    color: #444;
}

table.tb_timetable > tbody > tr > td.selectable.selected {
    font-weight: 500;
    outline: 2px #2c8ff0 solid;
}

table.tb_timetable > thead > tr > th:first-child, table.tb_timetable > tbody > tr > td:first-child {
    color: #ed3347;
}

table.tb_timetable > thead > tr > th:last-child, table.tb_timetable > tbody > tr > td:last-child {
    color: #006cff;
}

.detailDescriptionLayer {
    position: absolute;
    z-index: 9999;
}

.detailDescriptionLayer .layer_wrap {
    position: relative;
    border: 1px solid #999;
    background: #fff;
    -webkit-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.1);
    text-align: left;
}

.detailDescriptionLayer .layer_wrap h1 {
    border-bottom: 1px solid #ccc;
    background: #f1f1f1;
    padding-left: 15px;
    text-align: left;
    height: 30px;
    line-height: 30px;
    font-family: 'dotum';
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1px;
}

.detailDescriptionLayer .layer_wrap a.detailDescriptionLayerCloseBtn {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    background: url('../images/common/btn_detail_close.png') no-repeat;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
}

.detailDescriptionLayer .layer_wrap .layer_inner {
    padding: 10px;
    text-align: left;
    font-size: 13px;
    color: #666;
    line-height: 1.8;
}

/* //작은 레이어 팝업 */


/* -------------------------------------- 장바구니, 위시리스트, 최근 본 상품 --------------------------------------------- */
.tab_cart_top {
    border-bottom: 1px #666 solid;
}

.tab_cart_top > ul {
}

.tab_cart_top > ul > li {
    float: left;
    position: relative;
    width: 33.33%;
    max-width: 180px;
}

.tab_cart_top > ul > li > a {
    display: block;
    vertical-align: top;
    height: 40px;
    margin-left: -1px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    border: 1px #ddd solid;
    border-bottom: none;
    background: #f8f8f8;
    color: #767676;
}

.tab_cart_top > ul > li:first-child > a {
    margin-left: 0;
}

.tab_cart_top > ul > li.on {
    z-index: 2;
    margin-bottom: -1px;
}

.tab_cart_top > ul > li.on > a {
    border-color: #666;
    height: 41px;
    background: #fff;
    color: #333;
    font-weight: 500;
}

.tab_cart_top .num {
    display: inline-block;
    padding: 0 4px;
    height: 20px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    min-width: 16px;
    background: #aaa;
    color: #fff;
}

.tab_cart_top li.on .num {
    background: #444;
    color: #fff;
}

.tab_desc {
    color: #999;
}

.tab_right_menu {
    position: relative;
}

.tab_right_menu > li {
    position: absolute;
    right: 0;
    top: -60px;
}

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

.resp_cart_wrap > li {
    display: table-cell;
    vertical-align: top;
}

.resp_cart_wrap > li.cart_left {
    width: 68%;
}

.resp_cart_wrap > li.cart_right {
    padding-left: 20px;
}

.resp_cart_wrap .title_x {
    height: 40px;
    font-weight: 400;
    font-size: 23px;
    line-height: 1.2;
    color: #333;
}

@media only screen and (max-width: 479px) {
    .tab_cart_top > ul > li > a {
        line-height: 42px;
    }

    .tab_cart_top .num {
        position: absolute;
        right: -2px;
        top: -4px;
        z-index: 3;
    }

    .tab_right_menu {
        position: static;
        float: left;
    }

    .tab_right_menu > li {
        position: static;
        right: auto;
        top: auto;
    }
}

.cart_contents_top {
    height: 30px;
}

.cart_contents_top > li {
    float: right;
}

.cart_contents_top > li.aa {
    float: left;
}

label.checkbox_allselect {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

label.checkbox_allselect .txt {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
}

.resp_cart_wrap label.checkbox_allselect input[type='checkbox'] {
    width: 24px;
    height: 24px;
}

.resp_cart_wrap label.checkbox_allselect .txt {
    font-size: 19px;
    font-weight: 300;
    color: #333;
}

.nodata_a {
    padding: 10px;
}

.cart_list {
}

.cart_list .shipping_group_list {
    border: 1px #999 solid;
    border-top: none;
    margin-top: 10px;
}

.cart_list .goods_delivery_info {
    background-color: #f4f4f4;
    padding: 8px 10px;
    font-size: 13px;
}

.cart_list .goods_delivery_info .detail {
    display: table;
    width: 100%;
}

.cart_list .goods_delivery_info .detail > li {
    display: table-cell;
    vertical-align: middle;
}

.cart_list .goods_delivery_info .detail > li.th {
    width: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.cart_list .goods_delivery_info .detail > li.btn_area {
    width: 190px;
    text-align: right;
}


.cart_list .shipping_group_list.coupon .cart_goods {
    border-top-color: #999;
}

.cart_list .cart_goods.gift {
    background: #f8f8f8;
}

.cart_list .cart_goods.selected { /* background:#f3ffee; outline:2px #3cd400 solid; */
}

.cart_list .shipping_group_list > li:first-child {
    border-top: 1px #999 solid;
}

.cart_list .cart_goods_detail {
    padding: 10px;
    position: relative;
}

.cart_list .cart_goods_detail .cgd_top {
    padding-bottom: 10px;
}

.cart_list .cart_goods_detail .cgd_top > label {
    display: block;
    position: relative;
    padding: 0 20px 0 20px;
}

.cart_list .cart_goods_detail .cgd_top > label input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0;
}

.cart_list .cart_goods_detail .goods_name {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    word-wrap: break-word;
    word-break: break-all;
}

.cart_list .cart_goods_detail .goods_name.v2 {
    padding: 0 0 8px;
}

.cart_list .cart_goods_detail .goods_name.d2 {
    display: block;
}

.cart_list .cart_goods_detail .btn_thisitem_del {
    position: absolute;
    top: 10px;
    right: 10px;
    background: url('../images/icon/ico_del.png') no-repeat;
    background-color: transparent;
    width: 19px;
    height: 19px;
    border: 0px;
    text-indent: -1000px;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
}

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

.cart_list .cgd_contents .block {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
    font-size: 13px;
    line-height: 1.3;
}

.cart_list .cgd_contents .block:first-child {
    padding-left: 0;
}

.cart_list .cgd_contents .block1 > ul {
    display: table;
}

.cart_list .cgd_contents .block1 > ul > li {
    display: table-cell;
    vertical-align: top;
}

.cart_list .cgd_contents .block1 > ul > li:first-child {
    padding-right: 10px;
}

.cart_list .cgd_contents .block1 .img_area {
    max-width: 120px;
}

.cart_list .cgd_contents .block2 {
    width: 190px;
}

.cart_list .cgd_contents .block2 > li {
    padding-top: 6px;
    text-align: right;
    zoom: 1;
}


.cart_list .cgd_contents .block2 > li:first-child {
    padding-top: 2px;
}

.cart_list .cgd_contents .block2 .ptitle {
    float: left;
}

.cart_list .cgd_contents .block2 .price_c {
    font-weight: 500;
}

.cart_list .cgd_contents .block2 .total_p {
    position: relative;
    top: -2px;
    font-size: 15px;
    color: #333;
}

.cart_list .cgd_contents .block2 .total_p .num {
    font-size: 17px;
    line-height: 1.0;
}

.cart_list .cgd_contents .block2 .btn_resp {
    vertical-align: baseline;
}

.cart_list .cgd_contents .block3 {
    width: 24%;
    text-align: right;
}

.cart_list .cgd_contents .block3 > li {
    padding-top: 10px;
}

.cart_list .cgd_contents .block3 > li:first-child {
    padding-top: 0;
}

.cart_list .cgd_contents .block3 > li > button {
    width: 100px;
}

.cart_list .cgd_contents .event_area {
    padding-bottom: 8px;
}

.cart_list .cgd_contents .event_area .title {
    display: inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    text-indent: -999px;
    vertical-align: middle;
    background: #333 url(../images/common/icon_clock.png) 50% 50% no-repeat;
    background-size: cover;
}

.cart_list .cgd_contents .event_area .time {
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px;
    height: 22px;
    line-height: 22px;
    background-color: #333;
    color: #ffffff;
    border-radius: 2px;
}

.cart_list .cgd_contents .icon_area {
    padding-bottom: 8px;
}

.cart_list .cgd_contents .icon_area .icon1,
.cart_list .cgd_contents .icon_area .icon2 {
    height: 18px;
}

.cart_list .cgd_contents .cart_option {
}

.cart_list .cgd_contents .cart_option > li {
    padding-bottom: 2px;
    font-weight: 500;
    color: #333;
}

.cart_list .cgd_contents .cart_quantity {
    padding-bottom: 2px;
    font-weight: 500;
    color: #333;
}

.cart_list .cgd_contents .add_txt {
    font-weight: normal;
    color: #767676;
}

.settle_price_title {
    display: table;
    width: 100%;
}

.settle_price_title > li {
    display: table-cell;
    vertical-align: middle;
}

.settle_price_title > li.estimate_btn_area {
    text-align: right;
}

.settle_price_title .btn_estimate {
    height: 30px;
    font-size: 16px;
    line-height: 31px;
    min-width: 100px;
}

.res_option_inline {
    display: inline-block;
    vertical-align: top;
    margin: 4px 4px 0 0;
}

.xtle {
    display: inline-block;
    box-sizing: border-box;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 4px;
    margin-right: 4px;
    font-weight: 400;
}

.xtle {
    border: 1px #b3b9c7 solid;
    color: #999;
}

.xtle.v2 {
    border: 1px #c0c6d1 solid;
    color: #999;
}

.xtle.v3 {
    border: 1px #ccc solid;
    color: #999;
}

.cart_list .cgd_contents .cart_inputs {
}

.cart_list .cgd_contents .cart_inputs > li {
    padding-bottom: 2px;
    font-weight: 500;
    color: #333;
}

.cart_list .cgd_contents .cart_inputs .inputed_img {
    height: 20px;
}

.cart_list .cgd_contents .cart_suboptions {
}

.cart_list .cgd_contents .cart_suboptions > li {
    padding-bottom: 2px;
    font-weight: 500;
    color: #333;
}

.cart_list .cgd_contents .cart_quantity + .cart_inputs,
.cart_list .cgd_contents .cart_quantity + .cart_suboptions,
.cart_list .cgd_contents .cart_inputs + .cart_suboptions {
    padding-top: 4px;
}

.cart_list .goods_thumb {
    border: 1px solid #ddd;
    max-width: 100%;
    min-width: 50px;
}

@media only screen and (max-width: 1023px) {
    .cart_list .cgd_contents {
        display: block;
        zoom: 1
    }


    .cart_list .cgd_contents .block {
        display: block;
        float: left;
        padding: 0;
    }

    .cart_list .cgd_contents .block1 {
        width: calc(100% - 165px);
    }

    .cart_list .cgd_contents .block2 {
        float: right;
        width: 165px;
    }


}

@media only screen and (max-width: 479px) {
    .cart_list .goods_delivery_info .detail > li.btn_area {
        width: 118px;
    }

    .cart_list .goods_delivery_info .detail > li.btn_area button {
        width: 100%;
    }

    .cart_list .goods_delivery_info .detail > li.btn_area input[type='button'] {
        width: 100%;
        margin-top: 4px;
    }

    .cart_list .cgd_contents .block {
        float: none;
    }

    .cart_list .cgd_contents .block1 {
        width: 100%;
    }

    .cart_list .cgd_contents .block3 > li {
        padding-top: 0;
        display: inline;
    }

    .cart_list .cgd_contents .block2.x1 {
        float: none;
        width: 100%;
    }


}

.total_price_n_btns {
}

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

.total_sum_price {
    padding: 10px;
    border: 1px #444953 solid;
    font-size: 15px;
}

.total_sum_price .list {
    display: table;
    width: 100%;
}

.total_sum_price .list > li {
    display: table-cell;
    vertical-align: bottom;
    padding: 5px 0;
}

.total_sum_price .list > li.td {
    text-align: right;
}

.total_sum_price .list .num {
    font-size: 19px;
    color: #333;
}

.total_sum_price .list.total {
    margin-top: 10px;
    font-size: 17px;
    font-weight: 500;
    color: #333;
    border-top: 1px #ccc dashed;
}


.total_sum_price .list.total .num {
    font-size: 27px;
    letter-spacing: -1px;
}

.selected_btn_groups label.checkbox_allselect {
    display: inline-block;
    padding: 5px 16px 0 0;
    vertical-align: middle;
}

.selected_btn_groups .btns {
    display: inline-block;
    padding-top: 6px;
}

.selected_btn_groups .btns button {
    margin-top: 4px;
}

.cart_order_btn_area {
    margin-top: 10px;
    overflow: hidden;
    zoom: 1;
}

.cart_order_btn_area > li {
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-left: 10px;
    vertical-align: top;
}

.cart_order_btn_area .btn_resp {
    width: 100%;
}

.wish_allselect_area {
    padding: 15px 10px 0;
}

.wish_allselect_area .checkbox_allselect {
    margin-right: 8px;
}

.wish_wrap .wish_list {
    overflow: hidden;
    zoom: 1;
    padding: 0 5px;
    font-size: 0;
}

.wish_wrap .wish_list > li {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    padding: 15px 5px;
    box-sizing: border-box;
    max-width: 20%;
}

.wish_wrap .wish_list .img_area img {
    width: auto;
    margin: 0;
}

.wish_wrap .wish_list ul.sub > li {
    padding-top: 5px;
}

.wish_wrap .wish_list ul.sub > li:first-child {
    padding-top: 10px;
}

.wish_wrap .wish_list ul.sub .wish_name {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.wish_wrap .wish_list ul.sub .wish_name > label {
    display: block;
    position: relative; /*padding-left:28px; 장바구니에서 UI오류 있음 */
}

.wish_wrap .wish_list ul.sub .wish_name > label .ez-checkbox {
    position: absolute;
    left: 0;
    top: 0;
}

.wish_wrap .wish_list ul.sub .wish_point {
    color: #767676;
    font-size: 12px;
}

.wish_wrap .wish_list ul.sub .wish_btns {
    padding-top: 8px;
}

.wish_wrap .wish_list .wish_price .nomal_price > b {
    margin-right: 4px;
}

.wish_wrap .wish_list .wish_price .nomal_price > s {
    display: inline-block;
    color: #999;
}

.wish_wrap .wish_list .nodata {
    display: block;
    width: 100%;
    padding: 10px 0 15px;
    text-align: center;
    font-size: 14px;
}

.recent_allselect_area {
    padding: 15px 10px 0;
}

.recent_allselect_area .checkbox_allselect {
    margin-right: 8px;
}

.recent_wrap .recent_list {
    overflow: hidden;
    zoom: 1;
    padding: 0 5px;
    font-size: 0;
}

.recent_wrap .recent_list > li {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    vertical-align: top;
    font-size: 13px;
    padding: 15px 5px 10px;
}

.recent_wrap .recent_list .img_area {
    display: table-cell;
    vertical-align: top;
}

.recent_wrap .recent_list ul.sub {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
}

.recent_wrap .recent_list .img_area img {
    min-width: 90px;
    max-width: 140px;
    width: auto;
    margin: 0;
    border: 1px #ddd solid;
}

.recent_wrap .recent_list ul.sub > li {
    padding-top: 5px;
}

.recent_wrap .recent_list ul.sub > li:first-child {
    padding-top: 0;
}

.recent_wrap .recent_list ul.sub .recent_name {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.recent_wrap .recent_list ul.sub .recent_name > label {
    display: block;
    position: relative; /*padding-left:28px; 최근본상품에서 UI오류 있음 */
}

.recent_wrap .recent_list ul.sub .recent_name > label .ez-checkbox {
    position: absolute;
    left: 0;
    top: 0;
}

.recent_wrap .recent_list ul.sub .recent_point {
    color: #767676;
    font-size: 12px;
}

.recent_wrap .recent_list ul.sub .recent_btns {
    padding-top: 8px;
}

.recent_wrap .recent_list .recent_price .nomal_price > b {
    margin-right: 4px;
}

.recent_wrap .recent_list .recent_price .nomal_price > s {
    display: inline-block;
    color: #999;
}

.recent_wrap .recent_list .nodata {
    display: block;
    width: 100%;
    padding: 10px 0 15px;
    text-align: center;
    font-size: 14px;
}

.cart_dialog_img {
    padding: 10px 20px;
}

.cart_dialog_img img {
    max-height: 60px;
}

.cart_dialog_option {
    padding: 0 20px 60px;
}

.cart_dialog_foot {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50px;
    background: #eee;
    border-top: 1px #ccc solid;
}

.cart_dialog_foot > li {
    float: left;
    padding: 4px 0 0 10px;
}

.cart_dialog_foot > li.btn_area {
    float: right;
    padding: 12px 10px 0 0;
}

@media only screen and (max-width: 1023px) {
    .resp_cart_wrap > li.cart_right {
        padding-left: 10px;
        width: 270px;
    }
}

@media only screen and (max-width: 767px) {
    .resp_cart_wrap {
        display: block;
        width: auto;
    }

    .resp_cart_wrap > li {
        display: block;
    }

    .resp_cart_wrap > li.cart_left {
        width: auto;
    }

    .resp_cart_wrap > li.cart_right {
        width: auto;
        padding-left: 0;
    }


    .cart_dialog_img {
        padding: 10px;
    }

    .cart_dialog_option {
        padding: 0 0 60px;
    }


    .recent_wrap .recent_list > li {
        width: 100%;
    }

    .recent_wrap .recent_list .img_area {
        width: 20%;
    }
}

@media only screen and (max-width: 640px) {

}

@media only screen and (max-width: 479px) {
    /*.wish_wrap .wish_list > li {*/
    /*    width: 50%;*/
    /*}*/
    .recent_wrap .recent_list .img_area img {
        max-width: 100px;
    }
}

/* -------------------------------------- //장바구니, 위시리스트, 최근 본 상품 --------------------------------------------- */


/* -------------------------------------- 마이페이지 --------------------------------------------- */
.subpage_wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.subpage_wrap .subpage_lnb {
    display: table-cell;
    vertical-align: top;
    width: 200px;
    padding: 0 20px 40px 0;
    background: #fff;
}

.subpage_wrap .subpage_container {
    vertical-align: top;
    position: relative;
    padding: 0 0 60px;
}

.subpage_wrap .subpage_container.v2 {
    padding: 10px 0 60px;
}

.subpage_wrap .subpage_container.v3 {
    padding: 0;
}

.subpage_lnb .title1 {
    padding: 60px 0 0 0;
    height: 70px;
}

.subpage_lnb .title1 > a {
    display: block;
    padding-left: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

.subpage_lnb .title2 {
    margin-top: 20px;
    border-bottom: 1px #eee solid;
    border-radius: 2px;
}

.subpage_lnb .title1 + .title2 {
    margin-top: 0;
}

.subpage_lnb .title2 > a {
    display: block;
    padding: 10px 0 6px 10px;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 300;
    color: #333;
}

.subpage_lnb .title2 + .lnb_sub {
    padding-top: 8px;
}

.subpage_lnb .lnb_sub > li > a {
    display: block;
    padding: 4px 0 4px 10px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
    color: #767676;
    transition: transform 0.2s;
}

.subpage_lnb .lnb_sub > li > a:hover {
    transform: translateX(4px);
    color: #333;
}

.subpage_lnb .lnb_sub > li.on > a {
    font-weight: 500;
    color: #333;
}

.subpage_container {
}

.subpage_container .btn_sub_all {
    display: none;
    position: absolute;
    left: -10px;
    top: 0;
    z-index: 20;
    padding: 0 20px 0 10px;
    height: 40px;
    line-height: 41px;
    font-weight: 300;
    background: #9c9c9c;
    color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-image: url(../images/common/icon_arr_next3.png);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
}

.title_container {
    padding: 65px 0 32px;
    text-align: center;
    position: relative;
}

.title_container > h2 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 24px;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 500;
    color: #333;
}

.title_container > h2.searched {
    font-weight: 300;
}

.title_container .cate_num {
    font-size: 20px;
    font-weight: 300;
    color: #767676;
    position: relative;
    top: -2px;
}

.title_container .btn_history {
    opacity: 0.3;
    display: none;
    position: absolute;
    top: 20px;
}

.title_container .btn_history.back {
    left: 0;
}

.title_container .btn_history.forward {
    right: 0;
}

.title_container .btn_history > img {
    height: 22px;
}

.title_container + .mypage_greeting {
    margin-top: -20px;
    position: relative;
}

.subpage_container .title_od1 {
    padding: 35px 0 10px;
    font-weight: 400;
    font-size: 23px;
    line-height: 1.2;
    color: #333;
}

.title_container2 {
    margin-top: 60px;
    padding: 0 0 12px;
    text-align: center;
    position: relative;
    border-bottom: 2px #333 solid;
}

.title_container2 .btn_thebogi {
    display: inline-block;
    padding-right: 12px;
    position: absolute;
    right: 0;
    top: 10px;
    font-weight: 300;
    background: url(../images/common/ico_arw_direct.png) right 3px no-repeat;
    background-size: 7px;
}

.title_container2 .btn_thebogi:hover {
    border-bottom: 1px #767676 solid;
}

.subpage_wrap.order_payment .order_payment_left {
}

.subpage_wrap.order_payment .order_payment_left2 {
    padding-right: 10px;
}

.subpage_wrap.order_payment .order_payment_right {
    width: 40%;
    padding-left: 20px;
}

.subpage_wrap.order_payment .order_payment_right2 {
    padding-left: 10px;
}

.subpage_wrap.order_payment .order_payment_right .order_subsection {
    background: #fff;
}

.order_payment_left .cart_list .shipping_group_list:first-child {
    margin-top: 0;
}

.order_payment_left2 .cart_list .shipping_group_list:first-child {
    margin-top: 0;
}

.linemap_area {
    padding-left: 0;
}

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

.sub_layout_z1 > li {
    display: table-cell;
    vertical-align: top;
}

.sub_layout_z1 > li.layout_aside_b {
    padding-left: 20px;
}

.mycs_fcont_margin {
    margin-top: 130px;
}

.my_index_top {
    display: table;
    width: 100%;
}

.my_index_top > li {
    display: table-cell;
    vertical-align: top;
}

.my_index_top .my_greeting {
    font-size: 34px;
    font-weight: 100;
    line-height: 1.0;
    color: #666;
}

.my_index_top .my_greeting .name {
    font-weight: 300;
    color: #333;
}

.my_index_top .my_msub1 {
    padding-top: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #767676;
}

.my_index_top .my_msub1:after {
    clear: both;
    display: block;
    content: "";
}

.my_index_top .my_msub1 a {
    color: #767676;
}

.my_index_top .my_msub1 > li {
    float: left;
    padding-right: 10px;
}

.my_index_top .my_msub1 > li:after {
    display: inline-block;
    content: '|';
    font-weight: 100;
    color: #ccc;
    margin-left: 10px;
}

.my_index_top .my_msub1 > li:last-child {
    padding-right: 0;
}

.my_index_top .my_msub1 > li:last-child:after {
    content: '';
    margin-left: 0;
}

.my_index_top .my_msub2 {
    font-size: 0;
    text-align: right;
    margin-top: -10px;
}

.my_index_top .my_msub2 > li {
    display: inline-block;
    margin-top: 10px;
    font-size: 15px;
    border-left: 1px #ccc solid;
}

.my_index_top .my_msub2 > li:first-child {
    border-left: none;
}

.my_index_top .my_msub2 > li > a {
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 0 10px;
    min-width: 120px;
}

.my_index_top .my_msub2 .title {
    display: block;
}

.my_index_top .my_msub2 .cont {
    display: block;
    padding-top: 10px;
}

.my_index_top .my_msub2 .num {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.0;
    color: #333;
}

@media only screen and (max-width: 1200px) {
    .my_index_top .my_msub2 > li > a {
        min-width: 100px;
    }
}

@media only screen and (max-width: 1023px) {
    .title_container {
        padding: 40px 0 25px;
    }

    .title_container .btn_history {
        display: inline;
    }

    .title_container + .mypage_greeting {
        margin-top: -15px;
    }

    .subpage_wrap:not(.order_payment) {
        display: block;
        width: auto;
    }

    /*.subpage_wrap:not(.order_payment) .subpage_container {*/
    /*    display: block;*/
    /*    padding: 10px 0 40px;*/
    /*}*/
    .subpage_wrap:not(.order_payment) .subpage_container.v2 {
        display: block;
        padding: 10px 0 40px;
    }

    .subpage_wrap.order_payment .order_payment_right {
        width: 290px;
        padding-left: 10px;
    }

    .subpage_wrap.order_payment .order_payment_left2 {
        padding-right: 5px;
    }

    .subpage_wrap.order_payment .order_payment_right2 {
        padding-left: 5px;
    }

    .subpage_lnb .title1 {
        padding: 30px 0 20px;
        height: auto;
    }

    /*.subpage_container .btn_sub_all {*/
    /*    display: block;*/
    /*    transition: left 0.5s;*/
    /*}*/
    .subpage_container .btn_sub_all.active {
        left: 210px;
        z-index: 10010;
        padding: 0 15px 0 20px;
        background-color: #333;
        background-image: url(../images/common/icon_arr_prev3.png);
        background-position: left 6px top 50%;
    }

    .subpage_wrap .subpage_lnb {
        display: block;
        width: 200px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -220px;
        z-index: 10010;
        padding: 0 10px 40px;
        overflow-y: auto;
        transition: left 0.5s;
    }

    .subpage_wrap .subpage_lnb.active {
        left: 0;
    }

    .linemap_area {
        padding-left: 36px;
    }

    .linemap_area.v2 {
        padding-left: 0;
    }

    .title_container > h2 {
        font-size: 25px;
    }

    .sub_layout_z1 > li.layout_aside_b {
        padding-left: 10px;
    }

    .mycs_fcont_margin {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .title_container {
        padding: 35px 0 20px;
    }

    .title_container + .mypage_greeting {
        margin-top: -12px;
    }

    .sub_layout_z1 {
        display: flex;
        flex-flow: row wrap;
        width: auto;
    }

    .sub_layout_z1 > li {
        display: block;
        flex: 0 0 100%;
    }

    .sub_layout_z1 > li.layout_aside_b {
        order: -5;
        padding-left: 0;
    }

    .my_index_top {
        display: block;
        width: auto;
    }

    .my_index_top > li {
        display: block;
    }

    .my_index_top .my_msub2 {
        text-align: left;
        margin-top: 20px;
    }

    .my_index_top .my_msub2 > li {
        padding-left: 10px;
    }

    .my_index_top .my_msub2 > li:first-child {
        padding-left: 0;
    }

    .my_index_top .my_msub2 > li > a {
        text-align: left;
        padding: 0 10px 0 0;
    }
}

@media only screen and (max-width: 479px) {
    .my_index_top .my_msub2 > li > a {
        min-width: 0;
    }
}

/* greeting */
.mypage_greeting {
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    color: #999;
}

.mypage_greeting.btm_padding {
    padding-bottom: 20px;
}

.mypage_greeting .username {
    color: #666;
}

.mypage_greeting .usergroup {
    color: #666;
}

.mypage_greeting .pointnum {
    font-size: 15px;
    color: #333;
}

/* order step */
.my_order_step {
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 25px;
    max-width: 1000px;
    text-align: center;
}

.my_order_step:after {
    clear: both;
    display: block;
    content: "";
}

.my_order_step > li {
    float: left;
    width: 21%;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 13px;
    background: url('../images/common/my_order_arw2.png') 0 40% no-repeat;
}

.my_order_step > li:first-child {
    width: 16%;
    background: none;
    padding-left: 0;
}

.my_order_step > li > a {
    display: block;
    position: relative;
    color: #333;
}

.my_order_step > li > a:before {
    display: block;
    content: '';
    height: 70px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0.3;
    transition: opacity 0.2s;
}

.my_order_step > li.step1 > a:before {
    background-image: url('../images/common/my_order_p1.png');
}

.my_order_step > li.step2 > a:before {
    background-image: url('../images/common/my_order_p2.png');
}

.my_order_step > li.step3 > a:before {
    background-image: url('../images/common/my_order_p3.png');
}

.my_order_step > li.step4 > a:before {
    background-image: url('../images/common/my_order_p4.png');
}

.my_order_step > li.step5 > a:before {
    background-image: url('../images/common/my_order_p5.png');
}

.my_order_step > li > a:hover:before {
    opacity: 1;
}

.my_order_step .pushCount {
    position: absolute;
    left: calc(50% + 22px);
    top: 0;
}

@media only screen and (max-width: 640px) {
    .my_order_step > li {
        background-size: 10px;
        padding-left: 4px;
    }

    .my_order_step .pushCount {
        left: 70%;
        top: 0;
    }
}

@media only screen and (max-width: 479px) {
    .my_order_step > li {
        background-size: 8px;
    }

    .my_order_step > li > a:before {
        background-size: 12vw
    }
}

.mypage_list_sec0 {
    display: table;
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
    font-size: 13px;
    color: #333;
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
}

.mypage_list_sec0 > ul {
    display: table-row;
    font-size: 14px;
}

.mypage_list_sec0 > ul > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-bottom: 1px #ddd solid;
    border-right: 1px #eee solid;
}

.mypage_list_sec0 > ul > li:last-child {
    border-right-color: #ddd;
}

.mypage_list_sec0 > ul > li.th {
    width: 110px;
    padding: 0;
}

.mypage_list_sec0 > ul > li.th > p {
    padding: 10px;
}

.common_count {
    color: #7086c0;
}

.common_count.v2 {
    color: #007cd2;
}

.common_count .num {
    font-size: 16px;
    line-height: 1.1;
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    .mypage_list_sec0 > ul > li.th {
        background: none;
        border-right: none;
        text-align: left;
    }

    .mypage_list_sec0 > ul > li.th > p {
        padding-right: 0;
    }

    .mypage_list_sec0 > ul > li.td {
        padding-left: 0;
        text-align: right;
    }

    .mypage_list_sec0.icon_style > ul > li.th > p {
        padding-left: 32px;
        background-position: 6px 50%;
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .mypage_list_sec0.icon_style > ul > li.th.cart > p {
        background-image: url(../images/common/my_i_cart.jpg);
    }

    .mypage_list_sec0.icon_style > ul > li.th.wish > p {
        background-image: url(../images/common/my_i_wish.jpg);
    }

    .mypage_list_sec0.icon_style > ul > li.th.recently > p {
        background-image: url(../images/common/my_i_recently.jpg);
    }

    .mypage_list_sec0.icon_style > ul > li.th.coupon > p {
        background-image: url(../images/common/my_i_coupon.jpg);
    }

    .mypage_list_sec0.icon_style > ul > li.th.emoney > p {
        background-image: url(../images/common/my_i_emoney.jpg);
    }

    .mypage_list_sec0.icon_style > ul > li.th.emoney_exchange > p {
        background-image: url(../images/common/my_i_exchange.jpg);
    }
}

@media only screen and (max-width: 479px) {
    .mypage_list_sec0 > ul {
        display: flex;
        flex-flow: row wrap;
    }

    .mypage_list_sec0 > ul > li {
        flex: 1 1 auto;
    }

    .mypage_list_sec0 > ul > li.th {
        flex-basis: 106px;
    }

    .mypage_list_sec0 > ul > li.td {
        flex-basis: calc(100% - 120px);
    }
}

.mypage_link_set1 {
    padding: 6px 0 0;
}

.mypage_link_set1 > a {
    margin: 4px 0 0;
}

.title_sub1 + .mypage_link_set1 {
    padding: 0;
    margin-top: -4px;
}

.myorder_sort {
    padding: 10px 0;
    font-size: 14px;
}

.myorder_sort:after {
    clear: both;
    display: block;
    content: "";
}

.myorder_sort .list1 {
    float: left;
    padding-top: 12px;
    line-height: 18px;
}

.myorder_sort .list2 {
    float: right;
    text-align: right;
    line-height: 32px;
}

.myorder_sort .list3 {
    float: left;
    line-height: 32px;
}

.myorder_sort .th {
    display: inline-block;
    vertical-align: top;
    padding-right: 4px;
    color: #333;
}

.myorder_sort .td {
    display: inline-block;
}

.myorder_sort .direct_area {
    margin-left: 2px;
}

.myorder_sort .sc-datepicker {
    width: 94px;
    vertical-align: top;
}

@media only screen and (max-width: 479px) {
    .myorder_sort .direct_area {
        display: block;
        padding-top: 5px;
        text-align: right;
    }
}

/* 주문/배송 내역 */
.oc_item_info_detail {
    display: table;
    width: 100%;
}

.oc_item_info_detail > li {
    display: table-cell;
    vertical-align: top;
}

.oc_item_info_detail > li.img_link {
    padding-right: 10px;
}

.oc_item_info_detail > li.detail_spec {
    width: 100%;
}

.oc_item_info_detail img.goods_thumb,
.oc_item_info_detail img.order_thumb {
    border: 1px #ddd solid;
    width: 60px;
    max-width: none;
}

.oc_item_info_detail .goods_name {
    font-weight: 500;
    color: #333;
    padding-bottom: 4px;
}

.oc_item_info_detail .goods_type {
    padding-top: 2px;
}

.oc_item_info_detail .goods_options > li {
    padding-top: 2px;
}

.oc_item_info_detail .goods_quantity {
    padding-top: 2px;
}

.oc_item_info_detail .goods_quantity .num {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
}

.oc_item_info_detail .goods_inputs {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}

.oc_item_info_detail .goods_inputs > li {
    padding-top: 2px;
}

.oc_item_info_detail .goods_inputs .input_img {
    height: 20px;
}

.oc_item_info_detail .goods_suboptions {
    display: inline-block;
}

.oc_item_info_detail .goods_suboptions > li {
    padding-top: 2px;
}

.item_info > .oc_item_info_detail {
    margin-top: 5px;
}

.item_info > .oc_item_info_detail:first-child {
    margin-top: 0;
}

.oc_res_block {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}

.oc_event_area {
    padding-bottom: 4px;
}

.oc_event_area .img_clock {
    margin-top: -1px;
}

.oc_event_area .time_area {
    display: inline-block;
    background-color: #c61515;
    color: #ffffff;
    padding: 2px 4px;
    font-weight: 500;
    color: #fff;
}

.order-item-cancel-type {
    color: #f00;
}

/* 세금계선서 */
.taxbill_total {
    border: 1px #ddd solid;
    border-top-color: #7F858F;
    border-bottom-color: #7F858F;
    background: #f4f4f4;
    padding: 6px 10px;
    text-align: right;
    font-size: 13px;
}

.resp_table_col + .taxbill_total {
    border-top: none;
}

.taxbill_total .txt_tot {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.taxbill_total .txt_part {
    padding-top: 2px;
}

.taxbill_total .txt_part:before {
    display: inline-block;
    content: '(';
}

.taxbill_total .txt_part:after {
    display: inline-block;
    content: ')';
}

.taxbill_total .num_part {
    font-weight: 500;
    font-size: 14px;
    color: #333;
}

/* 우편번호 찾기 */
.zipcode_iframe {
    width: 100%;
    height: 100%;
}

.zipcode_search_contents {
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 1.4;
}

.zipcode_search_contents .inputbox_area {
    padding-top: 10px;
    text-align: right;
}

.zipcode_search_contents .zsfText {
    float: left;
    border: 2px #357bc3 solid;
    width: calc(100% - 66px);
}

.search_ex_area {
    border: 1px #ddd solid;
    background: #f8f8f8;
    line-height: 1.5;
    padding: 5px;
    margin-top: 10px;
}

.search_ex_area .ex_point {
    color: #357bc3;
}

.search_ex_area .addtext {
    display: inline-block;
    color: #999;
}

.cont_type1 {
}

.cont_type1 > ul {
    display: inline-block;
    vertical-align: top;
    margin: 24px 20px 0 0;
}

.cont_type1 > ul:last-child {
    margin-right: 0;
}

.cont_type1 > ul > li {
    display: inline-block;
}

.cont_type1 > ul > li.size1 {
    width: 40px;
}

.cont_type1 .select_style1 {
    min-width: 80px;
}

.list_01.zipcodeResult {
    cursor: pointer;
    font-size: 13px;
    line-height: 1.5;
}

.list_01.zipcodeResult > li:hover {
    background: #f8f8f8;
    color: #333;
}

.zipcode_result_area {
    padding: 10px;
    text-align: center;
    font-size: 13px;
}

.zipcode_no_keyword {
    color: #999;
}

.zipcode_result_nodata {
    color: #999;
}

.zipcode_result_nodata .txt1 {
    padding-bottom: 20px;
    color: #999;
}

.zipcode_result_nodata .txt2 a {
    text-decoration: underline;
}

/* 주소록 */
.add_address {
    margin-right: 2px;
}

.sorting_group {
    padding-bottom: 10px;
}

.sorting_group > li {
    display: inline;
}

.sorting_group.right_static > li.right_area {
    display: block;
    float: right;
}

/* 취소/환불 */
.order_settle {
    display: table;
    width: 100%;
    table-layout: fixed;
    background: #f4f4f4;
    font-size: 13px;
    color: #767676;
}

.order_settle > li {
    display: table-cell;
    padding: 10px;
    border-bottom: 1px #ccc solid;
    border-left: 1px #ddd solid;
}

.order_settle > li:first-child {
    border-left: none;
}

.order_settle > li.col2 {
    width: 60%;
}

.order_settle .title {
    padding: 0 0 8px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

@media only screen and (max-width: 767px) {
    .order_settle {
        display: block;
        width: auto;
        border-left: 1px #ccc solid;
        border-right: 1px #ccc solid;
    }

    .order_settle > li {
        display: block;
        border-left: none;
    }

    .order_settle > li.col2 {
        width: auto;
    }

    .order_settle > li:first-child {
        border-top: 1px #ccc solid;
    }
}

/* 쿠폰 내역 */
.search_basic {
    border: 1px #7F858F solid;
    border-radius: 4px;
    padding: 10px 0;
    font-size: 13px;
}

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

.search_basic_area > ul {
    display: table-row;
}

.search_basic_area > ul > li {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}

.search_basic_area .th {
    width: 80px;
    text-align: right;
    color: #333;
}

.search_btn_area {
    padding: 5px 0;
    text-align: center;
}

.search_basic.v2 {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 50;
    max-width: 320px;
    background: #fff;
}

.cont_coupon_reg {
    padding-top: 30px;
    text-align: center;
}

/* 포인트로 마일리지 교환 */
.point_mileage_exchange > ul {
    display: table;
}

.point_mileage_exchange > ul > li {
    display: table-cell;
    vertical-align: bottom;
}

.point_mileage_exchange > ul > li.arr_aera {
    width: 40px;
    opacity: 0.3;
    background-image: url(../images/design/arw_next.gif);
    background-position: left 50% bottom 2px;
    background-repeat: no-repeat;
    animation: ani_to_right 1s linear infinite;
}

.point_mileage_exchange > ul > li.btn_aera {
    padding-left: 8px;
}

.point_mileage_exchange .title {
    padding: 5px 0;
    font-size: 15px;
}

.point_mileage_exchange .input {
    width: 100px;
    font-weight: 500;
}

.point_mileage_exchange .input.v1 {
    color: #ed3347;
}

.point_mileage_exchange .input.v2 {
    border-color: #007cd2;
    background-color: #eaf6ff;
    color: #007cd2
}

.point_mileage_exchange .desc {
    padding-top: 10px;
    font-size: 13px;
    color: #999;
}

@keyframes ani_to_right {
    0% {
        transform: translateX(0);
    }
    20% {
        transform: translateX(4px);
    }
    100% {
        transform: translateX(0);
    }
}

/* 포인트로 할인코드 교환 */
.pro_code_exch {
    margin: 0 0 0 -10px;
    text-align: center;
    font-size: 13px;
}

.pro_code_exch > ul {
    zoom: 1;
}

.pro_code_exch > ul:after {
    display: block;
    content: "";
    clear: both;
}

.pro_code_exch > ul > li {
    float: left;
    width: 210px;
    margin: 0 0 10px 10px;
    background: #fff;
}

.pro_code_exch .promo_code {
    padding: 10px 0;
    background: #6d7c81;
    color: #c4cad1;
}

.pro_code_exch .promo_code .sale {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    font-family: verdana;
}

.pro_code_exch .promo_deatil {
    border: 1px #bfd3da solid;
    border-top: none;
    padding: 10px 5px;
    height: 88px;
    line-height: 1.6;
}

@media only screen and (max-width: 767px) {
    .pro_code_exch > ul > li {
        width: calc(33.33% - 10px);
    }
}

@media only screen and (max-width: 640px) {
    .pro_code_exch > ul > li {
        width: calc(50% - 10px);
    }
}

@media only screen and (max-width: 479px) {
    .pro_code_exch > ul > li {
        width: calc(100% - 10px);
    }
}

/* 마일리지로 사은품 교환 */
.gift_loop_title {
    padding: 10px;
    background: #616775;
    font-size: 13px;
    color: #c4cad0;
}

.gift_loop_title > ul {
    display: table;
    width: 100%;
}

.gift_loop_title > ul > li {
    display: table-cell;
    vertical-align: middle;
}

.gift_loop_title .tt1 {
    display: inline-block;
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    margin-right: 10px;
}

.gift_loop_title .ss1 {
    display: inline-block;
    font-size: 12px;
}

.gift_loop_title .date {
    text-align: right;
}

.gift_loop_desc {
    padding-top: 5px;
}

.gift_loop_items {
    font-size: 0;
    margin-left: -15px;
}

.gift_loop_items > li {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0 15px;
    font-size: 13px;
    text-align: center;
}

.gift_loop_items .item_detail > li {
    padding-top: 5px;
}

.gift_loop_items .item_detail > li:first-child {
    padding-top: 0;
}

.gift_loop_items .item_detail > li.btn_area {
    padding-top: 8px;
}

.gift_loop_items .name_area {
    font-size: 15px;
    color: #333;
    font-weight: 400;
}

.gift_loop_items .item_img {
    width: 160px;
}

/* 나의 1:1 문의 */
.bbs_top_wrap {
    zoom: 1;
    padding: 0 0 10px;
    min-height: 32px;
    margin-top: 10px;
    position: relative;
}

.bbs_top_wrap:after {
    display: block;
    content: "";
    clear: both;
}

.bbs_top_wrap > li {
    float: left;
}

.bbs_top_wrap > li.right {
    float: right;
}

.bbs_top_wrap > li.right2 {
    position: absolute;
    right: 0;
    top: 0;
}

.bbs_top_wrap.gallery {
    padding-bottom: 0;
}

.bbs_bottom_wrap {
    zoom: 1;
    min-height: 32px;
    margin-top: 10px;
    position: relative;
}

.bbs_bottom_wrap:after {
    display: block;
    content: "";
    clear: both;
}

.bbs_bottom_wrap > li {
    float: left;
}

.bbs_bottom_wrap > li.right {
    float: right;
}

.bbs_top_wrap2 > ul {
    display: table;
    width: 100%;
}

.bbs_top_wrap2 > ul > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
}

.bbs_top_wrap2 .area_search {
    width: 225px;
    text-align: right;
}

.bbs_top_wrap2 .area_search input[type='text'] {
    width: 160px;
}

@media only screen and (max-width: 767px) {
    .bbs_top_wrap2 > ul {
        display: block;
        padding-bottom: 10px;
    }

    .bbs_top_wrap2 > ul > li {
        display: block;
        padding: 10px 0 0;
    }
}

.board_detail_title {
    position: relative;
    padding: 10px;
    border: 1px #7F858F solid;
    border-top-color: #7F858F;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: -1px;
}

.board_detail_contents {
    padding: 20px 0 0;
    font-size: 15px;
    line-height: 1.6;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.board_detail_contents img {
    width: auto;
    height: auto;
}

.board_sns_link {
    padding-top: 15px;
    font-size: 0;
}

.board_sns_link .snsbox img {
    width: 27px;
    height: auto;
}

.board_manager_reply {
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 14px;
    border-top: 1px #7F858F solid;
    border-bottom: 1px #7F858F solid;
}

.board_manager_reply .icon1 {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    background: #007cd2;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
}

.board_manager_reply .subject {
    padding: 10px 0 0;
    font-weight: 500;
    color: #007cd2;
}

.board_manager_reply .contents {
    padding: 10px 0 0;
}

.board_score {
    padding-top: 10px;
}

.board_prev_next_list {
    margin-top: 20px;
    border-top: 1px #7F858F solid;
    border-bottom: 1px #7F858F solid;
}

.board_prev_next_list > ul {
}

.board_prev_next_list > ul > li {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px #ddd solid;
}

.board_prev_next_list > ul > li:last-child {
    border-bottom: 1px solid var(--color-ddd)
}

.board_prev_next_list > ul > li > span {
    display: table-cell;
    padding: 10px 0;
    vertical-align: middle;
}

.board_prev_next_list .pnl_icon {
    width: 20px;
    text-align: center;
    opacity: 0.6;
}

.board_prev_next_list .pnl_desc {
    width: 50px;
    color: #767676;
}

.board_prev_next_list .pnl_name {
    width: 126px;
    text-align: right;
    letter-spacing: -1px;
}

.board_detail_btns {
    margin-top: 10px;
    display: table;
    width: 100%;
}

.board_detail_btns > li {
    display: table-cell;
}

.board_detail_btns > li.left {
    text-align: left;
}

.board_detail_btns > li.right {
    text-align: right;
}

.board_detail_btns button {
    margin-top: 5px;
}

.board_detail_btns2 {
    margin-top: 15px;
    padding-top: 15px;
    text-align: center;
    border-top: 1px #7F858F solid;
}

input[type='text'].res_bbs_search_input {
    width: 220px;
}

input[type='text'].res_bbs_search_input:focus {
    border-color: #357bc3;
    outline: none;
}

@media only screen and (max-width: 479px) {
    input[type='text'].res_bbs_search_input {
        width: 120px;
        transition: width 0.3s;
    }

    .bbs_top_wrap .right2 input[type='text'].res_bbs_search_input:focus {
        width: 220px;
        border-width: 2px;
    }
}

/* 나의 상품 문의 */
.board_goods_list {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.board_goods_list > li {
    display: table-cell;
    vertical-align: top;
}

.board_goods_list > li.pic {
    width: 60px;
    padding-right: 9px;
}

.board_goods_list > li.pic img {
    border: 1px #ddd solid;
}

.board_goods_list > li.info {
    font-weight: 500;
}

.board_goods_list > li.info .name {
    padding-bottom: 4px;
    color: #333;
}

.board_goods_list > li.info .name > a {
    color: #767676;
}

.board_goods_list > li.info .name > a:before {
    display: inline-block;
    padding-right: 2px;
    content: '상품:';
    color: #999;
}

.board_goods_list > li.info .title {
    color: #333;
    font-weight: 500;
}

.board_goods_list > li.info .cont,
.board_list_cont {
    padding-top: 5px;
    font-size: 13px;
    font-weight: normal;
    color: #767676;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    word-wrap: normal !important;
}

.board_goods_list > li.info .cont2 {
    padding-top: 5px;
}

.board_goods_list > li.info .cont3 {
    padding-top: 2px;
}

.board_goods_list > li.pic > span, .board_goods_list > li.info .title > span, .board_goods_list > li.info .cont > span {
    cursor: pointer;
}

.board_comment_area {
    padding: 20px 0 0;
}

.board_goods_select .btn_area {
    padding-top: 8px;
}

.board_goods_select_display .goods_loop_area {
    padding-top: 8px;
}

.board_goods_select_display .goods_img {
    max-width: 72px;
    width: 100%;
    aspect-ratio: 3/4;
    border-radius: 0.8rem;
    overflow: hidden;
    object-fit: cover;
}

.board_goods_select_display .goods_area {
    display: flex;
    align-items: center;
    gap:1.6rem;
    width: 100%;
}

.board_goods_select_display .goods_area > li {
    display: table-cell;
    vertical-align: middle;
}

/*.board_goods_select_display .goods_area > li.img_area {*/
/*    width: 62px;*/
/*}*/

.board_goods_select_display .goods_area > li.info_area {
    width: calc(100% - 88px)
}

.board_goods_select_display .goods_area .name {
    color: var(--color-222);
    font: var(--text-body14-bold);
    margin-bottom: 8px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.board_goods_select_display .goods_area .price {
    color: var(--primary-color1);
    font: var(--text-body15-bold);
}

.board_goods_select_display textarea {
    margin-top: 5px;
}

.board_goods_select_display.v2 {
    border: 1px #bbb solid;
}

.board_goods_select_display.v2 .goods_loop_area {
    padding: 1.6rem;
    border-top: 1px #ddd solid;
    cursor: pointer;
}

.board_goods_select_display.v2 .goods_loop_area:first-child {
    border-top: none;
}

.board_goods_select_display.v2 .goods_loop_area:hover {
    background: #fdfff0;
}

/*.board_goods_select_display.v2 .goods_area > li.img_area {*/
/*    width: 42px;*/
/*}*/

.board_goods_select_display.x1 {
    border: none;
    margin-left: -1px;
}

.board_goods_select_display.x1 .goods_loop_area {
    border: 1px #bbb solid;
    border-top: none;
}

.board_goods_select_display.x1 .goods_loop_area:first-child {
    border-top: 1px #bbb solid;
}

.board_goods_select_display.v2 .goods_loop_area.selectedGoods {
    outline: 2px #007cd2 solid;
}

.board_goods_select_display.v3 {
    margin-left: -10px;
    overflow: hidden;
    zoom: 1;
}

.board_goods_select_display.v3 .goods_loop_area {
    float: left;
    width: 240px;
    margin-left: 10px;
    padding-top: 10px;
}

@media only screen and (max-width: 767px) {
    .board_goods_list > li.info {
        font-size: 13px;
    }

    .board_goods_list > li.info .title {
        font-size: 14px;
    }

    .board_goods_list > li.info .type {
        font-size: 13px;
    }
}

@media only screen and (max-width: 479px) {
    .board_goods_select_display.v3 .goods_loop_area {
        width: calc(100% - 10px);
    }
}


.goods_origin_info {
    border: 1px #ddd solid;
    padding: 10px;
    margin-top: 15px;
}

.goods_origin_info .title {
    font-weight: 500;
    padding-bottom: 5px;
    color: #333;
}

.goodsviewbox {
    display: table;
    width: 100%;
}

.goodsviewbox > div {
    display: table-cell;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

.goodsviewbox .pic {
    width: 60px;
    vertical-align: top;
}

.goodsviewbox img.pic {
    border: 1px #ddd solid;
}

.goodsviewbox .info {
    padding-left: 10px;
    width: auto !important;
}

.goodsviewbox .info .name {
    padding-top: 4px;
    color: #555;
    font-weight: 500;
}

.goodsviewbox .info .name:first-child {
    padding-top: 0;
}

.goodsviewbox .info .name a {
    color: #333;
}

.goodsviewbox .info .cont {
    padding-top: 4px;
    color: 999;
}

td > .goodsviewbox {
    border-top: 1px #ddd dashed;
}

td > .goodsviewbox:first-child {
    border: none;
}

.search-form-container {
}

.search-form-container .inputbox_area {
    padding-top: 10px;
    text-align: right;
}

.search-form-container .input_text {
    float: left;
    border: 2px #357bc3 solid;
    width: calc(100% - 66px);
}

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

.search_goods_result > div {
    display: table-cell;
    vertical-align: top;
}

/* 상품 후기 */
.free_score label {
    display: inline-block;
    padding: 0 12px 0 4px;
}

.free_score label:last-child {
    padding-right: 0;
}

.free_score .ez-radio {
    margin: 2px 0;
}

.score_select label {
    display: inline-block;
    padding: 0 12px 0 0;
}

.score_desc {
    display: inline-block;
    line-height: 1.2;
    padding: 2px 0;
    vertical-align: middle;
    color: #999;
}

.res_st_desc {
    display: inline-block;
    vertical-align: top;
    padding-top: 7px;
    color: #007cd2;
    font-size: 14px;
}

.res_st_desc2 {
    display: inline-block;
    vertical-align: top;
    padding-top: 7px;
    color: #999;
}

/* -------------------------------------- //마이페이지 --------------------------------------------- */

/* -------------------------------------- 게시판( 고객센터 ) --------------------------------------------- */
#icon_membericon {
    max-height: 16px;
    position: relative;
    top: -1px;
}

.res_table #icon_membericon {
    margin-right: 3px;
}

.BoardPwCk .msg > h3 {
    padding-top: 5px;
    font-weight: 500;
}

.BoardPwCk .msg > div {
    padding-top: 10px;
    font-size: 12px;
    color: #999;
}

.BoardPwCk .ibox {
    padding-top: 20px;
}

.faq_new {
    font-size: 14px;
}

.faq_new > li {
    margin-top: 10px;
}

.faq_new > li:first-child {
    margin-top: 0;
}

.faq_new .question {
    position: relative;
    padding: 0 0 0 40px;
}

.faq_new .question:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    box-sizing: border-box;
    content: 'Q';
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    color: #333;
}

.faq_new .question .subject {
    min-height: 22px;
    padding: 12px 10px 10px 12px;
    background: #f8f8f8;
}

.faq_new .question .subject, .faq_new .question .subject a {
    color: #333;
}

.faq_new .answer {
    position: relative;
    margin-top: 20px;
    padding: 0 0 20px 52px;
    line-height: 1.6;
    color: #666;
}

.faq_new .answer:before {
    position: absolute;
    left: 0;
    top: 24px;
    display: block;
    width: 24px;
    box-sizing: border-box;
    padding-left: 24px;
    content: 'A';
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    color: #b1b1b1;
}

.faq_new .filelist {
    padding-bottom: 8px;
}

.faq_new .filelist > li {
    padding-top: 2px;
}

.faq_new .filelist > li:first-child {
    padding-top: 0;
}

.faq_new.v2 {
}

.faq_new.v2 > li {
    margin: 0;
    border-bottom: 1px #ddd solid;
}

.faq_new.v2 .question:before {
    top: 12px;
    width: 50px;
    padding-left: 0;
    text-align: center;
}

.faq_new.v2 .question .subject {
    min-height: 22px;
    padding: 24px 10px 23px 12px;
    background: #fff;
}

.faq_new.v2 .answer {
    margin-top: 0;
    padding: 20px 10px 20px 52px;;
    background-color: #fafafa;
    border-top: 1px #ddd solid;
}

.faq_new.v2 .answer:before {
    top: 12px;
    width: 50px;
    padding-left: 0;
    text-align: center;
}

.cs_policy_textarea {
    height: 120px;
    color: #999;
}

.list_dib_dasu {
    margin-left: -8px;
}

.list_dib_dasu > li {
    display: inline-block;
    padding: 2px 0 2px 8px;
}

.list_dib_dasu > li:after {
    display: inline;
    content: ',';
    font-weight: 500;
}

.list_dib_dasu > li:last-child:after {
    content: '';
}

.list_dib_dasu .title {
    color: #767676;
}

/* resp_bulk_table */
.resp_bulk_table {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px #ddd solid;
    font-size: 13px;
}

.resp_bulk_table > ul {
    display: table-row;
}

.resp_bulk_table > ul > li {
    display: table-cell;
    border-top: 1px #ddd solid;
    border-left: 1px #eee solid;
    padding: 8px;
    color: #666;
    vertical-align: middle;
}

.resp_bulk_table > ul > li:first-child {
    border-left: none;
}

.resp_bulk_table > ul > li.th {
    width: 140px;
    text-align: left;
    padding: 0;
    background: #f8f8f8;
    color: #333;
}

.resp_bulk_table > ul > li.th > p {
    padding: 8px 5px 8px 10px;
}

.resp_bulk_table.no_pilsu > ul > li.th > p {
    padding-right: 5px;
}

.resp_bulk_table > ul.required > li.th > p {
    padding-right: 22px;
    background: url(../images/common/icon_check1.png) right 8px top 8px no-repeat;
    background-size: 12px;
}

.resp_bulk_table .custom_form input[type='text'] {
    padding: 0 9px !important;
    border: 1px #ccc solid !important;
    margin: 0 !important;
}

.resp_bulk_table .custom_form textarea {
    width: 100% !important;
}

.resp_bulk_table .custom_form table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.resp_bulk_table .custom_form select {
    height: 32px !important;
}

.resp_bulk_table .custom_form label:last-child {
    margin-right: 0;
}

.desc.pd_1 {
    padding-top: 8px;
}

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

.desc.pd_3 {
    padding-bottom: 5px;
}

.resm_x1 {
    margin-top: 10px;
}

.goodsview_content_hide .goodsviewbox .info .name + .cont {
    display: none;
}

@media only screen and (max-width: 479px) {
    .resp_bulk_table {
        display: block;
        width: auto;
        border: none;
    }

    .resp_bulk_table > ul {
        display: block;
        border-top: none;
    }

    .resp_bulk_table > ul > li {
        display: block;
        border: none;
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px;
    }

    .resp_bulk_table > ul > li.th {
        width: auto;
        background: none;
        font-size: 15px;
        font-weight: 500;
        color: #333;
    }

    .resp_bulk_table > ul > li.th > p {
        display: inline-block;
        padding: 10px 0 0 0;
    }

    .resp_bulk_table > ul.required > li.th > p {
        padding-right: 20px;
        background-position: right 0 top 14px;
        background-size: 12px;
    }

    .resp_bulk_table > ul > li.td.custom_form {
        display: flex;
        display: flex;
        flex-flow: column wrap;
    }

    .resp_bulk_table > ul > li.td.custom_form .desc {
        order: 1;
        padding: 5px 0 0;
    }

    .resp_bulk_table > ul > li.td.custom_form input[type='text'] {
        width: 100% !important;
    }

    .resm_x1 {
        margin-top: 2px;
    }
}

/* =========== 사용자 생성 게시판 =========== */
.res_table.custom_board_type1 {
}

.res_table.custom_board_type1 .thead .c_num {
    width: 48px;
}

.res_table.custom_board_type1 .thead .c_subject {
}

.res_table.custom_board_type1 .thead .c_name {
    width: 110px;
}

.res_table.custom_board_type1 .thead .c_date {
    width: 100px;
}

.res_table.custom_board_type1 .thead .c_hit {
    width: 50px;
}

.res_table.custom_board_type1 .thead .c_score {
    width: 50px;
}

.res_table.custom_board_type1 .tbody .c_num {
}

.res_table.custom_board_type1 .tbody .c_subject {
    text-align: left;
}

.res_table.custom_board_type1 .tbody .c_name {
}

.res_table.custom_board_type1 .tbody .c_name > img {
    max-height: 16px;
}

.res_table.custom_board_type1 .tbody .c_date {
}

.res_table.custom_board_type1 .tbody .c_hit {
}

.res_table.custom_board_type1 .tbody .c_score {
}

.res_table.custom_board_type1 .c_mtitle {
    display: none;
}

.c_scorelay {
    padding-top: 10px;
}

.custom_gallery_sort {
    overflow: hidden;
    zoom: 1;
}

.custom_gallery_sort > li {
    float: left;
    margin-left: -1px;
    border: 1px #ccc solid;
}

.custom_gallery_sort > li:first-child {
    float: left;
    margin-left: 0;
}

.custom_gallery_sort > li > a {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -999px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.custom_gallery_sort > li.on {
    position: relative;
    border-color: #767676;
}

.custom_gallery_sort > li.sort_1 > a {
    background-image: url(../images/common/gallery_sort_a.png);
}

.custom_gallery_sort > li.sort_2 > a {
    background-image: url(../images/common/gallery_sort_b.png);
}

.custom_gallery_sort > li.sort_3 > a {
    background-image: url(../images/common/gallery_sort_c.png);
}

.custom_gallery_sort > li.sort_1.on > a {
    background-image: url(../images/common/gallery_sort_a_on.png);
}

.custom_gallery_sort > li.sort_2.on > a {
    background-image: url(../images/common/gallery_sort_b_on.png);
}

.custom_gallery_sort > li.sort_3.on > a {
    background-image: url(../images/common/gallery_sort_c_on.png);
}

.custom_gallery_sort {
}

.custom_gallery_board1 {
}

.custom_gallery_board1 > li {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px #ddd solid;
}

.custom_gallery_board1 > li:first-child {
    border-top: none;
}

.custom_gallery_board1 > li > ul {
    display: table-cell;
    vertical-align: top;
    padding: 30px 0;
}

.custom_gallery_board1 .custom_board_img_area {
    cursor: pointer;
}

.custom_gallery_board1 .text_area {
    padding-left: 20px;
}

.custom_gallery_board1 .c_subject {
    padding-bottom: 6px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
}

.custom_gallery_board1 .c_name,
.custom_gallery_board1 .c_date,
.custom_gallery_board1 .c_hit,
.custom_gallery_board1 .c_score {
    display: inline-block;
    padding: 2px 0 2px 16px;
    color: #999;
}

.custom_gallery_board1 .c_short_code {
    padding-top: 10px;
    line-height: 1.6;
    cursor: pointer;
}

.custom_gallery_board1 .c_name {
    padding-left: 0;
}

.custom_gallery_board1 .c_more {
    padding-top: 15px;
    font-weight: 800;
    color: #007cd2;
    cursor: pointer;
}

.custom_gallery_board2 {
    font-size: 0;
    margin-left: -30px;
}

.custom_gallery_board2 > li {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 13px;
    padding-top: 30px;
    padding-bottom: 5px;
}

.custom_gallery_board2 > li > ul {
    padding-left: 30px;
}

.custom_gallery_board2 .custom_board_img_area {
    cursor: pointer;
}

.custom_gallery_board2 .c_subject {
    padding: 15px 0 6px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
}

.custom_gallery_board2 .c_name,
.custom_gallery_board2 .c_date,
.custom_gallery_board2 .c_hit,
.custom_gallery_board2 .c_score {
    display: inline-block;
    padding: 2px 0 2px 16px;
    color: #999;
}

.custom_gallery_board2 .c_name {
    padding-left: 0;
}

.custom_gallery_board2 .c_short_code {
    display: none;
}

.custom_gallery_board2 .c_more {
    display: none;
}

.custom_gallery_board3 {
    overflow: hidden;
    zoom: 1;
    margin-left: -30px;
}

.custom_gallery_board3 > li {
    float: left;
    box-sizing: border-box;
    padding-left: 30px;
    padding-top: 30px;
}

.custom_gallery_board3 .custom_board_img_area {
    cursor: pointer;
}

.custom_gallery_board3 .text_area {
    display: none;
}

.gallery_detail_title {
    padding: 10px 0;
    font-size: 22px;
    font-weight: 500;
    color: #333;
    letter-spacing: -1px;
}

.gallery_detail_desc {
    color: #999;
}

.gallery_detail_desc > li {
    display: inline-block;
    padding-left: 16px;
    래ㅜㅅ
}

.gallery_detail_desc > li:first-child {
    padding-left: 0;
}

.gallery_detail_filelist > li {
    padding-top: 5px;
}

@media only screen and (max-width: 1023px) {
    .custom_gallery_board1 .custom_board_img_area {
        width: 34vw;
    }

    .custom_gallery_board2 {
        margin-left: -10px;
    }


    .custom_gallery_board2 > li > ul {
        padding-left: 10px;
    }

    .custom_gallery_board2 .custom_board_img_area {
        width: auto;
    }

    .custom_gallery_board3 {
        margin-top: 20px;
        margin-left: -10px;
    }

    .custom_gallery_board3 > li {
        width: 33.33%;
        padding-left: 10px;
        padding-top: 10px;
    }

    .custom_gallery_board3 .custom_board_img_area {
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .res_table.custom_board_type1 > .tbody li {
        padding: 10px 5px;
    }

    .res_table.custom_board_type1 > .tbody .c_subject {
        flex-basis: 100%;
        order: -5;
        font-size: 14px;
        line-height: 1.3;
        font-weight: 500;
        border-bottom: 1px #ddd dashed;
    }

    .res_table.custom_board_type1 > .tbody .c_subject:after {
        content: '';
    }

    .res_table.custom_board_type1 .c_mtitle {
        display: inline;
        color: #767676;
    }

    .res_table > .tbody.now_list .c_num .c_mtitle {
        display: none;
    }

    .custom_gallery_board1 .c_subject {
        font-size: 16px;
    }

    .custom_gallery_board1 .custom_board_img_area {
        width: 36vw;
    }


    .custom_gallery_board3 > li {
        width: 50%;
    }
}

@media only screen and (max-width: 479px) {
    .custom_gallery_board1 > li {
        display: block;
        width: auto;
        border: none;
    }

    .custom_gallery_board1 > li > ul {
        display: block;
        padding: 20px 0 0;
    }

    .custom_gallery_board1 > li > ul.text_area {
        padding: 15px 0 0;
    }

    .custom_gallery_board1 .custom_board_img_area {
        width: 100%;
    }

    .custom_gallery_board1 .c_more {
        padding-top: 10px;
    }

    .custom_gallery_board2 > li {
        width: 100%;
    }

    .custom_gallery_board3 > li {
        width: 100%;
    }
}

/* =========== //사용자 생성 게시판 =========== */

/* 고객센터 메인 */
.cs_top2 {
    zoom: 1;
    text-align: center;
    padding: 1px 0 0 1px;
}

.cs_top2:after {
    display: block;
    content: "";
    clear: both;
}

.cs_top2 > a {
    float: left;
    box-sizing: border-box;
    width: calc(16.66% + 1px);
    height: 160px;
    margin: -1px 0 0 -1px;
    border: 1px #eee solid;
    transition: all 0.2s;
}

.cs_top2 > a > .area {
    display: block;
    text-align: center;
}

.cs_top2 > a > .area:before {
    display: block;
    content: '';
    height: 100px;
    background-position: 50% 50%;
    background-size: 56px;
    background-repeat: no-repeat;
    opacity: 0.4;
    transition: opacity 0.2s;
}

.cs_top2 > a.menu1 > .area:before {
    background-image: url(../images/common/icon_cs_01.png);
}

.cs_top2 > a.menu2 > .area:before {
    background-image: url(../images/common/icon_cs_02.png);
}

.cs_top2 > a.menu3 > .area:before {
    background-image: url(../images/common/icon_cs_03.png);
}

.cs_top2 > a.menu4 > .area:before {
    background-image: url(../images/common/icon_cs_04.png);
}

.cs_top2 > a.menu5 > .area:before {
    background-image: url(../images/common/icon_cs_05.png);
}

.cs_top2 > a.menu6 > .area:before {
    background-image: url(../images/common/icon_cs_06.png);
}

.cs_top2 > a.menu7 > .area:before {
    background-image: url(../images/common/icon_cs_07.png);
}

.cs_top2 > a.menu8 > .area:before {
    background-image: url(../images/common/icon_cs_08.png);
}

.cs_top2 > a.menu9 > .area:before {
    background-image: url(../images/common/icon_cs_09.png);
}

.cs_top2 > a.menu10 > .area:before {
    background-image: url(../images/common/icon_cs_10.png);
}

.cs_top2 > a > .area > span {
    display: block;
}

.cs_top2 > a > .area > span.text1 {
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

.cs_top2 > a > .area > span.text2 {
    padding-top: 5px;
    font-size: 15px;
    font-weight: 400;
    color: #333;
}

.cs_top2 > a:hover {
    position: relative;
    border-color: #333333;
    background-color: #fff;
}

.cs_top2 > a:hover > .area:before {
    opacity: 1;
}

.cs_call_info {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 60px;
}

.cs_call_info > li {
    display: table-cell;
    vertical-align: top;
}

.cs_call_info .spc {
    width: 30px;
}

.cs_call_info .item {
    border: 1px #eee solid;
    padding: 30px 0;
}

.cs_call_info .item > ul {
    display: table;
    width: 100%;
}

.cs_call_info .item > ul > li {
    display: table-cell;
    vertical-align: middle;
}

.cs_call_info .item > ul > li.icon {
    width: 30%;
    border-right: 1px #eee solid;
    text-align: center;
    height: 123px;
}

.cs_call_info .item > ul > li.info {
    padding-left: 25px;
    padding-right: 5px;
    vertical-align: top;
}

.cs_call_info .img_cscenter {
    animation: ani_call2 4s linear infinite;
}

.cs_call_info .item .title {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.cs_call_info .item .text1 {
    padding-top: 5px;
    font-size: 29px;
    font-weight: 500;
    color: #333;
}

.cs_call_info .item .text2 {
    padding-top: 5px;
    color: #333;
}

.cs_call_info .item .text2.v2 {
    padding-top: 15px;
}

@keyframes ani_call2 {
    0% {
        transform: translateX(0) translateY(0);
    }
    1% {
        transform: translateX(2px) translateY(-2px);
    }
    2% {
        transform: translateX(0) translateY(0);
    }
    3% {
        transform: translateX(-2px) translateY(-2px);
    }
    4% {
        transform: translateX(0) translateY(0);
    }
    5% {
        transform: translateX(-2px) translateY(2px);
    }
    6% {
        transform: translateX(0) translateY(0);
    }
    7% {
        transform: translateX(2px) translateY(2px);
    }
    8% {
        transform: translateX(0) translateY(0);
    }
    9% {
        transform: translateX(2px) translateY(-2px);
    }
    10% {
        transform: translateX(0) translateY(0);
    }
    11% {
        transform: translateX(-2px) translateY(-2px);
    }
    12% {
        transform: translateX(0) translateY(0);
    }
    13% {
        transform: translateX(-2px) translateY(2px);
    }
    14% {
        transform: translateX(0) translateY(0);
    }
    15% {
        transform: translateX(2px) translateY(2px);
    }
    16% {
        transform: translateX(0) translateY(0);
    }
    100% {
        transform: translateX(0) translateY(0);
    }
}

.board_short_info {
    margin-left: -30px;
    font-size: 0;
    line-height: 0;
}

.board_short_info > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: calc(50% - 30px);
    margin: 20px 0 0 30px;
    font-size: 13px;
    line-height: 1.5;
}

.board_short_info .title {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 300;
    margin-top: 16px;
    margin-bottom: 15px;
    padding-bottom: 8px;
    color: #333;
    border-bottom: 1px #eee solid;
}

.board_short_info a {
    color: #767676;
}

.board_short_info .board_list2 > li {
    padding-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    word-wrap: normal !important;
}

.board_short_info .more {
    position: absolute;
    right: 0;
    top: 17px;
    color: #999;
}

.naver_talk_service {
    margin-top: 10px;
    text-align: center;
}

.naver_talk_service > a {
    display: block;
    background: #00c63b;
    padding: 10px;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
}

.naver_talk_service > a > img {
    width: 40px;
}

.cs_bank_info {
    margin-top: 10px;
    padding: 10px 5px 10px 15px;;
    background: #fff;
    box-shadow: 0 0 4px #bbb;
}

.cs_bank_info .title {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
    color: #007cd2;
}

.cs_bank_info > ul > li {
    padding-top: 4px;
}

.cs_bank_info > ul > li > span {
    display: inline-block;
}

.cs_bank_info .bank {
    min-width: 65px;
}

.cs_bank_info .account {
    margin-right: 4px;
}

@media only screen and (max-width: 767px) {
    .cs_top2 > a {
        height: 150px;
    }

    .cs_top2 > a > .area:before {
        height: 100px;
        background-position: 50% 60%;
    }

    .cs_call_info {
        display: block;
    }

    .cs_call_info > li {
        display: block;
        margin-top: -1px;
    }

    .cs_call_info .spc {
        display: none;
    }

    .cs_call_info .item {
        padding: 20px 0;
    }

    .cs_call_info .item > ul > li.icon {
        border-right: none;
    }

    .cs_call_info .item > ul > li.info {
        padding-left: 0;
    }
}

@media only screen and (max-width: 640px) {
    .board_short_info {
        margin-left: 0;
    }

    .board_short_info > li {
        width: 100%;
        margin-left: 0;
    }

    .cs_top2 > a {
        width: calc(33.33% + 1px);
        height: 110px;
    }

    .cs_top2 > a > .area:before {
        height: 70px;
        background-position: 50% 90%;
    }
}

/* -------------------------------------- //게시판( 고객센터 ) --------------------------------------------- */

/* -------------------------------------- 서비스 페이지들 --------------------------------------------- */
.service_wrap {
    padding: 10px 10px 60px;
    text-align: center;
}

.service_wrap .title {
    display: inline-block;
    vertical-align: middle;
    margin: 0 24px;
    padding-top: 5px;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 500;
    color: #333;
    border-bottom: 1px #444 solid;
}

.service_section {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    padding-bottom: 60px;

}

.service_section.v1 {
    text-align: center;
}

.service_section.v2 {
    text-align: left;
    padding-top: 60px;
    padding-bottom: 60px;
}

.service_section.v3 {
    text-align: left;

}

.service_section .title1 {
    padding-bottom: 15px;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -1px;
    color: #333;
}

.service_section.v3 .title1 {
    padding-top: 60px;
}

.service_section .desc1 {
    margin: -10px 0 15px;
    font-size: 12px;
    color: #aaa;
}

.service_section strong, .service_section b {
    font-weight: 500;
}

@media only screen and (max-width: 479px) {
    .service_section.v3 .title1 {
        padding-top: 40px;
    }
}

/* -------------------------------------- //서비스 페이지들 --------------------------------------------- */

/* -------------------------------------- 이벤트 페이지 --------------------------------------------- */
.event_section {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
}

.event_section.v1 {
    padding: 0;
    text-align: center;
}

.event_section.v2 {
    text-align: left;
    padding-top: 40px;
    padding-bottom: 40px;
}

.event_title1 {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -1px;
    color: #333;
}

.event-list2 > ul {
    font-size: 0;
    line-height: 0;
    margin-left: -20px;
}

.event-list2 > ul > li {
    width: 33.33%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    padding: 10px 0 30px 20px;
    font-size: 13px;
    line-height: 1.4;
    cursor: pointer;
}

.event-list2 .event-image-box {
    position: relative;
}

.event-list2 .infobox {
    color: #888;
}

.event-list2 .close-icon {
    position: absolute;
    top: 0;
    right: 0;
}

.event-list2 .end-icon {
    position: absolute;
    top: 0;
    right: 0;
}

.event-list2 .intorduce {
    padding-top: 20px;
    padding-bottom: 3px;
    font-size: 19px;
    font-weight: 300;
    color: #333;
}

.event-list2 .period {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    margin-right: 20px;
    color: #999;
}

.event-list2 .until {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    margin-right: 10px;
    color: #999;
}

.resp_event_dlist {
    margin-top: 16px;
    font-size: 14px;
    color: #767676;
}

.resp_event_dlist > ul > li {
    position: relative;
    padding: 0 0 0 98px;
    padding-top: 6px;
    margin-top: 5px;
    min-height: 25px;
}

.resp_event_dlist > ul > li:first-child {
    margin-top: 0;
}

.resp_event_dlist .title {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 90px;
    height: 30px;
    border-radius: 15px;
    background: #767676;
    color: #fff;
    font-weight: 300;
    line-height: 31px;
    text-align: center;
}

.resp_event_dlist .point {
    color: #333;
}

.resp_event_status1 {
    text-align: center;
    background: #eee;
    margin-top: 22px;
    padding: 20px 10px;
    font-size: 14px;
}

.resp_joincheck {
    margin-top: 22px;
}

.resp_joincheck .joincheck_month {
    font-size: 19px;
    font-weight: 500;
    padding-bottom: 10px;
    color: #333;
    text-align: center;
}

.resp_joincheck .joincheck_month .prev {
    margin-right: 10px;
    font-size: 13px;
    color: #767676
}

.resp_joincheck .joincheck_month .next {
    margin-left: 10px;
    font-size: 13px;
    color: #767676
}

.stamp-list-table {
    border: 1px #ddd solid;
}

.stamp-list-table th {
    border: 1px #ddd solid;
    padding: 10px 0;
    text-align: center;
    background-color: #f8f8f8;
    color: #333;
}

.stamp-list-table td {
    border: 1px #ddd solid;
    padding: 0 2px 2px;
}

.stamp-list-table .stl-sun {
    color: #ed3347;
}

.stamp-list-table .stl-sat {
    color: #007cd2;
}

.stamp-list-table > tbody > tr > td > center {
    display: block;
    margin: 0 0 6px;
}

.resp_joincheck_reply > ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.resp_joincheck_reply > ul > li {
    display: table-cell;
    vertical-align: top;
}

.resp_joincheck_reply > ul > li.btns {
    width: 70px;
    padding-left: 5px;
}

.resp_joincheck_reply .reply_input {
    height: 68px;
    border-color: #444;
}

.resp_joincheck_reply .btn_reply_reg {
    width: 100%;
    height: 68px;
    background: #444;
    color: #fff;
    text-align: center;
}

.resp_joincheck_reply .btn_reply_reg.v2 {
    background-color: #f4f4f4;
}

.resp_reply_contents > li {
    margin-top: 10px;
    border: 1px #ddd solid;
}

.resp_reply_contents > li:first-child {
    margin-top: 0;
}

.resp_reply_contents > li > ul > li {
    padding: 10px;
}

.resp_reply_contents .head {
    border-bottom: 1px #eee dashed;
    color: #999;
}

.no_image_event {
    min-width: 234px;
    border: 1px #eee solid;
    text-align: center;
}

.image_event {
    min-width: 234px;
    text-align: center;
}

.event-list2 > ul > li:hover .no_image_event,
.event-list2 > ul > li:hover .image_event {
    border-color: #bbb;
}

@media only screen and (max-width: 1023px) {
    .image_event, .no_image_event {
        min-width: 0;
    }

    .event-list2 > ul {
        margin-left: -10px;
    }

    .event-list2 > ul > li {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .event-list2 > ul > li {
        width: 50%;
    }
}

@media only screen and (max-width: 479px) {
    .event-list2 > ul > li {
        width: 100%;
    }
}

/* -------------------------------------- //이벤트 페이지 --------------------------------------------- */


/* -------------------------------------- 주문 결제 --------------------------------------------- */
.kakaopay_text {
    margin-bottom: 5px;
    background-color: #f8f8f8;
}

.order_subsection {
    border: 1px #999 solid;
    margin-top: 10px;
}

.order_subsection .title1 {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    border-bottom: 1px #ddd solid;
    background: #f4f4f4;
}

.order_subsection .title1 .desc {
    font-weight: 500;
    color: #999;
}

.order_subsection .title2 {
    padding: 15px 0 0;
    font-weight: 500;
    color: #555;
}

.order_subsection .title3 {
    padding: 35px 0 10px;
    font-weight: 400;
    font-size: 23px;
    line-height: 1.2;
    color: #333;
}

.order_subsection .contents {
    padding: 0 10px 10px;
}

/*.order_subsection .list1 {*/
/*    margin-left: -10px;*/
/*    font-size: 0;*/
/*    line-height: 0;*/
/*}*/

/*.order_subsection .list1 > li {*/
/*    display: inline-block;*/
/*    vertical-align: top;*/
/*    margin: 10px 0 0 10px;*/
/*    font-size: 13px;*/
/*    line-height: 1.4;*/
/*}*/

.order_subsection .list1 .label1 {
    display: block;
}

.order_subsection .list1 .img1 {
    width: 80px;
    border: 1px #ddd solid;
    margin: 0 0 10px 2px;
}

.order_subsection .list1 {
}

.order_subsection.v2 {
    border: none;
    margin: 0;
}

.order_subsection .nation_section {
    color: #999;
}

.order_subsection .name1 {
    font-size: 15px;
    font-weight: 400;
    color: #666;
}

.settle_tab {
    border-bottom: 1px #666 solid;
    margin-bottom: 15px;
}

.settle_tab > li {
    float: left;
    position: relative;
    width: 33.33%;
    max-width: 160px;
}

.settle_tab > li > a {
    display: block;
    vertical-align: top;
    height: 40px;
    margin-left: -1px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    border: 1px #ddd solid;
    border-bottom: none;
    background: #f8f8f8;
    color: #767676;
}

.settle_tab > li:first-child > a {
    margin-left: 0;
}

.settle_tab > li.current {
    z-index: 2;
    margin-bottom: -1px;
}

.settle_tab > li.current > a {
    border-color: #666;
    height: 41px;
    background: #fff;
    color: #333;
    font-weight: 500;
}

.ship_possible {
    padding-bottom: 10px;
    color: #ed3347;
}

.now_shipping_nation {
    overflow: hidden;
    zoom: 1;
    border-bottom: 1px #999 solid;
    padding: 16px 0 10px;
    font-size: 14px;
    background: #fff;
    position: absolute;
    left: 10px;
    top: 40px;
    width: calc(100% - 37px);
}

#nation_gl_type {
    float: right;
    margin-top: -6px;
}

.layer_nation_list {
    margin-top: 46px;
}

.layer_nation_list > li {
    display: table;
    width: 100%;
    table-layout: Fixed;
    border-top: 1px #ddd solid;
    cursor: pointer;
}

.layer_nation_list > li:first-child {
    border-top: none;
}

.layer_nation_list > li > span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 0;
}

.layer_nation_list > li > span.nation_flag {
    width: 30px;
    padding-right: 10px;
}

.layer_nation_list .eng {
    font-size: 12px;
    color: #999;
}

.settle_tab_contents {
}

.recipient_user_name {
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.ul_delivery > li {
    padding: 10px 0;
    border-top: 1px dashed #ccc;
}

.ul_delivery > li:first-child {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}

.ul_delivery .list {
    margin: -20px 0 0 24px
}

.ul_delivery .name {
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.ul_delivery li.name_section {
    padding-bottom: 2px;
}

.ul_delivery li.name_section:after {
    display: block;
    content: "";
    clear: both;
}

.ul_delivery li.name_section .btn_x1 {
    float: right;
    margin-top: -4px;
}

.ul_delivery .nation_section {
    color: #999;
}

.ship_message {
    margin-top: 10px;
    position: relative;
    z-index: 10;
}

.ship_message .ship_message_txt {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    border: 1px solid #ccc;
    background: #fff url('../images/common/new_arrow.png') 100% 50% no-repeat;
}

.ship_message .add_message {
    display: none;
    position: absolute;
    top: 33px;
    left: 0;
    box-sizing: border-box;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #999;
    background: #fff;
    width: 100%;
    background: #f8f8f8;
}

.ship_message .add_message > li {
    border-top: 1px dashed #ddd;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.ship_message .add_message > li:first-child {
    border-top: none;
}

.ship_message .add_message > li:hover {
    background-color: #ddd;
    color: #333;
}

.od_sale_title {
    display: inline-block;
    width: 56px;
}

.od_sale_title2 {
    padding: 15px 0 4px;
    font-weight: 500;
    color: #333;
}

.od_sale_price {
    display: inline-block;
    vertical-align: middle;
    min-width: 79px;
    text-align: right;
    color: #c60000;
}

input.od_m_box {
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
    color: #c60000;
}

.od_layer_title1 {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 10px 0 8px;
    font-size: 16px;
    font-weight: 500;
}

.od_layer_title1 > li {
    display: table-cell;
}

.od_layer_title1 > li.th {
    width: 160px;
}

.od_layer_title1 .totalprice_font {
    font-size: 18px;
}

.order_price_total {
    border: 1px #454954 solid;
    padding: 5px 0;
}

.order_price_total > ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.order_price_total > ul > li {
    display: table-cell;
    font-size: 15px;
    padding: 4px 10px;
}

.order_price_total > ul:first-child > li {
    border-top: none;
}

.order_price_total > ul > li.td {
    text-align: right;
}

.order_price_total > ul.total {
    margin-top: 5px;
    border-top: 1px #ccc dashed;
}

.order_price_total > ul.total > li {
    padding: 10px 10px 5px;
    vertical-align: top;
}

.order_price_total > ul.total > li.th {
    width: 110px;
    padding-right: 0;
    padding-top: 17px;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 500;
    color: #333;
}

.order_price_total > ul.total > li.td {
    color: #333;
}

.order_price_total > ul.total .settle_price {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -1px;
}

.payment_method_select {
    font-size: 0;
    line-height: 0;
    margin-left: -14px;
}

.payment_method_select > li {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 14px;
    margin-left: 14px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
}

.payment_method_select li label {
    display: block;
    width: auto;
    height: auto;
    line-height: auto;
    margin: auto;
    text-indent: auto;
}

.payment_method_select > li > div {
    border-radius: 10px;
    width: 69px;
    height: 69px;
    overflow: hidden;
    margin: 0 auto;
}

.payment_method_select > li > div > label {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #eee;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px;
}

.payment_method_select > li > div > label input[type="radio"] {
    width: 1px;
    height: 1px;
    font-size: 0;
    margin: 0;
    visibility: hidden;
    overflow: hidden;
}

.payment_method_select > li > p {
    margin-top: 10px;
    text-align: center;
    color: #767676;
}

.payment_method_select > li > div.active > label {
    background-color: #434343;
}

.payment_method_select > li > div.active + p {
    font-weight: 500;
    color: #333;
}

.payment_method_select > li > div.kakaopay2 > label {
    background-image: url('../images/common/pay_kakaopay.png');
}

.payment_method_select > li > div.card > label {
    background-image: url('../images/common/pay_card.png');
}

.payment_method_select > li > div.account > label {
    background-image: url('../images/common/pay_account.png');
}

.payment_method_select > li > div.escrow_account > label {
    background-image: url('../images/common/pay_escrow_account.png');
}

.payment_method_select > li > div.virtual > label {
    background-image: url('../images/common/pay_virtual.png');
}

.payment_method_select > li > div.escrow_virtual > label {
    background-image: url('../images/common/pay_escrow_virtual.png');
}

.payment_method_select > li > div.cellphonepay > label {
    background-image: url('../images/common/pay_cellphonepay.png');
}

.payment_method_select > li > div.bank2 > label {
    background-image: url('../images/common/pay_bank.png');
}

.payment_method_select > li > div.paypal > label {
    background-image: url('../images/common/pay_paypal.png');
}

.payment_method_select > li > div.eximbay > label {
    background-image: url('../images/common/pay_eximbay.png');
}

.payment_method_select > li > div.npay > label {
    background-image: url('../images/common/pay_npay.png');
}

.payment_method_select > li > div.payco > label {
    background-image: url('../images/common/pay_payco.png');
}

.payment_method_select > li > div.naverpayment > label {
    background-image: url('../images/common/pay_naverpayment.png');
}

.payment_method_select > li > div.kakaopay2.active > label {
    background-image: url('../images/common/pay_kakaopay_on.png');
}

.payment_method_select > li > div.card.active > label {
    background-image: url('../images/common/pay_card_on.png');
}

.payment_method_select > li > div.account.active > label {
    background-image: url('../images/common/pay_account_on.png');
}

.payment_method_select > li > div.escrow_account.active > label {
    background-image: url('../images/common/pay_escrow_account_on.png');
}

.payment_method_select > li > div.virtual.active > label {
    background-image: url('../images/common/pay_virtual_on.png');
}

.payment_method_select > li > div.escrow_virtual.active > label {
    background-image: url('../images/common/pay_escrow_virtual_on.png');
}

.payment_method_select > li > div.cellphonepay.active > label {
    background-image: url('../images/common/pay_cellphonepay_on.png');
}

.payment_method_select > li > div.bank2.active > label {
    background-image: url('../images/common/pay_bank_on.png');
}

.payment_method_select > li > div.paypal.active > label {
    background-image: url('../images/common/pay_paypal_on.png');
}

.payment_method_select > li > div.eximbay.active > label {
    background-image: url('../images/common/pay_eximbay_on.png');
}

.payment_method_select > li > div.npay.active > label {
    background-image: url('../images/common/pay_npay_on.png');
}

.payment_method_select > li > div.payco.active > label {
    background-image: url('../images/common/pay_payco_on.png');
}

.payment_method_select > li > div.naverpayment.active > label {
    background-image: url('../images/common/pay_naverpayment_on.png');
}

.pilsu_agree_all2 {
    display: inline-block;
    padding: 5px 0;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.pilsu_agree_all2 input[type='checkbox'] {
    width: 24px;
    height: 24px;
}

.agree_list2 input[type='checkbox'] {
    margin: 0;
    width: 20px;
    height: 20px;
}

.agree_list2 > li.end {
    background: #feffee;
}

.agree_list2 > li > label {
    display: block;
    margin: 0;
    padding: 5px 0 5px 2px;
    box-sizing: border-box;
}

.agree_list2 .agree_view {
    display: block;
    text-align: right;
    float: right;
    box-sizing: border-box;
    width: 66px;
    padding: 6px 5px 5px;
}

.agree_list2 .agree_view + label {
    width: calc(100% - 66px);
}

.agree_list2 .desc {
    font-size: 13px;
}

/* 티켓 사용 내역 */
div.coupon_info {
    border: 2px solid #444;
    padding-left: 20px;
    padding: 15px 40px 15px 15px;
    background-color: #fcfede;
    background-image: url('../images/common/coupon_rbg.png');
    background-repeat: no-repeat;
    background-size: 34px 120px;
    background-position: 100%;
}

div.coupon_info div.coupon_name {
    font-size: 26px;
    font-weight: 500;
    color: #333;
    letter-spacing: -1px;
}

div.coupon_info div.coupon_option {
    font-size: 13px;
    padding-top: 5px;
    color: #999;
}

div.coupon_info div.coupon_serial {
    font-size: 13px;
    font-weight: 500;
    padding-top: 5px;
}

div.coupon_detail {
    padding: 10px 0;
}

@media only screen and (min-width: 480px) and (max-width: 1023px) {
    .payment_method_select {
        margin-left: -10px;
    }

    .payment_method_select > li {
        margin-left: 10px;
    }

    .payment_method_select > li > div {
        width: 65px;
        height: 65px;
    }
}

@media only screen and (max-width: 479px) {
    .payment_method_select > li > div {
        width: 74px;
        height: 74px;
    }
}

/* -------------------------------------- //주문 결제 --------------------------------------------- */


/* -------------------------------------- Layout --------------------------------------------- */

#layout_body,
.resp_wrap {
    max-width: 1260px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

.inner {
    padding: 0 64px;
    margin: 0 auto;
    max-width: 640px;
}

.in_inner {
    padding: 0 16px;
    margin: 0 auto;
}

.main_wrapper .resp_wrap {
    margin-top: 90px;
}

.sns_wrap {
    margin-top: 74px;
}

.resp_wrap.mt40 {
    margin-top: 40px;
}

.resp_wrap:after {
    display: block;
    content: "";
    clear: both;
}

.wrap_aside {
    padding: 0 10px;
}

.wrap_aside.v2 {
    padding-top: 30px;
}

#layout_body div.slide-wrap {
    overflow: visible;
}

iframe#actionFrame {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    visibility: hidden;
}

.pcHideMoShow {
    display: none;
}

.full_layout {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}

.full_layout .single_contents {
    display: table;
    width: 100%;
    height: 100%;
}

.full_layout .single_contents > li {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

.layout_intro {
    padding: 0 0 60px;
}

.center_contents_layout {
    text-align: center;
}

.center_contents_layout > .inner {
    display: inline-block;
    text-align: left;
}

@media only screen and (max-width: 1023px) {


}

@media only screen and (max-width: 767px) {
    #layout_body,
    .resp_wrap {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pcHideMoShow {
        display: block;
    }

    .inner {
        padding: 0 calc(var(--mp-8) * 2);
        width: calc(100% - 32px);
    }

    .in_inner {
        padding: 0;
    }
}

/* -------------------------------------- //Layout --------------------------------------------- */


/* ========================= FOOTER( /layout_footer/standard.html ) ========================= */
.layout_footer {
    padding-bottom: 80px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #767676;
}

.layout_footer .title {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    color: #333;
    padding-bottom: 15px;
}

.layout_footer .pcolor {
    color: #666;
}

.layout_footer .copyright {
    padding-top: 5px;
    color: #999;
}

.layout_footer .escrow {
    position: absolute;
    right: 50px;
    top: 0;
    padding-bottom: 10px
}

.layout_footer .escrow a img {
    max-width: none !important;
}

.layout_footer .escrow_fix {
    position: absolute;
    right: 50px;
    top: 0;
    width: 60px;
    height: 60px;
    background: url('/data/icon/escrow_mark/kicc.png') 50% 50% no-repeat;
    background-size: cover;
}

.layout_footer .footer_a {
    border-top: 1px #ddd solid;
    padding: 0 0 40px;
    text-align: center;
}

.layout_footer .footer_b {
    border-top: 1px #373737 solid;
}

.layout_footer .footer_c {
    border-top: 1px #eee solid;
    padding: 20px 0;
}

.layout_footer .footer_c .resp_wrap {
    position: relative;
}

.layout_footer .menu1 {
    text-align: left;
    vertical-align: top;
    margin-left: -60px;
    font-size: 0;
    line-height: 0;
}

.layout_footer .menu1 > li {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    min-width: 160px;
    max-width: 380px;
    vertical-align: top;
    padding-top: 40px;
    padding-left: 60px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #767676;
}

.layout_footer .list > li {
    padding: 5px 0 0;
}

.layout_footer .list > li:first-child {
    padding-top: 0;
}

.layout_footer .list .compay_phone {
    font-size: 29px;
    line-height: 1.2;
    font-weight: 700;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 4px;
    margin-top: -2px;
}

.layout_footer .list .img_call {
    vertical-align: middle;
    max-height: 28px;
    position: relative;
    top: -2px;
    margin-right: 8px;
    animation: ani_call2 4s linear infinite;
}

.layout_footer .list.v3 > li {
    padding: 10px 0 0;
}

.layout_footer .list.v3 > li:first-child {
    padding-top: 0;
}

.layout_footer .list.v2 > li {
    float: left;
    padding-left: 8px;
    padding-top: 0;
    text-align: center;
}

.layout_footer .list.v2 > li:first-child {
    padding-left: 0;
}

.layout_footer .list.v2 > li > a > img {
    transition: transform 0.3s;
}

.layout_footer .list.v2 > li > a:hover > img {
    transform: rotate(-20deg);
}

.layout_footer .list.v2 > li:nth-child(odd) > a:hover > img {
    transform: rotate(20deg);
}

.layout_footer .list.v2 .desc {
    padding-top: 12px;
    color: #666;
}

.layout_footer .list.v4 {
    font-size: 11px;
    color: #999;
}

.layout_footer .list.v5 > li {
    padding-left: 53px;
    text-indent: -53px;
}

.layout_footer .menu2 {
    padding: 10px 0;
    margin-left: -15px;
}

.layout_footer .menu2:after {
    display: block;
    content: "";
    clear: both;
}

.layout_footer .menu2 > li {
    float: left;
}

.layout_footer .menu2 > li:first-child {
    background: none;
}

.layout_footer .menu2 > li > a {
    display: block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    color: #333;
}

.layout_footer .menu3 {
    margin-left: -30px;
    padding-right: 80px;
    font-size: 12px;
    line-height: 1.8em;
    color: #999;
}

.layout_footer .menu3:after {
    display: block;
    content: "";
    clear: both;
}

.layout_footer .menu3 > li {
    float: left;
    padding: 1px 0 1px 30px;
}

/* 플로팅 - BACK/TOP(대쉬보드)*/
#floating_over {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 600;
}

#floating_over .ico_floating_back {
    position: absolute;
    bottom: 10px;
    right: 96px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: #f4f4f4 url(../images/design/btn_back.png) 50% 50% no-repeat;
    background-size: 20px;
    opacity: 0.7;
    display: none;
}

#floating_over .ico_floating_foward {
    position: absolute;
    bottom: 10px;
    right: 56px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: #f4f4f4 url(../images/design/btn_foward.png) 50% 50% no-repeat;
    background-size: 20px;
    opacity: 0.7;
    display: none;
}

#floating_over .ico_floating_top {
    position: absolute;
    bottom: 10px;
    right: 10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    padding-top: 18px;
    text-align: center;
    font-size: 11px;
    color: #333;
    background: #f4f4f4 url(../images/design/btn_arw_up_w2.png) 50% 2px no-repeat;
    background-size: 20px;
    opacity: 0.7;
}

#floating_over .ico_floating_recently {
    position: absolute;
    bottom: 52px;
    right: 10px;
    font-size: 11px;
    line-height: 20px;
    color: #666;
    text-align: center;
}

#floating_over .ico_floating_recently img {
    width: 34px;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

#floating_over .ico_floating_zoom {
    position: absolute;
    bottom: 52px;
    right: 10px;
    background: url('../images/design/btn_floating_zoom.png');
    width: 37px;
    height: 37px;
}

/* 최근 본 상품(하단 레이어)*/
#recently_popup {
    display: none;
    position: absolute;
    bottom: 85px;
    right: 0;
    z-index: 999;
}

.recently_popup {
    width: 300px;
    margin: 10px;
    position: relative;
    background: #fff;
    z-index: 1001;
}

.recently_popup .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    background: url('../images/design/btn_recently_close.png') no-repeat center;
    background-size: 10px 10px;
    width: 35px;
    height: 33px;
    text-indent: -9999px;
}

.recently_popup h1 {
    background: #616775;
    height: 35px;
    line-height: 35px;
    text-indent: 10px;
    font-size: 14px;
    color: #fff;
}

.recently_popup .recently_thumb {
    position: relative;
    margin: 5px;
    padding-bottom: 0;
    overflow: hidden;
    text-align: center;
}

.recently_popup .recently_thumb .thumb {
    position: relative;
    text-align: center;
}

.recently_popup .recently_thumb .thumb:after {
    display: block;
    content: "";
    clear: both;
}

.recently_popup .recently_thumb .thumb h2 {
    background: #fff;
    height: 95px;
    line-height: 90px;
    font-size: 13px;
    font-weight: normal;
    color: #666;
    z-index: 99;
}

.recently_popup .recently_thumb .thumb li {
    position: relative;
    float: left;
    width: 25%;
}

.recently_popup .recently_thumb .thumb li:first-child {
    margin-left: 0;
}

.recently_popup .recently_thumb .thumb li a {
    display: inline-block;
    margin: 5px;
}

.recently_popup .recently_thumb .thumb li img {
    border: 1px solid #eee;
    width: 64px;
    height: 64px;
}

.recently_popup .recently_thumb .thumb li .btn_delete {
    position: absolute;
    top: -5px;
    right: -5px;
    background: url('../images/design/ico_recently_delete.png') no-repeat;
    width: 15px;
    height: 15px;
    border-radius: 2px;
}

.recently_popup .recently_page {
    margin: 0 auto;
    padding: 0 0 10px;
    text-align: center;
}

.recently_popup .recently_page .btn_page {
    margin: 0 3px;
    display: inline-block;
    width: 14px;
    height: 8px;
    background: #aaa;
    border-radius: 4px;
}

.recently_popup .recently_page .btn_page.on {
    display: inline-block;
    width: 40px;
    background: #616775;
}

.recently_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 1000;
}

@media only screen and (max-width: 1023px) {

    .layout_footer .menu3 {
        padding-right: 110px;
    }

    #floating_over .ico_floating_back,
    #floating_over .ico_floating_foward {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .layout_footer {
        margin-top: 40px;
    }

    .layout_footer .menu1 {
        display: flex;
        flex-flow: row wrap;
        margin-left: 0;
    }

    .layout_footer .menu1 > li,
    .layout_footer .menu1 > li.delivery {
        padding-left: 0;
        flex: 0 0 100%;
        width: 100%;
    }

    .layout_footer .menu1 > li.guide {
        order: 2;
    }

    .layout_footer .menu2 {
        margin-left: -10px;
    }

    .layout_footer .menu2 > li > a {
        padding: 0 10px;
        color: #333;
    }

    .layout_footer .menu3 {
        padding-right: 50px;
    }

    .layout_footer .escrow {
        position: static;
        right: none;
        top: none;
        padding-top: 10px;
    }

    .layout_footer .escrow_fix {
        position: static;
        right: none;
        top: none;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 479px) {
    .layout_footer .title {
        padding-bottom: 10px;
    }

    .layout_footer .menu1 > li {
        padding-top: 30px;
    }

    .layout_footer .menu3 {
        margin-left: 0;
    }

    .layout_footer .menu3 > li {
        padding-left: 0;
        float: none;
    }
}

/* ========================= //FOOTER( /layout_footer/standard.html ) ========================= */


/* ========================= HEADER( /layout_header/standard.html ) ========================= */
.layout_header {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 768px;
    z-index: 300;
    background: #FFF;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
}

.layout_header .util_wrap {
    height: 39px;
    background: #fff;
    color: #949494;
    border-bottom: 1px #f0f0f0 solid;
}

.layout_header .util_wrap a {
    color: #949494;
}

.layout_header .util_wrap a:hover {
    color: #333;
}

/* language */
.layout_header .language {
    float: left;
    margin: 5px 20px 0 0;
    line-height: 12px;
}

.layout_header .language .select_list {
    display: block;
    height: 26px;
    line-height: 26px;
    background: #fff;
    color: #767676;
    border: none;
}

.layout_header .language:hover .select_list {
    color: #333;
}

.layout_header .language .language_country_img {
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-right: 2px;
}

.layout_header .language .language_country_img_KR {
    background-image: url('/data/brand_country/kr.png');
}

.layout_header .language .language_country_img_JP {
    background-image: url('/data/brand_country/jp.png');
}

.layout_header .language .language_country_img_CN {
    background-image: url('/data/brand_country/cn.png');
}

.layout_header .language .language_country_img_US {
    background-image: url('/data/brand_country/us.png');
}

.layout_header .language .sel_arrow {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 26px;
    background: url('/admin/skin/default/images/common/new_arrow.png') 50% 50% no-repeat;
}

/* bookmark */
.layout_header .bookmark {
    float: left;
    margin: 4px 0 0 10px;;
    padding: 8px 0;
    font-size: 11px;
    font-weight: 300;
    color: #999;
}

.layout_header .bookmark > img {
    max-height: 14px;
}

.layout_header .bookmark:hover {
    color: #fff;
}

.layout_header .util_wrap_menu2 {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 6px;
}

.layout_header .util_wrap_menu2 > li {
    float: left;
    position: relative;
    background: url(../images/common/bar_x1.png) 0 50% no-repeat;
}

.layout_header .util_wrap_menu2 > li:first-child {
    background-image: none;
}

.layout_header .util_wrap_menu2 > li > a {
    display: block;
    vertical-align: top;
    width: 32px;
    height: 32px;
}

.layout_header .util_wrap_menu2 > li:last-child > a {
    padding-right: 0;
}

.layout_header .user_info {
    height: 40px;
    line-height: 41px;
    padding-right: 15px;
}

.layout_header .u_name, .layout_header .u_id {
    color: #333;
}

.layout_header .cart_cnt1 {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    height: 16px;
    min-width: 6px;
    font-size: 12px;
    line-height: 16px;
    padding: 0 5px;
    margin-left: 2px;
    background: #333;
    color: #fff;
    border-radius: 8px;
}

/* 맴버 가입시 혜택 */
#layout_header .benefit {
    position: absolute;
    left: 50%;
    top: 36px;
    background: #8a8a8a;
    width: 56px;
    height: 20px;
    margin-left: -28px;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    animation: benefit 1s linear infinite
}

@keyframes benefit {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-4px)
    }
    100% {
        transform: translateY(0)
    }
}

#layout_header .benefit .arrow {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -4px;
    font-size: 6px;
    line-height: 1.0;
    color: #8a8a8a;
}

.layout_header .logo_wrap {
    zoom: 1;
}

.layout_header .logo_wrap:after {
    display: block;
    content: "";
    clear: both;
}

.layout_header .resp_wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    height: 64px;
    margin-top: 0;
}

.layout_header .logo_wrap .logo_area {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.layout_header .logo_wrap .logo_area > a {
    display: flex;
    align-items: center;
    width: 150px;
    height: 24px;
}

.layout_header .logo_wrap.flying {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    height: auto;
    border-top: none;
    background: rgba(255, 255, 255, 0.9);
}

.layout_header .logo_wrap.flying .logo_area {
    height: auto;
    line-height: normal;
}

.layout_header .logo_wrap.flying .logo_area img {
    max-height: 32px;
}

.layout_header .resp_top_cart {
    background: url(../images/common/icon_cart.png) 0 center no-repeat;

}

.layout_header .resp_top_alarm {
    background: url(../images/common/icon_bell.png) 0 center no-repeat;

}

.layout_header .cart_cnt2 {
    display: inline-block;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 18px;
    top: -6px;
    text-align: center;
    width: 16px;
    height: 16px;
    background: #333;
    color: #fff;
    font: var(--text-tiny);
    border-radius: 50em;
}

.layout_header .resp_top_alarm .cart_cnt2 {
    width: 6px;
    height: 6px;
    top: 1px;
    left: unset;
    right: 1px;
}

/* 햄버거 */
.resp_top_hamburger {

}

.resp_top_hamburger > a {
    display: block;
    position: relative;
    width: 30px;
    height: 22px;
}

.resp_top_hamburger > a > b,
.resp_top_hamburger > a:before,
.resp_top_hamburger > a:after {
    display: block;
    font-size: 0;
    content: '';
    position: absolute;
    right: 0;
    height: 2px;
    width: 100%;
    background: #555;
}

.resp_top_hamburger > a > b {
    overflow: hidden;
    text-indent: -9999px;
    top: calc(50% - 1px);
}

.resp_top_hamburger > a:before {
    top: calc(50% - 1px);
    transform: translateY(-10px) rotate(0deg);
    transition: transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s;
}

.resp_top_hamburger > a:after {
    top: calc(50% - 1px);
    transform: translateY(10px) rotate(0deg);
    transition: transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s;
}

.resp_top_hamburger > a:hover:before {
    width: 12px;
    right: -1px;
    transform: translateY(-5px) rotate(405deg);
    transition: transform 0.2s 0.2s, width 0.2s, right 0.2s;
}

.resp_top_hamburger > a:hover:after {
    width: 12px;
    right: -1px;
    transform: translateY(5px) rotate(-405deg);
    transition: transform 0.2s 0.2s, width 0.2s, right 0.2s;
}

.resp_top_hamburger > a.on:before {
    width: 12px;
    right: -1px;
    transform: translateY(-5px) rotate(45deg);
}

.resp_top_hamburger > a.on:after {
    width: 12px;
    right: -1px;
    transform: translateY(5px) rotate(-45deg);
}

/* 프로모션 코드 */
#resp_promo {
    text-align: center;
}

#resp_promo li > span {
    display: inline-block;
    line-height: 1.2;
    padding: 5px 5px 0;
}

#resp_promo .slick-arrow {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    border-radius: 2px;
    opacity: 0.4;
}

#resp_promo:hover .slick-arrow {
    opacity: 1;
}

#resp_promo .slick-prev {
    left: 5px;
    transform: translateX(0);
}

#resp_promo .slick-next {
    right: 5px;
    transform: translateX(0);
}


/* GNB 카테고리 네비게이션 */
.layout_header .nav_wrap {
    border-top: 1px #f0f0f0 solid;
}

.layout_header .nav_wrap .resp_wrap {
    position: relative;
}

.layout_header .nav_wrap .respCategoryList {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.layout_header .nav_wrap .respCategoryList > li {
    display: table-cell;
    text-align: center;
    position: relative;
    vertical-align: middle;
}

.layout_header .nav_wrap .respCategoryList .categoryDepthLink {
    display: block;
    height: 50px;
    padding: 0 2px;
    font-size: 15px;
    line-height: 51px;
    font-weight: 400;
    color: #333;
}

.layout_header .nav_wrap .respCategoryList .categoryDepthLink > em {
    display: inline-block;
    height: 49px;
    position: relative;
}

.layout_header .nav_wrap .respCategoryList .categoryDepthLink > em:after {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0px;
    padding-top: 1px;
    background: #444;
    transition: all .2s;
    content: ""
}

.layout_header .nav_wrap .respCategoryList .categoryDepth1:hover .categoryDepthLink {
    color: #999;
}

.layout_header .nav_wrap .respCategoryList .categoryDepth1:hover .categoryDepthLink > em:after {
    width: 100%;
    left: 0;
}

.layout_header .nav_wrap .respCategoryList .categoryDepth1.on .categoryDepthLink {
    color: #000;
}

.layout_header .nav_wrap .respCategoryList .categoryDepth1.on .categoryDepthLink > em {
    border-bottom: 1px #444 solid;
}

.layout_header .nav_wrap .respCategoryList .custom_nav_link {
    text-align: right;
}

.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink {
    color: #697da6;
}

.layout_header .nav_wrap .respCategoryList .custom_nav_link:hover .categoryDepthLink {
    color: #626c81;
}

.layout_header .nav_wrap .respCategoryList .custom_nav_link:hover .categoryDepthLink > em:after {
    width: 100%;
    left: 0;
}

.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink {
    color: #626c81;
}

.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink > em {
    border-bottom: 1px #444 solid;
}

.layout_header .nav_wrap .respCategoryList .nav_category_all {
    width: 60px;
}

.layout_header .nav_wrap .categorySub {
    display: none;
    position: absolute;
    left: -2px;
    top: 50px;
    text-align: left;
    border: 1px #ddd solid;
    background: #fff;
    padding: 15px;
}

.layout_header .nav_wrap .categorySubWrap {
    display: table;
}

.layout_header .nav_wrap .categorySubWrap > ul,
.layout_header .nav_wrap .categorySubWrap > div {
    display: table-cell;
    vertical-align: top;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth2 {
    min-width: 140px;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth2:last-child {
    left: auto;
    right: -10px;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth2 > li {
    border-bottom: 1px #eee solid;
    position: relative;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth2 > li:last-child {
    border-bottom: none;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth2 > li > a {
    display: block;
    padding: 8px 5px;
    line-height: 1.3;
    color: #666;
    transition: transform 0.2s;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth2 > li:hover > a {
    color: #999;
    transform: translateX(2px);
}

.layout_header .nav_wrap .categorySubWrap .categorySubBanner {
    padding-left: 15px;
    font-size: 0;
    line-height: 0;
}

.layout_header .nav_wrap .categorySubWrap .categorySubBanner img {
    max-width: none;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth3 {
    opacity: 0;
    position: absolute;
    left: 100%;
    top: -1px;
    min-width: 140px;
    white-space: nowrap;
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 2px;
    transform: translateX(-2px);
    transition: all 0.2s 0.05s;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth3 > li > a {
    display: block;
    line-height: 1.3;
    padding: 8px 10px;
    border-top: 1px #eee solid;
    transition: transform 0.2s;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth3 > li:first-child > a {
    border-top: none;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth3 > li:hover > a {
    color: #999;
    transform: translateX(2px);
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth2 > li:hover .categoryDepth3 {
    opacity: 1;
    transform: translateX(0);
    z-index: 3;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth3 + a:after {
    display: block;
    content: '';
    width: 5px;
    height: 31px;
    position: absolute;
    right: 3px;
    top: 0;
    background: url(../images/common/bul_gnb_3depth_a.png) 50% 50% no-repeat;
    opacity: 0.4;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth2 > li:hover .categoryDepth3 + a:after {
    opacity: 1;
}

/* 카테고리배너 오른쪽에 있는 놈들 */
.layout_header .nav_wrap .categoryDepth1.right_area .categorySub {
    left: auto;
    right: -2px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* 크롬 전용 */
    .layout_header .nav_wrap .categoryDepth1.right_area .categorySubWrap {
        display: flex;
        text-align: right;
    }

    .layout_header .nav_wrap .categoryDepth1.right_area .categorySubWrap > ul,
    .layout_header .nav_wrap .categoryDepth1.right_area .categorySubWrap > div {
        flex: 0 0 auto;
    }

    .layout_header .nav_wrap .categoryDepth1.right_area .categorySubWrap > div.categorySubBanner {
        order: -2;
        padding-left: 0;
        padding-right: 15px;
    }

    .layout_header .nav_wrap .categoryDepth1.right_area .categorySubWrap .categoryDepth2 > li:hover > a {
        transform: translateX(-2px);
    }

    .layout_header .nav_wrap .categoryDepth1.right_area .categoryDepth3 {
        left: auto;
        right: 100%;
        transform: translateX(2px);
    }

    .layout_header .nav_wrap .categoryDepth1.right_area .categoryDepth3 > li:hover > a {
        transform: translateX(-2px);
    }

    .layout_header .nav_wrap .categoryDepth1.right_area .categoryDepth3 + a:after {
        right: auto;
        left: 3px;
        background-image: url(../images/common/bul_gnb_3depth_b.png);
        opacity: 0.4;
    }
}

/* 카테고리 서브메뉴 - type2 */
.layout_header .nav_wrap[data-submenu='type2'] .respCategoryList {
    table-layout: auto;
}

.layout_header .nav_wrap[data-submenu='type2'] .nav_category_area {
    position: relative;
}

.layout_header .nav_wrap[data-submenu='type2'] .respCategoryList > li {
    position: static;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySub {
    left: 0;
    right: auto;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 15px 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap {
    display: table;
    width: 100%;
    text-align: left;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap > div.categorySubBanner {
    padding: 10px 0 0;
    width: 1px;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2 {
    font-size: 0;
    padding-bottom: 10px;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2 > li {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    min-width: 175px;
    min-height: 46px;
    padding-bottom: 2px;
    border: none;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2 > li > a {
    box-sizing: border-box;
    padding: 24px 0 8px 10px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    word-wrap: normal !important;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2 > li:hover > a {
    transform: none;
    color: #999;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categoryDepth3 {
    margin-top: 52px;
    font-size: 13px;
    font-weight: 300;
    opacity: 1;
    position: static;
    left: auto;
    top: auto;
    z-index: auto;
    white-space: normal;
    border: none;
    background: transparent;
    border-radius: 0;
    transform: none;
    transition: none;
}

.layout_header .nav_wrap[data-submenu='type2'] .categorySubWrap .categoryDepth3 > li > a {
    padding: 5px 0 4px 10px;
    border-top: none;
    transition: none;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categoryDepth3 > li:hover > a {
    transform: none;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categoryDepth3 + a:after {
    display: none;
}

/* 카테고리 서브메뉴 - type3 */
.layout_header .nav_wrap[data-submenu='type3'] .respCategoryList {
    table-layout: auto;
}

.layout_header .nav_wrap[data-submenu='type3'] .nav_category_area {
    position: relative;
}

.layout_header .nav_wrap[data-submenu='type3'] .respCategoryList > li {
    position: static;
}

.layout_header .nav_wrap[data-submenu='type3'] .categoryDepth1 .categorySub {
    left: 0;
    right: auto;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.layout_header .nav_wrap[data-submenu='type3'] .categoryDepth1 .categorySubWrap {
    display: table;
    width: 100%;
    text-align: left;
}

.layout_header .nav_wrap[data-submenu='type3'] .categoryDepth1 .categorySubWrap > div.categorySubBanner {
    padding-left: 15px;
    padding-right: 0;
    width: 1px;
}

.layout_header .nav_wrap[data-submenu='type3'] .categoryDepth1 .categorySubWrap .categoryDepth2 {
    font-size: 0;
}

.layout_header .nav_wrap[data-submenu='type3'] .categoryDepth1 .categorySubWrap .categoryDepth2 > li {
    font-size: 14px;
    display: inline-block;
    min-width: 175px;
    border: none;
}

.layout_header .nav_wrap[data-submenu='type3'] .categoryDepth1 .categorySubWrap .categoryDepth2 > li > a {
    padding: 14px 25px 14px 10px;
}

.layout_header .nav_wrap[data-submenu='type3'] .categoryDepth1 .categorySubWrap .categoryDepth2 > li:hover > a {
    transform: translateX(0);
}

.layout_header .nav_wrap[data-submenu='type3'] .categoryDepth1 .categoryDepth3 {
    left: 9px;
    right: auto;
    top: 38px;
    width: 100%;
    padding: 4px 0;
    transform: translateY(2px);
    font-size: 13px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.layout_header .nav_wrap[data-submenu='type3'] .categoryDepth1 .categoryDepth3 > li:hover > a {
    transform: translateX(0);
}

.layout_header .nav_wrap[data-submenu='type3'] .categoryDepth1 .categoryDepth3 + a:after {
    display: inline-block;
    content: '';
    vertical-align: top;
    width: 13px;
    height: 15px;
    position: relative;
    left: 8px;
    right: auto;
    top: auto;
    background-image: url(../images/common/btn_slide_s_bottom.png);
}


/* 전체 카테고리/브랜드/지역 팝업 버튼 */
.categoryAllBtn, .brandAllBtn, .locationAllBtn {
    display: block;
    height: 49px;
    width: 49px;
    border-left: 1px #f0f0f0 solid;
    border-right: 1px #f0f0f0 solid;
    font-size: 16px;
    line-height: 50px;
    font-weight: 700;
    color: #333;
}

/* 전체 카테고리, 전체 브랜드, 전체 지역 */
.categoryAll_wrap, .brandAll_wrap, .locationAll_wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    padding: 30px 40px 40px;
    background-color: rgba(0, 0, 0, 0.5);
}

.categoryAllContainer, .brandAllContainer, .locationAllContainer {
    position: relative;
    max-width: 1260px;
    height: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 6px;
    overflow-y: auto;
}

.all_list_contents {
    padding: 40px;
}

.all_list_contents a {
    color: #555;
    transition: all 0.2s;
}

.all_list_contents .all_list_title {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #333;
}

.all_list_contents .all_list_depth1 {
    font-size: 0;
    line-height: 0;
    text-align: left;
    margin-left: -10px;
}

.all_list_contents .all_list_depth1 > li {
    display: inline-block;
    min-width: 160px;
    vertical-align: top;
    margin-left: 10px;
    font-size: 12px;
    line-height: 1.4;
    color: #555;
}

.all_list_contents .all_list_depth1 > li > a {
    display: block;
    vertical-align: top;
    margin-top: 20px;
    padding: 10px 0 10px;
    border: 1px #eee solid;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 300;
    color: #333;
    text-align: center;
    border-radius: 2px;
}

.all_list_contents .all_list_depth1 > li:hover > a {
    border-color: #ccc;
    color: #ed3347;
}

.all_list_contents .all_list_depth2 {
    padding-top: 10px;
}

.all_list_contents .all_list_depth2 > li > a {
    display: block;
    vertical-align: top;
    padding: 5px 10px 3px;
    font-size: 14px;
}

.all_list_contents .all_list_depth2 > li:hover > a {
    color: #ed3347;
}

.all_list_contents .all_list_depth3 {
    padding: 0 0 6px 14px;
    margin-top: -2px;
}

.all_list_contents .all_list_depth3 > li > a {
    display: block;
    vertical-align: top;
    padding: 1px 10px 1px 14px;
    font-size: 13px;
    color: #767676;
    background: url(../images/common/icon_sub2_a.png) 2px 50% no-repeat;
}

.all_list_contents .all_list_depth3 > li:last-child > a {
    background: url(../images/common/icon_sub2_b.png) 2px 0 no-repeat;
}

.all_list_contents .all_list_depth3 > li:hover > a {
    color: #ed3347;
}

.all_list_contents .all_list_close {
    position: absolute;
    right: 30px;
    top: 30px;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/common/del.png) 50% 50% no-repeat;
}

/* 카테고리 전체 배너 */
.all_list_banner {
    margin-top: 40px;
}

.cate_all_1banner {
    overflow: hidden;
    text-align: center;
}

.cate_all_2banner {
    text-align: center;
}

.cate_all_2banner:after {
    content: "";
    display: block;
    clear: both;
}

.cate_all_2banner > p {
    float: right;
    width: calc(50% - 5px);
}

.cate_all_2banner > p:first-child {
    float: left;
}

/* GNB 슬라이드배너 */
.gnb_bnr_slide_01 {
    display: table;
    position: absolute;
    left: 100px;
    top: 0px;
}

.gnb_bnr_slide_01 .slider_gon {
    display: table-cell;
    height: 148px;
    vertical-align: middle;
}

.gnb_bnr_slide_01 .slider_gon > div {
    width: 120px;
    position: relative;
}

.gnb_bnr_slide_01 .slick-slider .slick-arrow {
    position: absolute;
    left: auto;
    top: 50%;
    width: 21px;
    margin-top: -11px;
    height: 21px;
    border-radius: 2px;
    background-color: #eee;
    background-position: 50% 50%;
    background-size: auto;
    opacity: 0.5;
}

.gnb_bnr_slide_01 .slick-slider .slick-prev {
    right: -23px;
    background-image: url(../images/common/btn_slide_s_prev.png);
}

.gnb_bnr_slide_01 .slick-slider .slick-next {
    right: -46px;
    background-image: url(../images/common/btn_slide_s_next.png);
}

.gnb_bnr_slide_01:hover .slick-slider .slick-arrow {
    opacity: 1;
}

.gnb_bnr_slide_02 {
    display: table;
}

.gnb_bnr_slide_02 .slider_gon {
    display: table-cell;
    vertical-align: middle;
}

.gnb_bnr_slide_02 .slider_gon > div {
    position: relative;
}

.gnb_bnr_slide_02 .slick-slider .slick-arrow {
    position: absolute;
    top: 0;
    left: auto;
    right: -23px;
    top: 50%;
    width: 21px;
    height: 21px;
    border-radius: 2px;
    background-color: #eee;
    background-position: 50% 50%;
    background-size: auto;
    opacity: 0.5;
}

.gnb_bnr_slide_02 .slick-slider .slick-next {
    margin-top: -22px;
    background-image: url(../images/common/btn_slide_s_top.png);
}

.gnb_bnr_slide_02 .slick-slider .slick-prev {
    margin-top: 1px;
    background-image: url(../images/common/btn_slide_s_bottom.png);
}

.gnb_bnr_slide_02:hover .slick-slider .slick-arrow {
    opacity: 1;
    transform: translateX(0);
}

@media only screen and (max-width: 1279px) {
    .layout_header .nav_wrap .nav_category_area {
        position: static;
        top: auto;
        right: auto;
        width: 100%;
    }

    .layout_header .nav_wrap .respCategoryList .categoryDepthLink {
        padding-left: 20px;
        padding-right: 20px;
    }

    .layout_header #cateSwiper .designCategoryNavigation {
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .layout_header #cateSwiper .designCategoryNavigation .respCategoryList {
        position: relative;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
    }

    .layout_header #cateSwiper .designCategoryNavigation .respCategoryList > li {
        width: auto;
        transform-style: preserve-3d;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .layout_header .nav_wrap .respCategoryList .nav_category_all {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 1023px) {
    .gnb_bnr_slide {
        display: none;
    }


    .layout_header .bookmark {
        margin-left: 0;
    }

    .layout_header .nav_wrap .resp_wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .categoryAll_wrap {
        padding: 10px;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .all_list_contents {
        padding: 25px 10px 10px;
    }

    .all_list_contents .all_list_title {
        padding-left: 10px;
    }

    .all_list_contents .all_list_close {
        right: 10px;
        top: 25px;
    }


    #resp_promo {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media only screen and (max-width: 767px) {
    .all_list_contents .all_list_depth1 > li {
        min-width: 0;
        width: calc(25% - 10px);
    }

    .layout_header .util_wrap {
        display: none;
    }

    .layout_header .nav_wrap .respCategoryList .categoryDepthLink {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cate_all_2banner > p {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    .cate_all_2banner > p:first-child {
        float: none;
        margin-top: 0;
    }

    .cate_all_1banner img {
        max-width: 140%;
        margin-left: -20%;
        margin-right: -20%;
    }
}

@media only screen and (max-width: 640px) {
    .all_list_contents .all_list_depth1 > li {
        width: calc(33.33% - 10px);
    }
}

@media only screen and (max-width: 479px) {
    .resp_top_hamburger > a {
        width: 24px;
    }

    .all_list_contents .all_list_depth1 {
        margin-left: -10px;
    }

    .all_list_contents .all_list_depth1 > li {
        margin-left: 10px;
        width: calc(50% - 10px);
    }

    .cate_all_1banner img {
        max-width: 160%;
        margin-left: -30%;
        margin-right: -30%;
    }
}

/* ========================= //HEADER( /layout_header/standard.html ) ========================= */


/* 휴면해제 */
.resp_auth_wrap {
    display: table;
    width: calc(100% + 10px);
    table-layout: fixed;
    margin-left: -10px;
    margin-top: 40px;
}

.resp_auth_wrap > li {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
    text-align: center;
}

.resp_auth_wrap .resp_auth_container {
    padding: 20px 10px;
    background: #f7f7f7;
    font-size: 16px;
}

.resp_auth_wrap .resp_auth_container > li {
    padding-top: 20px;
}

.resp_auth_wrap .resp_auth_container > li:first-child {
    padding-top: 0;
}

.resp_auth_wrap .img_outer {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 90px;
    background: #fff;
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .resp_auth_wrap {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .resp_auth_wrap > li {
        display: block;
        padding-left: 0;
    }

    .resp_auth_wrap .resp_auth_container {
        margin-top: 10px;
    }
}


/* ======================== 검색 개선( 검색창 ) =============================== */
.resp_top_search {
    position: relative;
    /*right: 40px;*/
    /*top: -40px;*/
    z-index: 200;
    width: calc(100% - 48px);
    margin: 24px auto;
}

.resp_top_search button {
    vertical-align: middle;
}

.resp_top_search a {
    display: inline;
}

.resp_top_search .search_ver2 {
    opacity: 0;
    /*position: absolute;*/
    /*height: 1px;*/
    right: 0;
    top: 0;

    overflow: hidden;
    transform: translateX(-10px);
    transition: all 0.4s;
}

.resp_top_search .search_ver2.on {
    opacity: 1;
    display: block;
    height: auto;
    overflow: visible;
    transform: translateX(0);
}

.resp_top_search .search_ver2 .importcolor {
    color: #333;
}

.resp_top_search .search_ver2 li {
    display: block;
    padding: 0;
    line-height: 1.4;
}

.resp_top_search a.btn_search_open {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 9px;
    overflow: hidden;
    text-indent: -999px;
    background: url('../images/common/btn_zoom.png') 50% 50% no-repeat;
    background-size: contain;
}

.resp_top_search .search_ver2 .search_new {
    /*position: absolute;*/
    right: 0;
    top: 0;
}

.resp_top_search .search_ver2 .search_new a {
    text-decoration: none;
}

.resp_top_search .search_ver2 .search_new input[type='text'] {
    border: none;
    background: transparent;
}

.resp_top_search .search_ver2 .search_new:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.resp_top_search .search_ver2 .search_new .input_area {
    text-align: right;
    font-size: 0;
    line-height: 0;
}

.resp_top_search .search_ver2 .search_new .input_area .cont {
    box-sizing: border-box;
    width: 300px;
    height: 40px;
    padding: 0 6px 0 0;
    margin: 0;
    border: 1px #767676 solid;
    background: #fff;
    border-radius: 2px;
}

.resp_top_search .search_ver2 .search_new .input_area label.search_box {
    display: inline-block;
    height: 100%;
    width: 230px;
    cursor: text;
    text-align: left;
    margin-right: 10px;
}

.resp_top_search .search_ver2 .search_new .input_area label.search_box > input[type='text'] {
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    vertical-align: middle;
}

.resp_top_search .search_ver2 .search_new .input_area label.search_box > input[type='text']::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #999;
}

.resp_top_search .search_ver2 .search_new .input_area label.search_box > input[type='text']:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #999;
}

.resp_top_search .search_ver2 .search_new .input_area button.search {
    width: 24px;
    height: 24px;
    border: none;
    background: url('../images/common/btn_zoom.png') 50% 50% no-repeat;
    background-size: contain;
}

.resp_top_search .search_ver2 .search_new .input_area button.close {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    border: none;
    background: url('../images/common/icon_close_gray2.png') 50% 50% no-repeat;
}

.resp_top_search .search_ver2 .search_new .input_area button.close.disabled {
    visibility: hidden;
}

.resp_top_search .search_ver2 .search_new .contetns_area {
    margin-top: -1px;
    position: absolute;
    width: 298px;
    background: #fff;
    border: 1px #aaa solid;
}

.resp_top_search .search_ver2 .search_new .tab_foot_menu {
    height: 34px;
    border-top: 1px #aaa solid;
    background: #eee;
}

.resp_top_search .search_ver2 .search_new .tab_foot_menu > li {
    float: left;
    font-size: 0;
}

.resp_top_search .search_ver2 .search_new .tab_foot_menu > li > a {
    display: inline-block;
    vertical-align: top;
    height: 34px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 34px;
    color: #767676;
}

.resp_top_search .search_ver2 .search_new .tab_foot_menu > li > a:hover {
    color: #333;
}

.resp_top_search .search_ver2 .search_new .tab_foot_menu > li.menu_item > a {
    border-left: 1px #ddd solid;
}

.resp_top_search .search_ver2 .search_new .tab_foot_menu > li.menu_item > a:first-child {
    border-left: none;
}

.resp_top_search .search_ver2 .search_new .tab_foot_menu > li.search_close {
    float: right;
    border-left: 1px #aaa solid;
}

.resp_top_search .search_ver2 .search_new .tab_foot_menu > li.swiper_guide {
    display: none;
}

.resp_top_search .search_ver2 .search_new .recent_area {
}

.resp_top_search .search_ver2 .search_new .tab_btns {
    height: 35px;
}

.resp_top_search .search_ver2 .search_new .tab_btns > li {
    float: left;
    width: 50%;
}

.resp_top_search .search_ver2 .search_new .tab_btns > li > a {
    display: block;
    height: 34px;
    color: #666;
    border-left: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 35px;
    background: #eee;
}

.resp_top_search .search_ver2 .search_new .tab_btns > li:first-child > a {
    border-left: none;
}

.resp_top_search .search_ver2 .search_new .tab_btns > li.on > a {
    height: 35px;
    line-height: 35px;
    font-weight: 500;
    color: #333;
    border-bottom: none;
    background: none;
}

.resp_top_search .search_ver2 .search_new .searching_list {
}

.resp_top_search .search_ver2 .search_new .searching_list > li {
    border-top: 1px #ddd solid;
    position: relative;
}

.resp_top_search .search_ver2 .search_new .searching_list > li:first-child {
    border-top: none;
}

.resp_top_search .search_ver2 .search_new .searching_list > li > a {
    display: block;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    color: #767676;
}

.resp_top_search .search_ver2 .search_new .searching_list > li > a:hover {
    background-color: #f8f8f8;
    color: #333;
}

.resp_top_search .search_ver2 .search_new .searching_list > li > a.searched_item {
    padding: 0 30px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    word-wrap: normal !important;
}

.resp_top_search .search_ver2 .search_new .searching_list > li > a.searched_item.event {
    padding-right: 62px;
}

.resp_top_search .search_ver2 .search_new .searching_list > li > a.searching_item_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    overflow: hidden;
    text-indent: -999px;
    background: url(../images/common/icon_close_gray2.png) 50% 50% no-repeat;
    opacity: 0.5;
}

.resp_top_search .search_ver2 .search_new .searching_list > li > a.searching_item_close:hover {
    background-color: #ffe4e4;
}

.resp_top_search .search_ver2 .search_new .searching_list > li > a.goto_event {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    width: 62px;
    text-align: center;
    color: #aaa;
}

.resp_top_search .search_ver2 .search_new .searching_list > li > a.goto_event:hover {
    background-color: #edfaff;
    color: #333;
}

.resp_top_search .search_ver2 .search_new .recent_item_list {
    max-height: 330px;
    padding: 5px;
    overflow-y: auto;
    font-size: 0;
}

.resp_top_search .search_ver2 .search_new .recent_item_list > li {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    max-width: 33.33%;
}

.resp_top_search .search_ver2 .search_new .recent_item_list .item_link {
    display: inline-block;
    border: 1px #ddd solid;
    margin: 5px;
    text-align: center;
}

.resp_top_search .search_ver2 .search_new .recent_item_list .item_link:hover {
    border-color: #bbb;
}

.resp_top_search .search_ver2 .search_new .recent_item_list .display_zzim {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.resp_top_search .search_ver2 .search_new .recent_item_list .display_zzim {
    width: 16px;
    cursor: pointer;
}

.resp_top_search .search_ver2 .search_new .recent_item_list .item_img {
    max-width: 100%;
}

.resp_top_search .search_ver2 .search_new .recent_item_list .item_delete {
    position: absolute;
    right: -2px;
    top: -2px;
    opacity: 0.7;
    display: block;
    width: 20px;
    height: 20px;
    background: url('../images/common/icon_close_gray2.png') 50% 50% no-repeat;
}

.resp_top_search .search_ver2 .search_new .recent_item_list .item_wish {
    position: absolute;
    right: 2px;
    bottom: 2px;
}

.resp_top_search .search_ver2 .search_new .recent_item_list .item_wish img {
    opacity: 0.5;
}

.resp_top_search .search_ver2 .search_new .recent_item_list > li:hover .item_delete {
    opacity: 1;
}

.resp_top_search .search_ver2 .search_new .autocomplete_area {
}

.resp_top_search .search_ver2 .search_new .autocomplete_banner {
    position: absolute;
    left: -251px;
    top: 0;
    box-sizing: border-box;
    width: 252px;
    padding: 10px 0;
    border: 1px #aaa solid;
    background: #fff;
    overflow-x: hidden;
}

.resp_top_search .search_ver2 .search_new .autocomplete_banner img {
    max-width: 100%;
}

.resp_top_search .search_ver2 .search_new .autocomplete_banner .title {
    font-size: 15px;
    line-height: 1.2;
    color: #333;
    padding: 10px 0;
    text-align: center;
}

.resp_top_search .search_ver2 .search_new .autocomplete_banner .goods_name {
    padding-top: 5px;
    font-size: 12px;
    color: #767676;
    letter-spacing: 0;
}

.resp_top_search .search_ver2 .search_new .autocomplete_banner .goods_price {
    font-size: 14px;
    color: #333;
    font-weight: 500
}

.resp_top_search .search_ver2 .search_new .banner_list {
    width: 270px;
    max-height: 380px;
    padding-left: 10px;
    overflow-y: scroll;
    font-size: 0;
    margin-left: -10px;
}

.resp_top_search .search_ver2 .search_new .banner_list > li {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    font-size: 13px;
    margin: 0 0 0 10px;
    padding: 5px 0;
}

.resp_top_search .search_ver2 .search_new .tab_contents .no_data,
.resp_top_search .search_ver2 .search_new .autocomplete_area .no_data {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0;
    text-align: center;
    font-size: 13px;
    color: #999;
}

.resp_top_search .search_ver2 .search_new .highlight {
    font-weight: 500;
    color: #ed3347;
}

.resp_top_search .search_ver2 .search_new .event .highlight {
    color: #0098ff;
}

@media only screen and (max-width: 1023px) {
    /*.resp_top_search {*/
    /*    right: 10px;*/
    /*    top: 50%;*/
    /*    margin-top: -21px;*/
    /*}*/
    /*.resp_top_search a.btn_search_open {*/
    /*    width: 26px;*/
    /*    height: 26px;*/
    /*    margin-top: 7px;*/
    /*    background: url('../images/common/btn_zoom.png') 50% 50% no-repeat;*/
    /*    background-size: 100%;*/
    /*}*/
}

@media only screen and (max-width: 767px) {
    .resp_top_search .search_ver2 .search_new .input_area .cont {
        height: 43px;
    }

    .resp_top_search .search_ver2 .search_new .autocomplete_banner {
        display: none;
    }

    .resp_top_search .search_ver2 .search_new .recent_item_list {
        overflow-y: visible;
        overflow-x: auto;
    }

    .resp_top_search .search_ver2 .search_new .recent_item_list > li {
        flex: 1 1 auto;
    }
}

/* ======================== //검색 개선( 검색창 ) =============================== */


/* ======================== 검색 개선( 검색 필터 ) =============================== */
.search_nav {
    padding: 20px 0 0;
    font-size: 15px;
    line-height: 32px;
    color: #666;
}

.search_nav a {
    color: #666;
    text-decoration: none;
}

.search_nav select {
    padding: 0 28px 0 8px;
    color: var(--color-222);
    height: 32px;
    appearance: none;
    -webkit-appearance: none;
    background: url(../images/design/ico_arw_select_off.png) right 10px center no-repeat;
    background-size: 9px 6px;
    border-color: #ddd;
    border-radius: 4px;
    transition: all 0.3s;
    font: var(--text-body14-regular);
}

.search_nav select:focus {
    outline: none;
}

.search_nav select:hover {
    background: url(../images/design/ico_arw_select_on2.png) right 10px center no-repeat;
    background-size: 9px 6px;
}

.search_nav .navi_linemap {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    margin: 1px 0;
}

.search_nav .navi_linemap:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/common/icon_navi_linemap.png) 50% 50% no-repeat;
    background-size: contain;
}

.search_nav .navi_linemap.on {
    color: #333;
}

.search_nav a.navi_linemap:hover {
    color: #ed3347;
}

.search_nav .home {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 34px;
    overflow: hidden;
    text-indent: -999px;
    background: url(../images/common/icon_navi_home.png) 50% 50% no-repeat;
}

.search_nav.search_page {
    margin-bottom: -12px;
}

.searched_text {
    color: #333;
}

.search_nav .navi_linemap2 {
    position: relative;
    z-index: 10;
    display: inline-block;
    vertical-align: top;
    height: 32px;
    cursor: pointer;
}

.search_nav .navi_linemap2:before {
    display: inline-block;
    content: '';
    width: 14px;
    height: 32px;
    margin-right: 2px;
    vertical-align: top;
    background: url(../images/common/icon_navi_linemap.png) 50% 50% no-repeat;
}

.search_nav .navi_linemap2:after {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-left: 2px;
    border: 1px #ddd solid;
    background: url(../images/common/btn_slide_s_bottom.png) 50% 50% no-repeat;
}

.search_nav .navi_linemap2 .selected_cate {
    display: inline-block;
    vertical-align: middle;
}

.search_nav .navi_linemap2 .navi_linemap_sub {
    position: absolute;
    left: 14px;
    top: 32px;
    min-width: 120px;
    padding: 5px 0;
    background: #fff;
    border: 1px #ccc solid;
}

.search_nav .navi_linemap2 .navi_linemap_sub > li {
    padding: 0 10px;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #767676;
    white-space: nowrap;
}

.search_nav .navi_linemap2 .navi_linemap_sub > li:hover {
    background: #f8f8f8;
    color: #333;
}

.search_nav .navi_linemap2 .navi_linemap_sub > li.on {
    color: #333;
    background-color: #f8f8f8;
}

.search_nav .navi_linemap2 {
}

.search_filter_wrap {
    margin-top: 20px;
}

.search_nav + #goodsSearchForm .search_filter_wrap {
    margin-top: 15px;
}

#goodsSearchForm #filterResultCount {
    display: none;
}

.search_filter {
    border: 1px #ddd solid;
    font-size: 13px;
    line-height: 1.4;
    color: #666;
}

.search_filter.no_filter {
    border: none;
}

.search_filter label {
    margin: 0;
}

.search_filter label.active {
    color: #333;
}

.search_filter .mo_hide {
    display: none;
}

.search_filter a {
    color: #666;
    text-decoration: none;
}

.search_filter a:hover {
    color: #999;
}

.search_filter .desc {
    color: #aaa;
}

.search_filter .btn_sfilter {
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    border: 1px #bbb solid;
    border-radius: 2px;
    background: #fff;
    padding: 0 10px;
}

.search_filter label.btn_sfilter {
    display: inline-block;
}

.search_filter button.btn_sfilter {
    height: 30px;
    line-height: 1;
}

.search_filter .btn_sfilter.v2 {
    border-color: #898c9a;
}

.search_filter .btn_sfilter.active {
    border-color: #767676;
}

.search_filter .btn_sfilter > input[type='checkbox'] {
    width: 0;
    height: 0;
    visibility: hidden;
}

.search_filter .input_sfilter {
    height: 30px;
    border: 1px #bbb solid;
    border-radius: 2px;
    background: #fff;
    text-indent: 0;
    padding: 0 9px;
    font-size: 14px;
    line-height: 28px;
    color: #333;
}

.search_filter > li {
    border-top: 1px #eee solid;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.search_filter > li:first-child {
    border-top: none;
}

.search_filter .filter_menu_area {
    display: table-cell;
    vertical-align: top;
    width: 120px;
    background: #fafafa;
    border-right: 1px #ddd solid;
    color: #333;
}

.search_filter .filter_detail_area {
    display: table-cell;
    vertical-align: top;
}

.search_filter .filter_menu_area > a {
    display: block;
    padding: 10px;
    position: relative;
    font-size: 14px;
    color: #333;
    background: url(../images/common/btn_plus2.png) 90% 50% no-repeat;
}

.search_filter .filter_menu_area > a.opend {
    background-image: url(../images/common/btn_minus2.png);
}

.search_filter .filter_menu_area > a.xxx {
    background-image: none;
    cursor: default;
}

.search_filter .message {
    display: none;
    padding: 10px;
    color: #999;
}

.search_filter .message.on {
    display: block;
}

.search_filter .message.on + .filter_section_sorting {
    display: none !important;
}

.search_filter .category_all_nav {
    zoom: 1;
}

.search_filter .category_all_nav:after {
    content: "";
    display: block;
    clear: both;
}

.search_filter .category_all_nav + .filter_detail_item {
    border-top: 1px #ddd dashed;
    zoom: 1;
}

.search_filter .category_all_nav > a {
    display: block;
    float: left;
    padding: 10px 0 10px 24px;
    color: #999;
    background: url(../images/common/depth_list2.png) 10px 48% no-repeat;
}

.search_filter .category_all_nav > a:hover {
    color: #0c7bc6;
}

.search_filter .category_all_nav > a:nth-last-child( 2 ),
.search_filter .category_all_nav > a:nth-last-child( 2 ):hover {
    color: #333;
    cursor: default;
}

.search_filter .category_all_nav > a.mobile_pre_cate {
    display: none;
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: -999px;
    padding: 0;
    margin: 5px 0 0 10px;
    border: 1px #ccc solid;
    background: url(../images/common/icon_cate_pre.png) 50% 50% no-repeat;
}

.search_filter .category_all_nav > a.mobile_pre_cate + a {
    padding-left: 10px;
    background: none;
}

.search_filter .category_all_nav .count_category {
    display: block;
    float: left;
    padding: 10px 10px 10px 5px;
    color: #999;
}


.search_filter .location_all_nav:after {
    content: "";
    display: block;
    clear: both;
}

.search_filter .location_all_nav + .filter_detail_item {
    border-top: 1px #ddd dashed;
    zoom: 1;
}

.search_filter .location_all_nav > a {
    display: block;
    float: left;
    padding: 10px 10px 10px 14px;
    color: #999;
    background: url(../images/common/depth_list2.png) 0 50% no-repeat;
}

.search_filter .location_all_nav > a:hover {
    color: #0c7bc6;
}

.search_filter .location_all_nav > a:nth-last-child( 2 ),
.search_filter .location_all_nav > a:nth-last-child( 2 ):hover {
    color: #333;
    cursor: default;
}

.search_filter .location_all_nav > a.mobile_pre_location {
    display: none;
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: -999px;
    padding: 0;
    margin: 5px 0 0 10px;
    border: 1px #999 solid;
    background: url(../images/common/icon_cate_pre.png) 50% 50% no-repeat;
}

.search_filter .location_all_nav > a.mobile_pre_location + a {
    padding-left: 10px;
    background: none;
}

.search_filter .location_all_nav .count_location {
    display: block;
    float: left;
    padding: 10px 10px 10px 0px;
    color: #999;
}

.search_filter .filter_section_sorting {
    display: none;
    border-bottom: 1px #ddd dashed;
    zoom: 1;
}

.search_filter .filter_section_sorting > label {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 10px 0 28px;
    background: url(../images/common/icon_checked_off2.png) 10px 40% no-repeat;
}

.search_filter .filter_section_sorting > label.active {
    font-weight: 500;
    color: #333;
    background-image: url(../images/common/icon_checked2.png);
}

.search_filter .filter_section_sorting > label > input[type='radio'] {
    width: 1px;
    height: 1px;
    visibility: hidden;
}

.search_filter .filter_detail_item {
    padding: 5px 0;
    height: 30px;
    overflow: hidden;
}

.search_filter .filter_detail_item.opend {
    height: auto;
    max-height: 200px;
    overflow-y: auto;
}

.search_filter .filter_detail_item > li {
    display: inline-block;
    vertical-align: top;
}

.search_filter .filter_detail_item > li.reresearch_area {
    padding-left: 30px;
}

.search_filter .filter_detail_item > li.price_area {
    padding-left: 30px;
}

.search_filter .filter_detail_item > li > a {
    display: block;
    height: 16px;
    vertical-align: top;
    padding: 7px 14px 7px 10px;
    line-height: 16px;
}

.search_filter .filter_detail_item > li.active {
    font-weight: 500;
    color: #0c7bc6;
}

.search_filter .filter_detail_item > li:first-child {
    padding-left: 0px;
}

.search_filter .filter_detail_item > li > a .name {
    display: inline-block;
    margin-right: 2px;
}

.search_filter .filter_brand_section .filter_detail_item label {
    display: inline-block;
    height: 18px;
    vertical-align: top;
    position: relative;
    padding: 7px 14px 7px 35px;
    line-height: 18px;
}

.search_filter .filter_brand_section .filter_detail_item label:before {
    display: block;
    content: '';
    position: absolute;
    left: 10px;
    top: 6px;
    width: 18px;
    height: 18px;
    border: 1px #ccc solid;
    border-radius: 2px;
}

.search_filter .filter_brand_section .filter_detail_item label:hover:before {
    border-color: #aaa;
}

.search_filter .filter_brand_section .filter_detail_item label.active:before {
    background: url(../images/common/check_icon.png) 50% 50% no-repeat;
    background-size: 12px;
}

.search_filter .filter_brand_section .filter_detail_item input[type='checkbox'],
.search_filter .filter_brand_section .filter_detail_item input[type='radio'] {
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.search_filter .filter_seller_section .filter_detail_item input[type='radio'] {
    width: 0;
    height: 0;
    visibility: hidden;
}

.search_filter .filter_seller_section .filter_detail_item label {
    display: inline-block;
    height: 18px;
    vertical-align: top;
    position: relative;
    padding: 7px 14px 7px 10px;
    line-height: 18px;
}

.search_filter .filter_detail_section .filter_menu_area > a {
    padding-top: 15px;
}

.search_filter .filter_detail_section .filter_detail_item {
    padding: 10px;
}

.search_filter .filter_detail_item > li.reresearch_area .input_sfilter {
    width: 160px;
}

.search_filter .filter_detail_item > li.price_area .input_sfilter {
    width: 84px;
    text-align: right;
}

.search_filter .filter_detail_item > li.color_area {
    display: block;
    padding-top: 10px;
    font-size: 0;
}

.search_filter .filter_detail_item > li.color_area > label {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    border: 1px #ddd solid;
    border-radius: 4px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.search_filter .filter_detail_item > li.color_area > label.active {
    background-image: url(../images/common/icon_color_check2.png);
}

.search_filter .filter_detail_item > li.color_area > label > input[type='checkbox'] {
    width: 0;
    height: 0;
    visibility: hidden;
}

.search_filter .filter_detail_item.li_align.opend > li {
    width: 176px;
}

.search_filter .filter_detail_item.li_align.opend > li > a,
.search_filter .filter_detail_item.li_align.opend > li > label {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
    line-height: 1.4;
}

.search_filter .disable * {
    opacity: 0.7 !important;
    cursor: default !important;
}

/* 필터된 항목 */
.search_filter_selected {
    display: table;
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
    border: 1px #ddd solid;
    border-top: none;
    font-size: 0;
}

.search_filter_selected .selected_item_area {
    display: table-cell;
    padding: 2px;
}

.search_filter_selected .selected_etc_area {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
    text-align: center;
    border-left: 1px #ddd solid;
}

.search_filter_selected a {
    text-decoration: none;
}

.search_filter_selected .selected_item_area > li {
    display: inline-block;
    font-size: 13px;
    margin: 3px;
    vertical-align: top;
    border-radius: 2px;
    cursor: default;
    background: #f0f0f0;
    color: #626262;
}

.search_filter_selected .selected_item_area > li a.remove {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 31px;
    padding: 0 26px 0 9px;
    background-image: url(../images/common/icon_x2.png);
    background-position: right 5px top 49%;
    background-repeat: no-repeat;
    color: #626262;
}

.search_filter_selected .selected_item_area > li.color_type a.remove {
    padding: 0;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    background-position: 50% 50%;
}

.search_filter_selected .selected_item_area > li.color_type.border a.remove {
    border: 1px #999 dashed;
}

.search_filter_selected .selected_item_area > li[data-filteritem='min_price'] a.remove:after {
    display: inline-block;
    content: '~';
}

.search_filter_selected .selected_item_area > li[data-filteritem='max_price'] a.remove:before {
    display: inline-block;
    content: '~';
}

.search_filter_selected .btn_all_cancel {
    display: inline-block;
    height: 40px;
    width: 40px;
    background: url(../images/common/icon_reload2.png) 50% 50% no-repeat;
    background-size: 27px;
}

/* 추천상품 */
#recommendResult {
    padding-bottom: 20px;
}

/*  검색된 상품 정렬 */
.search_no_data {
    padding: 60px 20px;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.filtered_item_sorting {
    zoom: 1;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    margin-top: -1px;
}

.filtered_item_sorting:after {
    content: "";
    display: block;
    clear: both;
}

.filtered_item_sorting select {
    border-radius: 0;
}

.filtered_item_sorting > li {
    float: left;
    padding: 5px;
    height: 32px;
    line-height: 32px;
}

.filtered_item_sorting .item_total {
    padding: 3px 14px 3px;
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    font-size: 14px;
}

.filtered_item_sorting .item_total > a {
    text-decoration: none;
    cursor: text;
}

.filtered_item_sorting .item_total > a .num {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    position: relative;
    top: 1px;
}

.filtered_item_sorting #mobileSortingSelected {
    display: none;
}

.filtered_item_sorting .item_order {
    padding: 0;
    font-size: 0;
    line-height: 42px;
}

.filtered_item_sorting .item_order > a.now_sorting_state {
    display: none;
}

.filtered_item_sorting .item_order > .list {
}

.filtered_item_sorting .item_order > .list > li {
    display: inline-block;
    border-right: 1px #f1f1f1 solid;
}

.filtered_item_sorting .itemdisplay_lattice_order > .list > li > a {
    display: inline-block;
    vertical-align: top;
    padding: 0 14px 0 8px;
    color: #999;
    background: url(../images/common/icon_list2.png) 2px 50% no-repeat;
}

.filtered_item_sorting .item_order > .list > li > a.on {
    font-weight: 500;
    color: #333;
    padding-left: 12px;
    background: url(../images/common/icon_checked3.png) 0 50% no-repeat;
}

.filtered_item_sorting .item_order > .list > li > label {
    display: block;
    height: 40px;
    font-size: 13px;
    line-height: 41px;
    padding: 0 10px;
    margin: -1px 0 -1px -1px;
    vertical-align: top;
    color: #999;
}

.filtered_item_sorting .item_order > .list > li > label input[type='radio'] {
    width: 1px;
    height: 1px;
    visibility: hidden;
}

.filtered_item_sorting .item_order > .list > li > label.active {
    color: #333;
}

.filtered_item_sorting .item_viewnum {
    float: right;
    padding: 0;
    margin-right: -1px;
}

.filtered_item_sorting .item_viewnum select {
    height: 40px;
    margin: -1px 0;
    border-color: #ddd;
}

.filtered_item_sorting .item_display {
    float: right;
    font-size: 0;
    padding: 0;
}

.filtered_item_sorting .item_display label {
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
    width: 38px;
    height: 38px;
    margin: -1px 0 -1px -1px;
    border: 1px #ddd solid;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.filtered_item_sorting .item_display label:first-child {
    margin-left: 0;
}

.filtered_item_sorting .item_display label.active {
    position: relative;
    border-color: #767676;
}

.filtered_item_sorting .item_display label.display_lattice {
    background-image: url(../images/common/icon_sort_a3.png);
}

.filtered_item_sorting .item_display label.display_lattice.active {
    background-image: url(../images/common/icon_sort_a3_on.png);
}

.filtered_item_sorting .item_display label.display_list {
    background-image: url(../images/common/icon_sort_b3.png);
}

.filtered_item_sorting .item_display label.display_list.active {
    background-image: url(../images/common/icon_sort_b3_on.png);
}

.filtered_item_sorting .item_display label.display_lattice input[type='radio'], .filtered_item_sorting .item_display label.display_list input[type='radio'] {
    width: 0px;
}

@media only screen and (max-width: 1023px) {
    .search_filter {
        position: relative;
    }

    .search_filter .mo_hide {
        display: initial;
    }

    .search_filter > li {
        display: block;
        width: auto;
        border-top: none;
    }

    .search_filter .filter_menu_area {
        display: block;
        position: absolute;
        top: 0;
        width: 25%;
        box-sizing: border-box;
        border: none;
        border-bottom: 1px #ddd solid;
        border-left: 1px #ddd solid;
        text-align: center;
    }

    .search_filter > li:nth-child(1) .filter_menu_area {
        left: 0;
        border-left: none;
    }

    .search_filter > li:nth-child(2) .filter_menu_area {
        left: 25%;
    }

    .search_filter > li:nth-child(3) .filter_menu_area {
        left: 50%;
    }

    .search_filter > li:nth-child(4) .filter_menu_area {
        left: 75%;
    }

    .search_filter.devide1 .filter_menu_area {
        width: 100%;
    }

    .search_filter.devide1 .filter_menu_area.on {
        background-color: #f8f8f8;
    }

    .search_filter.devide2 .filter_menu_area {
        width: 50%;
    }

    .search_filter.devide2 > li:nth-child(2) .filter_menu_area {
        left: 50%;
    }

    .search_filter.devide3 .filter_menu_area {
        width: 33.33%;
    }

    .search_filter.devide3 > li:nth-child(2) .filter_menu_area {
        left: 33.33%;
    }

    .search_filter.devide3 > li:nth-child(3) .filter_menu_area {
        left: 66.66%;
    }

    .search_filter .filter_menu_area > a {
        padding: 10px 0;
        cursor: pointer;
        background-image: none;
        color: #767676;
    }

    .search_filter .filter_menu_area > a.opend {
        background-image: none;
    }

    .search_filter .filter_menu_area > a.xxx {
        cursor: pointer;
    }

    .search_filter .filter_detail_section .filter_menu_area > a {
        padding-top: 10px;
    }

    .search_filter .filter_menu_area.on {
        border-bottom-color: #fff;
        background: #fff;
    }

    .search_filter .filter_menu_area.on > a {
        cursor: default;
        font-weight: 500;
        color: #333;
    }

    .search_filter .filter_detail_area {
        display: none;
        padding-top: 41px;
    }

    .search_filter .filter_detail_area .detail_stitle {
        display: block;
        float: left;
        padding: 5px 0;
        width: 45px;
        font-size: 13px;
        color: #333;
    }

    .search_filter .filter_detail_area .color_area .detail_stitle {
        padding-top: 10px;
    }

    .search_filter .filter_category_section .filter_detail_area {
        display: block;
    }

    .search_filter .filter_location_section .filter_detail_area {
        display: block;
    }

    .search_filter .filter_section_sorting {
        display: block;
    }

    .search_filter .filter_section_sorting > label {
        height: 38px;
        line-height: 38px;
    }

    .search_filter .filter_detail_item {
        height: auto;
    }

    .search_filter .filter_detail_item > li.color_area > label {
        margin-right: 4px;
    }

    .search_filter .filter_detail_item.li_align {
        max-height: 200px;
        overflow: auto;
    }

    .search_filter .filter_detail_item.li_align > li {
        width: calc(25% - 3px);
        height: 28px;
        box-sizing: border-box;
    }

    .search_filter .filter_detail_item.li_align > li > a,
    .search_filter .filter_detail_item.li_align > li > label {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 0;
    }

    .search_filter .filter_detail_item.li_align > li > a {
        padding: 5px 2px 5px 10px;
        height: auto;
        line-height: 1.4;
    }

    .search_filter .filter_detail_section .filter_detail_item > li {
        display: block;
        padding: 7px 0 0;
    }

    .search_filter .filter_detail_section .filter_detail_item > li:first-child {
        padding-top: 0;
    }

    .search_filter .filter_detail_section .filter_detail_item > li.color_area {
        padding-top: 5px;
    }

    .search_filter .filter_detail_section .filter_detail_item > li.color_area > label {
        margin-top: 4px;
    }

    .search_filter_selected .selected_item_area {
        display: flex;
        flex-flow: row nowrap;
        float: left;
        padding: 6px 0 5px;
        margin-left: 5px;
        box-sizing: border-box;
        width: calc(100% - 51px);
        overflow-x: auto;
    }

    .search_filter_selected .selected_item_area > li {
        display: inline-block;
        flex: 0 0 auto;
        margin: 0 5px 0 0;
    }

    .search_filter_selected .selected_etc_area {
        display: block;
        width: 40px;
        float: right;
    }

    .search_filter_selected .btn_all_cancel {
        height: 40px;
        width: 40px;
        background-size: 22px;
    }

    #recommendResult {
        padding-bottom: 0;
        width: 100%;
    }

    .filtered_item_sorting {
        border-top: none;
        margin-bottom: -1px;
    }

    .filtered_item_sorting > li {
        padding: 0 0 10px 10px;
    }

    .filtered_item_sorting .item_total {
        border: none;
        padding: 0;
        margin-top: 0;
    }

    .filtered_item_sorting .item_total > a {
        display: block;
        height: 24px;
        line-height: 24px;
        cursor: pointer;
        padding: 4px 20px 4px 2px;
        background: url(../images/common/icon_down8.png) 100% 14px no-repeat;
    }

    .filtered_item_sorting .item_total > a.opened {
        background-image: url(../images/common/icon_up8.png);
    }

    .filtered_item_sorting .item_total > a .num {
        font-size: 22px;
        display: inline-block;
    }

    .filtered_item_sorting .item_display {
        padding: 0 0 5px;
    }

    .filtered_item_sorting .item_order {
        float: right;
        position: relative;
        z-index: 5;
        width: 110px;
        height: 30px;
        line-height: 30px;
        border: 1px #ddd solid;
        border-right: none;
        margin-top: -1px;
    }

    .filtered_item_sorting #mobileSortingSelected {
        display: block;
        height: 30px;
        line-height: 31px;
        padding: 0 20px 0 10px;
        cursor: pointer;
        font-size: 13px;
        font-weight: 400;
        color: #333;
    }

    .filtered_item_sorting #mobileSortingSelected:after {
        display: block;
        content: '↑↓';
        font-weight: 100;
        letter-spacing: -5px;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 30px;
        text-align: left;
        color: #aaa;
    }

    .filtered_item_sorting .item_order:hover #mobileSortingSelected:after {
        color: #333;
    }

    .filtered_item_sorting .item_order > .list {
        display: none;
        position: absolute;
        left: -1px;
        top: 30px;
        width: calc(100% - 1px);
        border: 1px #ddd solid;
        background: #fff;
    }

    .filtered_item_sorting .item_order > .list > li {
        display: block;
        border-right: none;
    }

    .filtered_item_sorting .item_order > .list > li > label {
        height: 30px;
        line-height: 31px;
        margin: 0;
        border-right: none;
    }

    /*
	.filtered_item_sorting .item_order a { text-decoration:none; }
	.filtered_item_sorting .item_order { float:right; padding:0; position:relative; z-index:10; }
	.filtered_item_sorting .item_order>a.now_sorting_state { display:block; width:100px; box-sizing:border-box; border:1px #aaa solid; height:30px; padding:0 5px; margin-top:10px; font-size:13px; line-height:30px; background:url(../images/common/icon_down9.png) right 6px top 52% no-repeat; }
	.filtered_item_sorting .item_order>a.now_sorting_state.on { background-image:url(../images/common/icon_up9.png) }
	.filtered_item_sorting .item_order>.list { display:none; position:absolute; right:0; top:39px; box-sizing:border-box; width:100px; padding:5px 0; background:#fff; border:1px #aaa solid; }
	.filtered_item_sorting .item_order>.list>li { display:block; }
	.filtered_item_sorting .item_order>.list>li>a { display:block; height:24px; font-size:13px; line-height:24px; padding:0 5px; background:none; }
	.filtered_item_sorting .item_order>.list>li>a.on { padding:0 5px; background:none; }
	*/
    .filtered_item_sorting .item_viewnum {
        display: none;
    }

    .filtered_item_sorting .item_display > a {
        width: 28px;
        height: 28px;
        background-size: 16px;
    }

    .search_filter_wrap {
        display: flex;
        flex-flow: column wrap;
    }

    .search_filter_wrap > .search_filter, .search_filter_wrap > .search_filter_selected, .search_filter_wrap > .filtered_item_sorting {
        flex: 0 0 auto;
    }

    .search_filter_wrap .filtered_item_sorting {
        order: -1;
    }

    .search_filter .category_all_nav > a {
        display: none;
    }

    .search_filter .category_all_nav > a.mobile_pre_cate {
        display: block;
        margin-bottom: 10px;
    }

    .search_filter .category_all_nav > a {
        display: block;
        float: left;
        padding: 10px 0 10px 24px;
        color: #999;
        background: url(../images/common/depth_list2.png) 10px 48% no-repeat;
    }

    .search_filter .location_all_nav > a {
        display: none;
    }

    .search_filter .location_all_nav > a.mobile_pre_location {
        display: block;
        margin-bottom: 10px;
    }

    .search_filter .location_all_nav > a {
        display: block;
        float: left;
        padding: 10px 0 10px 24px;
        color: #999;
        background: url(../images/common/depth_list2.png) 10px 48% no-repeat;
    }

    .filtered_item_sorting .item_display label {
        width: 30px;
        height: 30px;
    }

    .search_filter .message {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .search_filter .filter_detail_item.li_align > li {
        width: calc(33.33% - 3px);
    }
}

@media only screen and (max-width: 639px) {
    .search_filter .filter_detail_section .filter_detail_item {
        max-height: 141px;
    }

    .search_filter .filter_detail_item.li_align {
        display: flex;
        flex-flow: column wrap;
        height: 117px;
        padding-bottom: 0;
        overflow: auto;
    }

    .search_filter .filter_detail_item.li_align > li {
        flex: 0 1 auto;
        width: calc(50% - 3px);
        box-sizing: border-box;
    }
}

/* ======================== //검색 개선( 검색 필터 ) =============================== */


/* ======================== 검색 개선( 검색된 상품 Display ) =============================== */
.searched_item_display {
}

.searched_item_display > ul {
    font-size: 0;
    margin-left: -20px;
}

.searched_item_display > ul > li {
    display: inline-block;
    box-sizing: border-box;
    width: 25%;
    vertical-align: top;
    padding: 20px 0 0 20px;
    font-size: 13px;
    line-height: 1.4;
}

.searched_item_display .item_img_area {
    position: relative;
    text-align: center;
}

.searched_item_display .item_img_area img {
    max-width: 100%;
}

.searched_item_display .display_zzim {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.searched_item_display .display_zzim > img {
    width: 16px;
    cursor: pointer;
}

.searched_item_display {
}

.searched_item_display .item_info_area {
    padding-top: 7px;
    color: #999;
}

.searched_item_display .item_info_area > li {
    padding: 6px 0 0;
}

.searched_item_display .item_info_area .goods_color_area {
    padding-top: 10px;
}

.searched_item_display .item_info_area .goods_name_area {
    padding-top: 8px;
    font-size: 15px;
    color: #333;
}

.searched_item_display .item_info_area .goods_name_area .brand_name {
    text-transform: uppercase;
    color: #697ba4;
}

.searched_item_display .item_info_area .goods_name_area .brand_name:before {
    display: inline-block;
    margin-right: 2px;
    content: '[';
    color: #aaa;
}

.searched_item_display .item_info_area .goods_name_area .brand_name:after {
    display: inline-block;
    margin-left: 2px;
    content: ' ]';
    color: #aaa;
}

.searched_item_display .item_info_area .goods_name_area a:hover {
    text-decoration: underline;
}

.searched_item_display .item_info_area .goods_desc_area > a {
}

.searched_item_display .item_info_area .goods_price_area > span {
    display: inline-block;
    padding-right: 6px;
}

.searched_item_display .item_info_area .goods_price_area .sale_price {
    color: #333;
}

.searched_item_display .item_info_area .goods_price_area .sale_price .num {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -1px;
}

.searched_item_display .item_info_area .goods_price_area .consumer_price {
    text-decoration: line-through;
    color: #aaa;
}

.searched_item_display .item_info_area .goods_price_area .discount_rate {
    color: #ed3347;
    padding-right: 0;
}

.searched_item_display .item_info_area .goods_price_area .discount_rate .num {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -1px;
}

.searched_item_display .item_info_area .goods_price_area .discount_rate:after {
    display: inline-block;
    content: '↓';
    font-size: 11px;
    position: relative;
    left: -2px;
    top: -1px;
}

.searched_item_display .item_info_area .goods_price_area {
}

.searched_item_display .item_info_area .goods_brand_area .name:before {
    display: inline-block;
    margin-right: 2px;
    content: '[';
    color: #ccc;
}

.searched_item_display .item_info_area .goods_brand_area .name:after {
    display: inline-block;
    margin-left: 2px;
    content: ' ]';
    color: #ccc;
}

.searched_item_display .item_info_area .goods_category_area .cate {
    zoom: 1;
}

.searched_item_display .item_info_area .goods_category_area .cate:after {
    content: "";
    display: block;
    clear: both;
}

.searched_item_display .item_info_area .goods_category_area .cate > li {
    float: left;
    padding-left: 16px;
    background: url(../images/common/depth_category.png) 6px 50% no-repeat;
}

.searched_item_display .item_info_area .goods_category_area .cate > li:first-child {
    padding-left: 0;
    background-image: none;
}

.searched_item_display .item_info_area .goods_besong_area .besong {
    display: inline-block;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #767676;
    padding: 0 6px;
    border: 1px #ddd solid;
    border-radius: 10px;
}

.searched_item_display .item_info_area .goods_sold_area > span {
    display: inline-block;
    margin-right: 8px;
}

.searched_item_display .item_info_area .goods_sold_area .num {
    color: #767676;
}

.searched_item_display .item_info_area .goods_seller_area {
    font-size: 12px;
}

.searched_item_display .item_info_area .goods_seller_area .name {
    display: inline-block;
    margin-right: 8px;
}

.searched_item_display .item_info_area .goods_seller_area .rank_img {
    max-height: 20px;
    vertical-align: bottom;
}

.searched_item_display .warning_text {
    font-size: 15px;
}

.searched_item_display[data-displaytype='list'] > ul {
    padding: 0 0 10px;
    margin-left: -10px;
}

.searched_item_display[data-displaytype='list'] .display_zzim {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.searched_item_display[data-displaytype='list'] > ul > li {
    margin-top: 20px;
    margin-left: 10px;
    width: calc(50% - 10px);
    padding: 0 0 10px;
    box-sizing: border-box;
    zoom: 1;
}

.searched_item_display[data-displaytype='list'] > ul > li:after {
    content: "";
    display: block;
    clear: both;
}

.searched_item_display[data-displaytype='list'] .item_img_area {
    float: left;
    width: 160px;
    background: #999;
}

.searched_item_display[data-displaytype='list'] .item_info_area {
    float: left;
    padding-left: 20px;
    padding-top: 0;
    width: calc(100% - 180px);
}

.searched_item_display[data-displaytype='list'] .item_info_area .goods_name_area {
    display: block;
    width: auto;
    border: none;
}

.searched_item_display[data-displaytype='list'] .item_info_area .goods_name_area .name {
    height: auto;
    padding-bottom: 0;
}

.searched_item_display .item_info_area .goods_brand_area,
.searched_item_display .item_info_area .goods_category_area,
.searched_item_display .item_info_area .goods_sold_area .zzim,
.searched_item_display .item_info_area .goods_seller_area .rank {
    display: none;
}

.searched_item_display[data-displaytype='list'] .item_info_area .goods_brand_area,
.searched_item_display[data-displaytype='list'] .item_info_area .goods_category_area {
    display: block;
}

.searched_item_display[data-displaytype='list'] .item_info_area .goods_sold_area .zzim,
.searched_item_display[data-displaytype='list'] .item_info_area .goods_seller_area .rank {
    display: inline-block;
}

.searched_item_display[data-displaytype='list'] .item_info_area .displaY_color_option {
    padding-top: 0;
}


/* 상품리스트 페이지 - 상품정보 추가 style2 ~ */
.searched_item_display .item_info_area .brand_name_area {
    padding-top: 8px;
    font-size: 13px;
    text-transform: uppercase;
    color: #697ba4;
}

.searched_item_display .displaY_review_score_a {
    color: #333;
    text-shadow: none;
}

.searched_item_display .displaY_review_score_a .ev_active2 {
    margin-right: 4px;
}

.searched_item_display .displaY_review_score_c {
    display: inline-block;
    position: relative;
    top: -1px;
    font-size: 12px;
    color: #999;
}

.searched_item_display .goods_list_style2 .item_info_area .goods_price_area {
    padding-top: 10px;
}

.searched_item_display .goods_list_style2 .item_info_area .goods_price_area .sale_price .num {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
}

.searched_item_display .goods_list_style2 .item_info_area .goods_price_area .consumer_price {
    font-weight: 300;
}

.searched_item_display .goods_list_style2 .item_info_area .goods_price_area .discount_rate {
    float: right;
    margin: 4px 5px 0 0;
    color: #ff5e3f;
}

.searched_item_display .goods_list_style2 .item_info_area .goods_price_area .discount_rate:after {
    content: '';
    display: none;
}

.searched_item_display .goods_list_style2 .item_info_area .goods_price_area .discount_rate .num {
    font-size: 15px;
    font-weight: 300;
}

.searched_item_display .goods_list_style2 .item_info_area .goods_icon_area {
    padding-top: 8px;
}

.searched_item_display .goods_list_style2 .displaY_color_option .areA {
    width: 12px;
    height: 12px;
    border-radius: 0;
}

.searched_item_display[data-displaytype='list'] .goods_list_style2 .item_info_area .goods_price_area .discount_rate {
    float: none;
    margin: 0;
}

.searched_item_display[data-displaytype='list'] .goods_list_style2 .item_info_area .displaY_color_option {
    padding-top: 6px;
}

.searched_item_display .goods_list_style3 .item_info_area .goods_price_area {
    padding-top: 10px;
}

.searched_item_display .goods_list_style3 .item_info_area .goods_price_area .sale_price .num {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
}

.searched_item_display .goods_list_style3 .item_info_area .goods_price_area .consumer_price {
    font-weight: 300;
}

.searched_item_display .goods_list_style3 .item_info_area .goods_price_area .discount_rate {
    float: right;
    margin: 4px 5px 0 0;
    color: #ff5e3f;
}

.searched_item_display .goods_list_style3 .item_info_area .goods_price_area .discount_rate:after {
    content: '';
    display: none;
}

.searched_item_display .goods_list_style3 .item_info_area .goods_price_area .discount_rate .num {
    font-size: 15px;
    font-weight: 300;
}

.searched_item_display .goods_list_style3 .item_info_area .goods_icon_area {
    padding-top: 8px;
}

.searched_item_display .goods_list_style3 .item_info_area .goods_besong_area {
    font-size: 0;
    padding-top: 8px;
}

.searched_item_display .goods_list_style3 .item_info_area .goods_besong_area .besong {
    border-radius: 0;
    margin: -1px -1px 0 0;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    color: #999;
}

.searched_item_display .goods_list_style3 .item_info_area .goods_seller_area {
    padding-top: 8px;
}

.searched_item_display[data-displaytype='list'] .goods_list_style3 .item_info_area .goods_price_area .discount_rate {
    float: none;
    margin: 0;
}

.searched_item_display .goods_list_style4 .item_info_area .goods_price_area {
    padding-top: 10px;
}

.searched_item_display .goods_list_style4 .item_info_area .goods_price_area .sale_price .num {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
}

.searched_item_display .goods_list_style4 .item_info_area .goods_price_area .consumer_price {
    font-weight: 300;
}

.searched_item_display .goods_list_style4 .item_info_area .goods_price_area .discount_rate {
    float: right;
    margin: 4px 5px 0 0;
    color: #ff5e3f;
}

.searched_item_display .goods_list_style4 .item_info_area .goods_price_area .discount_rate:after {
    content: '';
    display: none;
}

.searched_item_display .goods_list_style4 .item_info_area .goods_price_area .discount_rate .num {
    font-size: 15px;
    font-weight: 300;
}

.searched_item_display .goods_list_style4 .item_info_area .goods_icon_area {
    padding-top: 8px;
}

.searched_item_display[data-displaytype='list'] .goods_list_style4 .item_info_area .goods_price_area .discount_rate {
    float: none;
    margin: 0;
}

.searched_item_display .goods_list_style5 .item_info_area .goods_price_area {
    padding-top: 10px;
}

.searched_item_display .goods_list_style5 .item_info_area .goods_price_area .sale_price .num {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
}

.searched_item_display .goods_list_style5 .item_info_area .goods_price_area .consumer_price {
    font-weight: 300;
}

.searched_item_display .goods_list_style5 .item_info_area .goods_price_area .discount_rate {
    float: right;
    margin: 4px 5px 0 0;
    color: #007cd2;
}

.searched_item_display .goods_list_style5 .item_info_area .goods_price_area .discount_rate:after {
    content: '';
    display: none;
}

.searched_item_display .goods_list_style5 .item_info_area .goods_price_area .discount_rate .num {
    font-size: 15px;
    font-weight: 300;
}

.searched_item_display .goods_list_style5 .item_info_area .goods_besong_area {
    font-size: 0;
    padding-top: 8px;
}

.searched_item_display .goods_list_style5 .item_info_area .goods_besong_area .besong {
    border-radius: 0;
    margin: -1px -1px 0 0;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    color: #999;
}

.searched_item_display .goods_list_style5 .goods_sold_area {
    margin-top: 4px;
    font-size: 13px;
}

.searched_item_display .goods_list_style5 .goods_sold_area .num {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 300;
}

.searched_item_display .goods_list_style5 .goods_event_time {
    margin-top: 4px;
}

.searched_item_display .goods_list_style5 .displaY_event_time .title {
    overflow: hidden;
    text-indent: -999px;
    background: #333 url(../images/common/icon_clock.png) 50% 50% no-repeat;
    background-size: contain;
}

.searched_item_display[data-displaytype='list'] .goods_list_style5 .item_info_area .goods_price_area .discount_rate {
    float: none;
    margin: 0;
}

.searched_item_display[data-displaytype='list'] .goods_list_style5 .item_info_area .displaY_color_option {
    padding-top: 6px;
}

/* //상품리스트 페이지 - 상품정보 추가 style2 ~ */

/* 상품리스트 페이지들 반응형 가로 배열 개수 옵션 제공 */
[data-displaytype='lattice'][data-column='6'] > ul > li {
    width: 16.66%;
}

/* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
[data-displaytype='lattice'][data-column='5'] > ul > li {
    width: 20%;
}

/* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
[data-displaytype='lattice'][data-column='4'] > ul > li {
    width: 25%;
}

/* pc 4개, 태블릿 3개, 모바일 2개 */
[data-displaytype='lattice'][data-column='3'] > ul > li {
    width: 33.33%;
}

/* pc 3개, 태블릿 2개, 모바일 1개 */
[data-displaytype='lattice'][data-column='2'] > ul > li {
    width: 50%;
}

/* pc 2개, 태블릿/모바일 1개 */

@media only screen and (max-width: 1023px) {
    .searched_item_display > ul {
        margin-left: -10px;
    }

    .searched_item_display > ul > li {
        padding-left: 10px;
    }

    .searched_item_display[data-displaytype='list'] .item_img_area {
        width: 140px;
    }

    .searched_item_display[data-displaytype='list'] .item_info_area {
        padding-left: 10px;
        width: calc(100% - 160px);
    }

    .searched_item_display[data-displaytype='list'] .item_info_area .goods_brand_area,
    .searched_item_display[data-displaytype='list'] .item_info_area .goods_category_area,
    .searched_item_display[data-displaytype='list'] .item_info_area .goods_sold_area .zzim,
    .searched_item_display[data-displaytype='list'] .item_info_area .goods_seller_area .rank {
        display: none;
    }

    [data-displaytype='lattice'][data-column='6'] > ul > li {
        width: 20%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    [data-displaytype='lattice'][data-column='5'] > ul > li {
        width: 25%;
    }

    /* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
}

@media only screen and (max-width: 860px) {
    .searched_item_display > ul > li {
        width: 33.33%;
    }

    .searched_item_display[data-displaytype='list'] > ul > li {
        display: block;
        width: auto;
        margin-top: 0;
        padding: 15px 0;
        border: none;
        border-top: 1px #eee solid;
    }

    .searched_item_display[data-displaytype='list'] > ul > li:first-child {
        border-top: none;
    }

    [data-displaytype='lattice'][data-column='6'] > ul > li {
        width: 25%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    [data-displaytype='lattice'][data-column='5'] > ul > li {
        width: 33.33%;
    }

    /* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
    [data-displaytype='lattice'][data-column='4'] > ul > li {
        width: 33.33%;
    }

    /* pc 4개, 태블릿 3개, 모바일 2개 */
    [data-displaytype='lattice'][data-column='3'] > ul > li {
        width: 50%;
    }

    /* pc 3개, 태블릿 2개, 모바일 1개 */
}

@media only screen and (max-width: 639px) {
    .searched_item_display > ul > li {
        width: 50%;
    }

    [data-displaytype='lattice'][data-column='6'] > ul > li {
        width: 33.33%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    [data-displaytype='lattice'][data-column='5'] > ul > li {
        width: 50%;
    }

    /* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
    [data-displaytype='lattice'][data-column='4'] > ul > li {
        width: 50%;
    }

    /* pc 4개, 태블릿 3개, 모바일 2개 */
    [data-displaytype='lattice'][data-column='2'] > ul > li {
        width: 100%;
    }

    /* pc 2개, 태블릿/모바일 1개 */
}

@media only screen and (max-width: 479px) {
    .searched_item_display .item_info_area .goods_name_area {
        font-size: 13px;
    }

    .searched_item_display .item_info_area .goods_price_area > span {
        padding-right: 2px;
    }

    .searched_item_display .item_info_area .goods_price_area .sale_price .num,
    .searched_item_display .item_info_area .goods_price_area .discount_rate .num {
        font-size: 16px;
    }

    .searched_item_display .item_info_area .goods_price_area .discount_rate:after {
        content: '';
    }

    .searched_item_display[data-displaytype='list'] > ul > li {
        padding: 10px 0;
    }

    .searched_item_display[data-displaytype='list'] .item_img_area {
        width: 32%;
    }

    .searched_item_display[data-displaytype='list'] .item_info_area {
        width: calc(66% - 10px);
    }

    [data-displaytype='lattice'][data-column='6'] > ul > li {
        width: 50%;
    }

    /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
    [data-displaytype='lattice'][data-column='3'] > ul > li {
        width: 100%;
    }

    /* pc 3개, 태블릿 2개, 모바일 1개 */
}

/* ======================== //검색 개선( 검색된 상품 Display ) =============================== */


/* -------------------------------------- 로그인 / 회원가입 --------------------------------------------- */
.pilsu_icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/common/icon_check1.png) 50% 50% no-repeat;
    background-size: 16px;
}

.resp_login_wrap {
    max-width: 360px;
    margin: 30px auto 0;
}

.resp_login_wrap .box_id,
.resp_login_wrap .box_pw {
    border: 1px #ddd solid;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    width: 100%;
    padding: 0 15px;
    font-weight: 700;
    color: #333;
    outline: none;
}

.resp_login_wrap .box_pw {
    margin-top: 10px;
}

.resp_login_wrap .box_order {
    border: 1px #ddd solid;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    width: 100%;
    padding: 0 15px;
    font-weight: 700;
    color: #333;
    margin-top: 10px;
}

.resp_login_wrap .input_area .box_order:first-child {
    margin-top: 0;
}

.resp_login_wrap input[type='text']::placeholder {
    font-size: 16px;
    font-weight: 400;
}

.resp_login_wrap input[type='text']:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
}

.resp_login_wrap input[type='password']::placeholder {
    font-size: 16px;
    font-weight: 400;
}

.resp_login_wrap input[type='password']:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
}

.resp_login_wrap .btn_resp.size_login1 {
    width: 100%;
    font-size: 17px;
    font-weight: 300;
    height: 48px;
    line-height: 48px;
    background-color: #333;
    border-color: #333;
    color: #fff;
    border-radius: 2px;
}

.resp_login_wrap .id_save {
    display: inline-block;
    padding: 0 10px 0 0;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #767676;
}

.resp_login_wrap .login_real_area {
    text-align: left;
}

.resp_login_wrap .login_real_area .find_join {
    padding-top: 5px;
    font-size: 14px;
    font-weight: 100;
    color: #ccc;
    text-align: center;
}

.resp_login_wrap .login_real_area .find_join > a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #767676;
    padding: 18px 4px;
}

.resp_login_wrap .login_real_area .find_join > a:hover {
    text-decoration: underline;
}

.resp_login_wrap .login_real_area .desc_area {
    box-sizing: border-box;
    padding: 15px 0;
    min-height: 50px;
    font-size: 14px;
    color: #999;
}

.resp_login_wrap .sns_login_ul {
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.resp_login_wrap .sns_login_ul > li {
    display: inline-block;
    width: 32px;
    padding: 2px;
}

.resp_login_wrap .sns_login_ul img {
    cursor: pointer;
}

.resp_login_wrap .join_btns {
    padding-top: 5px;
}

.join_fb_invite {
    text-align: center;
    padding: 10px 0;
    font-size: 17px;
    font-weight: 500;
    color: #444;
}

.join_fb_invite .fb_name {
    font-weight: 700;
    color: #007cd2;
}

.join_member_benefit_detail {
    font-size: 0;
    text-align: center;
}

.join_member_benefit_detail > ul {
    display: inline-block;
    padding: 0 15px;
    margin-top: 10px;
    vertical-align: top;
    font-size: 14px;
    color: #666;
}

.join_member_benefit_detail > ul > li {
    padding-top: 5px;
}

.join_member_benefit_detail > ul > li.tt {
    color: #999;
}

.join_member_benefit_detail .num {
    font-size: 21px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: -1px;
    color: #333;
}

.sub_page_tab_contents {
    margin-top: 10px;
}

.pilsu_agree_all {
    display: inline-block;
    padding: 10px 9px;
    font-size: 17px;
    font-weight: 500;
    color: #333;
}

.pilsu_agree_all input[type='checkbox'] {
    width: 24px;
    height: 24px;
}

.agree_list3 input[type='checkbox'] {
    margin: 0;
    width: 20px;
    height: 20px;
}

.agree_list3 {
    border-top: 1px #ddd solid;
    font-size: 14px;
}

.agree_list3 > li {
    border: 1px #ddd solid;
    border-top: none;
}

.agree_list3 > li.end {
    background: #feffee;
}

.agree_list3 > li > label {
    display: block;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
}

.agree_list3 .agree_view {
    display: block;
    text-align: right;
    float: right;
    box-sizing: border-box;
    width: 66px;
    padding: 11px 10px 9px 0;
}

.agree_list3 .agree_view:hover {
    text-decoration: underline;
}

.agree_list3 .agree_view + label {
    width: calc(100% - 66px);
}

.agree_list3 .desc {
    font-size: 13px;
}

.resp_member_join_wrap {
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.4;
}

.resp_member_join_wrap input[type='checkbox'], .resp_member_join_wrap input[type='radio'] {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.resp_member_join_wrap input[type=text], .resp_member_join_wrap input[type=password], .resp_member_join_wrap input[type=email], .resp_member_join_wrap input[type=tel] {
    box-sizing: border-box;
    padding: 0 9px;
    width: 200px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    color: #333;
    border: 1px #ccc solid;
    border-radius: 2px;
    text-indent: 0;
    vertical-align: middle;
}

.resp_member_join_wrap input::-ms-clear, .resp_member_join_wrap input::-ms-reveal {
    display: none;
}

.resp_member_join {
    line-height: 1.4;
}

.resp_member_join input[type=text], .resp_member_join input[type=password], .resp_member_join input[type=email], .resp_member_join input[type=tel] {
    box-sizing: border-box;
    padding: 0 9px;
    width: 200px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    color: #333;
    border: 1px #ccc solid;
    border-radius: 2px;
    text-indent: 0;
    vertical-align: middle;
}

.resp_member_join input::-ms-clear, .resp_member_join input::-ms-reveal {
    display: none;
}

.resp_member_join select {
    border: 1px solid #ccc;
    background: #fff;
    height: 32px;
    min-width: 50px;
    padding: 0 0 0 5px;
    border-radius: 2px;
    font-size: 13px;
    vertical-align: bottom;
    max-width: 100%;
    -webkit-appearance: menulist;
}

.resp_member_join textarea {
    box-sizing: border-box;
    width: 100%;
    font-size: 13px;
    line-height: 1.4;
    color: #333;
    border: 1px var(--color-ddd) solid;
    border-radius: 4px;
    padding: 10px;
}

.resp_member_join textarea::placeholder {
    color: #999;
}

.resp_member_join textarea:-ms-input-placeholder {
    color: #999;
}

.resp_member_join input[readonly], .resp_member_join select[disabled] {
    background: #f4f4f4 !important;
    border-color: #ccc !important;
    cursor: default;
}

.resp_member_join input.entered, .resp_member_join textarea.entered {
    border-color: #2470be;
}

.resp_member_join input.entered.end, .resp_member_join textarea.entered.end {
    background: #f4f9ff;
}

.resp_member_join input[type].size_zip_all {
    width: 76px;
}

.resp_member_join input[type].size_address {
    width: 100%;
}

.resp_member_join input[type].size_full {
    width: 100%;
}

.resp_member_join input[type].size_phone {
    width: 60px;
}

.resp_member_join input[type].size_name {
    width: 120px;
}

.resp_member_join input[type].size_mail1 {
    width: 120px;
}

.resp_member_join input[type].size_mail2 {
    width: 110px;
}

.resp_member_join .desc {
    font-size: 12px;
    line-height: 1.5;
    color: #999;
}

.eng_only {
    -webkit-ime-mode: disabled;
    -moz-ime-mode: disabled;
    -ms-ime-mode: disabled;
    ime-mode: disabled;
}

/* 참고) ime-mode 크롬에서는 지원 안 함 */
.guide_text {
    margin-top: 6px;
    color: #ed3347;
}

.guide_text:empty {
    display: none;
}

.guide_text .color_positive {
    color: #2470be;
}

.guide_text .color_negative {
    color: #ed3347;
}

.guide_placeholder {
    display: inline-block;
    padding-top: 8px;
    font-size: 12px;
    color: #999;
}

.add_check_label {
    display: inline-block;
    vertical-align: top;
    padding-top: 8px;
}

/* resp_join_table */
.resp_join_table {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px #ddd solid;
    font-size: 13px;
}

.resp_join_table input::placeholder {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

.resp_join_table input:-ms-input-placeholder {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

.resp_join_table > ul {
    display: table-row;
}

.resp_join_table > ul > li {
    display: table-cell;
    border-top: 1px #ddd solid;
    border-left: 1px #eee solid;
    padding: 8px;
    color: #666;
    vertical-align: middle;
}

.resp_join_table > ul > li:first-child {
    border-left: none;
}

.resp_join_table > ul > li.th {
    width: 140px;
    text-align: left;
    padding: 0;
    background: #f8f8f8;
    color: #333;
}

.resp_join_table > ul > li.th > p {
    padding: 8px 22px 8px 10px;
}

.resp_join_table.no_pilsu > ul > li.th > p {
    padding-right: 5px;
}

.resp_join_table > ul.required > li.th > p {
    background: url(../images/common/icon_check1.png) right 8px top 8px no-repeat;
    background-size: 12px;
}

.resp_join_table .custom_form input[type='text'] {
    padding: 0 9px !important;
    border: 1px #ccc solid !important;
    margin: 0 !important;
}

.resp_join_table .custom_form textarea {
    width: 100% !important;
}

.resp_join_table .custom_form table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.resp_join_table .custom_form select {
    height: 32px !important;
}

.resp_join_table .custom_form label:last-child {
    margin-right: 0;
}

.resp_join_table .member_icon_list:after {
    display: block;
    content: "";
    clear: both;
}

.resp_join_table .member_icon_list > li {
    float: left;
}

.resp_join_table .member_icon_list .lab1 {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 4px 6px;
    font-size: 0;
}

.resp_join_table.th_size2 > ul > li.th {
    width: 110px;
}

.resp_join_table.th_size3 > ul > li.th {
    width: 70px;
}

.resp_join_table.v2 > ul > li.th > p {
    padding: 8px 5px 8px 10px;
}


.designed_radio_checkbox label {
    display: inline-block;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border: 1px #bbb solid;
    border-radius: 2px;
    margin-right: 2px !important;
}

.designed_radio_checkbox.type_radio label {
    border-radius: 16px;
}

.designed_radio_checkbox label.on {
    border-color: #2470be;
    background-color: #2470be;
    color: #fff;
}

.designed_radio_checkbox.disabled label {
    cursor: default;
    background-color: #f4f4f4;
}

.designed_radio_checkbox.disabled label.on {
    border-color: #767676;
    background-color: #767676;
    color: #fff;
}

.designed_radio_checkbox input[type='radio'], .designed_radio_checkbox input[type='checkbox'] {
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.auth_confirm img.ui-datepicker-trigger {
    display: none;
}

.login_ok_menu {
    max-width: 360px;
    margin: 0 auto;
}

.login_ok_menu > ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.login_ok_menu > ul > li {
    display: table-cell;
    padding: 0 5px;
    vertical-align: top;
}

.login_ok_menu .btn_resp.size_c {
    display: block;
    width: 100%;
    height: 100px;
    text-align: center;

    font-size: 20px;
    line-height: 100px;
    font-weight: 500;
}

.member_pw_confirm_area {
    padding: 30px 0;
    margin-top: 10px;
    text-align: center;
}

.member_pw_confirm_area .title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.member_pw_confirm_area input[type='password'] {
    height: 42px;
    line-height: 42px;
    border-color: #007cd2;
    font-size: 16px;
}

.member_sns_list {
    font-size: 0;
    line-height: 0;
    margin-top: -10px;
    margin-left: -5px;
}

.member_sns_list > li {
    display: inline-block;
    vertical-align: top;
    padding: 10px 5px 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}

.member_sns_list .sns_icon {
    width: 42px;
}

.member_sns_list .ttt1 {
    padding-top: 4px;
    color: #007cd2;
}

.lis_sns_disconnect {
    text-align: center;
}

.lis_sns_disconnect > li {
    padding-top: 10px;
}

.lis_sns_disconnect > li:fitst-child {
    padding-top: 0;
}

.lis_sns_disconnect .icon {
    height: 42px;
}

.find_confirm {
    text-align: center;
}

.find_confirm .contents {
    padding-top: 10px;
    color: #999;
}

.find_confirm .btns {
    padding-top: 15px;
}

.find_id_result {
    padding-top: 20px;
    font-size: 15px;
}

/* 캡챠 */
.captcha_table {
    width: 100%;
    border: 1px #ddd solid;
}

.captcha_table td {
    border: 1px #ddd solid;
}

.captcha_table .captcha_td2 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.captcha_text {
    margin-top: 5px;
}

#captcha_id_image {
    height: 74px;
}

#captcha_id_search, #captcha_pass_search {
    box-sizing: border-box;
    width: 100%;
}

/* 회원 인증 */
.auth_confirm_contents {
    text-align: center;
    font-size: 15px;
}

.auth_confirm_contents > li {
    padding-top: 20px;
}

.auth_confirm_contents > li:first-child {
    padding-top: 10px;
}

.auth_confirm_contents {
}

.auth_confirm_contents {
}

@media only screen and (max-width: 600px) {
    .resp_member_join_wrap input[type=text], .resp_member_join_wrap input[type=password], .resp_member_join_wrap input[type=email], .resp_member_join_wrap input[type=tel] {
        width: 100%;
        height: 42px;
        font-size: 16px;
        line-height: 42px;
    }

    .resp_member_join input[type=text], .resp_member_join input[type=password], .resp_member_join input[type=email], .resp_member_join input[type=tel] {
        width: 100%;
        height: 42px;
        font-size: 16px;
        line-height: 42px;
    }

    .resp_member_join select {
        height: 42px;
        font-size: 14px;
    }

    /*.resp_member_join .btn_resp.size_b:not(input[name="new_zipcode"]) {*/
    /*    height: 42px;*/
    /*    line-height: 42px;*/
    /*}*/
    .member_pw_confirm_area {
        padding: 10px 0;
    }

    .designed_radio_checkbox.join_form label {
        height: 42px;
        line-height: 42px;
        font-size: 15px;
    }

    .designed_radio_checkbox.join_form.type_radio label {
        border-radius: 21px;
    }

    .resp_join_table {
        display: block;
        border: none;
    }

    .resp_join_table > ul {
        display: block;
        border-top: none;
    }

    .resp_join_table > ul > li {
        display: block;
        border: none;
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px;
    }

    .resp_join_table > ul > li.th {
        width: auto;
        background: none;
        font-size: 15px;
        font-weight: 500;
        color: #333;
    }

    .resp_join_table > ul > li.th > p {
        display: inline-block;
        padding: 10px 20px 0 0;
    }

    .resp_join_table > ul.required > li.th > p {
        background-position: right 0 top 14px;
        background-size: 12px;
    }

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

    .resp_join_table input:-ms-input-placeholder {
        font-size: 14px;
    }

    .resp_join_table .custom_form select {
        height: 42px !important;
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    /*.resp_member_join select[name='find_email'] {*/
    /*    display: none;*/
    /*}*/
    /*.resp_member_join input[type].size_mail1 {*/
    /*    width: 140px;*/
    /*}*/
    /*.resp_member_join input[type].size_mail2 {*/
    /*    width: 130px;*/
    /*}*/
}

/* -------------------------------------- //로그인 / 회원가입 --------------------------------------------- */


.resp_display_goods_info {
    padding: 10px 0 0;
}


/* ==================== Mobile Aside ==================== */
.layout_side_background {
    z-index: 1000;
    background-color: #333;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
}

.aside_navigation_bottom_line {
    padding-top: 1px;
    background-color: #aaa;
    position: relative;
    top: -1px;
    z-index: 3;
}

.side_close {
    display: block;
    position: fixed;
    left: 295px;
    margin-top: 20px;
    z-index: 2010;
    width: 0;
    height: 30px;
    text-indent: -9999px;
    transition: width 0.4s 0.8s;
    overflow: hidden;
}

.side_close:before, .side_close:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
    width: 100%;
    height: 4px;
    background: #fff;
    border-radius: 2px;
    transform: rotate(0deg);
    transition: transform 0.4s 0s;
    box-shadow: 0 0 2px #999;
}

.side_close.on {
    width: 30px;
}

.side_close.on:before {
    transform: rotate(45deg);
    transition-delay: 1.2s;
}

.side_close.on:after {
    transform: rotate(-45deg);
    transition-delay: 1.4s;
}

.layout_side {
    position: fixed;
    left: 0px;
    top: 0px;
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 20px;
    overflow: auto;
    width: 290px;
    z-index: 2001;
    background-color: #fff;
    display: none;
}

.aside_userinformation {
    padding: 10px;
    text-align: left;
    border-bottom: 1px #ddd solid;
}

.aside_userinformation > ul {
    display: table;
    width: 100%;
}

.aside_userinformation > ul > li {
    display: table-cell;
    vertical-align: middle;
}

.aside_userinformation > ul > li.right_area {
    text-align: right;
}

/* .aside_userinformation .user_name { font-size:14px; color:#333; font-weight:500; } */
.aside_userinformation .user_name {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aside_userinformation .aside_o2o_barcode + .left_area .user_name {
    max-width: 56px;
}

.asie_main_menu {
    padding: 10px 5px;
}

.asie_main_menu > ul {
    font-size: 0;
    line-height: 0;
}

.asie_main_menu > ul > li {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
}

.asie_main_menu > ul > li > a {
    display: block;
    vertical-align: top;
    padding-top: 50px;
    padding-bottom: 5px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 10px;
    background-size: 24px;
}

.asie_main_menu > ul > li.am_home > a {
    background-image: url(../images/common/icon_aside_100.png);
}

.asie_main_menu > ul > li.am_cart > a {
    background-image: url(../images/common/icon_aside_101.png);
}

.asie_main_menu > ul > li.am_order > a {
    background-image: url(../images/common/icon_aside_102.png);
}

.asie_main_menu > ul > li.am_my > a {
    background-image: url(../images/common/icon_aside_103.png);
}

.asie_main_menu > ul > li.am_cs > a {
    background-image: url(../images/common/icon_aside_104.png);
}

.asie_main_menu > ul > li.am_recently > a {
    background-image: url(../images/common/icon_aside_105.png);
}

.asie_main_menu > ul > li.am_wish > a {
    background-image: url(../images/common/icon_aside_106.png);
}

.asie_main_menu > ul > li.am_coupon > a {
    background-image: url(../images/common/icon_aside_107.png);
}

.asie_main_menu > ul > li.am_emony > a {
    background-image: url(../images/common/icon_aside_108.png);
}

.asie_main_menu .push_count {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 20px;
    padding: 0 5px;
    min-width: 10px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 19px;
    font-weight: 300;
    background: #333;
    color: #fff;
}

.layout_side .aside_navigation_wrap ul.tab {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px #aaa solid;
    position: relative;
    z-index: 3;
}

.layout_side .aside_navigation_wrap ul.tab > li {
    display: table-cell;
    line-height: 40px;
    text-align: center;
    background-color: #f6f6f6;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer
}

.layout_side .aside_navigation_wrap ul.tab > li:first-child {
    border-left: none;
}

.layout_side .aside_navigation_wrap ul.tab > li.current {
    background: none;
    border-bottom: none;
    color: #333;
    font-weight: 500;
}

/* side 카테고리 */
.aside_navigation_wrap ul.menu {
    margin-top: -1px;
}

.aside_navigation_wrap ul.menu li {
    line-height: 1.3;
}

.aside_navigation_wrap ul.menu li.mitem {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #eee;
    *zoom: 1;
    padding-right: 0;
}

.aside_navigation_wrap ul.menu li.mitem:first-child {
    border-top: 1px #eee solid;
}

.aside_navigation_wrap ul.menu li.mitem:after {
    content: "";
    display: block;
    clear: both;
}

.aside_navigation_wrap ul.menu li.mitem a.mitem_title {
    width: 100%;
    padding: 13px 5px 11px 50px;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
    color: #333;
    font-weight: 400;
    cursor: pointer;
}

.aside_navigation_wrap ul.menu li.mitem a.mitem_title.v2 {
    color: #697da6;
}

.aside_navigation_wrap ul.menu li.mitem a.mitem_title.v3 {
    color: #a67f69;
}

.aside_navigation_wrap ul.menu li.mitem.category a.mitem_title {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    max-width: none;
    padding: 0;
    float: none;
    min-height: none;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.02);
}

.aside_navigation_wrap ul.menu li.mitem.category.mitemicon3 a.mitem_title {
    cursor: default;
    background: none;
}

.aside_navigation_wrap ul.menu li.mitem.category a.mitem_goodsview {
    margin: 0;
    display: block;
    padding: 13px 5px 11px 10px;
    margin-left: 40px;
    float: none;
    box-sizing: border-box;
    width: calc(100% - 82px);
    border: none;
    border-radius: 0;
    background-color: transparent;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
}

.aside_navigation_wrap ul.menu li.mitem.category.mitemicon2 a.mitem_goodsview {
    font-weight: 700;
    color: #333;
}

.aside_navigation_wrap ul.menu li.mitem.category a.mitem_favorite {
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    height: 36px;
    margin: -18px 0 0;
    text-align: center;
    background-position: 50% 50%;
}

.aside_navigation_wrap ul.menu li.mitem.mitemicon1 {
    background: url('../images/common/ico_arw_open3.png') no-repeat 15px 50%;
    background-size: 11px;
}

.aside_navigation_wrap ul.menu li.mitem.mitemicon2 {
    background: #fafbf0 url('../images/common/ico_arw_close3.png') no-repeat 15px 50%;
    background-size: 11px;
    border-top: 1px #aaa solid;
    margin-top: -1px;
}

.aside_navigation_wrap ul.menu li.favorite.mitemicon2 {
    border-top: 1px #aaa solid;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents {
    display: none;
    position: relative;
    z-index: 3;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu {
    background-color: #fafbf0;
    clear: both;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem {
    position: relative;
    border-bottom: 1px solid #eee;
    *zoom: 1;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem:after {
    content: "";
    display: block;
    clear: both;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem a.submitem_title {
    width: 100%;
    max-width: 160px;
    padding-left: 30px;
    display: block;
    float: left;
    box-sizing: border-box;
    padding-top: 13px;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.no_favorite {
    padding: 13px 5px 11px;
    text-align: center;
    border-bottom-color: #aaa;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.favorite a.submitem_title {
    width: calc(100% - 60px);
    max-width: none;
    float: left;
    min-height: none;
    line-height: 1.3;
    padding: 0 0 0 51px;
    background: url('../images/common/bul_category_sub.png') 20px 8px no-repeat;
    height: 32px;
    font-size: 13px;
    line-height: 33px;
    color: #333;
    cursor: pointer;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.favorite a.mitem_favorite {
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    height: 36px;
    margin: -18px 0 0;
    text-align: center;
    background-position: 50% 50%;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.favorite:last-child {
    border-bottom: 1px #aaa solid;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem .submitem_contents {
    display: block;
    box-sizing: border-box;
    padding: 10px;
    font-size: 12px;
    color: #333;
    letter-spacing: -1px;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category:last-child {
    border-bottom: 1px #aaa solid;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category a.submitem_title {
    position: absolute;
    left: 0;
    top: 0;
    max-width: none;
    padding: 0;
    float: none;
    min-height: none;
    width: 40px;
    height: 32px;
    background: url('../images/common/bul_category_sub.png') 20px 8px no-repeat;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category a.mitem_goodsview {
    margin: 0;
    display: block;
    padding: 0 5px 0 11px;
    height: 32px;
    margin-left: 40px;
    float: none;
    box-sizing: border-box;
    width: calc(100% - 90px);
    border: none;
    border-radius: 0;
    background-color: transparent;
    font-size: 13px;
    line-height: 33px;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category a.mitem_favorite {
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    height: 32px;
    margin: -16px 0 0;
    text-align: center;
    background-position: 50% 50%;
}

.aside_navigation_wrap ul.menu li.mitem.category.on,
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category.on {
    background-color: #fafbf0;
    color: #007cd2;
}

.aside_navigation_wrap ul.menu li.mitem.category.on a.mitem_goodsview,
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category.on a.mitem_goodsview {
    color: #333;
    font-weight: 500;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands {
    padding: 6px 0;
    width: 252px;
    *zoom: 1;
    text-align: left;
    margin: auto;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands:after {
    content: "";
    display: block;
    clear: both
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands li {
    float: left;
    margin: 0 2px
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands li a {
    display: block;
    width: 80px;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    vertical-align: middle;
    text-align: center;
    margin: 3px 0;
    white-space: nowrap;
    overflow: hidden;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands li a img {
    max-width: 70px;
    max-height: 50px;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents .bestbrands_paging {
    text-align: center;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents .bestbrands_paging ul {
    margin-bottom: 6px;
}

.aside_navigation_wrap ul.menu li.mitem.mitemicon2.favorite {
    border-bottom-color: #eee;
}

.aside_navigation_wrap a.mitem_goodsview {
    float: right;
    margin-right: 5px;
    padding: 5px 5px;
    border: 1px solid #b0b5bb;
    border-radius: 2px;
    background-color: #fff;
    font-size: 11px;
    color: #555;
}

#category_favorite_alert {
    display: none;
    position: fixed;
    left: 35px;
    top: 35%;
    z-index: 50;
    width: 200px;
    height: 200px;
    background: url('../images/design/alert_bg.png') no-repeat;
    background-size: 200px 200px;
}

#category_favorite_alert .cfa_on {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: -55px;
    width: 68px;
    height: 66px;
    background: url('../images/design/ico_fvr_big_on.png') no-repeat;
    background-size: 68px 66px;
}

#category_favorite_alert .cfa_off {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: -55px;
    width: 68px;
    height: 66px;
    background: url('../images/design/ico_fvr_big_off.png') no-repeat;
    background-size: 68px 66px;
}

#category_favorite_alert .cfa_msg {
    position: absolute;
    left: 0;
    top: 65%;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}

.aside_navigation_wrap a.mitem_favorite {
    float: right;
    display: block;
    width: 40px;
    height: 32px;
    background: url('../images/design/ico_fvr_off.png') 50% 50% no-repeat;
    background-size: 20px;
    cursor: pointer
}

.aside_navigation_wrap a.mitem_favorite_on {
    background-image: url('../images/design/ico_fvr_on.png');
}

.category_favorite_alert {
    display: none;
    position: fixed;
    left: 35px;
    top: 35%;
    width: 200px;
    height: 200px;
    background: url('../images/design/alert_bg.png') no-repeat;
    background-size: 200px 200px;
}

.category_favorite_alert .cfa_on {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: -55px;
    width: 68px;
    height: 66px;
    background: url('../images/design/ico_fvr_big_on.png') no-repeat;
    background-size: 68px 66px;
}

.category_favorite_alert .cfa_off {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: -55px;
    width: 68px;
    height: 66px;
    background: url('../images/design/ico_fvr_big_off.png') no-repeat;
    background-size: 68px 66px;
}

.category_favorite_alert .cfa_msg {
    position: absolute;
    left: 0;
    top: 65%;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}

/* side 브랜드 추가 */
.aside_navigation_wrap .aside_brand_sorting {
    padding: 10px;
    position: relative;
    z-index: 2;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    margin-top: -1px;
}

.aside_navigation_wrap ul.brandsort {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    background: #f8f8f8;
}

.aside_navigation_wrap ul.brandsort > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-right: 1px #ccc solid;
    cursor: pointer;
}

.aside_navigation_wrap ul.brandsort > li:first-child {
    border-left: 1px #ccc solid;
}

.aside_navigation_wrap ul.brandsort > li.current {
    background-color: #fff;
    color: #333;
    font-weight: 500;
}

.aside_navigation_wrap ul.brandsort_words {
    padding: 6px 0 0;
    font-size: 0;
    margin-left: -4px;
}

.aside_navigation_wrap ul.brandsort_words li {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 4px 0 0 4px;
    font-size: 13px;
    line-height: 31px;
    font-weight: 400;
    border-radius: 2px;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    color: #444;
    cursor: pointer
}

.aside_navigation_wrap ul.brandsort_words li.current {
    border-color: #4a79b5;
    background-color: #4a79b5;
    color: #ffffff;
}

/* side 커뮤니티 추가 */
.aside_navigation_wrap ul.menu.board {
    border-top: 1px #eee solid;
}

.aside_navigation_wrap ul.menu.board > li {
    border-bottom: 1px solid #eee;
}

.aside_navigation_wrap ul.menu.board > li a {
    display: block;
    height: 40px;
    line-height: 41px;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    background: url('../images/common/ico_arw_direct.png') no-repeat;
    background-position: right 15px top 50%;
    background-size: 7px;
}

.aside_navigation_wrap ul.menu.board > li.on a {
    color: #007cd2;
    font-weight: 700;
    background-color: #fafbf0;
}

.aside_recently_menu .sslide {
    padding: 2px;
    position: relative;
}

.aside_recently_menu .btn_remove {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.aside_recently_menu .btn_remove:before,
.aside_recently_menu .btn_remove:after {
    display: block;
    content: '';
    position: absolute;
    left: 2px;
    top: calc(50% - 1px);
    width: calc(100% - 4px);
    height: 2px;
    background: #fff;
    border-radius: 1px;
}

.aside_recently_menu .btn_remove:before {
    transform: rotate(45deg);
}

.aside_recently_menu .btn_remove:after {
    transform: rotate(-45deg);
}

.aside_recently_nodata {
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    padding: 25px 10px;
    text-align: center;
    color: #999;
}

.aside_recently_menu .slick-arrow {
    position: absolute;
    top: 0;
    left: auto;
    right: 10px;
    top: -32px;
    width: 21px;
    height: 21px;
    border-radius: 2px;
    background-position: 50% 50%;
    background-size: auto;
    opacity: 0.5;
    transform: translateX(0);
}

.aside_recently_menu .slick-next {
    background-image: url(../images/common/btn_slide_s_next.png);
}

.aside_recently_menu .slick-prev {
    right: 34px;
    background-image: url(../images/common/btn_slide_s_prev.png);
}

.aside_recently_menu:hover .slick-arrow {
    transform: translateX(0);
    background-color: #ddd;
}

.aside_recently_menu .slick-arrow:hover {
    opacity: 1;
}

.aside_cs_phone {
    display: block;
    font-size: 32px;
    line-height: 1.0;
    font-weight: 100;
    color: #333;
}

.aside_cs_phone:before {
    display: inline-block;
    width: 28px;
    height: 28px;
    position: relative;
    top: -3px;
    margin-right: 8px;
    vertical-align: middle;
    content: '';
    background: url(../images/common/icon_call_02.png) 50% 50% no-repeat;
    animation: ani_call2 4s linear infinite;
}

.aside_cs_addinfo {
    padding-top: 5px;
    color: #999;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.8;
}

@media only screen and (max-width: 340px) {
    .side_close {
        left: 285px;
    }

    .layout_side {
        width: 280px;
    }
}

/* ==================== //Mobile Aside ==================== */

/* ==================== BRANDS MAIN ==================== */
.page_banner_area1 {
    margin-top: 20px;
}

.page_banner_area1 .sliderB .text2 {
    font-size: 60px;
    font-weight: 300;
}

.page_banner_area1 .sliderB .text_wrap {
    background: none;
}

.page_banner_area1 .slick-dots {
    bottom: 10px;
}

.page_banner_area1 .sliderB .st1 {
    color: #ff4a00;
}

.resp_brand_search_form {
    text-align: center;
    margin: 30px 0 26px;
}

.resp_brand_search_form .search_title {
    display: inline-block;
    height: 42px;
    margin-right: 8px;
    vertical-align: middle;
    font-size: 19px;
    line-height: 43px;
    font-weight: 300;
    color: #333;
}

.resp_brand_search_form .search_input {
    height: 42px;
    line-height: 43px;
    width: 200px;
}

.resp_brand_search_form .btn_resp.size_c {
    min-width: 90px;
}

.resp_brand_search_btns:after {
    display: block;
    content: "";
    clear: both;
}

.resp_brand_search_btns > ul {
    margin-left: -4px;
}

.resp_brand_search_btns > ul > li {
    float: left;
    margin: 4px 0 0 4px;
}

.resp_brand_search_btns > ul > li.space {
    width: 100%;
    margin: 0;
    padding: 0;
}

.resp_brand_search_btns > ul > li > a {
    display: block;
    box-sizing: border-box;
    vertical-align: top;
    height: 28px;
    line-height: 28px;
    min-width: 28px;
    padding: 0 5px;
    text-align: center;
    border: 1px #ccc solid;
    background-color: #fff;
    border-radius: 2px;
}

.resp_brand_search_btns > ul > li > a.all {
    width: 60px;
}

.resp_brand_search_btns > ul > li > a.on {
    border-color: #434343;
    background-color: #434343;
    color: #fff;
}

.resp_brand_main_list {
    font-size: 0;
    margin-left: -10px;
    padding-top: 10px;
}

.resp_brand_main_list > ul {
    display: inline-block;
    max-width: 164px;
    margin: 10px 0 0 10px;
    font-size: 13px;
    vertical-align: top;
}

.resp_brand_main_list > ul .brand_list_block {
    vertical-align: top;
    text-align: center;
}

.resp_brand_main_list > ul .brand_list_block > img {
    border: 1px #eee solid;
}

.resp_brand_main_list .name {
    display: block;
    padding: 10px 0;
}

.resp_brand_main_list .name .icon {
    max-height: 20px;
    position: relative;
    top: -1px;
}

.resp_brand_main_list > ul.on .brand_list_block > img {
    border-color: #ddd;
}

.resp_brand_main_list > ul.on .name {
    color: #333;
}

.visual_title {
    margin-top: 64px;
    position: relative;
    overflow: hidden;
}

.visual_title .visual_gon {
    position: absolute;
    left: 90px;
    bottom: 0;
    top: 0;
    text-align: left;
}

.visual_title .title_inner_a {
    display: table;
    height: 100%;
}

.visual_title .title_inner_a > li {
    display: table-cell;
    vertical-align: middle;
}

.visual_title h2 {
    padding: 10px 0;
    margin: 0;
    font-size: 45px;
    line-height: 1.1;
    font-weight: 500;
    border-bottom: none;
    color: #333;
}

.visual_title .descr {
    font-size: 21px;
    line-height: 1.3;
}

.visual_title .descr2 {
    font-size: 21px;
    line-height: 1.3;
}

@media only screen and (max-width: 1023px) {
    .page_banner_area1 {
        margin-left: -10px;
        margin-right: -10px;
    }

    .page_banner_area1 .simg {
        max-width: 120%;
        margin-left: -10%;
        margin-right: -10%;
    }

    .page_banner_area1 .sliderB .text2 {
        font-size: 46px;
    }

    /*.visual_title {*/
    /*    margin: 0 -10px;*/
    /*}*/
    .visual_title .visual_gon {
        left: 40px;
    }

    .visual_title .img_area img {
        max-width: 120%;
        margin-left: -10%;
        margin-right: -10%;
    }
}

@media only screen and (max-width: 767px) {

    .page_banner_area1 .simg {
        max-width: 140%;
        margin-left: -20%;
        margin-right: -20%;
    }

    .page_banner_area1 .sliderB .text2 {
        font-size: 40px;
    }

    .page_banner_area1 .sliderB .text_wrap {
        margin-top: -7px;
    }

    .page_banner_area1 .sliderB .sbtns1 {
        padding-top: 10px;
    }

    .resp_brand_search_form .search_title {
        display: none;
    }

    .visual_title .visual_gon {
        left: 30px;
    }

    .visual_title .img_area img {
        max-width: 140%;
        margin-left: -20%;
        margin-right: -20%;
    }

    .visual_title h2 {
        font-size: 38px;
    }

    .visual_title .descr {
        font-size: 19px;
    }
}

@media only screen and (max-width: 479px) {
    .visual_title {
        margin-top: 56px;
    }

    .page_banner_area1 .slick-dots {
        bottom: 5px;
    }

    .page_banner_area1 .simg {
        max-width: 160%;
        margin-left: -30%;
        margin-right: -30%;
    }

    .page_banner_area1 .sliderB .text2 {
        font-size: 30px;
    }

    .visual_title .visual_gon {
        left: 20px;
    }

    .visual_title .img_area img {
        max-width: 160%;
        margin-left: -30%;
        margin-right: -30%;
    }

    .visual_title h2 {
        font-size: 34px;
    }

    .resp_brand_main_list > ul {
        max-width: calc(33.33% - 10px);
    }
}

/* ==================== //BRANDS MAIN ==================== */


/* ==================== 팝업 ==================== */
.designPopupClose {
    cursor: pointer;
}

/* 띠배너 */
.designPopupBand, .designPopupBandMobile {
    position: relative;
}

.designPopupBand .designPopupBody, .designPopupBandMobile .designPopupBody {
    text-align: center;
}

.designPopupBand .designPopupClose, .designPopupBandMobile .designPopupClose {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    padding: 5px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.designPopupBand .designPopupClose > a, .designPopupBandMobile .designPopupClose > a {
    display: block;
    width: 14px;
    height: 14px;
    overflow: Hidden;
    text-indent: -999px;
    background: url(../images/common/btn_tbanner_close.png) 50% 50% no-repeat;
}

/* 레이어팝업 공통 */
.designPopup .designPopupBody {
    min-width: 280px;
    background: #fff;
    overflow-y: auto;
}

.designPopup .designPopupBody.textStyle {
    min-width: 300px;
}

.designPopup .designPopupBar {
    zoom: 1;
    background-color: #555;
    font-size: 14px;
    font-weight: 300;
    color: #ccc;
}

.designPopup .designPopupBar:after {
    display: block;
    content: "";
    clear: both;
}

.designPopup .designPopupBar a {
    color: #ccc;
}

.designPopup .designPopupBar .designPopupTodaymsg {
    float: left;
    padding: 8px 10px 8px 15px;
}

.designPopup .designPopupBar .designPopupTodaymsg input[type='checkbox'] {
    width: 1px;
    height: 1px;
    font-size: 0;
    margin: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.designPopup .designPopupBar .designPopupClose {
    float: right;
    padding: 8px 15px 8px 10px;
}

@media only screen and (max-width: 1023px) {
    .designPopupBand .designPopupClose, .designPopupBandMobile .designPopupClose {
        right: 5px;
    }

    .designPopup {
        margin-left: 0 !important;
        left: 10px !important;
        top: 10px !important;
        margin-right: 10px;
    }
}

/* 레이어 팝업 - 텍스트형 샘플 */
.layerpop_text_01 {
    padding: 20px;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
}

.layerpop_text_01 .title {
    margin: 0;
    padding-top: 15px;
    font-size: 28px;
    font-weight: 700;
    color: #333;
    letter-spacing: -1px;
    text-align: center;
}

.layerpop_text_01 .subtxt {
    margin: 0;
    padding-top: 20px;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    color: #007cd2;
}

.layerpop_text_01 .list {
    margin: 0;
    list-style: none;
    padding: 20px 0 0;
    font-size: 15px;
    line-height: 1.4;
}

.layerpop_text_01 .list > li {
    margin: 0;
    padding: 2px 0 2px 11px;
    background: url(../images/common/bul_layer_custom.png) 2px 9px no-repeat;
}

.layerpop_text_01 .paragraph {
    font-size: 14px;
    line-height: 1.5;
}

/* 퀵뷰 레이어 스타일 */
div.goodsPopupLayer {
    border: 2px solid #000;
    padding: 0px 22px;
    position: absolute;
    background-color: #fff;
    z-index: 9999
}

div.goodsPopupLayerTitle {
    padding: 12px 0 10px 0;
    border-bottom: 1px solid #000;
    font-size: 17px;
    font-weight: 500;
    color: #333;
}

div.goodsPopupLayerClose {
    position: absolute;
    top: 12px;
    right: 22px;
    background: url('../images/common/btn_close_dsp.gif') no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer
}

div.goodsPopupLayerBody {
    padding: 10px 0 5px 0;
    text-align: center;
}

div.goodsPopupLayerBtnWrap {
    margin-top: 20px;
    border-top: 1px solid #ddd
}

.goodsPopupLayerMoreBtn {
    margin-top: 15px;
    background: url('../images/common/btn_view_detail.gif') no-repeat;
    width: 128px;
    height: 40px;
    display: inline-block;
}

/* 옵션 미리보기 */
.quick_opt_view {
    position: absolute;
    top: calc(100% - 28px);
    z-index: 15;
    box-sizing: border-box;
    border: 1px solid #999;
    width: 100%;
    background-color: #fff;
    display: none;
}

.quick_opt_view .quick_opt_view_wrap {
    position: relative;
    margin: 10px;
}

.quick_opt_view .quick_opt_view_wrap .quick_option_title {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px;
}

.quick_opt_view .quick_opt_view_wrap .quick_option_area {
}

.quick_opt_view .quick_opt_view_wrap .quick_option_area ul li {
    border-top: 1px solid #f0f0f0;
    padding: 8px 0;
    font-size: 12px;
}

.quick_opt_view .quick_opt_view_wrap .quick_opt_view_close {
    position: absolute;
    right: 0px;
    top: 2px;
    width: 11px;
    height: 11px;
    background: url('/data/icon/goodsdisplay/preview/quick_opt_close.png') no-repeat;
    text-indent: -9999px;
    cursor: pointer
}

/* 옵션 미리보기 */
.previewLayerOption {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.9;
}

/* sns 내보내기 */
#displayGoodsSendLayer {
    border-color: #ccc !important;
    padding: 4px 4px 4px 0 !important;
}

#displayGoodsSendLayer img {
    width: 20px !important;
    height: 20px !important;
}

/* ==================== //팝업 ==================== */


/* -------------------------------------- MAIN --------------------------------------------- */
.title_group1 {
    text-align: center;
    /*padding: 70px 0 30px;*/
}

.title_group1 .title1 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    color: #333;
}

.title_group1 .text1 {
    font-size: 17px;
    color: #767676;
}

.title_group1 .text2 {
    padding-top: 5px;
    font-size: 14px;
    color: #999;
}

.btn_talk_area {
    margin-top: 40px;
}

.btn_talk {
    display: inline-block;
    border: 1px solid #01ba3a;
    background: #01c43d;
    height: 42px;
    line-height: 38px;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff !important;
}

.btn_talk.v2 {
    width: 100%;
}

.wide_visual_slider {
    position: relative;
    overflow: hidden;
}

.wide_visual_slider .sslide {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.wide_visual_slider .sslide:first-child {
    position: static;
    left: auto;
    top: auto;
    z-index: 4;
}

/* 이미지 hover Effect */
.item_rank,
[data-effect] .respItemImageArea,
[data-effect] .respItemImageArea img,
[data-effect] .slink,
[data-effect] .slink img,
[data-effect] .item_img_area > a,
[data-effect] .item_img_area > a > img {
    transition: all 0.2s;
}

[data-effect] .respItemImageArea,
[data-effect] .slink,
[data-effect] .item_img_area > a {
    display: block;
}

[data-effect*="scale"] .respItemImageArea,
[data-effect*="scale"] .slink,
[data-effect*="scale"] .item_img_area > a {
    overflow: hidden;
}

[data-effect*="scale"] .gl_item:hover .respItemImageArea img,
[data-effect*="scale"] .slink:hover img,
[data-effect*="scale"] .item_img_area > a:hover > img {
    transform: scale(1.1);
}

[data-effect*="opacity"] .gl_item:hover .respItemImageArea img,
[data-effect*="opacity"] .slink:hover img,
[data-effect*="opacity"] .item_img_area > a:hover > img {
    opacity: 0.6;
}

[data-effect*="rotate_01"] .gl_item:hover .respItemImageArea,
[data-effect*="rotate_01"] .slink:hover,
[data-effect*="rotate_01"] .item_img_area > a:hover {
    transform: rotate(5deg);
}

[data-effect*="rotate_02"] .gl_item:hover .respItemImageArea,
[data-effect*="rotate_02"] .slink:hover,
[data-effect*="rotate_02"] .item_img_area > a:hover {
    transform: rotate(-5deg);
}

[data-effect*="translate_x"] .gl_item:hover .respItemImageArea,
[data-effect*="translate_x"] .slink:hover,
[data-effect*="translate_x"] .item_img_area > a:hover {
    transform: translateX(8px);
}

[data-effect*="translate_y"] .gl_item:hover .respItemImageArea,
[data-effect*="translate_y"] .slink:hover,
[data-effect*="translate_y"] .item_img_area > a:hover {
    transform: translateY(-8px);
}

/* 아이콘 위치 */
[data-iconposition*="left"] .respGoodsIcon,
[data-iconposition*="left"] .item_img_area .item_rank {
    right: auto;
    top: 0;
    left: 0;
    transform: translateX(0) translateY(0);
}

[data-iconposition*="left"] .gl_item:hover .respGoodsIcon,
[data-iconposition*="left"] .item_img_area:hover .item_rank {
    transform: translateX(0) translateY(-8px);
}

[data-iconposition*="right"] .respGoodsIcon,
[data-iconposition*="right"] .item_img_area .item_rank {
    right: 0;
    top: 0;
    left: auto;
    transform: translateX(0) translateY(0);
}

[data-iconposition*="right"] .gl_item:hover .respGoodsIcon,
[data-iconposition*="right"] .item_img_area:hover .item_rank {
    transform: translateX(0) translateY(-8px);
}

/* 아이콘 타입 - BEST */
[data-icontype*="best"] .respGoodsIcon .iconArea {
    font-size: 15px;
}

[data-icontype*="best"] .respGoodsIcon .nuM {
    display: block;
    font-size: 10px;
}

.main_slider_a1 {
    margin: 0 -10px 0 -11px;
}

.main_slider_a1 .sslide {
    display: block;
    padding: 0 10px 0 11px;
}

.main_slider_a1 .slick-arrow {
    opacity: 0.3;
}

.main_slider_a1 .slick-prev {
    left: -30px;
}

.main_slider_a1 .slick-next {
    right: -30px;
}

.main_slider_a1:hover .slick-prev {
    opacity: 0.8;
    transform: translateX(5px);
}

.main_slider_a1:hover .slick-next {
    opacity: 0.8;
    transform: translateX(-5px);
}

.main_slider_a1:hover .slick-arrow:hover {
    opacity: 1;
}

.main_bnr_c1 {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0 auto;
}

.main_bnr_c1 > li {
    display: table-cell;
    vertical-align: top;
}

.main_bnr_c1 > li.left_area {
    padding-right: 3px;
}

.main_bnr_c1 > li.right_area {
    padding-left: 3px;
}

.main_bnr_c1_2 {
    overflow: hidden;
    zoom: 1;
}

.main_bnr_c1_2 > li {
    box-sizing: border-box;
    float: left;
    width: 33.33%;
}

.main_bnr_c1_2 > li.left_area {
    padding-right: 4px;
}

.main_bnr_c1_2 > li.center_area {
    padding: 0 2px;
}

.main_bnr_c1_2 > li.right_area {
    padding-left: 4px;
}

.main_slider_b2.sliderB .text_wrap {
    background: rgba(0, 0, 0, 0.1);
}

.main_slider_b2.sliderB .text1 {
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    opacity: 0;
    transform: translateX(10px) translateY(0);
    transition: all 0.6s 1.5s;
}

.main_slider_b2.sliderB .text2 {
    padding-top: 10px;
    font-size: 45px;
    font-weight: 100;
    color: #fff;
    transform: translateX(0) translateY(10px);
    transition: all 0.6s 1s;
}

.main_slider_b2.sliderB .sbtns1 {
    padding-top: 30px;
    opacity: 0;
    transform: translateX(20px);
    transition: all 0.6s;
    opacity: 0;
    transform: scale(1.1);
    transition: all 0.6s 2s;
}

.main_slider_b2.sliderB .sbtn1 {
    background-color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    border-radius: 23px;
}

.main_slider_b2.sliderB .sbtn1:hover {
    background-color: #fff;
    color: #333;
    font-weight: 500;
}

.display_slide_class {
    position: relative;
}

@media only screen and (max-width: 1023px) {


    .main_slider_a1 {
        margin: 0 -10px;
    }

    .main_slider_a1 .sslide {
        display: block;
        padding: 0 5px;
    }

    .main_slider_a1 .slick-prev {
        top: -60px;
        left: 10px;
    }

    .main_slider_a1 .slick-next {
        top: -60px;
        right: 10px;
    }

    .main_slider_b2.sliderB .text1 {
        font-size: 18px;
    }

    .main_slider_b2.sliderB .text2 {
        padding-top: 8px;
        font-size: 35px;
    }

    .main_slider_b2.sliderB .sbtns1 {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    /*.wide_visual_slider .sslide img {*/
    /*    max-width: 160%;*/
    /*    margin-left: -30%;*/
    /*    margin-right: -30%;*/
    /*}*/
    .main_bnr_c1 {
        display: block;
        max-width: 627px;
    }

    .main_bnr_c1 > li {
        display: block;
    }

    .main_bnr_c1 > li.left_area {
        padding-right: 0;
    }

    .main_bnr_c1 > li.right_area {
        padding-left: 0;
        padding-top: 6px;
    }

    .main_slider_b2.sliderB .text1 {
        font-size: 17px;
    }

    .main_slider_b2.sliderB .text2 {
        padding-top: 4px;
        font-size: 30px;
    }

    .main_slider_b2.sliderB .sbtns1 {
        padding-top: 15px;
    }

    .main_slider_b2 .sslide img {
        max-width: 140%;
        margin-left: -20%;
    }
}

@media only screen and (max-width: 479px) {
    /*.wide_visual_slider .sslide img {*/
    /*    max-width: 200%;*/
    /*    margin-left: -50%;*/
    /*    margin-right: -50%;*/
    /*}*/
    .title_group1 {
        text-align: center;
        padding: 40px 0 20px;
    }

    .title_group1 .title1 {
        font-size: 28px;
    }

    .main_slider_a1 {
        margin: 0 -10px;
    }

    .main_slider_b2.sliderB .text1 {
        font-size: 16px;
    }

    .main_slider_b2.sliderB .text2 {
        padding-top: 0;
        font-size: 26px;
    }

    .main_slider_b2.sliderB .sbtns1 {
        padding-top: 10px;
    }

    .main_slider_b2 .sslide img {
        max-width: 160%;
        margin-left: -30%;
        margin-right: -30%;
    }
}

/* -------------------------------------- //MAIN --------------------------------------------- */

/* -------------------------------------- 미니샵, 빅데이터 --------------------------------------------- */
.resp_mshop_top {
    padding: 45px 60px;
    margin-top: 20px;
    background-color: #f0f1f5;
}

.resp_mshop_section {
    display: table;
    width: 100%;
    font-size: 15px;
    line-height: 1.3;
}

.resp_mshop_section > li {
    display: table-cell;
    vertical-align: top;
}

.resp_mshop_section > li.sns {
    font-size: 13px;
    text-align: right;
}

.resp_mshop_section .title {
    padding-bottom: 30px;
    font-size: 29px;
    line-height: 1.2;
    font-weight: 400;
    color: #333;
}

.resp_mshop_section .info {
    color: #767676;
}

.resp_mshop_section .info .point {
    color: #333;
}

.resp_mshop_section .descr {
    padding-top: 6px;
    color: #999;
}

.resp_mshop_section .snsbox_area {
    display: inline-block;
    padding: 4px 4px 4px 0;
    font-size: 0;
    border: 1px #ccc solid;
    background: #fff;
}

.bigdata_area .goods_thumbs_spec #goods_thumbs {
    padding-top: 0px;
}

.bigdata_area .dcont_b1 {
    overflow: hidden;
    zoom: 1;
    padding: 10px 0;
    border-bottom: 1px #eee solid;
}

.bigdata_area .price_area {
    display: table;
    width: 100%;
    margin-top: 10px;
}

.bigdata_area .price_area > li {
    display: table-cell;
    padding: 10px 0;
    vertical-align: middle;
}

.bigdata_area .price1 {
    font-size: 17px;
    font-weight: 400px;
    color: #333;
}

.bigdata_area .price1 b {
    font-size: 32px;
    letter-spacing: -1px;
}

.bigdata_area .consumer {
    font-size: 15px;
    color: #999;
    font-weight: 400;
}

.reg_minishop {
    display: inline-block;
    height: 35px;
    padding: 0 0 0 32px;
    vertical-align: top;
    margin: 0 12px 0 0;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 27px;
    background-image: url(../images/design/ico_wish_off.png);
}

.reg_minishop.on {
    background-image: url(../images/design/ico_wish_on.png);
}

.reg_minishop.v2 {
    margin: -1px 0 0 2px;
    vertical-align: middle;
    height: 16px;
    background-size: 16px;
}

@media only screen and (max-width: 767px) {
    .resp_mshop_top {
        padding: 15px 20px;
    }

    .resp_mshop_section {
        display: block;
    }

    .resp_mshop_section > li {
        display: block;
    }

    .resp_mshop_section > li.sns {
        padding-top: 15px;
        min-height: 43px;
        text-align: left;
    }

    .resp_mshop_section .title {
        padding: 10px 0 20px;
    }
}

/* -------------------------------------- //미니샵 --------------------------------------------- */

/* BEST, NEW 페이지 */
.best_page_ranking .item_rank {
    display: block;
    content: counter(number);
    position: absolute;
    left: -5px;
    top: -5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #767676;
    color: #fff;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 300;
}

.best_page_ranking .item_rank .num {
    font-size: 20px;
    position: relative;
    bottom: -1px;
}

.best_page_ranking > ul > li:nth-child(1) .item_rank {
    background-color: #900207;
}

.best_page_ranking > ul > li:nth-child(2) .item_rank {
    background-color: #900207;
}

.best_page_ranking > ul > li:nth-child(3) .item_rank {
    background-color: #900207;
}

@media only screen and (max-width: 767px) {
    .best_page_ranking .item_rank {
        width: 42px;
        height: 42px;
        line-height: 42px;
    }
}

/* //BEST, NEW 페이지 */


/* -------------------------------------- CSS Hack --------------------------------------------- */
@supports (-webkit-overflow-scrolling: touch) {
    /* iphone css hack */
    select {
        -webkit-appeArance: none;
        padding-left: 4px;
        padding-right: 17px;
        background-image: url(../images/design/right_quick_arrowdown.gif);
        background-position: right 7px top 50%;
        background-repeat: no-repeat;
    }

    .search_nav select {
        padding-left: 4px;
    }
}

/* -------------------------------------- //CSS Hack --------------------------------------------- */


/* -------------------------------------- 배너 템플릿 --------------------------------------------- */
.respBnrGon {
    overflow: hidden;
    zoom: 1;
    text-align: center;
}

.respBnrGon > ul {
    font-size: 0;
    line-height: 0;
}

.respBnrGon > ul:after {
    content: "";
    display: block;
    clear: both;
}

.respBnrGon > ul > li {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 1.4;
}

.resp_youtube_wrap {
	width: 100%;
}
.resp_youtube_wrap .main_youtube {
	position: relative;
	width: 100%;
	height: 0; 
	padding-bottom: 56.25%; 
}
.resp_youtube_wrap .main_youtube .youtube_frame {
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%; 
	border: 0;
}

.respBnrGon_num1_typeA > ul > li {
    padding: 5px 0;
}

.respBnrGon_num2_typeA > ul > li {
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num2_typeA > ul > li:nth-child(odd) {
    float: left;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num3_typeA > ul > li {
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num3_typeA > ul > li:nth-child(3n+1) {
    clear: both;
    float: left;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num3_typeB > ul > li {
    width: 50%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num3_typeB > ul > li:nth-child(3n+1) {
    clear: both;
    float: right;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num3_typeC > ul > li {
    width: 33.33%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num3_typeC > ul > li:nth-child(3n+1) {
    clear: both;
    float: left;
    width: 66.66%;
    padding: .47% .32% .47% 0;
}

.respBnrGon_num3_typeD > ul > li {
    width: 33.33%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num3_typeD > ul > li:nth-child(3n+1) {
    clear: both;
    float: right;
    width: 66.66%;
    padding: .47% 0 .47% .32%;
}

.respBnrGon_num3_typeE > ul > li {
    width: 33.33%;
    padding: .47% .31%;
}

.respBnrGon_num3_typeE > ul > li:nth-child(3n+1) {
    padding-left: 0;
    padding-right: .62%;
}

.respBnrGon_num3_typeE > ul > li:nth-child(3n) {
    padding-right: 0;
    padding-left: .62%;
}

.respBnrGon_num3_typeF > ul {
    position: relative;
}

.respBnrGon_num3_typeF > ul > li {
    width: 25%;
}

.respBnrGon_num3_typeF > ul > li:nth-child(3n+1) {
    width: 50%;
    padding: .47% .23%;
    margin: 0 auto;
}

.respBnrGon_num3_typeF > ul > li:nth-child(3n+2) {
    position: absolute;
    left: 0;
    top: 0;
    padding: .47% .7% .47% 0;
}

.respBnrGon_num3_typeF > ul > li:nth-child(3n) {
    position: absolute;
    right: 0;
    top: 0;
    padding: .47% 0 .47% .7%;
}

.respBnrGon_num4_typeA > ul > li {
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num4_typeA > ul > li:nth-child(odd) {
    padding: .47% .47% .47% 0;
}

.respBnrGon_num4_typeB > ul > li {
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num4_typeB > ul > li:nth-child(4n+1) {
    clear: both;
    float: left;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num4_typeB > ul > li:nth-child(4n) {
    width: 25%;
    padding: .47% 0 .47% .7%;
}

.respBnrGon_num4_typeB > ul > li:nth-child(4n+3) {
    width: 25%;
    padding: .47% .23% .47% .47%;
}

.respBnrGon_num4_typeC > ul > li {
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num4_typeC > ul > li:nth-child(4n+1) {
    clear: both;
    float: left;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num4_typeC > ul > li:nth-child(4n+2) {
    width: 25%;
    padding: .47% .23% .47% .47%;
}

.respBnrGon_num4_typeC > ul > li:nth-child(4n+3) {
    width: 25%;
    padding: .47% 0 .47% .7%;
}

.respBnrGon_num4_typeD > ul > li {
    width: 50%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num4_typeD > ul > li:nth-child(4n+1) {
    clear: both;
    float: right;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num4_typeD > ul > li:nth-child(4n+3) {
    width: 25%;
    padding: .47% .7% .47% 0;
}

.respBnrGon_num4_typeD > ul > li:nth-child(4n) {
    width: 25%;
    padding: .47% .47% .47% .23%;
}

.respBnrGon_num4_typeE > ul > li {
    width: 50%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num4_typeE > ul > li:nth-child(4n+1) {
    clear: both;
    float: right;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num4_typeE > ul > li:nth-child(4n+2) {
    width: 25%;
    padding: .47% .7% .47% 0;
}

.respBnrGon_num4_typeE > ul > li:nth-child(4n+3) {
    width: 25%;
    padding: .47% .47% .47% .23%;
}

.respBnrGon_num5_typeA > ul > li {
    width: 25%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num5_typeA > ul > li:nth-child(5n+1) {
    clear: both;
    float: left;
    width: 50%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num5_typeA > ul > li:nth-child(5n+2),
.respBnrGon_num5_typeA > ul > li:nth-child(5n+4) {
    padding: .47% .23% .47% .47%;
}

.respBnrGon_num5_typeA > ul > li:nth-child(5n+3),
.respBnrGon_num5_typeA > ul > li:nth-child(5n) {
    padding: .47% 0 .47% .7%;
}

.respBnrGon_num5_typeB > ul > li {
    width: 25%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num5_typeB > ul > li:nth-child(5n+1) {
    clear: both;
    float: right;
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num5_typeB > ul > li:nth-child(5n+3),
.respBnrGon_num5_typeB > ul > li:nth-child(5n) {
    padding: .47% .47% .47% .23%;
}

.respBnrGon_num5_typeB > ul > li:nth-child(5n+2),
.respBnrGon_num5_typeB > ul > li:nth-child(5n+4) {
    padding: .47% .7% .47% 0;
}

.respBnrGon_num5_typeC > ul > li {
    width: 33.33%;
    padding: .47% .31%;
}

.respBnrGon_num5_typeC > ul > li:nth-child(5n+1) {
    clear: both;
    float: left;
    padding: .47% .62% .47% 0;
}

.respBnrGon_num5_typeC > ul > li:nth-child(5n+3),
.respBnrGon_num5_typeC > ul > li:nth-child(5n) {
    padding: .47% 0 .47% .62%;
}

.respBnrGon_num5_typeD > ul > li {
    width: 33.33%;
    padding: .47% .31%;
}

.respBnrGon_num5_typeD > ul > li:nth-child(5n+1) {
    clear: both;
    float: right;
    padding: .47% 0 .47% .62%;
}

.respBnrGon_num5_typeD > ul > li:nth-child(5n+2),
.respBnrGon_num5_typeD > ul > li:nth-child(5n+4) {
    padding: .47% .62% .47% 0;
}

.respBnrGon_num5_typeE > ul > li {
    width: 16.66%;
}

.respBnrGon_num5_typeE > ul > li:nth-child(5n+1) {
    float: left;
    width: 50%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num5_typeE > ul > li:nth-child(5n+2) {
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num5_typeE > ul > li:nth-child(5n) {
    padding: .47% 0 .47% .74%;
}

.respBnrGon_num5_typeE > ul > li:nth-child(5n+4) {
    padding: .47% .16% .47% .58%;
}

.respBnrGon_num5_typeE > ul > li:nth-child(5n+3) {
    padding: .47% .32% .47% .42%;
}

.respBnrGon_num5_typeF > ul > li {
    width: 16.66%;
}

.respBnrGon_num5_typeF > ul > li:nth-child(5n+1) {
    float: right;
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num5_typeF > ul > li:nth-child(5n+2) {
    width: 50%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num5_typeF > ul > li:nth-child(5n+3) {
    padding: .47% .74% .47% 0;
}

.respBnrGon_num5_typeF > ul > li:nth-child(5n+4) {
    padding: .47% .58% .47% .16%;
}

.respBnrGon_num5_typeF > ul > li:nth-child(5n) {
    padding: .47% .42% .47% .32%;
}

.respBnrGon_num5_typeG > ul > li {
    width: 16.66%;
}

.respBnrGon_num5_typeG > ul > li:nth-child(5n+1) {
    float: left;
    width: 50%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num5_typeG > ul > li:nth-child(5n+4) {
    padding: .47% 0 .47% .74%;
}

.respBnrGon_num5_typeG > ul > li:nth-child(5n+3) {
    padding: .47% .16% .47% .58%;
}

.respBnrGon_num5_typeG > ul > li:nth-child(5n+2) {
    padding: .47% .32% .47% .42%;
}

.respBnrGon_num5_typeG > ul > li:nth-child(5n) {
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num5_typeH > ul > li {
    width: 16.66%;
}

.respBnrGon_num5_typeH > ul > li:nth-child(5n+1) {
    float: right;
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num5_typeH > ul > li:nth-child(5n+2) {
    padding: .47% .74% .47% 0;
}

.respBnrGon_num5_typeH > ul > li:nth-child(5n+3) {
    padding: .47% .58% .47% .16%;
}

.respBnrGon_num5_typeH > ul > li:nth-child(5n+4) {
    padding: .47% .42% .47% .32%;
}

.respBnrGon_num5_typeH > ul > li:nth-child(5n) {
    width: 50%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num5_typeX1 > ul {
    position: relative;
}

.respBnrGon_num5_typeX1 > ul > li {
    width: 25%;
}

.respBnrGon_num5_typeX1 > ul > li:nth-child(5n+3) {
    width: 50%;
    padding: .47% .23%;
    margin: 0 auto;
}

.respBnrGon_num5_typeX1 > ul > li:nth-child(5n+1) {
    position: absolute;
    left: 0;
    top: 0;
    padding: .47% .7% .47% 0;
}

.respBnrGon_num5_typeX1 > ul > li:nth-child(5n+2) {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .47% .7% .47% 0;
}

.respBnrGon_num5_typeX1 > ul > li:nth-child(5n+4) {
    position: absolute;
    right: 0;
    top: 0;
    padding: .47% 0 .47% .7%;
}

.respBnrGon_num5_typeX1 > ul > li:nth-child(5n+5) {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .47% 0 .47% .7%;
}

.respBnrGon_num5_typeX2 > ul {
    position: relative;
}

.respBnrGon_num5_typeX2 > ul > li {
    width: 33.33%;
}

.respBnrGon_num5_typeX2 > ul > li:nth-child(5n+1) {
    padding: .47% .31%;
    margin: 0 auto;
}

.respBnrGon_num5_typeX2 > ul > li:nth-child(5n+2) {
    position: absolute;
    left: 0;
    top: 0;
    padding: .47% .61% .47% 0;
}

.respBnrGon_num5_typeX2 > ul > li:nth-child(5n+3) {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .47% .61% .47% 0;
}

.respBnrGon_num5_typeX2 > ul > li:nth-child(5n+4) {
    position: absolute;
    right: 0;
    top: 0;
    padding: .47% 0 .47% .61%;
}

.respBnrGon_num5_typeX2 > ul > li:nth-child(5n+5) {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .47% 0 .47% .61%;
}

.respBnrGon_num6_typeA > ul > li {
    width: 25%;
    padding: .47% 0 .47% .7%;
}

.respBnrGon_num6_typeA > ul > li:nth-child(3n+1) {
    width: 50%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num6_typeA > ul > li:nth-child(3n+2) {
    padding: .47% .23% .47% .47%;
}

.respBnrGon_num6_typeB > ul > li {
    width: 25%;
    padding: .47% .7% .47% 0;
}

.respBnrGon_num6_typeB > ul > li:nth-child(3n) {
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num6_typeB > ul > li:nth-child(3n+2) {
    padding: .47% .47% .47% .23%;
}

.respBnrGon_num6_typeC > ul > li {
    width: 33.33%;
    padding: .47% .31%;
}

.respBnrGon_num6_typeC > ul > li:nth-child(3n+1) {
    padding-left: 0;
    padding-right: .62%;
}

.respBnrGon_num6_typeC > ul > li:nth-child(3n) {
    padding-right: 0;
    padding-left: .62%;
}

.respBnrGon_num7_typeA > ul > li {
    width: 16.66%;
}

.respBnrGon_num7_typeA > ul > li:nth-child(7n+1) {
    clear: both;
    float: left;
    width: 50%;
    padding: .47% .47% .47% 0;
}

.respBnrGon_num7_typeA > ul > li:nth-child(7n+2),
.respBnrGon_num7_typeA > ul > li:nth-child(7n+5) {
    padding: .47% .32% .47% .42%;
}

.respBnrGon_num7_typeA > ul > li:nth-child(7n+3),
.respBnrGon_num7_typeA > ul > li:nth-child(7n+6) {
    padding: .47% .16% .47% .58%;
}

.respBnrGon_num7_typeA > ul > li:nth-child(7n+4),
.respBnrGon_num7_typeA > ul > li:nth-child(7n) {
    padding: .47% 0 .47% .74%;
}

.respBnrGon_num7_typeB > ul > li {
    width: 16.66%;
}

.respBnrGon_num7_typeB > ul > li:nth-child(7n+1) {
    clear: both;
    float: right;
    width: 50%;
    padding: .47% 0 .47% .47%;
}

.respBnrGon_num7_typeB > ul > li:nth-child(7n+4),
.respBnrGon_num7_typeB > ul > li:nth-child(7n) {
    padding: .47% .42% .47% .32%;
}

.respBnrGon_num7_typeB > ul > li:nth-child(7n+3),
.respBnrGon_num7_typeB > ul > li:nth-child(7n+6) {
    padding: .47% .58% .47% .16%;
}

.respBnrGon_num7_typeB > ul > li:nth-child(7n+2),
.respBnrGon_num7_typeB > ul > li:nth-child(7n+5) {
    padding: .47% .74% .47% 0;
}

.respBnrGon_num8_typeA > ul > li {
    width: 25%;
    padding: .47% 0;
}

.respBnrGon_num8_typeA > ul > li:nth-child(4n+1) {
    padding-left: 0;
    padding-right: .7%;
}

.respBnrGon_num8_typeA > ul > li:nth-child(4n+2) {
    padding-left: 0.23%;
    padding-right: .47%
}

.respBnrGon_num8_typeA > ul > li:nth-child(4n+3) {
    padding-left: 0.47%;
    padding-right: .23%
}

.respBnrGon_num8_typeA > ul > li:nth-child(4n) {
    padding-right: 0;
    padding-left: .7%;
}

.respBnrGon_html {
    border: 1px #999 dashed;
    padding: 10px;
    margin-top: 10px;
}

@media only screen and (max-width: 1023px) {
    .respBnrGon_num1_typeA img {
        max-width: 120%;
        margin-left: -10%;
        margin-right: -10%;
    }
}

@media only screen and (max-width: 767px) {
    .respBnrGon_num1_typeA img {
        max-width: 140%;
        margin-left: -20%;
        margin-right: -20%;
    }

    .respBnrGon_num2_typeA > ul > li,
    .respBnrGon_num2_typeA > ul > li:nth-child(odd) {
        float: none;
        width: 100%;
        padding: .7% 0;
    }

    .respBnrGon_num3_typeA > ul > li,
    .respBnrGon_num3_typeA > ul > li:nth-child(3n+1) {
        float: none;
        width: 100%;
        padding: .7% 0;
    }

    .respBnrGon_num3_typeB > ul > li,
    .respBnrGon_num3_typeB > ul > li:nth-child(3n+1) {
        float: none;
        width: 100%;
        padding: .7% 0;
    }

    .respBnrGon_num3_typeC > ul > li {
        width: 50%;
    }

    .respBnrGon_num3_typeC > ul > li:nth-child(3n+1) {
        float: none;
        float: none;
        width: 100%;
        padding: .7% 0;
	}
}