/* BASIC css start */
/* BASIC css start */
#topbanner .topSlider li.txt a {
    text-align: left;
    padding: 0 20px;
    font-family: 'Pretendard', sans-sarifsans-sarif;
    font-weight: 400 !important;
}

.head_top {
    position: relative;
}

.header_sub{z-index:1000 !important; }

.lang_sel {
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.lang_sel .lang_list {
    display: none;
    position: absolute;
    background: #fff;
    top: 16px;
    left: 0;
    text-align: left;
    border: 1px solid #000;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 7px;
}

.lang_sel span {
    color: #fff;
    font-size: 12px;
}

.lang_sel img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(345deg) brightness(103%) contrast(105%);
    width: 7px;
    vertical-align: middle;
    margin-left: 4px;
}

.lang_sel .lang_list a {
}

.cnt01 .cnt_section {
    font-size: 0;
    line-height: 1;
}

.cnt01 .cnt_section .cnt_img {
    position: relative;
}

.cnt01 .cnt_section .cnt_img a {
    display: block;
    font-size: 0;
    line-height: 1;
}

.cnt01 .cnt_section .cnt_img img {
    width: 100%;
    font-size: 0;
    line-height: 1;
}

.cnt01 .cnt_section .cnt_img .banner_text {
    position: absolute;
    left: 50px;
    bottom: 43px;
    font-size: 15px;
    font-weight: 400;
}

.cnt02 .cnt_section .prdList {
    display: flex;
}

.cnt02 .cnt_section .prdList>li {
    width: calc(25%+0.5px);
    border-top: 1px solid var(--mainColor);
    position: relative;
}

.cnt02 .cnt_section .prdList>li::after {
    position: absolute;
    width: 1px;
    height: 100%;
    background: var(--mainColor);
    content: '';
    top: 0;
    right: 0;
}

.cnt02 .cnt_section .prdList>li:last-of-type {
    border-right: 0;
}

.cnt02 .cnt_section .prdList>li .box {
    text-align: center;
}

.cnt02 .cnt_section .prdList>li .box img {
    width: 100%;
}

.cnt02 .cnt_section .prdList>li .box .name {
    margin-top: 15px;
    font-size: 0;
}

.cnt02 .cnt_section .prdList>li .box .name span {
    line-height: 15px;
    font-weight: 400;
}

.cnt02 .cnt_section .prdList>li .box .spec {
    margin-top: 5px;
    margin-bottom: 50px;
}

.cnt02 .cnt_section .prdList>li .box .spec_list {
    font-size: 0;
}

.cnt02 .cnt_section .prdList>li .box .spec_list span {
    line-height: 15px;
    font-weight: 400;
}

.cnt03 .cnt_section {
    font-size: 0;
    line-height: 1;
}

.cnt03 .cnt_img {
    display: flex;
    align-items: center;
    font-size: 0;
    line-height: 1;
}

.cnt03 .cnt_img>div {
    flex: 1;
    border-top: 1px solid var(--mainColor);
    position: relative;
    font-size: 0;
    line-height: 1;
    margin-top: -1px;
}

.cnt03 .cnt_img>div a {
    display: block;
    font-size: 0;
    line-height: 1;
}

.cnt03 .cnt_img img {
    width: 100%;
    font-size: 0;
    line-height: 1;
}

.cnt03 .cnt_img>div:first-of-type {
    border-right: 1px solid var(--mainColor);
}

.cnt03 .cnt_img>div .banner_text {
    position: absolute;
    left: 50px;
    bottom: 43px;
    font-size: 15px;
    font-weight: 400;
}

@media(max-width: 900px) {
    .cnt01 .cnt_section .cnt_img .banner_text {
        line-height:24px;
    }

    .cnt02 .cnt_section .prdList {
        flex-wrap: wrap;
    }

    .cnt02 .cnt_section .prdList>li {
        width: 50%;
        border-top: 1px solid var(--mainColor);
    }

    .cnt02 .cnt_section .prdList>li:nth-of-type(2n):after {
        display: none;
    }

    .cnt02 .cnt_section .prdList>li .box .spec {
        margin-bottom: 50px;
    }

    .cnt02 .cnt_section .prdList>li .box .preview_icon {
        text-align: center;
        font-size: 0;
    }

    .cnt02 .cnt_section .prdList>li .box .preview_icon img {
        width: initial;
        height: 12px;
        margin: 15px 12px;
    }

    .cnt03 .cnt_img {
        flex-direction: column;
    }

    .cnt03 .cnt_img>div {
        width: 100%;
    }

    .cnt03 .cnt_img>div:first-of-type {
        border-top: 1px solid var(--mainColor);
        border-right: 0;
    }
}

@media(max-width: 743px) {
    .cnt01 .cnt_section .cnt_img .banner_text {
        left:20px;
        bottom: 18px;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
    }

    .cnt02 .cnt_section .prdList>li .box .spec {
        margin-bottom: 16px;
    }

    .cnt03 .cnt_img>div .banner_text {
        left: 20px;
        bottom: 18px;
        font-size: 12px;
        font-weight: 500;
    }
}

/*
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; } 
html { width:100%; height:100%; } 
body,code { font-size:12px; color:#000; color:var(--font-color-base); background:#fff; } 
body { min-width:360px; width:100%; height:100%; min-height:100%; overflow-x:hidden; } 
body#popup { min-width:0; } 
li { list-style:none; } 
label { cursor:pointer; } 
img,fieldset { border:none; vertical-align:top; } 
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; } 
caption { display:none; } 
th,td { border:0; vertical-align:top; } 
select { background-image:url('https://lovestar9.cafe24.com/img/arrow_bt.svg')!important; background-size:8px 4px!important; } 
input,select,textarea { font-size:100%; color:#000; color:var(--font-color-base); vertical-align:middle; border-radius:0; box-sizing:border-box; } 
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; background:none; } 
hr.layout { display:none; } 
a { text-decoration:none; color:#000; color:var(--font-color-base); } 
a:hover { text-decoration:underline; } 
a:active { text-decoration:none; } 
*/
.objHidden {
    visibility: hidden;
    position: absolute;
    left: -1000px;
    top: -1000px;
    height: 0;
    width: 0;
}

#content_CONTAINER table,#bi_inquire_content_CONTAINER table {
    border: 0;
    margin: 0 0 -1px;
}

#content_CONTAINER table:before,#bi_inquire_content_CONTAINER table:before {
    display: none;
}

#content_CONTAINER td,#bi_inquire_content_CONTAINER td {
    width: auto !important;
    padding: 0;
}

#progressPaybarBackground {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=40);
    opacity: 0.3;
    background-color: #000;
}

#progressPaybarView {
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

#progressPaybarView h3 {
    font-size: 32px;
    color: #444b59;
}

#progressPaybarView .box {
    width: 586px;
    margin: 0 auto;
    padding: 67px 0;
    text-align: center;
    background: #fff;
}

#progressPaybarView .box .txt {
    margin: 8px 0 36px;
    font-size: 15px;
    line-height: 26px;
    color: #667084;
}

#skipNavigation {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 0;
}

#skipNavigation p,#skipNavigation ul,#skipNavigation ul li {
    height: 0;
}

#skipNavigation p a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin-left: -1px;
    margin-bottom: -1px;
    text-align: center;
    color: #000;
    white-space: nowrap;
}

#skipNavigation p a:focus,#skipNavigation p a:hover,#skipNavigation p a:active {
    width: 100%;
    height: auto;
    padding: 10px 0;
    background: #c4122f;
    color: #fff;
    z-index: 100;
}

.displaynone {
    display: none !important;
}

.dimmed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.blind {
    display: block;
    overflow: hidden;
    position: absolute;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    text-indent: -150%;
    white-space: nowrap;
}

:root {
    --font-color-base: #000;
    --font-color-heading: #000;
    --font-color-primary: #000;
    --font-color-secondary: #ef441f;
    --font-color-warn: #ec2a1d;
    --font-color-success: #0985df;
}

#ch-plugin-core>div {
    right: 30px!important;
    bottom: 40px!important;
}

@media all and (max-width: 768px) {
    #ch-plugin-core>div {
        right:25px!important;
        bottom: 25px!important;
    }
}

html,body {
    height: 100%;
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

.path ol {
    height: 40px!important;
    padding-top: 0!important;
}

.path ol li a {
    font-size: 13px!important;
    line-height: 40px!important;
}

.path li:not(:first-child):before {
    vertical-align: middle!important;
    margin-top: -4px!important;
}

@media (max-width: 767px) {
    .xans-product-menupackage {
        margin-top:0!important;
    }
}

#quick {
    display: none;
}

#wrap {
    position: relative;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    padding-top: 77px;
}

#wrap::-webkit-scrollbar {
    display: none;
}

#wrap #contents .gInnerMargin {
    min-height: 461px;
}

html {
    scroll-behavior: smooth;
}

.da #container {
    min-height: calc(100vh - 93px)!important;
}

.da #container #contents {
    position: relative!important;
    padding-top: 0!important;
}

@media all and (max-width: 767px) {
    .da #container #contents {
        min-height:calc(100vh - 145px);
        box-sizing: border-box;
    }
}

@media all and (max-width: 1023px) {
    #wrap.scrollEnd .customIndex {
        padding-top:calc(100vh - 90px);
        padding-bottom: 90px;
    }

    #wrap.scrollEnd .randomContent {
        height: calc(100vh - 90px);
    }

    #wrap.scrollEnd #footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}

.da #reHeader.positionTop {
    height: 94px;
}

.da #reHeader.positionTop .reHeader {
    height: calc(100% - 34px);
}

.da #reHeader:not(.positionTop) .popuptop {
    display: none;
}

.da #reHeader {
    position: fixed;
    width: 100%;
    height: 70px;
    top: 0;
    left: 0;
    z-index: 99999;
    transition: background 0.3s;
}

.da #reHeader:hover {
    background-color: #fff;
}

.da #reHeader:not(:hover) {
    transition: background 0.3s;
}

.da #reHeader .reHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: calc(100% - 100px);
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.da #reHeader .reHeader .left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.da #reHeader .reHeader .left div.hamBtn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 11px;
}

.da #reHeader .reHeader .left div.hamBtn img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center center;
}

.da #reHeader #reSideArea .hamMenuGroup .xans-layout-searchheader #keyword {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid;
    border-color: #000;
}

.da #reHeader .reHeader h1.xans-layout-logotop {
    position: absolute;
    min-width: unset;
    padding: 0;
    display: block;
    width: 125px;
    height: auto;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.da #reHeader .reHeader h1 a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
}

.da #reHeader .reHeader h1 img {
    width: 100%;
    object-fit: contain;
    object-position: center;
    max-height: unset;
}

.da #reHeader .reHeader .right {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.da #reHeader .reHeader .right ul {
    display: flex;
    align-items: center;
}

.da #reHeader .reHeader .right ul li {
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    margin-left: 50px;
}

.da #reHeader .reHeader .right ul li:first-of-type {
    margin-left: 0;
}

.da #reHeader .reHeader .right ul li.mob {
    display: none;
}

.da #reHeader .reHeader .right .countZero {
    display: none;
}

.da #reHeader #reSideArea .searchSide .right .xans-layout-searchheader #keyword {
    width: 250px;
    border-bottom: 1px solid #000;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.da #ch-plugin-core>div {
    bottom: 40px!important;
    right: 30px!important;
}

@media all and (max-width: 767px) {
    .da #reHeader.positionTop {
        height:84px;
    }

    .da #ch-plugin-core>div {
        bottom: 25px!important;
        right: 25px!important;
        padding-bottom: 0;
        transition: all 0.4s;
    }

    .da #ch-plugin-core>div.active {
        padding-bottom: 170px;
        transition: all 0.4s;
    }

    .da #reHeader {
        height: 70px;
    }

    .da #reHeader .reHeader {
        max-width: calc(100% - 30px);
    }

    .da #reHeader.on {
        background-color: #fff;
        transition: background 0.3s;
    }

    .da #reHeader .reHeader h1.xans-layout-logotop {
        width: 105px;
    }

    .da #reHeader .reHeader .right ul {
    }

    .da #reHeader .reHeader .right ul li {
        margin-left: 20px;
    }

    .da #reHeader .reHeader .right ul li:first-of-type {
        margin-left: 0;
    }

    .da #reHeader .reHeader .right ul li:not(.both) {
        display: none;
    }

    .da #reHeader .reHeader .right ul li span.pcOnly {
        display: none;
    }

    .da #reHeader .reHeader .right ul li span {
        font-size: 16px;
        font-weight: 600;
    }

    .da #reHeader .reHeader .right ul li.mob {
        display: block;
    }

    .da #reHeader .reHeader .right ul li.mob img {
        width: 16px;
        height: 16px;
    }

    .da #reHeader .reHeader .right ul li.both {
        display: block;
        margin-top: 1px;
    }
}

@media (min-width: 768px) {
    .da .xans-layout-searchheader fieldset {
        border:0;
    }
}

#reHeader #reSideArea {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.4);
    display: none;
    opacity: 0;
    z-index: 99999999999999;
}

#reHeader #reSideArea .hamMenuGroup {
    position: absolute;
    left: -100vw;
    top: 0;
    display: flex;
    box-sizing: border-box;
    height: 100%;
}

#reHeader #reSideArea .left {
    display: flex;
    flex-direction: column;
    width: 350px;
    height: 100%;
    overflow-y: auto;
    padding: 60px 50px;
    background-color: #fff;
    box-sizing: border-box;
}

#reHeader #reSideArea .left::-webkit-scrollbar {
    display: none;
}

#reHeader #reSideArea .left>ul {
    display: flex;
    flex-direction: column;
    width: 160px;
    margin-bottom: 35px;
}

#reHeader #reSideArea .left>ul:last-of-type {
    margin-bottom: 0;
}

#reHeader #reSideArea .left>ul li {
    margin-bottom: 15px;
}

#reHeader #reSideArea .left>ul li.folding {
    cursor: pointer;
}

#reHeader #reSideArea .left>ul li a {
    font-size: 15px;
    font-weight: 600;
}

#reHeader #reSideArea .left>ul.service li a {
    font-size: 12px;
    font-weight: 500;
}

#reHeader #reSideArea .left>ul li.folding.on,#reHeader #reSideArea .left>ul li.folding.on span,#reHeader #reSideArea .left>ul li.folding.on a {
    color: #989898;
}

#reHeader #reSideArea .left>ul.lng li.subMenu {
    cursor: default;
    margin-left: 0;
}

#reHeader #reSideArea .left>ul.lng li.subMenu a {
    font-weight: 400;
    font-size: 12px;
}

#reHeader #reSideArea .left>ul li span {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 600;
}

#reHeader #reSideArea .left>ul li span .minus {
    display: none;
}

#reHeader #reSideArea .left>ul li span .minus img,#reHeader #reSideArea .left>ul li span .plus img {
    width: 7px;
    object-fit: contain;
    object-position: center center;
}

#reHeader #reSideArea .left>ul li.on span .minus {
    display: flex;
    align-items: center;
    justify-content: center;
}

#reHeader #reSideArea .left>ul li.on span .plus {
    display: none;
}

#reHeader #reSideArea .left .subMenu {
    display: none;
    flex-direction: column;
    margin-left: 10px;
}

#reHeader #reSideArea .left .subMenu>div {
    display: flex;
    flex-direction: column;
}

#reHeader #reSideArea .left .subMenu span,#reHeader #reSideArea .left .subMenu a {
    line-height: 26px;
    font-size: 12px;
    font-weight: 500;
}

#reHeader #reSideArea .closeArea {
    width: calc(100vw - 350px);
    height: 100vh;
    background-color: transparent;
}

#reHeader #reSideArea .hamMenuGroup #searchBarForm {
    display: none;
}

#reHeader #reSideArea .hamMenuGroup .xans-layout-searchheader {
    width: 160px;
    height: 26.5px;
}

#reHeader #reSideArea .hamMenuGroup .xans-layout-searchheader h5 {
    font-size: 14px;
    font-weight: 500;
}

#reHeader #reSideArea .hamMenuGroup .xans-layout-searchheader fieldset {
    width: 100%;
    border-bottom: 0!important;
}

#reHeader #reSideArea .hamMenuGroup .xans-layout-searchheader #keyword {
    padding: 5px 0;
    height: 26.5px!important;
    box-sizing: border-box;
    font-size: 12px;
    padding-bottom: 0;
    line-height: 1;
    vertical-align: bottom;
    width: 160px;
}

@media all and (max-width: 767px) {
    #reHeader #reSideArea .left {
        width:300px;
        padding: 55px 20px 100px;
    }

    #reHeader #reSideArea .closeArea {
        width: calc(100vw - 300px);
    }

    #reHeader #reSideArea .left>ul li a {
        font-size: 14px;
        font-weight: 600;
    }

    #reHeader #reSideArea .hamMenuGroup #searchBarForm {
        display: block;
        height: 47px!important;
    }

    #reHeader #reSideArea .hamMenuGroup .xans-layout-searchheader fieldset {
        margin: 0;
    }

    #reHeader #reSideArea .hamMenuGroup #searchBarForm {
        margin-bottom: 50px;
        height: 47px!important;
    }
}

#reHeader #reSideArea .searchSide {
    position: absolute;
    top: 0;
    left: 100vw;
    display: flex;
    box-sizing: border-box;
}

#reHeader #reSideArea .searchSide .right {
    display: flex;
    flex-direction: column;
    width: 350px;
    height: 100vh;
    overflow-y: auto;
    background-color: #fff;
    padding: 60px 0 0 50px;
}

#reHeader #reSideArea .searchSide #searchBarForm {
    margin-bottom: 50px;
}

#reHeader #reSideArea .searchSide .xans-layout-searchheader {
    width: 250px;
    height: auto;
}

#reHeader #reSideArea .searchSide .xans-layout-searchheader h5 {
    font-size: 14px;
    font-weight: 500;
}

#reHeader #reSideArea .searchSide .xans-layout-searchheader fieldset {
    width: 100%;
}

#reHeader #reSideArea .searchSide .xans-layout-searchheader #keyword {
    padding: 15px 0;
    height: 40px;
    box-sizing: border-box;
    font-size: 12px;
    padding-bottom: 0;
    line-height: 1;
    vertical-align: bottom;
}

#reHeader #reSideArea .searchSide .xans-product-listmain h2 {
    line-height: 1;
    margin-bottom: 16px;
}

#reHeader #reSideArea .searchSide .xans-product-listmain h2 span {
    font-size: 12px;
    font-weight: normal;
}

#reHeader #reSideArea .searchSide .xans-product-listmain .status {
    display: none;
}

#reHeader #reSideArea .searchSide .xans-product-listmain .slick-list {
    padding: 0!important;
}

#reHeader #reSideArea .searchSide .xans-product-listmain slide_item {
    width: 145px;
}

#reHeader #reSideArea .searchSide .xans-product-listmain .slick-slide {
    width: 145px;
    overflow: hidden;
    margin-right: 10px;
}

#reHeader #reSideArea .searchSide .xans-product-listmain .slick-slide .box p {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 145px;
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
}

#reHeader #reSideArea .searchSide .xans-product-listmain .slick-slide .box ul li span {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.da #footer {
    padding: 38px 0;
}

.da #footer .inner {
    width: 100%;
    max-width: calc(100% - 100px);
    margin: 0 auto;
}

.da #footer .inner .xans-layout-info.top {
    display: flex;
    align-items: center;
    height: auto;
    line-height: 1.2;
}

.da #footer .inner .xans-layout-info.top span {
    font-size: 12px;
    font-weight: 600;
    margin-right: 50px;
    line-height: 1.2;
}

.da #footersef .inner .xans-layout-info.top span:last-of-type {
    margin-right: 0;
}

.da #footer .inner .xans-layout-info.top span:not(:first-of-type) {
    cursor: pointer;
}

.da #footer .inner .bottom {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.da #footer .inner .bottom ul {
    margin-bottom: 8px;
}

.da #footer .inner .bottom.mobOnly {
    display: none;
}

.da #footer .inner .info li {
    display: flex;
    flex-wrap: wrap;
    line-height: 20px;
}

.da #footer .inner .info li span {
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
}

.da #footer .inner .info li span:last-of-type {
    margin-right: 0;
}

.da #footer .inner .info li span a {
    font-size: 12px;
    font-weight: 500;
}

.da #footer .inner .copyright {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
}

@media all and (max-width: 767px) {
    .da #footer {
        padding:20px 0 0;
    }

    .da #footer .inner {
        max-width: calc(100% - 30px);
    }

    .da #footer .inner .xans-layout-info.top {
    }

    .da #footer .inner .xans-layout-info.top span {
        margin-right: 30px;
    }

    .da #footer .inner .xans-layout-info.top span:last-of-type {
        margin-right: 0;
    }

    .da #footer .inner .xans-layout-info.top .pcOnly {
        display: none;
    }

    .da #footer .inner .bottom.pcOnly {
        display: none;
    }

    .da #footer .inner .bottom.mobOnly {
        display: flex;
        margin-top: 0;
    }

    .da #footer .inner .bottom.mobOnly {
        margin-top: 0;
        flex-direction: column-reverse;
        gap: 0;
    }

    .da #footer .inner .bottom.mobOnly .copyright {
        padding: 20px 0;
        cursor: pointer;
    }

    .da #footer .inner .bottom.mobOnly .info {
        padding-bottom: 20px;
        margin-top: -10px;
        display: none;
    }

    .da .customLogoFIx.on {
        transition: bottom 0.6s!important;
    }

    .da .customLogoFIx.on.active {
        transition: bottom 0.5s!important;
    }
}

.mainMobVideo {
    display: none;
}

.mainVisual .imageBanner {
    display: none;
    align-items: center;
    position: relative;
    flex: 1;
}

.mainVisual .videoBanner.on {
    display: block;
    flex: 1;
}

.mainVisual .imageBanner.on {
    display: flex;
}

.mainVisual .videoBanner.on .pcVideo {
    display: block;
}

.mainVisual .videoBanner.on .mobVideo {
    display: none;
}

@media (min-width: 1367px) {
    .da #contents .highlight .right_slide {
        width:550px;
    }
}

@media (max-width: 1366px) {
    .da #contents .highlight .right_slide {
        width:calc(50% - 42px);
    }
}

#contents .highlight .text_box {
    margin-top: 27px;
    text-align: center;
}

#contents .highlight div.right_slide .xans-smart-banner-admin.xans-smart-banner-admin-PC00028 div.bx-viewport>ul>li {
    width: 100%!important;
}

.da #contents .highlight .left_img img {
    height: auto!important;
}

@media all and (max-width: 767px) {
    #contents .highlight .text_box {
        margin-top:12px;
    }

    .da #contents .highlight .right_slide {
        width: 100%;
    }

    .mainVisual .videoBanner.on .pcVideo {
        display: none;
    }

    .mainVisual .videoBanner.on .mobVideo {
        display: block;
    }
}

.da .customLogoFIx {
    bottom: 125px;
}

.da .customLogoFIx.on {
    bottom: 200px;
}

@media all and (max-width: 767px) {
    .da .customLogoFIx {
        bottom:170px;
        transition: bottom 0.3s;
    }

    .da .customLogoFIx.on {
        bottom: 170px;
        transition: bottom 0.3s;
    }

    .da .customLogoFIx.on.active {
        bottom: 250px;
        transition: bottom 0.3s;
    }
}

.da .cart_desc {
    padding: 50px 0;
}

.da .cart_desc h3 {
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
}

.da .cart_desc p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.da .quantity span.quantity {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.da .quantity span.quantity input {
    padding: 0 5px;
    line-height: 1;
}

.da .xans-order-basketpackage .ec-base-button[class*="gColumn"] [class^='btn'] {
    height: 40px;
}

.da .xans-order-basketpackage>div.xans-element-.xans-order.xans-order-totalorder.ec-base-button.gColumn.gFlex3>a.btnBasic {
    background-color: #fff;
}

@media (max-width: 1024px) {
    .da .ec-base-button {
        margin:0;
    }

    .da .xans-order-basketpackage .ec-base-button [class^='btn']+[class^='btn'] {
        margin-right: 0;
    }

    .da .xans-order-basketpackage>div.xans-element-.xans-order.xans-order-totalorder.ec-base-button.gColumn.gFlex3>a.btnBasic {
        margin-left: 0;
    }
}

@media all and (max-width: 767px) {
    .da .xans-order-basketpackage {
        margin-bottom:50px;
    }

    .da .xans-order-basketpackage .orderListArea .charge {
        display: none!important;
    }

    .da [class^='btn'].sizeM {
        height: 32px;
        padding: 5px 16px;
        font-size: 12px;
    }

    .da .xans-order-basketpackage .xans-order-list tr:first-of-type .chk {
        padding-top: 10px;
        border-top: 1px solid #000;
    }

    .da .xans-order-basketpackage .xans-order-selectorder {
        margin-right: 0;
    }

    .da .xans-order-basketpackage .ec-base-button [class^='btn']+[class^='btn'] {
        margin-right: 0;
    }

    .da .xans-order-basketpackage>div.xans-element-.xans-order.xans-order-totalorder.ec-base-button.gColumn.gFlex3>a.btnBasic {
        margin-left: 0;
    }
}

.da .listTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
    padding-top: 13px;
}

.da .listTop .left {
    display: flex;
    align-items: center;
}

.da .listTop .left .title {
    margin-right: 40px;
}

.da .listTop .left .title h2 {
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
}

.da .listTop .left .mobOnly.menuCategory {
    display: none;
}

.da .listTop .left .menuCategory.pcOnly {
    display: flex;
    align-items: center;
}

.da .listTop .left .menuCategory li:not(:last-of-type) {
    margin-right: 10px;
}

.da .listTop .left .menuCategory li:last-of-type {
    margin-right: 0;
}

.da .listTop .left .menuCategory li:hover a {
    font-weight: bold;
}

.da .listTop .left .menuCategory li.active a {
    font-weight: 600;
    color: #000!important;
}

.da .listTop .left .menuCategory li a {
    font-size: 13px;
    font-weight: 400;
    color: #989898!important;
}

.da .listTop .left .xans-product-children {
    display: none;
}

.da .listTop .right {
    display: flex;
    align-items: center;
}

.da .listTop .right .xans-product-normalmenu #Product_ListMenu {
    margin-top: 0;
}

.da .listTop .right .xans-product-normalmenu {
    margin: 0;
}

.da .listTop .right .xans-product-normalmenu {
    width: auto!important;
}

.da .listTop .right .xans-product-normalmenu #Product_ListMenu {
    display: block;
    width: auto;
}

.da .listTop .right .xans-product-normalmenu .sort select {
    text-align: center!important;
    font-size: 12px;
    font-weight: 500;
    background: none!important;
    padding: 0;
}

.da .listTop .right .xans-product-normalmenu .sort select.on {
    display: block;
}

.da .listTop .right .xans-product-normalmenu .sort select option {
    font-size: 12px;
    font-weight: 500;
}

.da .listTop .right .filter {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    line-height: 1;
}

.da .listTop .right .filter img {
    width: 4px;
    height: 8px;
    margin-left: 9px;
}

.da .product_area .prdList .list_item .thumbnail {
    position: relative;
}

.da .product_area .prdList .list_item .thumbnail .icon {
    position: absolute;
    top: 20px;
    left: 20px;
}

.da .product_area .prdList .list_item .description .spec {
    flex-wrap: wrap;
    row-gap: 0!important;
}

.da .product_area .prdList .list_item .description .spec li:not(:last-of-type) {
    margin-right: 7px;
}

.da .product_area .prdList .list_item .description .simple_desc {
    width: 100%;
}

.da .product_area .prdList .list_item .description .simple_desc span {
    color: #707070!important;
    font-size: 12px!important;
    font-weight: 400!important;
}

.da .product_area .prdList .list_item .description li span {
    margin-top: 0!important;
    line-height: 20px!important;
}

.da .product_area .more .btnMore {
    text-decoration: none;
}

@media all and (max-width: 767px) {
    .da .listTop {
        padding:0 15px;
        height: 40px;
    }

    .da .listTop .left {
    }

    .da .listTop .left .title {
        margin-right: 30px;
    }

    .da .listTop .left .pcOnly.menuCategory {
        display: none;
    }

    .da .listTop .left .mobOnly.menuCategory {
        display: block;
        padding: 0 22px 0 8px;
        background-size: 8px 4px;
        font-size: 13px;
        font-weight: 500;
        width: 77px!important;
        height: 30px;
        line-height: 1;
        box-sizing: border-box;
        opacity: 0;
        border: 0!important;
    }

    .da .listTop .left .mobOnly.menuCategory:focus-visible {
        outline: none;
    }

    .da .listTop .left>ul {
        position: relative;
        height: 30px;
    }

    .da .listTop .right {
    }

    .da .listTop .right .xans-product-normalmenu:not(:last-of-type) {
        margin-right: 10px!important;
    }

    .da .listTop .right .xans-product-normalmenu #Product_ListMenu {
        width: auto;
    }

    .da .listTop .right .xans-product-normalmenu #Product_ListMenu .sort {
        display: block;
    }

    .da .listTop .right .xans-product-normalmenu .sort select {
        font-size: 13px;
        font-weight: 500;
    }

    .da .listTop .right .xans-product-normalmenu .sort select option {
        font-size: 13px;
        font-weight: 500;
    }

    .da .listTop .right .filter {
        font-size: 13px;
        font-weight: 500;
    }

    .da .listTop .right .filter img {
        margin-left: 5px;
    }

    .da .listTop .right .sort #selArray {
        width: auto;
        height: 30px;
        background-position: right 10px center;
        text-align: left!important;
        line-height: 1;
    }

    .da .listTop .right .filter_title {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px;
        padding: 0 10px;
        box-sizing: border-box;
        border: 1px solid #e4e4e4;
        cursor: pointer;
    }

    .da .product_area .prdList .list_item .thumbnail .icon {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .da .product_area .prdList .list_item .thumbnail .icon span {
        font-size: 11px!important;
        font-weight: bold;
    }
}

@media all and (max-width: 450px) {
    .da .listTop .left {
    }

    .da .listTop .left .title {
        margin-right: 15px;
    }
}

.da #searchSidebar.gRight.opened {
    z-index: 999999;
}

.da .product_area .prdList .list_item {
    width: calc((100% - 274px) / 3)
}

.da .description .name a span {
    line-height: 20px!important;
    color: #000!important;
}

@media (min-width: 1025px) and (max-width:1366px) {
    .da .product_area .prdList .list_item {
        width:calc((100% - 232px) / 3)
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .da .product_area .prdList .list_item {
        width:calc((100% - 140px) / 3)
    }
}

@media (max-width: 767px) {
    .da .product_area {
        padding-top:46px;
    }

    .da .product_area .prdList .list_item {
        width: calc((100% - 18px) / 2);
    }
}

@media all and (max-width: 960px) {
    .customDetail .mobOnly {
        display:block!important;
    }
}

.da .product_area .prdList .icon span {
    font-family: 'Runda W05 Medium','Noto Sans KR',sans-serif
}

.da .product_area .prdList .thumbnail .icon span {
    font-family: 'Runda W05 Bold','Noto Sans KR',sans-serif;
    font-size: 12px;
}

.da .xans-product-detail .detailLayout {
    font-family: 'Noto Sans KR',sans-serif !important;
    padding-bottom: 60px;
}

.da .xans-product-detail {
    width: 100%;
    padding-bottom: 100px;
    font-family: 'Noto Sans KR',sans-serif !important;
}

.da .detailLayout {
    position: relative;
    width: calc(100% - 300px);
    max-width: 1620px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.da .detailLayout .imgArea .prdImgs .xans-product-additional {
    width: 100%;
}

.da .detailLayout .imgArea .prdImgs .xans-product-additional br {
    display: none;
}

.da .detailLayout .imgArea .prdImgs .xans-product-additional img {
    width: 100%;
    margin-bottom: 10px!important;
}

.da .detailLayout .infoArea {
    position: sticky;
    right: 0;
    width: 450px;
    top: 60px;
    height: calc(100dvh - 60px);
    margin: 0;
    overflow-y: auto;
    padding-top: 50px;
    box-sizing: border-box;
}

.da .detailLayout .infoArea::-webkit-scrollbar {
    display: none;
}

.da .detailLayout .infoArea .headingArea h1 {
    margin-left: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Noto Sans KR',sans-serif !important;
}

.da .detailLayout .infoArea .product_name_css,.da .detailLayout .infoArea .additional_description_translated_css,.da .detailLayout .infoArea .quantity_css {
    display: none;
}

.da .detailLayout .infoArea .xans-product-detaildesign ul {
    display: flex;
    margin-top: 10px;
}

.da .detailLayout .infoArea .xans-product-detaildesign ul li.product_price_css {
    order: 1;
    margin-top: 3px;
}

.da .detailLayout .infoArea .xans-product-detaildesign ul li span {
    font-size: 15px;
    font-weight: 500;
}

.da .detailLayout .infoArea .xans-product-detaildesign .product_price_css>span>span>strong#span_product_price_text {
    font-size: 14px!important;
    font-weight: 500;
    line-height: 1;
    margin-left: 0;
    margin-top: 0;
    font-family: 'Noto Sans KR',sans-serif !important;
}

.da .detailLayout .infoArea .xans-product-detaildesign .product_price_css>span>span>strong#span_product_price_text.customSale {
    font-size: 11px!important;
    color: #707070;
    margin-left: 10px;
}

.da .detailLayout .infoArea .xans-product-detaildesign #span_product_price_sale {
    font-size: 14px!important;
    font-weight: 500;
    line-height: 15px!important;
    color: #000;
    display: flex;
    flex-direction: row-reverse;
}

.da .detailLayout .infoArea .xans-product-detaildesign #span_product_price_sale>span {
    margin-right: 5px;
}

.da .detailLayout .xans-product-option td ul.ec-product-preview {
    display: flex;
    flex-wrap: wrap;
    overflow-x: auto;
    width: 100%;
}

.da .detailLayout .xans-product-option td ul.ec-product-preview>li {
    flex-shrink: 0;
    margin-right: 10px;
}

.da .detailLayout .xans-product-option td ul.ec-product-preview>li:last-of-type {
}

.da .xans-product-detail .infoArea .productOption {
    margin-top: 50px;
}

.da .xans-product-detail .infoArea .productOption tbody tr {
    background: none!important;
    border: 0;
    margin-bottom: 9px;
}

.da .xans-product-detail .infoArea .productOption tbody tr:last-of-type {
    margin-bottom: 0;
}

.da .xans-product-detail .infoArea .productOption tbody tr th {
    margin-left: 0;
    font-family: 'Noto Sans KR',sans-serif !important;
}

.da #contents .xans-product-detail .xans-product-option {
    margin-bottom: 10px;
}

.da #contents .xans-product-detail .xans-product-option tr {
    display: flex;
    align-items: center;
}

.da #contents .xans-product-detail .xans-product-option tr th {
    width: 20%;
    box-sizing: border-box;
    margin-right: 0!important;
    margin-bottom: 0!important;
    margin-top: 0!important;
    font-size: 12px!important;
}

.da #contents .xans-product-detail .xans-product-option tr td {
    width: 80%;
    box-sizing: border-box;
}

.da .xans-product-detail .xans-product-option select {
    text-align: center!important;
    text-align-last: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
    border: 1px solid #eee;
    height: 30px;
    background: url(//img.echosting.cafe24.com/skin/skin/common/ico_select.png) no-repeat 96% center!important;
    background-size: 8px 4px!important;
}

.da .xans-product-detail .xans-product-option select option {
    text-align: center!important;
    text-align-last: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}

.da .xans-product-detail .xans-product-option .ec-product-button li {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}

.da .xans-product-detail .xans-product-option .ec-product-button li a {
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-top: -1px;
    margin-left: -1px;
}

.da .xans-product-detail .xans-product-option .ec-product-button li a span {
    line-height: 1;
    font-size: 12px;
    font-weight: 400;
}

.da .xans-product-detail .xans-product-option .ec-product-button li.ec-product-selected {
    border: 1px solid #000;
}

.da .xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout a span:before {
    margin: 15px 0 0 -50px;
}

.da .xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout a span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    height: 1px;
    margin: 15px 0px 0 -50px;
    background: #e0e0e0;
    -webkit-transform: rotate(-135deg);
    -transform: rotate(-135deg-);
}

.da .xans-product-detail .xans-product-option .ec-product-button .ec-product-disabled a span {
    color: #000!important;
}

.da .xans-product-detail .xans-product-option .ec-product-button .ec-product-disabled a span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    height: 1px;
    margin: 16px 0px 0 -50px;
    background: #e0e0e0;
    -webkit-transform: rotate(-45deg);
    -transform: rotate(-45deg-);
    opacity: 0;
}

.da .xans-product-detail .xans-product-option .ec-product-button .ec-product-disabled a span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    height: 1px;
    margin: 16px 0px 0 -50px;
    background: #e0e0e0;
    -webkit-transform: rotate(-135deg);
    -transform: rotate(-135deg-);
    opacity: 0;
}

.da .xans-product-detail .xans-product-option .ec-product-button li {
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
}

.da .xans-product-detail .xans-product-option .ec-product-button li a {
    width: 18px!important;
    height: 18px!important;
    min-width: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0!important;
    margin-top: 0!important;
    margin-left: 0!important;
}

.da .xans-product-detail .xans-product-option .ec-product-button li a span {
    line-height: 18px;
    padding: 0!important;
}

.da .xans-product-detail .xans-product-option .ec-product-button li a img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.da .xans-product-detail .xans-product-option ul.ec-product-button[option_title="기장"] li {
    width: 70px;
}

.da .xans-product-detail .xans-product-option ul.ec-product-button[option_title="기장"] li a {
    width: 100%!important;
}

.da .xans-product-detail .xans-product-option ul.ec-product-button[option_title="기장"] .ec-product-soldout a span:before {
    transform: rotate(-22deg);
    -webkit-transform: rotate(-22deg);
    left: 46%;
}

.da .xans-product-detail .xans-product-option ul.ec-product-button[option_title="기장"] .ec-product-soldout a span:after {
    transform: rotate(-158deg);
    -webkit-transform: rotate(-158eg);
    left: 55%;
}

.da .xans-product-option ul[option_title="색상"]>a {
    display: block;
    width: 30px;
    height: 30px;
    background-color: rgb(0,0,0);
    box-shadow: inset 0 0 0 5px rgb(255 255 255);
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    margin-right: 10px;
    min-width: 30px;
}

.da .xans-product-option ul[option_title="색상"]>a.inactive {
    cursor: not-allowed;
    position: relative;
    overflow: hidden;
}

.da .xans-product-option ul[option_title="색상"]>a.inactive::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    height: 1px;
    margin: 15px 0px 0 -50px;
    background: #e0e0e0;
    -webkit-transform: rotate(-45deg);
    -transform: rotate(-45deg-);
}

.da .xans-product-option ul[option_title="색상"]>a.inactive::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    height: 1px;
    margin: 15px 0px 0 -49px;
    background: #e0e0e0;
    -webkit-transform: rotate(-135deg);
    -transform: rotate(-135deg-);
}

.da .xans-product-option ul[option_title="색상"]>a:last-of-type {
    margin-right: 0;
}

.customDetail .detailLayout .imgArea {
    width: calc(60% - 50px);
    margin-right: 90px;
    margin-left: -40px;
    display: flex;
    flex-wrap: wrap;
}

.customDetail .detailLayout .imgArea>div.verticalImageList {
    display: none;
}

.customDetail .detailLayout .imgArea>div {
    position: relative;
}

.customDetail .detailLayout .imgArea .thumbnail {
    width: 100%;
    margin-bottom: 10px;
}

.customDetail .detailLayout .imgArea .thumbnail::before {
    content: "";
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
    background-color: #fff;
    z-index: 1;
}

.customDetail .detailLayout .imgArea .thumbnail::after {
    content: "";
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    right: -1px;
    top: 0;
    background-color: #fff;
}

.customDetail .detailLayout .imgArea .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.customDetail .detailLayout .imgArea .thumbnail.cstPcSlide .slick-slide {
    cursor: pointer;
}

.customDetail .detailLayout .imgArea .thumbnail.cstPcSlide img {
    cursor: zoom-in;
}

#contents>div>div>div.detailLayout>div.xans-element-.xans-product.xans-product-image.imgArea>div:nth-child(1)>div.customListImg.slick-initialized.slick-slider.slick-vertical>div>div>div>div>p>br {
    display: none!important;
}

.customDetail .detailLayout .imgArea .prdImgs {
    width: 100%;
}

.customDetail .detailLayout .imgArea .customListImg.pcOnly {
    display: block;
}

.customDetail .detailLayout .imgArea .customListImg.mobOnly {
    display: none;
}

.customDetail .detailLayout .imgArea .customListImg {
    width: 60px;
    overflow: hidden;
    touch-action: auto !important;
}

.customDetail .detailLayout .imgArea .customListImg img {
    width: 100%;
    height: 87px;
    margin-bottom: 7px!important;
    cursor: pointer;
}

.customDetail .detailLayout .imgArea .customListImg.slick-vertical .slick-slide {
    border: 0;
}

.customDetail .detailLayout .imgArea .customListImg.slick-vertical .slick-slide:last-of-type img {
    margin-bottom: 0 !important;
}

.customDetail .prdAddImage .inner ul.list li:nth-child(1) {
    display: none;
}

.customDetail .detailLayout .imgArea .prdAddImage {
    width: 100%;
}

.customDetail .detailLayout .imgArea .prdAddImage img {
    width: 100%;
    margin-bottom: 10px;
}

.customDetail .detailLayout .imgArea .btnWrap {
}

.customDetail .detailLayout .imgArea .btnImage {
    color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 6px;
    position: absolute;
    z-index: 1;
    background-position: center;
    padding: 10px 0;
    background-origin: content-box;
    cursor: pointer;
}

.customDetail .detailLayout .imgArea .btnImage.prevBtn {
    background-image: url(https://lovestar9.cafe24.com/img/baner_arrow_top.svg);
    top: 5px;
}

.customDetail .detailLayout .imgArea .btnImage.nextBtn {
    background-image: url(https://lovestar9.cafe24.com/img/baner_arrow_bt.svg);
    bottom: 15px;
}

.customDetail .detailLayout .imgArea .cstPcSlide .slick-arrow {
    padding: 0;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 37px;
    height: 100%;
}

.customDetail .detailLayout .imgArea .cstPcSlide .slick-prev.slick-arrow::before {
    display: none;
}

.customDetail .detailLayout .imgArea .cstPcSlide .slick-next.slick-arrow::before {
    display: none;
}

.customDetail .detailLayout .imgArea .cstPcSlide .slick-prev.slick-arrow {
    background: url(https://lovestar9.cafe24.com/img/banner_arrow_left_mobile.svg) no-repeat center;
    left: 0;
    background-size: 40%;
}

.customDetail .detailLayout .imgArea .cstPcSlide .slick-next.slick-arrow {
    background: url(https://lovestar9.cafe24.com/img/banner_arrow_right_mobile.svg) no-repeat center;
    right: 0;
    background-size: 40%;
}

@media all and (min-width: 961px) {
    .customDetail .detailLayout .imgArea .btnWrap.slick-disabled {
        display:none!important;
    }
}

.customDetail .detailLayout .imgArea .prdAddImage.pcOnly {
    display: block;
}

.customDetail .detailLayout .imgArea .prdAddImage.mobOnly {
    display: none;
}

.customDetail .detailLayout .imgArea #reviewArea {
    width: 100%;
}

.da #totalProducts tbody tr:not(.xans-record-) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.da #totalProducts>table>tbody>tr>td {
    font-size: 12px;
    font-weight: 500;
}

.da #totalProducts .option_products .option_product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    height: 66px;
    box-sizing: border-box;
    border-top: solid 1px #e4e4e4;
}

.da #totalProducts .option_products .option_product:last-of-type {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #e4e4e4;
}

.da #totalProducts tr>td.right {
    padding: 0;
    position: absolute;
    bottom: 10px;
    right: 0;
}

.da #totalProducts tr>td {
    padding: 0;
}

.da #totalProducts>table>tbody>tr>td:first-child {
    padding: 0;
}

.da #totalProducts>table>tbody>tr.option_product:nth-child(n+2)>td:first-child {
    padding: 0;
    padding-top: 0;
}

.da #totalProducts .option_products .option_product .product br {
    display: none;
}

.da #totalProducts .option_products .option_product .product,.da #totalProducts .option_products .option_product .product span {
    font-size: 11px!important;
    font-weight: 500;
    color: #000;
}

.da #totalProducts .quantity {
    width: auto!important;
    padding: 0;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 10px;
}

.da #totalProducts .quantity input[type="text"] {
    order: 1;
    border: 0;
    margin-left: 0;
    line-height: 1;
    width: 20px!important;
    height: auto;
    font-size: 12px!important;
    font-weight: 500;
    color: #000;
}

#totalProducts .quantity a:first-of-type {
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    position: relative;
    top: inherit;
    right: inherit;
    width: 12px;
    height: 12px;
    text-indent: inherit;
}

#totalProducts .quantity a:first-of-type::before {
    content: '';
    background-image: url('https://lovestar9.cafe24.com/img/productpage_qty_plus.svg')!important;
    background-repeat: no-repeat;
    background-size: contain!important;
    background-position: center;
    display: inline-block;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    width: 6px;
    height: 6px;
    line-height: 1;
    background: transparent;
    position: absolute;
    left: inherit;
    top: inherit;
}

#totalProducts .quantity a:first-of-type::after {
    display: none;
}

#totalProducts .quantity a:last-of-type {
    order: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    position: relative;
    top: inherit;
    right: inherit;
    width: 12px;
    height: 12px;
    text-indent: inherit;
}

#totalProducts .quantity a:last-of-type::before {
    content: '';
    background-image: url('https://lovestar9.cafe24.com/img/productpage_qty_minus.svg')!important;
    background-repeat: no-repeat;
    background-size: contain!important;
    background-position: center;
    display: inline-block;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    width: 6px;
    height: 1px;
    line-height: 1;
    background: transparent;
    position: absolute;
    left: inherit;
    top: inherit;
}

#totalProducts .quantity a:last-of-type::after {
    display: none;
}

.da #totalProducts td:nth-of-type(2) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.da #totalProducts td:nth-of-type(2) .delete {
    position: relative;
    bottom: inherit;
    right: inherit;
    margin: 0 0 0 30px;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.da #totalProducts td:nth-of-type(2) .delete::before {
    content: '';
    background-image: url('https://lovestar9.cafe24.com/img/productpage_close_option.svg')!important;
    background-repeat: no-repeat;
    background-size: contain!important;
    background-position: center;
    width: 6px;
    height: 6px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.da #totalProducts td:nth-of-type(2) .delete img {
    display: none;
}

.da #totalProducts tr::after {
    display: none;
}

.da #totalProducts .option_products td:first-of-type {
    display: flex;
}

.da #totalProducts .option_products td:first-of-type>p.product {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    color: transparent;
    flex-direction: row-reverse;
}

.da #totalProducts .option_products td:first-of-type>p.product strong {
    display: none;
}

.customDetail .price,.customDetail .price span,.customDetail span.ec-front-product-item-price {
    font-size: 12px!important;
}

.da #totalProducts .option_products td:first-of-type>p:not(.product),.da #totalProducts .quantity {
    width: auto!important;
    padding: 0;
    display: flex;
    align-items: center;
    margin-top: 0;
    height: 20px;
}

.da #totalProducts .option_products td:first-of-type>p input[type="number"],.da #totalProducts .quantity input[type="text"] {
    order: 1;
    border: solid 1px #e4e4e4;
    margin-left: 0;
    line-height: 1;
    width: 40px!important;
    height: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.da #totalProducts .option_products td:first-of-type>p .up,.da #totalProducts .option_products td:first-of-type>p .down,#totalProducts .quantity a:first-of-type,#totalProducts .quantity a:last-of-type {
    height: 100%;
    width: 20px;
}

.da #totalProducts .option_products td:first-of-type>p .up,#totalProducts .quantity a:first-of-type {
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #e4e4e4;
    position: relative;
    top: inherit;
    right: inherit;
    text-indent: inherit;
    margin-left: 2px;
}

.da #totalProducts .option_products td:first-of-type>p .up::before,#totalProducts .quantity a:first-of-type::before {
    content: '';
    background-image: url('https://lovestar9.cafe24.com/img/option_plus.svg')!important;
    background-repeat: no-repeat;
    background-size: contain!important;
    background-position: center;
    display: inline-block;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    width: 6px;
    height: 6px;
    line-height: 1;
    background: transparent;
    position: relative;
    left: inherit;
    top: inherit;
}

.da #totalProducts .option_products td:first-of-type>p .up::after,#totalProducts .quantity a:first-of-type::after {
    display: none;
}

.da #totalProducts .option_products td:first-of-type>p .down,#totalProducts .quantity a:last-of-type {
    order: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #e4e4e4;
    position: relative;
    top: inherit;
    right: inherit;
    text-indent: inherit;
    margin-right: 2px;
}

.da #totalProducts .option_products td:first-of-type>p .down::before,#totalProducts .quantity a:last-of-type::before {
    content: '';
    background-image: url('https://lovestar9.cafe24.com/img/option_minus.svg')!important;
    background-repeat: no-repeat;
    background-size: contain!important;
    background-position: center;
    display: inline-block;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    width: 6px;
    height: 1px;
    line-height: 1;
    background: transparent;
    position: relative;
    left: inherit;
    top: inherit;
}

.da #totalProducts .option_products td:first-of-type>p .down::after,#totalProducts .quantity a:last-of-type::after {
    display: none;
}

.da #totalProducts .option_products td.center:nth-of-type(3) {
    position: absolute!important;
    top: 10px;
    width: 12px!important;
    height: 12px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    right: 0;
}

.da #totalProducts .option_products td.center:nth-of-type(3) a.delete {
    right: inherit;
    bottom: inherit;
    background: none;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
}

.da #totalProducts td:nth-of-type(2) .delete {
    position: absolute;
    top: 10px;
    right: 0;
}

.da #totalProducts .option_products td.center:nth-of-type(3) a::before {
    content: '';
    background-image: url('https://lovestar9.cafe24.com/img/option_%20cancel.svg')!important;
    background-repeat: no-repeat;
    background-size: contain!important;
    background-position: center;
    width: 8px;
    height: 8px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.da #totalProducts .option_products td.center:nth-of-type(3) a img {
    display: none;
}

.da #totalProducts .option_products td:first-of-type:not(.right:nth-of-type(2)):not(.center:nth-of-type(3)) {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column;
    height: 100%;
}

.da #totalProducts tbody td .product+.product {
    padding: 0;
    width: calc(100% - 42px);
}

.customDetail .totalInfoBox {
    display: flex!important;
    justify-content: space-between;
    padding: 10px 0;
}

.customDetail .totalInfoBox .wishBtnWrap a {
    font-size: 12px;
    font-weight: 500;
    ; text-decoration: underline;
    cursor: pointer!important;
}

.customDetail .totalInfoBox #totalPrice {
    margin: 0;
    display: flex;
    align-items: flex-end;
}

.customDetail .totalInfoBox #totalPrice .title {
    font-size: 13px;
    font-weight: 500;
    margin-right: 24px;
}

.customDetail .totalInfoBox #totalPrice .total strong {
    font-size: 14px!important;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-family: 'Noto Sans KR',sans-serif !important;
    position: inherit!important;
}

.customDetail .totalInfoBox #totalPrice .total strong em {
    font-family: 'Noto Sans KR',sans-serif !important;
}

.da .detailLayout .infoArea .btnBuying {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    background: #000!important;
    color: #fff!important;
    padding: 0;
    box-sizing: border-box;
}

.da .detailLayout .infoArea .btnBuying span {
    font-size: 13px;
    font-weight: 500;
}

.da .detailLayout .infoArea .basket_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 1px solid #000;
    height: 40px;
    box-sizing: border-box;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0;
    display: none;
    cursor: pointer;
}

.da .detailLayout .infoArea .ec-base-button.soldout {
    margin: 0!important;
}

.da .detailLayout .infoArea .gActionButtonColumn {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.da .detailLayout .infoArea .gActionButtonColumn .wish_btn {
    margin-left: 0!important;
    margin-top: 0;
    margin-right: 0;
}

.da .detailLayout .infoArea .gActionButtonColumn .right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
}

.da .detailLayout .infoArea .gActionButtonColumn .right .slide_box {
    margin-right: 10px;
}

.da .detailLayout .infoArea .gActionButtonColumn .right p {
    cursor: pointer;
}

.da .xans-product-detail .xans-product-option .ec-product-button li {
    margin-right: 10px;
    margin-bottom: 0;
}

.da .detailLayout .infoArea .tabArea .tabBtns li.mobOnly {
    display: none;
}

.da #contents .xans-product-detail .xans-product-action .gActionButtonColumn [class*="btn"] {
    font-weight: 500;
}

.da .detailLayout .infoArea .tabArea {
    margin-top: 70px;
    margin-bottom: 0;
}

.da .detailLayout .infoArea .tabArea .tabBtns {
    display: flex;
    align-items: center;
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #E4E4E4;
    line-height: 20px;
    justify-content: space-between;
}

.da .detailLayout .infoArea .tabArea .tabBtns li {
    font-size: 13px;
    font-weight: 500;
    color: #989898;
    cursor: pointer;
}

.da .detailLayout .infoArea .tabArea .tabBtns li a {
    font-size: 13px;
    font-weight: 500;
    color: #989898;
    cursor: pointer;
}

.da .detailLayout .infoArea .tabArea .tabBtns li:last-of-type {
    margin-right: 0px;
}

.da .detailLayout .infoArea .tabArea .tabBtns li.active {
    color: #000;
}

.da .detailLayout .infoArea .tabArea .tabBtns li.active a {
    color: #000;
}

.da .detailLayout .infoArea .tabArea .tabConts .tabCont {
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 0;
    display: none;
    overflow-x: auto;
}

.da .detailLayout .infoArea .tabArea .tabConts .tabCont img {
    max-width: 100%;
}

.da .detailLayout .infoArea .tabArea .tabConts .tabCont.active {
    display: block;
}

.da .detailLayout .infoArea .tabArea .tabConts .tabCont .admin_prdDelivery.firstInfo {
    padding-bottom: 20px;
}

.da .detailLayout .infoArea .prdDetailInfo .popupBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.da .detailLayout .infoArea .prdDetailInfo .popupBtn.grayBtn {
    background-color: #F7F7F7;
}

.da .detailLayout .infoArea .prdDetailInfo .popupBtn.orangeBtn {
    background-color: #F8EAD5;
}

.da .detailLayout .infoArea .prdDetailInfo div.section:nth-child(1) h4 {
    display: none;
}

.da .detailLayout .infoArea .prdDetailInfo div.section {
    padding-bottom: 20px;
    overflow: hidden;
}

.da .detailLayout .infoArea .prdDetailInfo div.section h4 {
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 10px;
    line-height: 1;
}

.da .detailLayout .infoArea .prdDetailInfo div.section div.infoTable {
    display: flex;
    column-gap: 50px;
    width: 100%;
    overflow-x: auto;
    border-bottom: solid 1px #e4e4e4;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.da .detailLayout .infoArea .prdDetailInfo div.section div.infoTable::-webkit-scrollbar {
    display: none;
}

.da .detailLayout .infoArea .prdDetailInfo div.section div.infoTable ul.tableHead {
    align-items: flex-start;
}

.da .detailLayout .infoArea .prdDetailInfo div.section div.infoTable ul li:nth-child(1) {
    font-weight: 500;
    margin-bottom: 15px;
}

.da .detailLayout .infoArea .prdDetailInfo div.section div.infoTable ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.da .detailLayout .infoArea .prdDetailInfo div.section div.infoTable ul li {
    flex-shrink: 0;
    white-space: nowrap;
    margin-bottom: 10px;
    line-height: 11px!important;
}

.da .detailLayout .infoArea .prdDetailInfo div.section div.infoTable ul li:last-of-type {
    margin-bottom: 0;
}

.da .detailLayout .infoArea .xans-product-detaildesign ul li:not(.product_name_css):not(.product_price_css):not(.prd_price_sale_css) {
    display: none;
}

.da .detailLayout .infoArea .prdDetailInfo div.section div.infoTable ul li,.da .detailLayout .infoArea .prdDetailInfo div.section p,.da .detailLayout .infoArea .prdDetailInfo div.section em {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}

.da .detailLayout .infoArea .prdDetailInfo div.section em {
    font-style: normal;
    text-decoration: underline;
}

.da .detailLayout .infoArea .prdDetailInfo div.section .note {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 10px;
}

.da .detailLayout .infoArea .prdDetailInfo div.section.info {
    margin-top: 10px;
}

.da .detailLayout .detailNotePopup {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 999999999;
    display: none;
    line-height: 22px;
}

.da .detailLayout .detailNotePopup .closeArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999999999;
}

.da .detailLayout .detailNotePopup .detailNoteCont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 700px;
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 50px 50px 50px;
    background-color: #fff;
    z-index: 99999999999;
}

.da .detailLayout .detailNotePopup .detailNoteCont::-webkit-scrollbar {
    display: none;
}

.da .detailLayout .detailNotePopup .detailNoteCont .closeBtn {
    width: 100%;
    height: 60px;
    top: 0;
    left: 0;
    right: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    position: sticky;
    background-color: #fff;
}

.da .detailLayout .detailNotePopup .detailNoteCont .closeBtn img {
    cursor: pointer;
}

.da .detailLayout .detailNotePopup .detailNoteCont div img {
    max-width: 100%!important;
}

.customDetail .prdToggle {
    margin: 0!important;
}

.customDetail .prdToggle:last-of-type {
    border-bottom: solid 1px #e4e4e4;
    margin-bottom: 50px!important;
}

.customDetail .prdToggle .title {
    border-top: solid 1px #e4e4e4!important;
    padding: 0!important;
}

.customDetail .prdToggle .title h2 {
    height: 45px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    font-size: 12px!important;
    font-weight: 500!important;
    padding: 0!important;
}

.customDetail .prdToggle .title::after {
    display: none!important;
}

.customDetail .prdToggle .title h2::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    width: 10px;
    height: 10px;
    background-image: url(https://lovestar9.cafe24.com/img/tap_drop_plus.svg)!important;
    background-repeat: no-repeat!important;
    background-position: center;
}

.customDetail .prdToggle.selected .title h2::after {
    background-image: url(https://lovestar9.cafe24.com/img/tap_drop_minus.svg)!important;
}

.customDetail .prdToggle .contents {
    padding-bottom: 20px;
}

.customDetail .prdToggle .title h2 {
    cursor: pointer;
}

.da .detailLayout .infoArea .tabArea .tabConts .tabCont .admin_translationInfo {
    padding-bottom: 20px;
}

.da .detailLayout .infoArea .tabArea .tabConts .tabCont .prdToggle:nth-of-type(1) {
    margin-top: 20px!important;
}

.customDetail ul.infoTable li {
    display: flex;
}

.customDetail ul.infoTable li span:nth-child(1) {
    margin-right: 20px;
    width: 80px;
}

.customDetail ul.infoTable li span:nth-child(2) {
    width: calc(100% - 50px);
}

.customDetail ul.infoTable+.txt {
    margin-top: 14px;
}

.da .xans-product-addimage.mobOnly {
    display: none;
}

#reviewAreaMob {
    display: none;
}

.da .relationWrapper {
    width: 100%;
    margin-top: 100px;
}

.da .relationWrapper .relationInner {
    position: relative;
    width: calc(100% - 300px+6.7708vw);
    max-width: calc(1620px+6.7708vw);
    margin: 0 auto;
}

.da .relationWrapper .relationInner h2 {
    width: calc(100% - 6.7708vw);
    text-align: start;
    font-size: 12px;
    font-weight: 500;
    max-width: 1620px;
    margin: 0 auto 50px;
}

.da .xans-product-relation .prdList {
    padding: 0!important;
}

.da .xans-product-relation .prdList .slick-list {
    padding: 0!important;
}

.da .xans-product-relation .prdList .slick-list .slick-track {
    display: flex;
}

.da .xans-product-relation .prdList .slick-list .slick-track::before,.da .xans-product-relation .prdList .slick-list .slick-track::after {
}

.da .xans-product-relation .prdList .slick-list .slick-track .slick-slide {
    margin: 0 3.3854vw!important;
    width: 23.6109vw!important;
}

.da .xans-product-relation .prdList .slick-list .slick-track.on {
    width: 100%!important;
    position: inherit;
    transform: none!important;
    display: flex;
    justify-content: center;
}

.da .xans-product-relation .prdList .slick-list .slick-track .slick-slide .box img {
    width: 100%;
    height: auto;
    margin: 0;
}

.da .xans-product-relation .prdList .slick-list .slick-track .slick-slide .box .name a,.da .xans-product-relation .prdList .slick-list .slick-track .slick-slide .box .price span {
    font-size: 12px;
    font-weight: 500;
}

.da .xans-product-relation .arrowWrap {
    position: relative;
    width: calc(100% - 6.7708vw);
    max-width: 1620px;
    margin: 0 auto;
    margin-bottom: 10px;
    height: 12px;
}

.da .xans-product-relation .arrowWrap span {
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
}

.da .xans-product-relation .arrowWrap .prev {
    position: absolute;
    left: 0;
}

.da .xans-product-relation .arrowWrap .next {
    position: absolute;
    right: 0;
}

@media (min-width: 1367px) {
    .xans-product-relation .prdList__item {
        width:inherit;
        height: auto;
    }

    .xans-product-relation .prdList .slick-slide {
        margin: 0;
    }

    .xans-product-relation .prdList__item .box {
        height: auto;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width:1366px) {
    .xans-product-relation .prdList__item .box a {
        width:100%;
        height: auto;
    }

    .xans-product-relation .prdList__item .price {
        font-size: 12px;
        font-weight: 500;
        color: #000;
        margin-top: 8px;
        margin-bottom: 0;
    }
}

@media (max-width: 1200px) {
    .da .detailLayout {
        position:relative;
        width: calc(100% - 100px);
        max-width: 1620px;
    }

    .da .relationWrapper .relationInner {
        position: relative;
        width: calc(100vw - 100px);
        max-width: calc(1620px+6.7708vw);
        margin: 0 auto;
    }

    .da .xans-product-relation .prdList .slick-list .slick-track .slick-slide {
        margin: 0 3.3854vw!important;
        width: 23.6109vw!important;
    }
}

@media (max-width: 960px) {
    .da .xans-product-detail .detailLayout {
        width:100%;
        max-width: unset;
        flex-direction: column;
        padding-bottom: 100px;
    }

    .da .detailLayout .imgArea {
        width: 100%!important;
        margin-right: 0;
        flex-direction: column;
        margin-left: 0;
    }

    .da .detailLayout .imgArea .thumbnail {
        width: 100%;
        margin-bottom: 20px;
    }

    .da .detailLayout .imgArea .thumbnail img {
        width: 100%;
    }

    .da .detailLayout .imgArea .pcOnly {
        display: none;
    }

    .da .detailLayout .imgArea .mobOnly {
        display: block;
    }

    .da .detailLayout .infoArea {
        position: relative;
        right: 0;
        width: calc(100% - 30px);
        top: unset;
        height: auto;
        margin: 0 auto;
        overflow-y: inherit;
        padding-top: 10px!important;
    }

    .da .detailLayout .infoArea::-webkit-scrollbar {
        display: none;
    }

    .da .detailLayout .infoArea .headingArea h1 {
        width: 100%;
        letter-spacing: 0.5px;
    }

    .da .detailLayout .infoArea .product_name_css,.da .detailLayout .infoArea .additional_description_translated_css,.da .detailLayout .infoArea .quantity_css {
        display: none;
    }

    .da .detailLayout .infoArea .xans-product-detaildesign ul li span {
        font-size: 15px;
        font-weight: 500;
    }

    .da .detailLayout .infoArea .xans-product-detaildesign .product_price_css>span>span>strong#span_product_price_text {
        font-size: 14px!important;
        font-weight: 500;
        line-height: 1;
        margin-left: 0;
        margin-top: 0;
        letter-spacing: 0.5px;
    }

    .da .detailLayout .infoArea .xans-product-detaildesign #span_product_price_sale {
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
    }

    .da .detailLayout .xans-product-option td ul.ec-product-preview {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
    }

    .da .detailLayout .xans-product-option td ul.ec-product-preview::-webkit-scrollbar {
        display: none;
    }

    .da .detailLayout .xans-product-option td ul.ec-product-preview>li {
        flex-shrink: 0;
    }

    .da .xans-product-detail .infoArea .productOption {
        margin-top: 40px;
    }

    .da #contents .xans-product-detail .xans-product-option tr th {
        font-size: 11px!important;
    }

    .da .xans-product-detail .xans-product-option .ec-product-button li a span {
        font-size: 11px!important;
    }

    .da .xans-product-detail .xans-product-option .ec-product-button .ec-product-disabled a span {
        font-size: 11px!important;
    }

    .da .detailLayout .infoArea .gActionButtonColumn .right {
    }

    .da .detailLayout .infoArea .gActionButtonColumn .right .slide_box {
        margin-right: 20px;
    }

    .da #totalProducts .option_products td.center:nth-of-type(3) {
        right: 0;
    }

    .customDetail .totalInfoBox {
        padding: 10px 0 20px;
    }

    .customDetail .totalInfoBox .wishBtnWrap a {
        font-size: 11px;
    }

    .customDetail .totalInfoBox #totalPrice .title {
        font-size: 11px;
        margin-right: 12px;
    }

    .customDetail .price span,span.ec-front-product-item-price {
        font-weight: normal!important;
        position: absolute;
        bottom: 0;
        word-break: keep-all;
        right: 0;
        ; }

    .da #totalProducts .option_products td:first-of-type>p input[type="number"],.da #totalProducts .quantity input[type="text"] {
        font-size: 11px!important;
    }

    .da .detailLayout .infoArea .prdDetailInfo div.section:last-of-type {
        margin-bottom: 0;
    }

    .da .detailLayout .infoArea .btnBuying span {
        font-size: 12px;
        font-weight: 500;
    }

    .da .detailLayout .infoArea .basket_btn {
        font-size: 12px;
    }

    .da .detailLayout .infoArea .tabArea {
        margin-top: 60px;
    }

    .da .detailLayout .infoArea .tabArea .tabBtns li.pcOnly {
        display: none;
    }

    .da .detailLayout .infoArea .tabArea .tabBtns li.mobOnly {
        display: block;
    }

    .da .detailLayout .infoArea .tabArea .tabBtns {
        margin-left: -15px;
        margin-right: -15px;
        padding: 15px;
    }

    .da .detailLayout .infoArea .tabArea .tabBtns li {
        font-size: 11px;
    }

    .da .detailLayout .infoArea .tabArea .tabBtns li a {
        font-size: 11px;
    }

    .da .xans-product-addimage.mobOnly {
        display: flex;
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
        margin-bottom: 47px;
    }

    .da .xans-product-addimage.mobOnly .xans-product-additional {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .da .xans-product-addimage.mobOnly .xans-product-additional img {
        margin-bottom: 10px!important;
    }

    .da .xans-product-addimage.mobOnly .xans-product-additional br {
        display: none;
    }

    .da .xans-product-addimage.mobOnly .listImg {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .da .xans-product-addimage.mobOnly .listImg li {
        width: 100%;
        margin-bottom: 10px;
    }

    .da .xans-product-addimage.mobOnly .listImg li:last-of-type {
        margin-bottom: 0;
    }

    .da .xans-product-addimage.mobOnly .listImg li img {
        width: 100%;
    }

    .da .xans-product-addimage.mobOnly img {
        object-fit: cover;
        width: 100%;
        margin-bottom: 15px;
    }

    .da .detailLayout .infoArea .tabArea .tabConts .tabCont {
        overflow: initial;
        font-size: 11px;
    }

    .customDetail .prdToggle {
        margin: 0 -15px!important;
    }

    .customDetail .prdToggle:last-of-type {
        margin-bottom: 0!important;
    }

    .customDetail .prdToggle .title {
        padding: 0 15px!important;
    }

    .customDetail .prdToggle .title h2 {
        font-size: 11px!important;
    }

    .customDetail .prdToggle .contents {
        padding: 0 15px 20px 15px;
    }

    .da .detailLayout .infoArea .prdDetailInfo div.section div.infoTable ul li,.da .detailLayout .infoArea .prdDetailInfo div.section p,.da .detailLayout .infoArea .prdDetailInfo div.section em {
        font-size: 11px;
        font-weight: 400;
        line-height: 22px;
    }

    .da .detailLayout .infoArea .prdDetailInfo div.section h4 {
        font-size: 11px;
    }

    #reviewAreaMob {
        display: block;
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    #reviewAreaMob #content {
        padding-top: 0;
    }

    #reviewAreaMob .detail_title {
        display: none;
    }

    .da .relationWrapper {
        margin-top: 50px;
    }

    .da .relationWrapper .relationInner {
        position: relative;
        width: calc(100% - 12px);
        max-width: unset;
        margin: 0 auto;
    }

    .da .relationWrapper .relationInner h2 {
        text-align: start;
    }

    .da .xans-product-relation .prdList .slick-list .slick-track .slick-slide {
        margin: 0 2vw!important;
        width: 46vw!important;
    }

    .da .xans-product-relation .prdList .slick-list .slick-track .slick-slide .box .name a {
        width: 100%;
        text-align: center;
        display: block;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
    }

    .da .xans-product-relation .prdList .slick-list .slick-track .slick-slide .box .price {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .da .xans-product-relation .prdList .slick-list .slick-track .slick-slide .box .price span:first-of-type:not(:last-of-type) {
        margin-right: 10px;
    }

    .da .xans-product-relation .prdList .slick-list .slick-track .slick-slide .box .price span {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
    }

    .da .xans-product-relation .arrowWrap {
        position: relative;
        width: calc(100% - 12px);
        max-width: unset;
        margin: 0 auto;
        margin-bottom: 10px;
        height: 11px;
        display: flex;
        justify-content: flex-end;
    }

    .da .xans-product-relation .arrowWrap span {
        font-size: 11px;
        line-height: 1;
        cursor: pointer;
    }

    .da .xans-product-relation .arrowWrap .prev {
        position: relative;
        left: unset;
        margin-right: 10px;
    }

    .da .xans-product-relation .arrowWrap .next {
        position: relative;
        right: unset;
        padding-right: 1.6vw;
    }

    .da .detailLayout .detailNotePopup {
        position: fixed;
        width: 100%;
        height: 100vh;
        padding: 0 25px;
        background-color: #fff;
        overflow: hidden;
        top: 0;
        left: 0;
        z-index: 999999999;
        box-sizing: border-box;
        display: none;
    }

    .da .detailLayout .detailNotePopup .closeArea {
        display: none;
    }

    .da .detailLayout .detailNotePopup .detailNoteCont {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0,0);
        padding: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #fff;
        z-index: 99999999999;
    }

    .da .detailLayout .detailNotePopup .detailNoteCont::-webkit-scrollbar {
        display: none;
    }

    .da .detailLayout .detailNotePopup .detailNoteCont .closeBtn {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: start;
        padding-top: 34px;
    }

    .da .detailLayout .detailNotePopup .detailNoteCont .closeBtn img {
        cursor: pointer;
    }

    .da .detailLayout .detailNotePopup .detailNoteCont div img {
        max-width: 100%!important;
    }

    @media (max-width: 767px) {
        .da .detailLayout .detailNotePopup .detailNoteCont {
            font-size:11px;
        }
    }

    .customDetail .detailLayout .imgArea .thumbnail {
        margin: 0;
        display: none;
    }

    .customDetail .detailLayout .imgArea>div.verticalImageList {
        display: block;
    }

    .customDetail .detailLayout .imgArea .customListImg {
        width: 100vw;
        height: inherit;
        overflow: hidden;
    }

    .customDetail .detailLayout .imgArea .customListImg .slick-list,.customDetail .detailLayout .imgArea .customListImg .slick-list .slick-track {
        height: inherit;
        display: flex;
    }

    .customDetail .detailLayout .imgArea .customListImg img {
        width: 100vw!important;
        height: auto;
        margin-bottom: 20px!important;
        cursor: initial;
    }

    .customDetail .detailLayout .imgArea .customListImg br {
        display: none!important;
    }

    .customDetail .detailLayout .imgArea .btnWrap {
        width: 37px;
        height: 100%;
        padding: 0;
        display: flex!important;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
    }

    .customDetail .detailLayout .imgArea .btnWrap.prevBtnWrap {
        left: 0;
    }

    .customDetail .detailLayout .imgArea .btnWrap.nextBtnWrap {
        right: 0;
    }

    .customDetail .detailLayout .imgArea .btnImage {
        width: 7px;
        height: 14px;
        ; color: transparent;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        position: initial;
        top: initial!important;
        left: initial!important;
        bottom: initial!important;
        right: initial!important;
        transform: none!important;
    }

    .customDetail .detailLayout .imgArea .btnImage.prevBtn {
        background-image: url(https://lovestar9.cafe24.com/img/banner_arrow_left_mobile.svg);
    }

    .customDetail .detailLayout .imgArea .btnImage.nextBtn {
        background-image: url(https://lovestar9.cafe24.com/img/banner_arrow_right_mobile.svg);
    }

    .customDetail .detailLayout .imgArea .prdAddImage {
        padding-left: 0;
    }

    .customDetail .detailLayout .imgArea .prdAddImage.pcOnly {
        display: none;
    }

    .customDetail .detailLayout .imgArea .prdAddImage.mobOnly {
        display: block;
    }
}

.da .boardFin .xans-board-listpackage .ec-base-tab.typeMenu {
    top: 115px!important;
    min-height: 490px!important;
}

.da .boardFin .xans-board-listpackage .ec-base-tab.typeMenu .menu {
    margin-top: 0!important;
}

.da #company_menu {
    position: relative!important;
    top: unset;
    left: unset;
}

.archiveSection .title h2 {
    line-height: 1;
    font-size: 14px;
    font-weight: 500!important;
    cursor: pointer;
}

.archiveSection .archiveList {
    width: calc(100% - 100px);
    margin: 0 auto;
    padding: 50px 0 20px;
    display: flex;
    flex-wrap: wrap;
}

.archiveSection .archiveList>div {
    width: calc((100% - 288px) / 3);
    margin-right: 144px;
    margin-bottom: 100px;
}

.archiveSection .archiveList>div:nth-child(3n) {
    margin-right: 0;
}

.archiveSection .archiveList>div img {
    width: 100%;
}

@media (min-width: 1025px) and (max-width:1366px) {
    .archiveSection .archiveList>div {
        width:calc((100% - 232px) / 3);
        margin-right: 116px;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .archiveSection .archiveList>div {
        width:calc((100% - 140px) / 3);
        margin-right: 70px;
        margin-bottom: 70px;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .archiveSection .archiveList>div {
        width:calc((100% - 140px) / 3);
    }
}

@media (max-width: 767px) {
    .archiveSection .archiveList {
        width:calc(100% - 30px);
        margin: 0 auto;
    }

    .archiveSection .archiveList>div {
        width: calc((100% - 18px) / 2);
        margin-bottom: 30px;
    }

    .archiveSection .archiveList>div:nth-child(2n - 1) {
        margin-left: 0;
        margin-right: 9px;
    }

    .archiveSection .archiveList>div:nth-child(2n ) {
        margin-left: 9px;
        margin-right: 0;
    }
}

.gh .customOrder .left-box {
    width: 120px;
}

.gh .customWish .left-box {
}

.gh .customCoupon .left-box {
    width: 120px;
}

.gh .customMile .top-left-box {
    width: 120px;
}

.gh .customDepo .left-box {
    width: 120px;
}

.gh .customAddr .left-box {
    width: 120px;
}

.gh .customAddrEnter .left-box {
    width: 120px;
}

.gh .cstReviewTitle {
    margin: 50px 0 60px !important;
}

.gh .cstReviewWrap {
    gap: 0;
    width: calc(100% - 400px)!important;
}

.gh .cstReviewWrap .cstReviewBox {
    padding-left: 60px;
}

.gh .cstMyInfoTitle {
    margin: 50px 0 60px;
}

.gh .cstMyInfoWrap {
    gap: 0;
    width: calc(100% - 400px)!important;
}

.gh .cstMyInfoWrap .cstMyInfo {
    padding-left: 90px;
}

@media all and (min-width: 1025px) and (max-width:1366px) {
    .path {
        position:unset !important;
    }

    .gh .customOrder {
        width: calc(100% - 200px);
        padding-bottom: 60px;
    }

    .gh .customWish {
        width: calc(100% - 200px);
        padding-bottom: 60px;
    }

    .gh .customCoupon {
        width: calc(100% - 200px);
        padding-bottom: 60px;
    }

    .gh .customMile {
        width: calc(100% - 200px);
        padding-bottom: 60px;
    }

    .gh .customDepo {
        width: calc(100% - 200px);
        padding-bottom: 60px;
    }

    .gh .customAddr {
        width: calc(100% - 200px);
        padding-bottom: 60px;
    }

    .gh .customAddrEnter {
        width: calc(100% - 200px);
        padding-bottom: 60px;
    }

    .gh .cstReviewWrap {
        width: calc(100% - 200px)!important;
        padding-bottom: 60px;
    }

    .gh .cstMyInfoTitle {
        margin: 50px 0 60px;
    }

    .gh .cstMyInfoWrap {
        width: calc(100% - 200px)!important;
        padding-bottom: 60px;
    }

    .gh .cstMyInfoWrap .cstMyInfo {
        padding-left: 90px !important;
    }
}

@media all and (max-width: 1024px) {
    .path {
        position:unset !important;
    }

    .gh .customOrder {
        width: calc(100% - 40px);
        padding: 0 0 60px 0;
    }

    .gh .customWish {
        padding-bottom: 60px;
    }

    .gh #contents .titleArea.titleArea--myshop {
        margin-bottom: 60px;
    }

    .gh #contents .customWish .wish_table table tbody tr:first-of-type {
        margin-top: 0;
    }

    .gh .customCoupon {
        padding-bottom: 60px;
    }

    .gh #contents>div.titleArea.titleArea--myshop {
        display: none;
    }

    .gh #contents .customCoupon .couponSerial {
        padding: 30px 0;
    }

    .gh .customMile .typeNav .menu li {
    }

    .gh .customMile {
        padding-bottom: 60px;
    }

    .gh .customDepo {
        padding-bottom: 60px;
    }

    .gh .customAddr {
        padding-bottom: 60px;
    }

    .gh .cstReviewWrap {
        width: calc(100% - 200px)!important;
        padding-bottom: 60px;
    }

    .gh .cstReviewWrap .cstReviewBox {
        padding-left: 0;
    }

    .gh .cstMyInfoWrap {
        width: calc(100% - 200px)!important;
        padding-bottom: 60px;
    }

    .gh .cstMyInfoWrap #myshopMain {
        display: none;
    }

    .gh .cstMyInfoWrap .cstMyInfo {
        padding-left: 0 !important;
    }
}

@media all and (max-width: 768px) {
    .gh .cstReviewWrap {
        width:calc(100% - 40px)!important;
    }

    .gh .cstMyInfoWrap {
        width: calc(100% - 40px)!important;
        padding-bottom: 60px;
    }

    .gh .cstMyInfoWrap .cstMyInfo {
        padding-left: 0 !important;
    }
}

.basketGh .xans-order-basketpackage .Empty {
    border-top: 1px solid #ccc;
}

.basketGh .cart_desc {
    padding: 15px 0 0 20px;
    margin: 0;
    text-align: left;
    letter-spacing: -0.7px;
}

.basketGh .cart_desc p {
    font-size: 11px;
}

.basketGh .xans-order-basketpackage .cart_table .product .p_info .name {
    margin: 0 0 14px;
}

.basketGh .xans-order-basketpackage .cart_table .total {
    font-weight: bold;
    font-size: 12px;
}

.basketGh .xans-order-basketpackage .cart_table .totalA {
    font-weight: unset;
}

.basketGh .xans-order-basketpackage .cart_table .charge {
    font-size: 12px;
    font-weight: 400;
}

.basketGh .quantity span.quantity input {
    font-size: 12px;
    padding-top: 1px;
}

.basketGh .xans-order-basketpackage .cart_table .button li a {
    font-size: 11px;
    height: 30px;
    padding: 9px 10px;
    border: 1px solid #d1d1d1;
}

.basketGh .xans-order-basketpackage .xans-order-selectorder {
    margin: 0;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.basketGh .xans-order-basketpackage .xans-order-selectorder .gRight a {
    font-size: 11px;
    height: 30px;
    padding: 9px 20px;
    line-height: 1;
    border: 1px solid #d1d1d1;
}

.basketGh .ec-base-button:after {
    content: unset;
}

.basketGh .clearAll a {
    display: inline-block;
    padding: 9px 20px;
    height: 30px;
    font-size: 11px;
    line-height: 1;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
}

.basketGh .clearAll a span {
    font-size:
}

.basketGh .xans-order-basketpackage .cart_table tfoot td {
    display: none;
}

.basketGh .ec-base-button .gRight {
    float: left;
    display: flex;
}

.basketGh .xans-order-basketpackage>div.xans-element-.xans-order.xans-order-totalorder.ec-base-button.gColumn.gFlex3>a.btnBasic {
    border: 1px solid #000;
}

.basketGh .total_summary {
    padding: 25px 20px;
}

.basketGh .total_summary li span.title {
    margin-left: 0;
}

.basketGh .total_summary li {
    font-size: 13px;
}

.basketGh .total_summary li span {
    font-size: 13px;
}

.basketGh .total_summary li:last-of-type {
    font-size: 13px;
    margin: 18px 0 0 0;
}

.basketGh .total_summary li:last-of-type span.title {
    font-size: 13px;
}

.basketGh .orderListArea .moTitle {
    text-align: center;
    padding: 50px 0 77px;
    font-size: 13px;
    font-weight: 600;
}

.basketGh .xans-order-basketpackage .cart_table .trA th {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    font-size: 13px;
    font-weight: 400;
}

.basketGh input[type="checkbox"] {
    border: 1px solid #707070;
}

.basketGh .xans-order-basketpackage .cart_table .product .p_info .mobOption,.basketGh .xans-order-basketpackage .cart_table .product .p_info .mobOption {
    display: none;
}

.basketGh .xans-order-basketpackage .xans-order-totalorder {
    padding: 52px 0 30px;
}

@media all and (max-width: 1024px) {
    .customOrderDetail .ec-base-table td a[class^="btn"].btnNormal.cusBtn {
        position:initial;
    }

    .customOrderDetail .ec-base-prdInfo .optionGroup {
        margin: 20px 0 0 0;
        font-size: 11px;
    }

    .customOrderDetail .da .ec-base-button {
        margin: 16px 0 0;
    }

    .customOrderDetail .ec-base-prdInfo .description .prdName {
        font-size: 11px;
    }

    .customOrderDetail .ec-base-prdInfo .description .price {
        font-size: 11px;
    }

    .customOrderDetail .ec-base-prdInfo .prdFoot {
        padding: 10px 0;
    }

    .customOrderDetail .ec-base-prdInfo .prdFoot .txtStatus {
        font-size: 11px;
    }

    .customOrderDetail .xans-myshop-orderhistorydetail .summary .contents .right .total {
        font-size: 11px;
    }
}

.customOrder .ec-base-tab.typeNav .menu li a {
    font-size: 12px;
}

.customOrder .ec-base-prdInfo .description .prdName,.customOrder .ec-base-prdInfo .description .price,.customOrder .ec-base-prdInfo .description .price li {
    font-size: 13px;
}

.customOrder .ec-base-prdInfo .thumbnail {
    width: 80px;
    height: 110px;
}

.customOrder .ec-base-prdInfo .thumbnail a {
    width: 100%;
    height: 100%;
    display: block;
}

.customOrder .ec-base-prdInfo .thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.customOrder .ec-base-prdInfo .prdFoot {
    padding: 13px 0;
}

.customOrder .ec-base-prdInfo .prdFoot .txtStatus {
    font-size: 13px;
}

.da .orderList .ec-base-button[class*="gMColumn"] [class^='btn'] {
    min-width: auto;
    width: 86px;
    height: 30px;
    font-size: 12px;
    padding: 7px;
}

@media all and (max-width: 767px) {
    #contents .customOrderList .titleArea h2 {
        font-size:12px;
    }
}

@media all and (max-width: 1024px) {
    .customOrder .ec-base-tab.typeNav .menu li a {
        font-size:11px;
    }

    .customOrder .ec-base-prdInfo .description .prdName {
        font-size: 11px;
    }

    .customOrder .ec-base-prdInfo .description .price {
        font-size: 11px;
    }

    .customOrder .ec-base-prdInfo .prdFoot {
        padding: 10px 0;
    }

    .customOrder .ec-base-prdInfo .prdFoot .txtStatus {
        font-size: 11px;
    }

    .customOrder .ec-base-prdInfo .optionGroup {
        margin: 20px 0 0 0;
        font-size: 11px;
    }

    .da .orderList .ec-base-button[class*="gMColumn"] {
        margin-top: 11px;
    }

    .da .orderList .ec-base-button[class*="gMColumn"] .gRight {
        justify-content: flex-end;
    }

    .da .orderList .ec-base-button[class*="gMColumn"] [class^='btn'] {
        flex: initial;
        min-width: auto;
        width: 65px;
        height: 30px;
        font-size: 10px;
    }
}

.cusPath {
    width: 100%;
    height: 40px;
    background: #f7f7f7;
    margin: 0;
    display: block;
}

.cusPath span {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    white-space: nowrap;
    text-indent: 100%;
}

.cusPath ol {
    height: 40px!important;
    padding-top: 0!important;
    margin-left: 50px;
}

.cusPath ol li {
    display: inline-block;
    font-size: 12px;
}

.cusPath ol li a {
    line-height: 40px!important;
}

.cusPath li:not(:first-child):before {
    content: ">";
    display: inline-block;
    margin: 0 4px 0 2px;
    color: #000;
    vertical-align: top;
    vertical-align: middle!important;
    margin-top: -4px!important;
}

.cusOrderResultTit {
    margin: 50px 0;
}

.xans-order-result .orderResult .orderArea .order_title h3 {
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.xans-order-result .orderResult .orderInfo p {
    font-size: 12px;
}

.xans-order-result .orderResult .orderInfo p:nth-child(3) strong {
    font-weight: 400;
}

.xans-order-result .orderResult .orderInfo p a {
    font-weight: 400;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList table {
    border: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList tbody th {
    border-bottom: 1px solid #e4e4e4;
    background-color: #f7f7f7;
    width: 200px;
    font-size: 12px;
    font-weight: bold;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList tbody td {
    font-size: 12px;
    color: #000;
    border-right: none;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable .xans-order-normalresultlist tr {
    position: relative;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable .xans-order-normalresultlist td:not(.thumb) {
    vertical-align: top;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable .thumb {
    width: 80px;
    padding-left: 0;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable .product p {
    margin-bottom: 44px;
    font-weight: bold;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable .price {
    position: absolute;
    left: 80px;
    top: 24px;
    border-bottom: none;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable .delivery {
    position: absolute;
    left: 80px;
    bottom: 0;
    border-bottom: none;
    display: flex;
    height: auto;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable tfoot {
    font-size: 12px;
    background-color: #f7f7f7;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable tfoot .custfootTit {
    border-bottom: none;
    padding: 20px 20px 0;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable tfoot .custfootInfo {
    position: relative;
    padding: 0 20px 25px 20px;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable tfoot .custfootInfo .custfootInfoTotal {
    position: absolute;
    right: 19px;
    bottom: 25px;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList.cusDetailTable tbody .cusDetailTableBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList.cusDetailTable tbody .cusDetailTableBtn a {
    width: 86px;
    height: 30px;
    display: inline-block;
    border: 1px solid #a8a8a8;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    color: #000;
}

.xans-order-result .orderResult .orderArea .ec-base-table.typeList.cusDetailTable tbody .cusDetailTableBtn a img {
    opacity: 0;
}

.xans-order-result .orderResult .ec-base-button {
    margin: 50px 0 0;
}

.xans-order-result .orderResult .ec-base-button .gRight {
    float: initial;
    justify-content: center;
}

.xans-order-result .orderResult .ec-base-button .gRight a {
    width: 130px;
    background-color: #fff;
    color: #000;
}

.xans-order-result .orderResult .ec-base-button .gRight a:last-of-type {
    background-color: #000;
    color: #fff;
}

.xans-order-result .orderResult div.ec-base-help>h3 {
    font-size: 13px;
}

.xans-order-result .orderResult div.ec-base-help .inner {
    padding: 10px 20px 26px;
}

.xans-order-result .orderResult div.ec-base-help ol {
    margin: 10px 0 0 0;
}

.xans-order-result .orderResult div.ec-base-help ol li {
    color: #4d4d4d;
}

@media all and (max-width: 767px) {
    .cusPath {
        display:none;
    }

    .cusPath.cancelPagePath {
        display: block;
    }

    .cusPath.cancelPagePath ol {
        margin-left: 15px;
    }

    .cusOrderResultTit {
        margin: 95px 0 29px;
    }

    .xans-order-result .orderResult .orderArea .order_title h3 {
        font-size: 11px;
    }

    .xans-order-result .orderResult .orderArea .ec-base-table.typeList {
        margin-top: 14px !important;
    }

    .xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable .thumb img {
        width: 100%;
    }

    .xans-order-result .orderResult .orderArea .ec-base-table.typeList tbody th {
        font-size: 11px;
        width: 133px;
        padding: 16px;
        box-sizing: border-box;
        border-right: none;
    }

    .xans-order-result .orderResult .orderArea .ec-base-table.typeList tbody td {
        font-size: 11px;
        color: #000;
    }

    .xans-order-result .orderResult .orderArea .ec-base-table.typeList td a {
        color: inherit;
    }

    .xans-order-result .orderResult .orderArea .ec-base-table.typeList.cusDetailTable tbody .cusDetailTableBtn a {
        width: 70px;
        font-size: 11px;
    }

    .xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable tfoot td {
        color: #000;
    }

    .xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable tfoot .custfootInfo .custfootInfoTotal {
        position: initial;
        padding-top: 20px;
        font-size: 11px;
    }

    .xans-order-result .orderResult .ec-base-button .gRight a {
        width: calc(50% - 5px);
        height: 30px;
        line-height: 1;
        font-size: 11px;
        padding: 9px;
    }

    .xans-order-result .orderResult div.ec-base-help>h3 {
        font-size: 11px;
    }

    .xans-order-result .orderResult div.ec-base-help ol li {
        font-size: 11px;
    }
}

@media all and (max-width: 1024px) {
    .xans-order-result .orderResult .orderArea .ec-base-table.typeList tr {
        display:table-row;
    }

    .xans-order-result .orderResult .orderArea .ec-base-table.typeList .cusOrderTable tfoot tr:first-child {
        border-bottom: none;
    }

    .xans-order-result .orderResult div.ec-base-help>h3 {
        padding: 0;
    }
}

.customCouponList .ec-base-layer .header h1 {
    font-size: 11px;
    font-weight: bold;
}

.customCouponList .ec-base-prdInfo .optionGroup {
    padding: 0 0 20px 0;
    margin: 20px 0 0;
    padding: 0;
}

.customCouponList .ec-base-prdInfo .thumbnail {
    height: 100%;
}

.customCouponList .ec-base-prdInfo .description {
    display: flex;
    flex-direction: column;
}

.customCouponList .ec-base-prdInfo .description .prdName,.ec-base-prdInfo .description .price li {
    font-size: 11px;
}

.customCouponList .ec-base-prdInfo .description .price,.ec-base-prdInfo .description .price li {
    font-size: 11px;
}

.customCouponList .ec-base-prdInfo .optionGroup {
    font-size: 11px;
}

.customCouponList .ec-base-prdInfo .description .info {
    order: 1;
}

.customCouponList .ec-base-prdInfo .description .info li {
    font-size: 11px;
}

#contents .xans-myshop-orderhistoryapplycancel .titleArea.titleArea {
    text-align: left;
    margin-bottom: 20px;
    margin-top: 0;
}

#contents .xans-myshop-orderhistoryapplycancel .titleArea.titleArea h3 {
    font-size: 12px;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .description .prdName,.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .description .price,.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .description .price li {
    font-size: 12px;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .thumbnail {
    width: 80px;
    height: 100%;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .optionGroup {
    margin: 22px 0 0;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo.gCheck .quantity {
    padding: 0 0 0 120px;
    margin-top: -20px;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo.gCheck .quantity .ec-base-qty {
    width: 86px;
    padding: 0 24px;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo.gCheck .quantity .ec-base-qty a {
    width: 20px;
    height: 20px;
    border: 1px solid #e4e4e4;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo.gCheck .quantity .ec-base-qty a::before {
    left: 6px;
    width: 7px;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo.gCheck .quantity .ec-base-qty .up::after {
    left: 9px;
    top: 10px;
    height: 7px;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo.gCheck .quantity .ec-base-qty input[type="text"] {
    width: 40px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #e4e4e4;
    margin-top: -2px;
    font-size: 11px;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo.gCheck .quantity [class^='btn'].sizeQty {
    padding: 0 15px;
    height: 20px;
    font-size: 11px;
    line-height: 17px;
    border: 1px solid #e4e4e4;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .prdFoot {
    padding: 13px 0;
}

.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .prdFoot .txtStatus {
    font-size: 13px;
}

.xans-myshop-orderhistoryapplycancel .order__number {
    font-size: 12px;
}

.xans-myshop-orderhistoryapplycancel p.ec-base-help {
    background: none;
    padding-left: 0;
}

.xans-myshop-orderhistoryapplycancel p.ec-base-help .txtWarn {
    color: #FF0000;
}

.ec-base-table.cusCancelTable {
    margin-top: 30px;
    border-top: none;
}

.ec-base-table.cusCancelTable tbody tr {
    display: flex;
    flex-direction: column;
}

.ec-base-table.typeWrite.cusCancelTable th {
    background-color: #fff;
    border: none;
    padding: 20px 0 10px;
}

.ec-base-table.typeWrite.cusCancelTable td {
    padding: 0;
}

.ec-base-table.typeWrite.cusCancelTable td select {
    width: 100%;
    font-size: 11px;
}

.xans-myshop-orderhistoryapplycancel .ec-base-button.gBottom {
    margin: 30px 0 0;
}

.xans-myshop-orderhistoryapplycancel .ec-base-button.gBottom a {
    font-size: 11px;
}

@media all and (max-width: 767px) {
    #contents .titleArea.titleArea.cancelPageTit {
        margin-top:22px;
        margin-bottom: 30px;
    }

    #contents .titleArea.cancelPageTit h2 {
        font-size: 12px;
    }

    #contents .xans-myshop-orderhistoryapplycancel .titleArea.titleArea {
        margin-bottom: 10px;
    }

    #contents .xans-myshop-orderhistoryapplycancel .titleArea.titleArea h3 {
        font-size: 11px;
    }

    .xans-myshop-orderhistoryapplycancel .order__number {
        font-size: 11px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .thumbnail {
        margin-right: 13px;
    }

    .xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .description .prdName,.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .description .price,.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .description .price li {
        font-size: 11px;
    }

    .xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .prdFoot {
        padding: 11px 0;
    }

    .xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .prdFoot .txtStatus {
        font-size: 11px;
    }

    .xans-myshop-orderhistoryapplycancel p.ec-base-help {
        font-size: 10px;
    }

    .ec-base-table.typeWrite.cusCancelTable th {
        font-size: 11px;
    }

    .ec-base-table.cusCancelTable {
        margin-top: 20px;
    }

    .xans-myshop-orderhistoryapplycancel .ec-base-button.gBottom {
        margin: 20px 0 45px;
    }
}

@media (min-width: 768px) and (max-width:1366px) {
    .xans-myshop-orderhistoryapplycancel .ec-base-button.gBottom {
        margin-bottom:60px;
    }
}

.gh .b_title {
    margin: 40px 0;
}

.gh .b_title h2 {
    font-size: 12px;
}

.gh #mCafe24Order.typeHeader {
    width: calc(100% - 20vw);
}

.gh .orderFormSideNav {
    width: 100%;
    max-width: 120px;
    margin: 10px 90px 0 0;
}

.gh .xans-myshop-main {
    width: 120px;
}

.gh #myshopMain .menu li {
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gh #myshopMain .menu li img {
    position: unset;
}

.gh #myshopMain .menu li a {
    line-height: 15px;
    font-weight: 600;
}

.gh #mCafe24Order .ec-base-fold>.title {
    padding: 0 0 27px 17px;
}

.gh #mCafe24Order .title h2 {
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
}

.gh #mCafe24Order .ec-base-fold {
    margin: 0 0 27px;
    border-bottom: 1px solid #B1B1B1;
}

.gh #mCafe24Order #ec-jigsaw-area-billingInfo {
    margin: 0 0 28px;
}

.gh #mCafe24Order .ec-base-fold.selected>.title:after {
    top: 7px;
    right: 15px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    border-right: 0;
    border-bottom: 0;
}

.gh #mCafe24Order .billingNshipping {
    margin-top: 0;
}

.gh #mCafe24Order .ec-base-fold>.title:after {
    top: 3px;
    right: 15px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    border-right: 0;
    border-bottom: 0;
}

.gh #mCafe24Order .ec-base-table:last-child {
    padding-bottom: 30px;
}

.gh #mCafe24Order .ec-base-fold>.title .gRight {
    padding-right: 40px;
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
}

.gh #mCafe24Order input[type="text"] {
    height: 40px;
    font-size: 11px!important;
    font-weight: 600;
    padding: 11px 0 11px 11px;
}

.gh #mCafe24Order .ec-base-table.typeWrite tbody th {
    font-size: 12px;
    font-weight: 600;
    padding: 19px 17px;
    background-color: #F8F9FA;
}

#mCafe24Order #ophone1_1,#mCafe24Order #ophone2_1,#mCafe24Order #rphone1_1,#mCafe24Order #rphone2_1,#mCafe24Order #tax_request_phone1 {
    font-size: 11px !important;
    color: #000;
    font-weight: 600;
    height: 40px;
    line-height: 1;
    padding: 11px 0 11px 11px;
}

#mCafe24Order #ophone1_2,#mCafe24Order #ophone2_2,#mCafe24Order #rphone1_2,#mCafe24Order #rphone2_2,#mCafe24Order #tax_request_phone2 {
    font-size: 11px !important;
    color: #000;
    font-weight: 600;
    height: 40px;
    line-height: 1;
    padding: 11px 0 11px 11px;
}

#mCafe24Order #ophone1_3,#mCafe24Order #ophone2_3,#mCafe24Order #rphone1_3,#mCafe24Order #rphone2_3,#mCafe24Order #tax_request_phone3 {
    font-size: 11px !important;
    color: #000;
    font-weight: 600;
    height: 40px;
    line-height: 1;
    padding: 11px 0 11px 11px;
}

.gh #mCafe24Order .ec-base-prdInfo .description .info li,.gh #mCafe24Order .ec-base-table.typeWrite td,.gh #mCafe24Order .ec-base-help {
    padding: 9px 12px 9px 8px;
}

.gh #mCafe24Order .ec-base-table .ec-address>li {
    padding: 0;
    padding-bottom: 10px;
}

.gh #mCafe24Order .ec-base-table .ec-address>li:last-of-type {
    padding-bottom: 0;
}

.gh #mCafe24Order .ec-base-table .ec-address {
    margin: 0;
}

.gh #mCafe24Order .ec-base-table .ec-address .ec-address-zipcode .btnBasic {
    height: 40px;
    margin: 0;
    border: 1px solid #B1B1B1;
    font-weight: 600;
}

.gh #mCafe24Order .ec-base-table .ec-address .ec-address-zipcode .ec-base-label {
    margin: 0;
}

.gh #mCafe24Order #ozipcode1 {
    width: 154px;
}

#mCafe24Order #ozipcode1,#mCafe24Order #rzipcode1,#mCafe24Order #fzipcode,#mCafe24Order #tax_request_zipcode {
    width: 100%;
    max-width: 154px;
}

.gh input[type=text][readonly] {
    background: #F8F9FA;
}

.gh #mCafe24Order select {
    background: #fff url(//img.echosting.cafe24.com/skin/skin/common/ico_select.png) no-repeat right 10px center;
    padding: 0 18px 0 8px;
}

.gh #mCafe24Order .ec-base-tab:first-child {
    margin: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-billingInfo table {
    display: block;
}

.gh #mCafe24Order #ec-jigsaw-area-billingInfo table tbody {
    display: block;
}

.gh #mCafe24Order #ec-jigsaw-area-billingInfo table tbody tr {
    display: flex;
}

.gh #mCafe24Order #ec-jigsaw-area-billingInfo table tbody tr th {
    width: 100%;
    max-width: 100px;
    box-sizing: border-box;
}

.gh #mCafe24Order #ec-jigsaw-area-billingInfo table tbody tr td {
    width: 100%;
}

.gh #mCafe24Order #ec-jigsaw-area-billingInfo table tbody .ec-orderform-emailRow td .text {
    display: block;
    padding: 7px 0 0 0;
    font-size: 11px;
    font-weight: 400;
    color: #707070;
    line-height: 20px;
}

.gh #mCafe24Order #ec-jigsaw-tab-shippingInfo ul {
    border-top: 1px solid #000;
    margin-bottom: 32px;
}

.gh #mCafe24Order #ec-jigsaw-tab-shippingInfo ul li {
    height: 50px;
}

.gh #mCafe24Order #ec-jigsaw-tab-shippingInfo ul li a {
    font-size: 12px;
    color: #707070;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-tab-shippingInfo ul li.selected a {
    color: #000;
    font-weight: 600;
}

.gh #mCafe24Order #ec-shippingInfo-recentAddress .name {
    font-size: 12px;
    color: #000;
    font-weight: 600;
}

.gh #mCafe24Order #ec-shippingInfo-recentAddress .button {
    font-size: 12px;
    color: #707070;
}

.gh #mCafe24Order #ec-shippingInfo-recentAddress .button button {
    font-size: 12px;
}

.gh #mCafe24Order #ec-shippingInfo-recentAddress .description .address {
    font-size: 12px;
    color: #707070;
}

.gh #mCafe24Order .recentShipArea .recent {
    padding: 0;
}

.gh #mCafe24Order .recentShipArea .recent .name {
    font-size: 12px;
    font-weight: 600;
}

.gh #mCafe24Order .txtEm,.gh #mCafe24Order .txtStrong {
    font-size: 12px;
    font-weight: 600;
}

.gh #mCafe24Order [class*="btn"].mini {
    height: 40px;
    border: 1px solid #B1B1B1;
    font-weight: 600;
}

.gh #mCafe24Order .recentShipArea .recent+.sideRight {
    right: 12px;
}

.gh #mCafe24Order .recentShipArea .recent .address {
    margin: 27px 0 0 0;
    color: #707070;
    font-size: 12px;
    font-weight: 600;
}

.gh #mCafe24Order .recentShipArea .segment {
    padding: 0 12px 27px 17px;
}

.gh #mCafe24Order .segment.ec-shippingInfo-shippingMessage {
    padding: 20px 12px 17px 17px;
    border-top: 1px solid #EBEBEB;
}

.gh #mCafe24Order #omessage_select {
    padding: 0 13px;
    color: #707070;
    font-weight: 600;
}

.gh #mCafe24Order input[type="radio"]+label {
    font-size: 12px;
}

.gh #mCafe24Order input[type="radio"] {
    width: 20px;
    height: 20px;
    background-size: 20px;
    20px; }

.gh #mCafe24Order input[type="checkbox"]+label {
    font-size: 12px;
}

.gh #mCafe24Order .segment.ec-shippingInfo-newAddress-setMain {
    padding: 0 12px 20px 17px;
}

.gh #mCafe24Order #ec-shippingInfo-recentAddressList .sideRight {
    right: 12px;
}

.gh #mCafe24Order #ec-shippingInfo-closeRecentAddressList {
    font-size: 0!important;
}

.gh #mCafe24Order .addArea .ec-base-table:last-child {
    padding: 0 0 30px 0;
}

.gh #mCafe24Order .addArea .ec-base-table.typeWrite tbody tr {
    border: 0;
    border-bottom: 1px solid #EBEBEB;
}

.gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table {
    display: block;
}

.gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody {
    display: block;
}

.gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr {
    display: flex;
}

.gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr th {
    width: 100%;
    max-width: 210px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    border: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr td {
    width: 100%;
    padding: 20px 12px 20px 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr td .add-message {
    width: 100%;
    font-size: 11px;
    color: #707070;
    font-weight: 600;
    margin-top: 4px;
}

.gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr input+label {
    color: #5D5D5D;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr td input[type="checkbox"]:checked+label {
    color: #000;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct.selected {
    border-bottom: 1px solid #E0DFDF;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .orderArea {
    border-top: 1px solid #000;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist {
    margin: 0 12px 44px 17px;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist .ec-base-prdInfo {
    margin: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist>div {
    padding: 30px 0 44px;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist>div:last-of-type {
    padding: 30px 0 0 0;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist .ec-base-prdInfo .prdBox {
    padding: 0;
    min-height: unset;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist .ec-base-prdInfo .prdBox:last-of-type {
    padding: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist .ec-base-prdInfo .prdBox .prdName {
    margin: 0 0 8px 0;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist .ec-base-prdInfo .prdBox .prdName a {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist .ec-base-prdInfo .prdBox .info {
    margin: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist .ec-base-prdInfo .prdBox .info li {
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    color: #707070;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist .ec-base-prdInfo .prdBox .proPrice {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-top: 16px;
    line-height: 1;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .totalPrice .title {
    height: 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 17px 17px 16px;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .totalPrice .title h3 {
    color: #5D5D5D;
    font-size: 12px;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-orderProduct .totalPrice .title span {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents {
    border-top: 1px solid #000;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents #mileage_use_area {
    padding: 20px 12px 20px 17px;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail .displayblock {
    display: flex;
    align-items: center;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail .displayblock .heading {
    margin-right: 23px;
    width: 100%;
    max-width: 35px;
    height: 40px;
    font-size: 12px;
    color: #707070;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail .displayblock .control {
    width: 100%;
}

.gh #mCafe24Order .discountDetail .control .inputTypeText {
    padding-right: 20px;
    color: #000;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail .displayblock .control button {
    width: 100%;
    max-width: 70px;
    height: 40px;
    border: 1px solid #c7c7c7;
    color: #000;
    font-weight: 600;
    font-size: 11px !important;
    padding: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail .summary {
    font-size: 11px;
    font-weight: 600;
    color: #707070;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 10px 0 0 0;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail .summary .txtEm {
    color: #000;
    font-size: 12px;
    padding: 0 0 1px 4px;
}

.gh #mCafe24Order .discountDetail .ec-base-help {
    padding: 0;
    margin: 0;
    background-color: unset;
    margin-top: -19.5px;
    width: fit-content;
}

.gh #mCafe24Order .discountDetail .ec-base-help li {
    font-size: 11px;
    padding: 0;
    margin: 0;
    color: #707070;
    width: fit-content;
    word-break: keep-all;
    margin-left: 57px;
    font-weight: 600;
}

.gh #mCafe24Order .ec-order-expandwrap .ec-order-expand:after {
    display: none;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .totalPay {
    height: 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 12px 0 17px;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .totalPay .heading {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .totalPay .txtEm {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .totalPay #total_addpay_price_view {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail {
    padding: 20px 12px 20px 17px;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail .displayFlex .heading {
    font-size: 12px;
    font-weight: 600;
    color: #707070;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail .displayFlex .control {
    display: flex;
    align-items: center;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail .displayFlex .control .discountPrice {
    font-size: 12px;
    font-weight: bold;
    margin: 0 20px 0 0;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail .displayFlex .control .btnNormal {
    font-size: 11px !important;
    height: 40px;
    color: #000;
    font-weight: 600;
    border: 1px solid #c7c7c7;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail #divCpn {
    margin-top: 20px;
    padding: 10px 0 0 0;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .discountDetail.mCouponModify .couponWrap .ec-order-expandwrap .couponList:after {
    border: 2px solid #383838;
    border-top: 0;
    border-right: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail #divCpn .couponList {
    align-items: flex-start;
    padding: 0 0 0 17px;
}

.gh #mCafe24Order .discountDetail.mCouponModify .ec-order-expandwrap .ec-coupon-expand .txt_info {
    font-size: 12px;
    font-weight: 600;
    color: #707070;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail #divCpn .couponList #txt_cpn_name0 .txt_info:after {
    border: 1px solid #000;
    border-left: 0;
    border-top: 0;
    top: 3px;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail #divCpn #divCpnView0.selected .couponList #txt_cpn_name0 .txt_info:after {
    top: 8px;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail #divCpn .couponList #txt_cpn_name0 {
    width: 100%;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail #divCpn .couponList #txt_cpn_price0 {
    font-size: 12px;
    font-weight: 600;
    color: #707070;
    padding-top: 2px;
}

.gh #mCafe24Order .discountDetail.mCouponModify .ec-order-expandwrap .btnRemove {
    width: 100%;
    max-width: 24px;
    margin: 0 0 0 8px;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail #divCpn .coupon-help-info {
    margin: 0;
    padding: 10px 0 0 15px;
    background-color: unset;
    font-size: 11px;
    color: #707070;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail #divCpn .coupon-help-info #txt_cpn_period0 span {
    color: #000;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment {
    border-top: 1px solid #000;
    padding: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .gCellNarrow {
    border: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow {
    padding-bottom: 27px;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table {
    display: block;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody {
    display: block;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody tr {
    display: flex;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody tr th {
    width: 100%;
    max-width: 100px;
    height: auto;
    padding: 20px 0 0 17px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    box-sizing: border-box;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody tr td {
    width: 100%;
    padding: 20px 12px 21px 0;
    height: auto;
    line-height: 1;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody tr td span {
    color: #000;
    font-size: 12px !important;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody tr td span .txtRed {
    color: #FF0000;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody tr td span #payment_total_sale_price_view {
    color: #FF0000;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody #ec-shop-payment_discount_list_view {
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody #ec-shop-payment_discount_list_view td {
    padding: 20px 0;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody #ec-shop-payment_discount_list_view td ul {
    padding: 12px 12px 12px 17px;
    margin: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody #ec-shop-payment_discount_list_view td span {
    padding: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody #ec-shop-payment_discount_list_view td span>i {
    display: none;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .totalPay {
    background-color: #F8F9FA;
    height: 50px;
    box-sizing: border-box;
    padding: 0 12px 0 17px;
    align-items: center;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .totalPay .heading {
    font-size: 12px;
    color: #000;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .totalPay .txtStrong {
    font-size: 12px;
    color: #000;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .totalPay>span #total_price {
    font-size: 12px !important;
    color: #000;
    font-weight: 600;
    padding: 0;
}

.gh #mCafe24Order .segment .paymentList ul {
    padding: 12px 0;
}

.gh #mCafe24Order #ec-jigsaw-area-payment .totalPay .txtStrong {
    font-size: 14px;
    font-weight: bold;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment {
    padding: 0 12px 0 17px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod {
    margin: 0;
}

.gh #mCafe24Order .payMethod>li {
    border: 1px solid #707070;
}

.gh #mCafe24Order .payMethod>li .inner>.ec-base-label>label {
    border: 0;
    border-bottom: 1px solid #707070;
    font-size: 12px;
    font-weight: 600;
    padding: 19px 0 21px 17px;
    box-sizing: border-box;
    line-height: 15px;
}

.gh #mCafe24Order .payMethod>li .inner>.ec-base-label:last-of-type>label {
    border: 0;
}

.gh #mCafe24Order .payMethod>li .inner>.ec-base-label>input:checked ~ label {
    background-color: #F8F9FA;
    color: #000;
    border: 0;
    border-bottom: 1px solid #707070;
    padding: 19px 0 21px 17px;
    box-sizing: border-box;
    line-height: 16px;
}

.gh #mCafe24Order .payMethod>li .inner>.ec-base-label>#addr_paymethod5:checked ~ label {
    border: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail .ec-base-table {
    border: 0;
    padding: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail.onlyType .helpArea {
    padding: 0 12px 0 17px;
    width: 100%;
    background-color: unset;
    border: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .receiptWrap {
    border: 0;
    margin: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail {
    padding: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod p.ec-base-help.typeDash,.gh #mCafe24Order #ec-jigsaw-area-paymethodr ul.ec-base-help.typeDash li {
    padding: 0;
    margin: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-base-prdInfo .description .info li,.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-base-table.typeWrite td,.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-base-help {
    padding: 0;
    margin: 20px 0 35px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod ul.ec-base-help li {
    padding: 0 0 0 9px;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    color: #707070;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .unique {
    display: flex;
    align-items: center;
    margin: 0 0 30px 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .unique label {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash {
    background-color: unset;
    padding: 0 12px 0 17px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash table {
    display: block;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash table tbody {
    display: block;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash table tbody tr {
    display: flex;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash table tbody tr th {
    width: 100%;
    max-width: 100px;
    border-bottom: 1px solid #D7D5D5;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash table tbody tr td {
    width: 100%;
    margin: 0;
    padding: 9px 0 9px 8px;
    border-bottom: 1px solid #D7D5D5;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash tbody tr:last-of-type {
    margin-bottom: -20px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash tbody tr:last-of-type th {
    opacity: 0;
    border: 0;
    display: none;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash tbody tr:last-of-type td {
    border-bottom: 0;
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash tbody tr:last-of-type td input {
    margin-bottom: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash tbody tr:last-of-type td label {
    font-size: 12px;
    font-weight: 600;
    color: #707070;
    line-height: 20px;
    min-height: unset;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail .helpArea {
    padding: 0 15px;
    background-color: unset;
    border: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail .helpArea #pg_paymethod_info {
    margin: 20px 0 35px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod #cashreceipt_display_area {
    padding: 0 15px 20px;
    background-color: unset;
    border: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod #cashreceipt_display_area .title h3 {
    font-size: 12px;
    color: #000;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod #cashreceipt_display_area label {
    padding-bottom: 1.5px;
}

.gh #mCafe24Order .ec-cashreceipt-textAndForm .ec-cashreceipt-formArea .inputArea #cashreceipt_user_mobile1 {
    font-weight: 600;
    height: 40px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod #cashreceipt_display_area #cashreceipt_user_type2 {
    height: 40px;
    width: 100%;
    color: #000;
    font-size: 11px !important;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail {
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod #payment_input_cash {
    padding: 0 12px 0 17px;
    background-color: unset;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod #payment_input_cash tr td {
    margin: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod #payment_input_cash tr td #bankaccount {
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod #payment_input_cash tr td #bankaccount option {
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod #payment_input_cash tr td #pname {
    color: #333;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment {
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod li>input {
    position: absolute;
    top: 18px;
    left: 17px;
    margin: 0;
}

.gh #mCafe24Order .payMethod>li>label {
    border: 0;
    padding: 19px 12px 21px 47px;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.gh #mCafe24Order .payMethod>li.selected>label {
    border: 0;
    padding: 19px 12px 21px 47px;
    border-bottom: 1px solid #707070;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod .ec-paymethod-recentArea {
    padding: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod .ec-paymethod-recentArea #ec-payment-recentPaymethodText {
    font-size: 12px;
    font-weight: bold;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod .ec-paymethod-recentArea.selected #ec-payment-recentPaymethodText {
    padding: 18px 12px 21px 17px;
    box-sizing: border-box;
    background-color: #F8F9FA;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod .ec-paymethod-newArea {
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod>li .inner span input {
    opacity: 0;
    position: absolute;
    top: 18px;
    left: 17px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod>li .inner>.ec-base-label>label {
    padding: 19px 12px 21px 17px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod>li .inner>.ec-base-label>input:checked ~ label {
    padding: 19px 12px 21px 17px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod .ec-paymethod-recentArea.displaynone+.ec-paymethod-newArea>label {
    padding: 19px 12px 21px 17px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod .ec-paymethod-recentArea.displaynone+.ec-paymethod-newArea .inner span input {
    display: none;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod .ec-paymethod-recentArea.displaynone+.ec-paymethod-newArea .inner span label {
    padding: 19px 12px 21px 17px;
    line-height: 16px;
}

.gh #mCafe24Order #ec-jigsaw-area-paymethod .segment .payMethod .ec-paymethod-recentArea.displaynone+.ec-paymethod-newArea .inner span input:checked ~ label {
    padding: 19px 12px 21px 17px;
}

.gh #mCafe24Order #ec-jigsaw-title-benefit #mAllMileageSum-title {
    font-size: 11px;
    font-weight: 600;
    color: #000;
}

.gh #mCafe24Order #ec-jigsaw-area-benefit .segment {
    padding: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-benefit .segment table {
    display: block;
}

.gh #mCafe24Order #ec-jigsaw-area-benefit .segment table tbody {
    display: block;
}

.gh #mCafe24Order #ec-jigsaw-area-benefit .segment table tbody tr {
    display: flex;
}

.gh #mCafe24Order #ec-jigsaw-area-benefit .segment table tbody tr th {
    width: 100%;
    max-width: 100px;
    height: auto;
    padding: 20px 0 0 17px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
}

.gh #mCafe24Order #ec-jigsaw-area-benefit .segment table tbody tr td {
    width: 100%;
    padding: 20px 12px 20px 0;
    line-height: 1;
    height: auto;
    font-size: 12px;
    color: #000;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-benefit .totalPay {
    padding: 17px 12px 17px 17px;
    background-color: #F8F9FA;
}

.gh #mCafe24Order #ec-jigsaw-area-benefit .totalPay .heading {
    font-size: 12px;
    font-weight: 600;
}

.gh #mCafe24Order #ec-jigsaw-area-benefit .totalPay .txtEm {
    font-size: 12px;
    font-weight: bold;
}

.gh #mCafe24Order #ec-jigsaw-area-benefit .totalPay {
    padding: 17px 15px;
}

.gh #mCafe24Order .agreeArea .allAgree {
    display: flex;
    align-items: center;
}

.gh #mCafe24Order .agreeArea .allAgree label strong {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.gh #mCafe24Order #chk_purchase_agreement .check label {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.gh #mCafe24Order #chk_purchase_agreement .check label .txtEm {
    font-size: 14px;
}

.gh #mCafe24Order .agreeArea .agreement .agree .check>input {
    top: 6px;
}

.gh #orderFixItem.ec-base-button.gFull [class*="btn"] {
    background-color: #000;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.gh #orderFixItem.ec-base-button.gFull [class*="btn"] span {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.gh #mCafe24Order .ec-base-button+.helpArea li {
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    color: #707070;
}

.gh #mCafe24Order .ec-base-button+.helpArea {
    padding: 0;
    margin: 0;
    background-color: unset;
}

.gh #mCafe24Order>div.orderFormRight>div.helpArea>ul {
    padding: 10px 0 0 0;
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    color: #707070;
}

.gh #mCafe24Order .helpArea .ec-base-help.typeDash li:before {
    display: none;
}

.gh #mCafe24Order .agreeArea .agreement.displaynone ~ .checkNone ul li div span label {
    font-size: 12px;
}

.gh #mCafe24Order .agreeArea .checkNone .agree-msg>p {
    font-size: 12px;
}

#mCafe24Order .addArea .ec-base-table.typeWrite label input[type="radio"],#mCafe24Order .addArea .ec-base-table.typeWrite input[type="checkbox"] {
    margin-bottom: 0;
}

.gh #mCafe24Order #simpleJoinDataForm {
    background-color: unset;
    padding-top: unset;
}

.gh #mCafe24Order #simpleJoinDataForm .pannelArea .ec-base-table:last-child {
    padding: 0;
    background-color: #fff;
}

.gh #mCafe24Order #simpleJoinDataForm table {
    display: block;
}

.gh #mCafe24Order #simpleJoinDataForm table tbody {
    display: block;
}

.gh #mCafe24Order #simpleJoinDataForm table tbody tr {
    display: flex;
}

.gh #mCafe24Order #simpleJoinDataForm table tbody tr th {
    width: 100%;
    max-width: 120px;
    box-sizing: border-box;
}

.gh #mCafe24Order #simpleJoinDataForm table tbody tr th br {
    display: none;
}

.gh #mCafe24Order #simpleJoinDataForm table tbody tr td {
    width: 100%;
    box-sizing: border-box;
}

.gh #mCafe24Order #simpleJoinDataForm table tbody tr td>ul {
    display: none;
}

.gh #mCafe24Order #simpleJoinDataForm table tbody tr td #idMsg,.gh #mCafe24Order #simpleJoinDataForm table tbody tr td #pwConfirmMsg {
    display: none;
}

.gh #mCafe24Order #guest .pannelArea .contents .typeWrite {
    background-color: #fff;
}

.gh #mCafe24Order #guest .pannelArea .contents .typeWrite #order_password_alert,.gh #mCafe24Order #guest .pannelArea .contents .typeWrite #order_password_confirm_alert {
    display: none;
}

.gh #mCafe24Order #guest .pannelArea .contents .typeWrite tr th {
}

.gh #mCafe24Order #guest .pannelArea .contents .typeWrite tr td {
}

.gh #mCafe24Order #guest .pannelArea .contents .typeWrite tr td #order_password_msg {
    padding: 0;
}

.gh #mCafe24Order #ec-jigsaw-area-agreement .agreeArea .allAgree label strong {
    font-size: 12px;
}

.gh #mCafe24Order #ec-jigsaw-area-agreement .agreeArea .agreement .check label {
    font-size: 12px;
}

.gh #mCafe24Order #ec-jigsaw-area-agreement .agreeArea li .check label {
    font-size: 12px;
}

@media all and (max-width: 1024px) {
    #mCafe24Order .ec-paymethod-input-detail #payment_input_cash.ec-base-table.typeWrite th,#mCafe24Order .ec-paymethod-input-detail #payment_input_tcash.ec-base-table.typeWrite th,#mCafe24Order .ec-paymethod-input-detail #payment_input_icash.ec-base-table.typeWrite th {
        padding:10px 0 10px;
        background-color: unset;
    }

    .gh #mCafe24Order #simpleJoinDataForm table tbody tr {
        display: block;
    }

    .gh #mCafe24Order #simpleJoinDataForm table tbody tr th {
        background-color: unset;
        padding: 10px 0 0 8px;
    }

    .gh #mCafe24Order #simpleJoinDataForm table tbody tr th br {
        display: none;
    }

    .gh #mCafe24Order #guest .pannelArea .contents .typeWrite {
        padding: 10px 15px 20px;
    }

    .gh #mCafe24Order #guest .pannelArea .contents .typeWrite tr th {
        background-color: unset;
        padding: 0;
    }

    .gh #mCafe24Order #guest .pannelArea .contents .typeWrite tr td {
        padding: 9px 0;
    }
}

@media all and (min-width: 769px) {
    .basketGh .xans-order-basketpackage .cart_table .productA {
        padding-left:92px;
    }

    .basketGh .xans-order-basketpackage .cart_table .charge {
        text-align: center;
        width: 70px;
        padding: 0 0 0 58px;
    }

    .basketGh .xans-order-basketpackage .cart_table .total {
        text-align: center;
        width: 57px;
        padding: 0 63px 0 85px;
    }

    .basketGh .xans-order-basketpackage .cart_table .button {
        text-align: center;
        width: 62px;
    }

    .basketGh .xans-order-basketpackage .cart_table tbody td {
        border-bottom: 1px solid #d2d2d2;
    }

    .basketGh .xans-order-basketpackage .cart_table tbody td {
        padding: 27px 0;
    }

    .gh #mCafe24Order.typeHeader {
        display: flex;
    }
}

@media all and (min-width: 768px) and (max-width:1024px) {
    .gh #mCafe24Order #ec-shippingInfo-newAddress tbody th {
        background-color:#fff;
        padding: 0 0 0 8px;
    }
}

@media all and (max-width: 768px) {
    .basketGh .orderListArea .moTitle {
        padding:30px 0 11px;
    }

    .basketGh .xans-order-basketpackage .cart_table .trA .chk {
        display: block;
        border: 0;
        padding: 0 0 15px 0;
    }

    .basketGh .cart_desc {
        padding: 15px 0 0 15px;
    }

    .basketGh .total_summary {
        display: block;
    }

    .basketGh .xans-order-basketpackage .cart_table tr:last-of-type td.total {
        margin: 0;
    }

    .basketGh .xans-order-basketpackage .xans-order-selectorder {
        padding: 15px 0;
    }

    .basketGh .xans-order-basketpackage .cart_table td.product .thumb img {
        width: 100%;
        max-width: 80px;
        height: 100%;
        max-height: 120px;
    }

    .basketGh .xans-order-basketpackage .cart_table td.product .p_info {
        margin: 0 0 0 90px;
        font-size: 12px;
    }

    .basketGh .xans-order-basketpackage .xans-order-list tr:first-of-type .chk {
        padding: 14px 0 9px;
        margin: 0;
        border-top: 1px solid #bfbfbf;
    }

    .basketGh .xans-order-basketpackage .cart_table .total {
        border-bottom: 1px solid #bfbfbf;
        font-size: 12px;
        padding: 7px 0 17px;
        margin: 0 0 14px 0;
    }

    .basketGh .xans-order-basketpackage .cart_table td.product .p_info .price {
        font-weight: 400;
    }

    .basketGh .xans-order-basketpackage .cart_table td.product .p_info .name {
        font-weight: 400;
    }

    .basketGh .xans-order-basketpackage .cart_table .product .p_info .mobOption,.basketGh .xans-order-basketpackage .cart_table .product .p_info .mobOption {
        display: flex;
        padding: 5px 0;
    }

    .basketGh .xans-order-basketpackage .cart_table .product .p_info .mobDeli {
        display: none;
    }

    .basketGh .xans-order-basketpackage .cart_table .product .p_info .name {
        margin: 0;
    }

    .basketGh .xans-order-basketpackage .cart_table .product .p_info .prdNum {
        padding: 15px 0 0 0;
    }

    .basketGh .xans-order-basketpackage .cart_table td.optionBox {
        display: none;
    }

    .basketGh .xans-order-basketpackage .cart_table td.total .r_button li {
        font-size: 12px;
        color: #707070;
    }

    .basketGh .xans-order-basketpackage .xans-order-selectorder .gRight a {
        padding: 9px 10px;
    }

    .basketGh .clearAll a {
        padding: 9px 10px;
    }

    .basketGh .total_summary {
        padding: 17px 15px;
    }

    .basketGh .total_summary li span {
        font-size: 12px;
    }

    .basketGh .total_summary li span.title {
        font-size: 12px;
    }

    .basketGh .total_summary li:last-of-type {
        font-size: 12px;
        margin: 13px 0 0 0;
    }

    .basketGh .total_summary li:last-of-type span.title {
        font-size: 12px;
    }

    .basketGh .xans-order-basketpackage .xans-order-totalorder {
        padding: 50px 0 30px;
    }

    .gh #container {
        width: unset;
    }

    .gh #mCafe24Order.typeHeader {
        width: calc(100% - 30px)
    }

    .gh .orderFormSideNav {
        display: none;
    }

    .gh .b_title {
        margin: 60px 0 29px;
    }

    .gh #mCafe24Order .ec-base-fold>.title {
        padding: 0 0 27px 15px;
    }

    .gh #mCafe24Order .ec-base-fold>.title:after {
        right: 15px;
    }

    .gh #mCafe24Order .ec-base-fold.selected>.title:after {
        right: 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-billingInfo .ec-base-table:last-child {
        padding: 20px 15px 26px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-billingInfo table tbody tr {
        display: block;
    }

    .gh #mCafe24Order #ec-jigsaw-area-billingInfo table tbody tr th {
        background-color: unset;
        padding: 0;
    }

    .gh #mCafe24Order .ec-base-prdInfo .description .info li,.gh #mCafe24Order .ec-base-table.typeWrite td,.gh #mCafe24Order .ec-base-help {
        padding: 15px 0 20px;
    }

    .gh #mCafe24Order .ec-base-table .ec-address>li {
        position: unset;
    }

    .gh #mCafe24Order .ec-base-table .ec-address .ec-address-zipcode .btnBasic {
        position: unset;
    }

    .gh #mCafe24Order .ec-base-table .ec-address .ec-address-zipcode .ec-base-label {
        margin: 0;
    }

    .gh #mCafe24Order #ec-jigsaw-area-billingInfo table tbody #ec-orderer-address td {
        padding: 15px 0 0 0;
    }

    .gh #mCafe24Order #ec-jigsaw-tab-shippingInfo ul {
        margin-bottom: 18px;
    }

    .gh #mCafe24Order .recentShipArea .recent+.sideRight {
        right: 16px;
    }

    .gh #mCafe24Order .recentShipArea .segment {
        padding: 0 17px 18px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-shippingInfo .ec-shippingInfo-shippingMessage {
        padding: 20px 15px 17px;
    }

    .gh #mCafe24Order #ec-shippingInfo-newAddress .typeWrite {
        padding: 20px 15px;
    }

    .gh #mCafe24Order #ec-shippingInfo-newAddress .typeWrite tbody tr th {
        padding: 0;
        background-color: unset;
    }

    .gh #mCafe24Order #ec-shippingInfo-newAddress .typeWrite tbody .ec-shippingInfo-receiverCell td {
        padding: 15px 0 0 0;
    }

    .gh #mCafe24Order #ec-jigsaw-area-shippingInfo .segment.ec-shippingInfo-newAddress-setMain {
        padding: 0 30px 20px;
    }

    .gh #mCafe24Order .addArea .ec-base-table:last-child {
        padding: 20px 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr {
        display: block;
        border: 0;
    }

    .gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr th {
        padding: 0;
        background-color: unset;
    }

    .gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr td {
        padding: 19px 0 26px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr td .add-message {
        margin-top: 6px;
    }

    .gh #mCafe24Order input[type="checkbox"] {
        margin-bottom: 0;
    }

    .gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr input+label {
        min-height: unset;
        line-height: 20px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-additionalInput .typeWrite table tbody tr:last-of-type td {
        padding: 19px 0 0 0;
    }

    .gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist>div:last-of-type {
        padding: 28px 0 0 0;
    }

    .gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist {
        margin: 0 15px 44px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-orderProduct .totalPrice .title {
        padding: 17px 15px 16px;
    }

    .gh #mCafe24Order .ec-base-prdInfo .description {
        padding: 0;
    }

    .gh #mCafe24Order #ec-jigsaw-area-orderProduct .xans-order-normallist .ec-base-prdInfo .prdBox .prdName {
        word-break: keep-all;
    }

    .gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail {
        padding: 25px 15px 20px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-discount .discountDetail.mCouponModify .couponWrap .ec-order-expandwrap .couponList:after {
        top: 5px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail #divCpn .coupon-help-info {
        padding: 28px 0 0 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-discount .contents #mileage_use_area {
        padding: 20px 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-discount .totalPay {
        padding: 0 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow {
        padding-bottom: 18px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody tr th {
        padding: 20px 0 0 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody tr td {
        padding: 20px 15px 20px 0;
    }

    .gh #mCafe24Order #ec-jigsaw-area-payment .totalPay {
        padding: 0 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-payment .segment .gCellNarrow table tbody #ec-shop-payment_discount_list_view td ul {
        padding: 12px 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-paymethod .segment {
        padding: 0 15px;
    }

    .gh #mCafe24Order .payMethod>li .inner>.ec-base-label>label {
        padding: 19px 0 21px 24px;
    }

    .gh #mCafe24Order .payMethod>li .inner>.ec-base-label>input:checked ~ label {
        padding: 19px 0 21px 24px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail.onlyType .helpArea {
        width: unset;
        padding: 0 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-paymethod .ec-paymethod-input-detail #payment_input_tcash {
        padding: 0 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-paymethod #payment_input_cash {
        padding: 0 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-benefit .segment table tbody tr th {
        padding: 20px 15px;
    }

    .gh #mCafe24Order #ec-jigsaw-area-benefit .segment table tbody tr td {
        padding: 20px 15px 20px 0;
    }

    .gh #mCafe24Order .ec-base-table:last-child {
        padding-bottom: 20px;
    }

    .gh #mCafe24Order #simpleJoinDataForm table {
        padding: 20px 15px;
    }

    .gh #mCafe24Order #simpleJoinDataForm table tbody tr th {
        padding: 0;
    }

    .gh #mCafe24Order #simpleJoinDataForm table tbody tr td p {
        padding: 0;
    }

    .gh #mCafe24Order #guest .pannelArea .contents .typeWrite tr th {
        padding: 0;
    }
}

@media all and (max-width: 1366px) {
    .gh #mCafe24Order>div.orderFormRight>div.helpArea>ul {
        padding:10px 0 50px;
    }
}

@media all and (max-width: 428px) {
    .gh #mCafe24Order #ec-jigsaw-area-discount .contents .discountDetail #divCpn .couponList #txt_cpn_name0 {
        width:100%;
        max-width: 199px;
    }

    .gh #mCafe24Order .discountDetail.mCouponModify .ec-order-expandwrap .ec-coupon-expand .txt_info {
        word-break: keep-all;
    }
}

@media all and (max-width: 415px) {
    .gh #mCafe24Order .discountDetail .ec-base-help li {
        white-space:unset;
        overflow: unset;
        text-overflow: unset;
        width: 100%;
        max-width: 140px;
        word-break: keep-all;
    }
}

.archiveSection .videoSlides {
    margin-top: 10px;
    margin-bottom: 60px;
    position: relative;
    width: 100%;
    height: 768px;
    user-select: none;
}

.archiveSection .videoSlides .videoSlide {
    position: relative;
    width: 420px;
    height: 768px;
    margin: 0 auto;
}

.archiveSection .videoSlides .slick-prev {
    position: absolute;
    top: 50%;
    left: calc(50% - 280px);
    transform: translate(-50%,-50%);
    z-index: 999;
    color: transparent;
    font-size: 0.1px;
    cursor: pointer;
}

.archiveSection .videoSlides .slick-prev::after {
    content: '';
    background: url(https://lovestar9.cafe24.com/web/upload/2023spring/archiveBtn.svg) no-repeat;
    width: 17px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.archiveSection .videoSlides .slick-next {
    position: absolute;
    top: 50%;
    left: calc(50%+280px);
    transform: translate(-50%,-50%);
    color: transparent;
    font-size: 0.1px;
    cursor: pointer;
}

.archiveSection .videoSlides .slick-next::after {
    content: '';
    background: url(https://lovestar9.cafe24.com/web/upload/2023spring/archiveBtn.svg) no-repeat;
    width: 17px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(180deg);
}

.archiveSection .videoSlides .slide {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.archiveSection .videoSlide iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

#vimeoElement {
    width: 100%;
    height: 100%;
}

#vimeoElement iframe {
    width: 100%;
    height: 100%;
}

@media(max-width: 1024px) {
    .archiveSection .videoSlides {
        margin-bottom:200px;
        height: 888.1px;
    }

    .archiveSection .videoSlides .videoSlide {
        width: 500px;
        height: 888.1px;
    }

    .archiveSection .videoSlides .slick-prev {
        left: calc(50% - 300px);
    }

    .archiveSection .videoSlides .slick-next {
        left: calc(50%+300px);
    }
}

@media (max-width: 688px) {
    .archiveSection .videoSlides {
        margin-bottom:100px;
        height: 159.8837vw;
    }

    .archiveSection .videoSlides .slide {
        width: 100%;
    }

    .archiveSection .videoSlides .videoSlide {
        width: calc(100% - 60px);
        height: 159.8837vw;
    }

    .archiveSection .videoSlides .slick-prev {
        left: 0;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0,-50%);
    }

    .archiveSection .videoSlides .slick-prev::after {
        width: 10px;
    }

    .archiveSection .videoSlides .slick-next {
        left: unset;
        right: 0;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0,-50%);
        z-index: 999;
    }

    .archiveSection .videoSlides .slick-next::after {
        width: 10px;
    }
}

@media (max-width: 400px) {
    .archiveSection .videoSlides {
        margin-bottom:100px;
        height: 150.8837vw;
    }

    .archiveSection .videoSlides .videoSlide {
        width: calc(100% - 60px);
        height: 150.8837vw;
    }
}

#header .topArea {
    position: relative;
    width: 400px;
}

#header .navigation .btnNav {
    overflow: hidden;
    white-space: nowrap;
    font-size: 1px;
    color: transparent;
    line-height: 1px;
    width: 24px;
    height: 24px;
    background: none;
}

#header .navigation__util .menu {
    display: inline-block;
    overflow: hidden;
    width: 24px;
    height: 24px;
    margin-left: 15px;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    white-space: nowrap;
    text-indent: 150%;
    vertical-align: top;
    background: none;
    display: none;
}

#topBanner {
    position: relative;
    overflow: hidden;
    height: 38px;
    text-align: center;
    background: #000;
}

#topBanner .desc {
    overflow: hidden;
    height: 16px;
    margin: 11px 56px;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
}

#topBanner .btnClose {
    position: absolute;
    right: 50px;
    top: 10px;
    width: 13px;
    height: 13px;
    background: none;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 150%;
    font-size: 1px;
    color: transparent;
    line-height: 1px;
}

#topBanner.hidden {
    display: none;
}

#footer {
    background: #f6f6f6;
}

#footer .inner {
    overflow: hidden;
    position: relative;
}

.dimmed {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

.login__security {
    font-size: 12px !important;
}

.customModal .modal {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background: rgba(0,0,0,0.5);
}

.customModal .modal6 .loginModal {
    width: 500px;
    height: 600px;
    max-height: 800px;
    overflow: hidden;
    overflow-y: scroll;
    background-color: #fff;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    padding: 0 24px;
    box-sizing: border-box;
}

.customModal .modal6 .loginModal::-webkit-scrollbar {
    display: none;
}

.customModal .modal6 .loginModal .titleArea {
    margin: 0;
    margin: 42px 0;
}

.customModal .modal6 .loginModal .titleArea h2 {
    font-size: 12px;
}

.customModal .modal6 .loginModal .mob_close {
    display: none;
}

.customModal .modal6 .loginModal .gFlex {
    display: none;
}

.customModal .modal6 .loginModal .login__security input[type="checkbox"] {
    width: 8px;
    height: 8px;
}

input[type=radio]+label,input[type=checkbox]+label {
    margin: 0;
    margin-left: 4px;
}

.login__security .secret {
    background: none;
    font-size: 11px !important;
    padding: 0;
}

.login__security .secret img {
    display: none;
}

.customModal .modal6 .loginModal .login input[type=text],.customModal .modal6 .loginModal .login input[type=password] {
    height: 40px;
    font-size: 11px;
    color: #000 !important;
    background: #F7F7F7;
    border: 0;
}

.customModal .modal6 .loginModal .login input[type=text]::placeholder,.customModal .modal6 .loginModal .login input[type=password]::placeholder {
    color: #000;
}

input[type=radio]+label,input[type=checkbox]+label {
    font-size: 11px;
}

.customModal .modal6 .loginModal .login__button {
    display: flex;
    flex-wrap: wrap;
}

.customModal .modal6 .loginModal .join_btn {
    box-sizing: border-box;
}

.customModal .modal6 .loginModal .login_btn,.customModal .modal6 .loginModal .join_btn {
    width: 49%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.customModal .modal6 .loginModal .btnNaver {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #7E7E7E;
    margin-top: 8px;
    font-size: 12px;
}

.customModal .modal6 .loginModal .btnApple {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #7E7E7E;
    margin-top: 8px;
    font-size: 12px;
    color: #000;
}

.customModal .modal6 .loginModal .login__util {
    margin: 0;
    text-align: left;
    margin-top: 8px;
}

.customModal .modal6 .loginModal .login__util li a {
    font-size: 11px;
}

.login__util li:not(:last-child):after {
    content: none;
    width: unset;
    height: unset;
    margin: 0;
    background: unset;
}

.customModal .modal6 .loginModal .join_btn {
    border: 1px solid #000;
    margin-left: 6px;
}

.customModal .xans-myshop-orderhistorynologin ul li:last-child {
    margin-bottom: 20px;
}

.customModal .xans-myshop-orderhistorynologin .button {
    width: 100%;
    margin-bottom: 100px;
    padding: 12px 0 13px;
    border: none;
    border: 1px solid #000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.customModal .xans-myshop-orderhistorynologin .button:hover {
    background: transparent;
}

#header::after {
    background: unset;
    display: none;
}

#header .inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 50px;
}

#header .inner h1 {
    padding: 0;
    min-width: unset;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

#header .topArea .customState {
    position: relative;
}

#header .topArea .global_dim {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: transparent;
    display: none;
}

#header .topArea .customState .global_menu {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

#header .topArea .customState .global_menu .global_list {
    display: none;
    position: absolute;
    top: 28px;
    left: 0;
    width: 90px;
    background: #fff;
    font-weight: 500;
    box-sizing: border-box;
}

#header .topArea .customState .global_menu .global_list.on {
    display: block;
}

#header .topArea .customState .global_menu .global_list p {
    font-size: 14px;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    text-align: center;
}

#header .topArea .customState .global_menu .global_list p a {
    margin: 0;
    font-size: 12px;
    font-weight: inherit;
}

#header .customHeaderNav {
    order: -1;
}

#header .customHeaderNav .navigation {
    position: static;
}

#header .customHeaderNav .navigation .navigation__category {
    margin: 0;
    padding: 0;
}

#header .customHeaderNav .navigation .RW {
    text-align: left;
}

#header .customHeaderNav .navigation .RW ul li {
    padding: 0;
    margin: 0;
    margin-right: 38px;
}

#header .customHeaderNav .navigation .RW ul li a {
    font-size: 13px;
    color: #000;
}

#header .customHeaderNav .navigation .RW ul li.on a {
    font-size: 13px;
    color: #000;
}

#header .customHeaderNav .navigation .RW ul li:last-child {
    margin-right: 0;
}

#header .customState .topArea__statelogon {
    position: static;
    text-align: right;
}

#header .customState .topArea__statelogon a {
    font-size: 13px;
    color: #000;
}

#header .customState .topArea__statelogon a.on {
    font-size: 13px;
    color: #000;
}

#header .customHeaderNav .menu_dim {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: -1;
    display: none;
}

.R_dim2 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1001;
    display: none;
}

#header .customHeaderNav .menu_dim.on,.R_dim2.on {
    display: block;
}

#header .customHeaderNav .customLeftMenu {
    width: 350px;
    height: 110vh;
    background: #fff;
    margin-left: -50px;
    position: absolute;
    z-index: -1;
    transform: translateX(-400px);
    transition: all 0.5s;
    overflow: hidden;
}

#header .customHeaderNav .customLeftMenu #shopingMenu {
    width: calc(100% - 100px);
    margin: 0 auto;
    display: none;
    margin-top: 60px;
    overflow-y: auto;
    height: calc(100vh - 40px);
}

#header .customHeaderNav .customLeftMenu #collectionMenu {
    width: calc(100% - 100px);
    margin: 0 auto;
    display: none;
    margin-top: 45px;
    overflow-y: auto;
    height: calc(100vh - 40px);
}

#header .customHeaderNav .customLeftMenu #shopingMenu.on,#header .customHeaderNav .customLeftMenu #collectionMenu.on {
    display: block;
}

#header .customHeaderNav .customLeftMenu.on {
    transform: translateX(0);
}

#header .customHeaderNav .customLeftMenu .box1 {
    margin-bottom: 38px;
}

#header .customHeaderNav .customLeftMenu .box2 {
    margin-bottom: 38px;
}

#header .customHeaderNav .customLeftMenu .box2 .sub1,#header .customHeaderNav .customLeftMenu .box3 .sub2 {
    display: none;
}

#header .customHeaderNav .customLeftMenu .menu_box a {
    display: block;
    font-weight: 400;
    color: #000;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 16px;
    width: fit-content;
}

#header .customHeaderNav .customLeftMenu .menu_box a:after {
    content: "";
    position: relative;
    display: block;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.45,.46,.05,.96);
    -o-transition: transform .3s cubic-bezier(.45,.46,.05,.96);
    transition: transform .3s cubic-bezier(.45,.46,.05,.96);
    transition: transform .3s cubic-bezier(.45,.46,.05,.96),-webkit-transform .3s cubic-bezier(.45,.46,.05,.96);
}

#header .customHeaderNav .customLeftMenu .menu_box a:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.45,.46,.05,.96);
    -o-transition: transform .5s cubic-bezier(.45,.46,.05,.96);
    transition: transform .5s cubic-bezier(.45,.46,.05,.96);
    transition: transform .5s cubic-bezier(.45,.46,.05,.96),-webkit-transform .5s cubic-bezier(.45,.46,.05,.96);
}

#header .customHeaderNav .customLeftMenu .box1 a {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    margin-bottom: 16px;
}

#header .customHeaderNav .customLeftMenu .box2 h4,#header .customHeaderNav .customLeftMenu .box3 h4 {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    cursor: pointer;
}

#header .customHeaderNav .customLeftMenu .box2 a:first-child,#header .customHeaderNav .customLeftMenu .box3 a:first-child {
    margin-top: 13px;
}

#header .customHeaderNav .customLeftMenu #collectionMenu .col_menu {
    padding-top: 40px;
}

#header .customHeaderNav .customLeftMenu #collectionMenu .col_menu a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    margin-bottom: 13px;
    width: fit-content;
}

#header .customHeaderNav .customLeftMenu #collectionMenu .img_area {
    margin-top: 253px;
}

#header .customHeaderNav .customLeftMenu #collectionMenu .col_menu a:after {
    content: "";
    position: relative;
    display: block;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.45,.46,.05,.96);
    -o-transition: transform .3s cubic-bezier(.45,.46,.05,.96);
    transition: transform .3s cubic-bezier(.45,.46,.05,.96);
    transition: transform .3s cubic-bezier(.45,.46,.05,.96),-webkit-transform .3s cubic-bezier(.45,.46,.05,.96);
}

#header .customHeaderNav .customLeftMenu #collectionMenu .col_menu a:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.45,.46,.05,.96);
    -o-transition: transform .5s cubic-bezier(.45,.46,.05,.96);
    transition: transform .5s cubic-bezier(.45,.46,.05,.96);
    transition: transform .5s cubic-bezier(.45,.46,.05,.96),-webkit-transform .5s cubic-bezier(.45,.46,.05,.96);
}

#header .navigation__util .login_box {
    display: none;
}

#wrap .right_menu {
    overflow: hidden;
    width: 0;
    height: 100vh;
    transition: all 0.5s;
    position: absolute;
    right: -400px;
}

#wrap .right_menu.on {
    width: 400px;
    right: 0;
    transition: all 0.5s;
}

.customSearch .customSearch_box.on {
    right: 0;
    transition: all 0.5s;
}

.customSearch .customSearch_box {
    width: 400px;
    height: 100vh;
    left: unset;
    position: absolute;
    top: 50px;
    margin-top: -50px;
    overflow: hidden;
    transition: all 0.5s;
    right: -400px;
    background: #fff;
}

.customSearch .customSearch_box .btnClose {
    display: none;
}

.customSearch .customSearch_box h3.title {
    display: none;
}

#wrap .customSearch .customSearch_box fieldset {
    width: calc(100% - 100px);
    border: none;
    margin-top: 112px;
}

#wrap .customSearch .customSearch_box fieldset input {
    width: 300px;
    height: 30px;
    background: #f7f7f7;
    padding-left: 7px;
    font-size: 12px;
}

#wrap .customSearch .customSearch_box fieldset .btnSearch {
    background: unset;
    overflow: auto;
    white-space: unset;
    text-indent: unset;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    margin: 0;
    position: absolute;
    right: 60px;
}

.customSearch .customSearch_box fieldset .btnSearch svg {
    display: none;
}

.customSearch .search_slide {
    width: 100%;
    margin-left: 50px;
    overflow: hidden;
}

.customSearch .search_slide h2 {
    margin-top: 60px;
    margin-bottom: 13px;
}

.customSearch .search_slide h2 span {
    font-size: 12px;
    font-weight: 500;
    font-family: "Apple SD Gothic Neo";
}

.customSearch .search_slide .slide_items {
    width: 100%;
    height: 255px;
}

.customSearch .search_slide .slide_items .slick-list {
    padding: 0;
    padding-left: 72px !important;
    height: 100%;
}

.customSearch .search_slide .slide_items .slick-track {
    height: 100%;
}

.customSearch .search_slide .slide_items .slide_item {
    width: 144px;
    height: 100%;
    margin: 0 8px;
    text-align: center;
}

.customSearch .search_slide .slide_items .slide_item li {
    text-align: center;
}

.customSearch .search_slide .slide_items .slide_item .box {
    height: 245px;
}

.customSearch .search_slide .slide_items .slide_item .box a img {
    width: 100%;
    height: 202px;
}

.customSearch .search_slide .slide_items .slide_item .box .name a strong {
    display: none;
}

.customSearch .search_slide .slide_items .slide_item .box .name a span {
    margin: 0;
    font-size: 11px !important;
    font-weight: 500;
    color: #000 !important;
}

.customSearch .search_slide .slide_items .slide_item .box .status {
    display: none;
}

.customSearch .search_slide .slide_items .slide_item .box ul li:not(:first-child) {
    display: none;
}

.customSearch .search_slide .slide_items .slide_item .box ul li:first-child strong {
    display: none;
}

.customSearch .search_slide .slide_items .slide_item .box ul li:first-child span {
    font-size: 11px !important;
    font-weight: 500;
    color: #000 !important;
}

.m_customCart {
    display: none;
}

.customCart {
    width: 400px;
    height: 100vh;
    position: absolute;
    right: -400px;
    top: 0;
    background: #fff;
    z-index: 1002;
    transition: all 0.5s;
    overflow-y: scroll;
    -ms-overflow-style: none;
}

.customCart::-webkit-scrollbar {
    display: none;
}

.customCart.on {
    right: 0;
    transition: all 0.5s;
}

.customCart.m_on {
    width: 90%;
    right: 0;
    transition: all 0.5s;
}

#confirmLayer .ec-base-button .btnNormal {
    display: none;
}

.customCart .cart_contents {
    width: calc(100% - 32px);
    margin: 0 auto;
    -ms-overflow-style: none;
}

.customCart .cart_contents::-webkit-scrollbar {
    display: none;
}

.customCart .title {
    border-top: none !important;
}

.customCart .title h3 {
    padding: 0 !important;
    font-size: 13px;
}

.customCart .menu {
    display: none;
}

.customCart .customCartInfo {
    width: 100%;
    margin-top: 74px;
}

.customCart .cart-container {
    display: block;
}

.customCart .c_help {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.customCart .c_help .inner {
    border: none;
}

.customCart .c_help .inner p {
    font-size: 11px;
    font-weight: 400;
    color: #000 !important;
    text-align: left;
}

.customCart .customCartInfo .typeNav {
    margin: 0;
}

.customCart .c_empty {
    margin: 0;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    color: #000 !important;
    border: none;
    padding: 90px 0;
}

.customCart .cart-product {
    flex: 0;
}

.customCart .cart-product .contents .subTitle {
    display: none;
}

.customCart .cart-product .contents .summary {
    display: none;
}

.customCart .cart-product .prdBox .thumbnail {
    width: 83px;
    height: 122px;
}

.customCart .cart-product .prdBox .thumbnail a img {
    height: 100%;
}

.customCart .cart-product .prdBox .description {
    padding: 0;
    margin-left: 15px;
}

.customCart .cart-product .prdBox .description .prdName img {
    display: none;
}

.customCart .cart-product .prdBox .price li {
    line-height: 20px;
    margin-bottom: 4px;
}

.customCart .cart-product .prdBox .price li strong {
    font-weight: normal;
}

.customCart .cart-product .prdBox .quantity {
    padding: 0;
    margin: 0;
    margin-top: -30px;
    margin-left: 110px;
}

.customCart .cart-product .prdBox .quantity a.sizeQty {
    display: none;
}

.customCart .cart-product .prdBox .buttonGroup {
    width: 100%;
    margin-top: 10px;
    position: static;
}

.customCart .cart-product .prdBox .buttonGroup [class^='btn']+[class^='btn'] {
    float: right;
}

.customCart .cart-product .prdBox .sumPrice {
    display: none;
}

.ec-base-prdInfo .btnDelete {
    display: block;
    position: absolute;
    top: 10px;
    right: 16px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 1px;
    line-height: 0;
    text-indent: -150px;
    color: transparent;
    white-space: nowrap;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ec-base-prdInfo .btnDelete:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 14px;
    width: 1px;
    height: 21px;
    background: #b5b5b5;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.ec-base-prdInfo .btnDelete:after {
    content: "";
    position: absolute;
    top: 14px;
    right: 4px;
    width: 21px;
    height: 1px;
    background: #b5b5b5;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.customCart .cart-total {
    border-top: 1px solid #e4e4e4;
    margin: 0;
    margin-top: 95px;
    width: 100%;
    text-align: right;
    padding-right: 16px;
}

.customCart .cart-total .totalSummary__title {
    margin-top: 5px;
}

.customCart .cart-total .totalSummary__item {
    margin: 5px 0;
}

.customCart .cart-total .total .title {
    margin-bottom: 5px;
}

.customCart .cart-total .heading h4,.customCart .cart-total .heading .data {
    display: inline-block;
}

.customCart .cart-total .ec-base-button [class^='btn'].sizeL {
    font-size: 12px;
    font-weight: 500;
    color: #000 !important;
    padding: 0;
    padding: 10px 0 16px;
    border: solid 1px #000;
}

.customCart .cart-total .ec-base-button [class^='btn'].gFull+[class^='btn'].gFull {
    color: #fff !important;
}

.customSearch .xans-layout-searchheader fieldset .autoDrop {
    top: 142px;
}

#header .customHeaderNav .m_customLeftMenu .m_customSearch_box .xans-layout-searchheader fieldset .autoDrop {
    top: 30px;
    left: 33px;
}

@media all and (max-width: 767px) {
    #contents.on {
        margin-top:40px;
    }

    .customModal .modal6 .loginModal {
        width: calc(100% - 70px);
        height: 600px;
        max-height: 800px;
        overflow: hidden;
        overflow-y: scroll;
        background-color: #fff;
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        padding: 0;
        box-sizing: border-box;
    }

    .customModal .modal6 .loginModal .mob_close {
        display: block;
        position: absolute;
        top: 19px;
        right: 15px;
        cursor: pointer;
    }

    .customModal .modal6 .loginModal .customLogin {
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .customModal .modal6 .loginModal .customLogin .gInnerMargin {
        margin: 0;
    }

    .customModal .modal6 .loginModal .login_btn,.customModal .modal6 .loginModal .join_btn {
        width: calc(50% - 4px);
    }

    .customModal .modal6 .loginModal .join_btn {
        box-sizing: border-box;
    }

    header#header.fixed {
        padding: 0;
    }

    #header .inner {
        align-items: center;
        margin: 0;
        margin: 0 15px;
    }

    #header .inner h1 {
        top: 8px;
        transition: all 0.5;
    }

    #header .navigation .btnNav {
        left: 15px;
        top: 15px;
    }

    #header .navigation__util {
        right: 0;
        top: 15px;
        width: 90%;
    }

    #header .navigation__util .logoff_box,#header .navigation__util .login_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #header .navigation__util .logoff_box .icon_box,#header .navigation__util .login_box .icon_box {
        flex: none;
        position: absolute;
        top: 0;
        right: 0;
    }

    #header .xans-layout-logotop {
        left: 50%;
        transform: translateX(-50%);
        top: 10px;
    }

    #header .navigation__util .logoff_box p,#header .navigation__util .login_box p {
        flex-grow: 2;
        margin-left: 31px;
        display: none;
    }

    #header .navigation__util .menu {
        display: none;
    }

    #header .navigation__util .my img,#header .navigation__util .bag img {
        width: 20px;
        height: 20px;
    }

    #header .customHeaderNav .navigation .btnNav .m_close {
        display: none;
    }

    #header .navigation__util .my img {
        margin-right: 20px;
    }

    #header .customHeaderNav .m_customLeftMenu {
        width: calc(100% - 100px);
        height: calc(100vh+50px);
        background: #fff;
        margin-left: -50px;
        margin-top: -50px;
        position: absolute;
        z-index: -1;
        transform: translateX(-100%);
        transition: all 0.5s;
        overflow: hidden;
    }

    #header .customHeaderNav .m_customLeftMenu.on {
        width: 120%;
        transform: translateX(0);
        z-index: 21;
    }

    #header .customHeaderNav .navigation .RW ul {
        padding-left: 30px;
    }

    #header #category>ul {
        display: none;
        opacity: 0;
    }

    #header .customHeaderNav .m_customLeftMenu .m_customSearch_box h3 {
        display: none;
    }

    #header .customHeaderNav .m_customLeftMenu .m_customSearch_box fieldset {
        width: 72%;
        height: 30px;
        margin: 0;
        margin-left: 18px;
        border: none;
        position: relative;
    }

    #header .customHeaderNav .m_customLeftMenu .m_customSearch_box input {
        height: 30px;
        background: #f7f7f7;
        padding: 0;
        padding-left: 10px;
        margin-left: 32px;
        padding-right: 50px;
        line-height: 30px;
        display: flex;
        align-items: center;
    }

    #header .customHeaderNav .m_customLeftMenu .m_customSearch_box .autoDrop {
        top: 30px !important;
        left: 33px !important;
    }

    #header .customHeaderNav .m_customLeftMenu .m_customSearch_box {
        display: none;
        height: auto;
    }

    #header .customHeaderNav .m_customLeftMenu.on .m_customSearch_box.on {
        display: flex;
        flex-direction: column;
        margin-top: 110px;
    }

    #header .customHeaderNav .m_customSearch_box fieldset .btnSearch {
        background: unset;
        overflow: auto;
        white-space: unset;
        text-indent: unset;
        font-size: 12px;
        font-weight: 600;
        color: #000;
        margin: 0;
        position: absolute;
        right: 12px;
        line-height: 30px;
    }

    #header .customHeaderNav .xans-layout-searchheader .btnSearch {
        height: 30px;
    }

    #header .customHeaderNav .m_customSearch_box fieldset .btnSearch svg {
        display: none;
    }

    #header .customHeaderNav .m_customLeftMenu #m_shopingMenu,#header .customHeaderNav .m_customLeftMenu #m_collectionMenu {
        width: calc(100% - 100px);
        margin: 0 auto;
        display: none;
        position: relative;
        z-index: 1005;
        overflow-y: auto;
        height: calc(100vh - 210px);
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide {
        width: 100%;
        margin-left: 50px;
        overflow: hidden;
        display: none;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide h2 {
        margin-top: 60px;
        margin-bottom: 13px;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide h2 span {
        font-size: 12px;
        font-weight: 500;
        font-family: "Apple SD Gothic Neo";
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items {
        width: 100%;
        height: 255px;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slick-list {
        padding: 0;
        padding-left: 72px !important;
        height: 100%;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slick-track {
        height: 100%;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slide_item {
        width: 144px;
        height: 100%;
        margin: 0 8px;
        text-align: center;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slide_item li {
        text-align: center;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slide_item .box {
        height: 245px;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slide_item .box a img {
        width: 100%;
        height: 202px;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slide_item .box .name a strong {
        display: none;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slide_item .box .name a span {
        margin: 0;
        font-size: 11px !important;
        font-weight: 500;
        color: #000 !important;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slide_item .box .status {
        display: none;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slide_item .box ul li:not(:first-child) {
        display: none;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slide_item .box ul li:first-child strong {
        display: none;
    }

    #header .customHeaderNav .m_customLeftMenu .m_search_slide .slide_items .slide_item .box ul li:first-child span {
        font-size: 11px !important;
        font-weight: 500;
        color: #000 !important;
    }

    #header .customHeaderNav .m_customLeftMenu .m_global_menu {
        width: calc(100% - 100px);
        margin: 0 auto;
        position: absolute;
        bottom: 11.11vh;
        left: 50px;
        z-index: 1005;
        cursor: pointer;
        transition: all 0.5s;
        background-color: #fff;
    }

    #header .customHeaderNav .m_customLeftMenu .m_global_menu.on {
        bottom: 200px;
    }

    #header .customHeaderNav .m_customLeftMenu .m_global_menu a:first-child {
        font-weight: 500;
    }

    #header .customHeaderNav .m_customLeftMenu .m_global_menu .global_list {
        display: none;
        position: absolute;
        top: 19px;
        width: 90px;
        background: #fff;
        font-weight: 500;
        box-sizing: border-box;
        transition: all 0.5s;
    }

    #header .customHeaderNav .m_customLeftMenu .m_global_menu .global_list p:first-of-type {
        padding-top: 10px;
    }

    #header .customHeaderNav .m_customLeftMenu .m_global_menu .global_list p:last-of-type {
        padding-bottom: 100px;
    }

    #header .customHeaderNav .m_customLeftMenu .m_global_menu .global_list p {
        font-size: 14px;
        text-align: left;
        line-height: 30px;
        font-weight: normal;
        text-align: left;
    }

    #header .customHeaderNav .m_customLeftMenu .m_global_menu .global_list p a {
        margin: 0;
        font-size: 12px;
        font-weight: 500;
    }

    #header .customHeaderNav .m_customLeftMenu .box1 {
        margin-top: 0;
        margin-bottom: 38px;
    }

    #header .customHeaderNav .m_customLeftMenu .box2 {
        margin-bottom: 38px;
    }

    #header .customHeaderNav .m_customLeftMenu .box2 h4,#header .customHeaderNav .m_customLeftMenu .box3 h4 {
        cursor: pointer;
        font-size: 13px;
    }

    #header .customHeaderNav .m_customLeftMenu .menu_box a {
        display: block;
        cursor: pointer;
        margin-bottom: 13px;
    }

    #header .customHeaderNav .m_customLeftMenu .box1 a {
        font-size: 13px;
        font-weight: 600;
        color: #000;
        margin-bottom: 13px;
    }

    #header .customHeaderNav .m_customLeftMenu .box2 a:first-child,#header .customHeaderNav .m_customLeftMenu .box3 a:first-child {
        margin-top: 13px;
    }

    #header .customHeaderNav .m_customLeftMenu #m_collectionMenu .col_menu {
        margin-top: 130px;
    }

    #header .customHeaderNav .m_customLeftMenu #m_collectionMenu .col_menu a {
        display: block;
        font-size: 12px;
        font-weight: 600;
        color: #000;
        margin-bottom: 13px;
    }

    #header .customHeaderNav .m_customLeftMenu #m_collectionMenu .img_area {
        margin-top: 50px;
    }

    #header .customHeaderNav .m_customLeftMenu #m_shopingMenu.on,#header .customHeaderNav .m_customLeftMenu #m_collectionMenu.on {
        display: block;
        margin-top: 20px;
    }

    #header .customHeaderNav .m_customLeftMenu #m_shopingMenu .box2 .sub1,#header .customHeaderNav .m_customLeftMenu #m_shopingMenu .box3 .sub2 {
        display: none;
    }

    .customCart #contents {
        height: 40px;
    }

    .customSearch_box {
        display: none;
    }

    .customCart {
        display: none;
    }

    .m_customCart {
        width: 90%;
        height: 100%;
        position: absolute;
        right: -90%;
        top: 0;
        background: #fff;
        z-index: 1003;
        transition: all 0.5s;
        display: block;
    }

    .m_customCart .state_logoff_box,.m_customCart .state_login_box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 13px 17px 0 17px;
    }

    .m_customCart p.state_logoff {
        font-size: 12px;
        font-weight: 500;
        color: #000;
        text-decoration: underline;
    }

    .m_customCart p.state_login {
        display: flex;
        align-items: center;
    }

    .m_customCart p.state_login span:not(:first-child) {
        font-size: 12px;
        font-weight: 500;
        color: #000;
        text-decoration: underline;
        margin-left: 5px;
    }

    .m_customCart .state_logoff_box .icon_box,.m_customCart .state_login_box .icon_box {
        display: none;
    }

    .m_customCart .subTitle {
        display: none;
    }

    .m_customCart .cart-product .contents .summary {
        display: none;
    }

    .m_customCart .ec-base-prdInfo .thumbnail {
        width: 83px;
        height: 122px;
    }

    .m_customCart .ec-base-prdInfo .thumbnail img {
        height: 100%;
    }

    .m_customCart .ec-base-prdInfo.gCheck .prdBox .description {
        padding: 0;
        margin: 0;
        margin-left: 15px;
    }

    .m_customCart .ec-base-prdInfo.gCheck .prdBox .description .prdName img {
        display: none;
    }

    .m_customCart .ec-base-prdInfo.gCheck .prdBox .quantity {
        padding: 0;
        margin: 0;
        margin-left: 115px;
        margin-top: -28px;
    }

    .m_customCart .ec-base-prdInfo.gCheck .prdBox .quantity a.sizeQty {
        display: none;
    }

    .m_customCart .ec-base-prdInfo.gCheck .buttonGroup {
        position: static;
        width: 100%;
        text-align: right;
        margin-top: 10px;
        padding: 0;
    }

    .m_customCart .sumPrice {
        display: none;
    }

    .m_customCart a.btnDelete {
        position: absolute;
        top: 10px;
        right: 16px;
    }

    .m_customCart .cart-total {
        text-align: center;
    }

    .m_customCart .cart-total .totalSummary__title {
        margin-top: 20px;
    }

    #wrap .right_menu {
        overflow: hidden;
        width: 0;
        height: 100vh;
        transition: all 0.5s;
        position: absolute;
        right: -400px;
    }

    #wrap .right_menu.on {
        width: 400px;
        right: 0;
        transition: all 0.5s;
    }

    .m_customCart.on {
        right: 0;
        transition: all 0.5s;
        display: block;
    }

    .m_customCart.m_on {
        width: 90%;
        right: 0;
        transition: all 0.5s;
    }

    .m_customCart .cart_contents {
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .m_customCart .menu {
        display: none;
    }

    .m_customCart .customCartInfo {
        width: 100%;
        margin-top: 144px;
    }

    .m_customCart .cart-container {
        display: block;
    }

    .m_customCart .ec-base-button {
        margin: 0;
        margin-top: 20px;
    }

    .m_customCart .cart-total .ec-base-button [class^='btn'].sizeL {
        font-size: 12px;
        font-weight: 500;
        color: #000 !important;
        padding: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .m_customCart .cart-total .ec-base-button [class^='btn'].gFull+[class^='btn'].gFull {
        color: #fff !important;
    }

    .m_customCart .c_help {
        width: 100%;
        text-align: left;
    }

    .m_customCart .c_help .inner p {
        font-size: 11px;
        font-weight: 400;
        color: #000 !important;
        text-align: left;
    }

    .m_customCart .customCartInfo .typeNav {
        margin: 0;
    }

    .m_customCart .c_empty {
        margin: 0;
        text-align: center;
    }

    .m_customCart .cart-product {
        flex: 0;
    }

    .m_customCart .cart-total {
        border-top: 1px solid #e4e4e4;
        margin: 0;
        margin-top: 95px;
    }

    .RTI,.RTB,.RTIB {
        display: none !important;
    }

    .RMB {
        display: block !important;
    }

    .RMI {
        display: inline !important;
    }

    .RMIB {
        display: inline-block !important;
    }

    header#header {
        position: static;
        height: 40px !important;
        background: #fff;
        padding: 0;
    }

    #header .topArea .customState {
        display: none;
    }

    #header .customHeaderNav .navigation .RW {
        display: none;
    }

    #header {
        height: 40px !important;
        background: #fff;
    }

    #header .navigation__util {
        right: 16px;
        top: 10px !important;
    }

    #header .navigation .btnNav {
        top: 9px;
    }
}

@media all and (max-width: 1366px) {
    .RWI,.RWB,.RWIB {
        display:none !important;
    }

    .RTMB {
        display: block !important;
    }

    .RTMI {
        display: inline-block !important;
    }

    .mainVisual picture.RTB {
        display: none !important;
    }

    #capp-shop-new-product-optionselect-layer {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }

    #header {
        width: 100%;
        height: 80px;
        top: 0;
        z-index: 1002;
    }

    #main #header {
        position: absolute;
        background: transparent;
        border-bottom: 0;
    }

    #header {
        background: #fff;
    }

    #header .navigation .btnNav {
        position: absolute;
        right: 18px;
        z-index: 50;
    }

    #header .navigation__util {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .bottom-nav {
        z-index: 901;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 52px;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition: -webkit-transform .3s linear,padding-bottom .3s linear;
        transition: transform .3s linear,padding-bottom .3s linear;
    }

    .bottom-nav--hide {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .bottom-nav__tabBar {
        display: flex;
        justify-content: space-between;
        height: 52px;
        padding: 14px 26px 0;
        box-sizing: border-box;
        background: #fff;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition: -webkit-transform .3s linear,padding-bottom .3s linear;
        transition: transform .3s linear,padding-bottom .3s linear;
    }

    .bottom-nav__tabBar li a,.bottom-nav__tabBar li button {
        position: relative;
        display: block;
        white-space: nowrap;
        width: 24px;
        height: 24px;
        font-size: 1px;
        line-height: 1px;
        color: transparent;
        text-indent: 150%;
        vertical-align: top;
        background: none;
    }

    .bottom-nav__tabBar li button:focus {
        outline: 0;
    }

    .bottom-nav__tabBar .count {
        display: block;
        position: absolute;
        top: 12px;
        right: -5px;
        width: 16px;
        height: 16px;
        font-size: 11px;
        color: #fff;
        text-align: center;
        text-indent: 0;
        line-height: 15px;
        border-radius: 50%;
        background: #000;
    }

    .bottom-nav__top {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: -20px;
        right: 16px;
        width: 40px;
        height: 40px;
        padding: 7px 0 0;
        font-size: 14px;
        border: 1px solid #e3e3e3;
        border-radius: 50%;
        box-sizing: border-box;
        text-align: center;
        text-transform: uppercase;
        background: rgba(256,256,256,0.3);
        transition: .5s;
        cursor: pointer;
    }

    .bottom-nav__top:hover {
        background: rgba(0,0,0,0.05);
    }

    .bottom-nav__top a {
        display: block;
    }

    .bottom-nav__top .icon.icoArrowTop {
        display: block;
        margin: 0 auto;
    }

    .bottom-nav__top--show {
        opacity: 1;
        visibility: visible;
    }

    .bottom-nav__top span {
        display: block;
        margin: 4px 0 0;
    }

    #detail .bottom-nav {
        z-index: 401;
    }

    #detail .bottom-nav--hide .bottom-nav__top {
        opacity: 0;
    }

    .button--fixed .bottom-nav__tabBar {
        display: none;
    }

    #contents {
        position: relative;
    }

    main#contents {
        padding-bottom: 0;
    }

    #footer {
        padding: 0 0 42px;
    }

    #topBanner {
        height: auto;
    }

    #topBanner .desc {
        overflow: visible;
        height: auto;
        line-height: 1.67;
    }

    #topBanner .btnClose {
        right: 16px;
        top: 12px;
    }

    .xans-layout-mobileaction {
        position: absolute;
        top: 100px;
        left: -150px;
    }

    .xans-layout-mobileaction a {
        overflow: hidden;
        display: block;
        text-indent: -150%;
        color: transparent;
        font-size: 1px;
        line-height: 1px;
        white-space: nowrap;
    }

    .bottom-nav.RTMB {
        display: none !important;
    }

    #wrap .right_menu {
        overflow: hidden;
        width: 0;
        height: 100vh;
        transition: all 0.5s;
        position: absolute;
        right: -400px;
    }

    #wrap .right_menu.on {
        width: 400px;
        right: 0;
        transition: all 0.5s;
    }
}

@media all and (min-width: 768px) and (max-width:1366px) {
    .RMI,.RMB,.RMIB {
        display:none !important;
    }

    .RTI {
        display: inline !important;
    }

    .RTB {
        display: block !important;
    }

    .RTIB {
        display: inline-block !important;
    }

    #header {
        height: auto;
        padding-top: 20px;
    }

    #header .navigation__category {
        display: block !important;
    }

    #header .navigation__util {
        display: none;
    }

    #header .navigation .btnNav {
        top: 28px;
        display: none;
    }

    #header .customState .topArea__statelogon {
        display: block !important;
    }

    .m_customLeftMenu {
        display: none;
    }
}

@media all and (min-width: 1367px) {
    .RMI,.RMB,.RMIB,.RTI,.RTB,.RTIB,.RTMI,.RTMB {
        display:none !important;
    }

    .RWI {
        display: inline !important;
    }

    .RWB {
        display: block !important;
    }

    .RWIB {
        display: inline-block !important;
    }

    #header .navigation__category {
        display: block !important;
    }

    #container {
        min-height: 889px;
    }

    #container #contents {
        max-width: 100% !important;
    }

    #header {
        width: 100%;
        background: transparent;
        transition: .5s;
        z-index: 1002;
    }

    #main #header {
        padding-top: 20px;
        height: auto;
        background: transparent;
    }

    #main #header:hover {
        background: transparent;
    }

    #header .topArea__logo {
        text-align: center;
    }

    #main #header::after {
        visibility: hidden;
        opacity: 0;
    }

    #main #header:hover::after {
        visibility: visible;
        opacity: 1;
    }

    #main #header .navigation__util {
        top: 45px;
        transition: 0.5s;
        display: none;
    }

    #main #header.fixed .navigation__util {
        top: 35px;
    }

    #main #header.fixed .navigation__category {
        padding-top: 0;
    }

    #main #header .navigation__category li ul {
        top: 104px;
    }

    #main #header.fixed .navigation__category li ul {
        top: 94px;
    }

    #header::after {
        content: '';
        visibility: visible;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #e5e5e5;
        opacity: 1;
        transition: 0.4s;
    }

    #header .navigation {
        position: absolute;
        top: 5px;
        left: 49px;
        right: 49px;
        z-index: 22;
    }

    #header .navigation__category li a {
        font-size: 16px;
    }

    #header .navigation .btnNav {
        display: none;
        position: absolute;
        left: 0;
        top: 20px;
    }

    #header .navigation__util {
        position: absolute;
        right: 50px;
        top: 35px;
    }

    #header .customHeaderNav .m_customLeftMenu {
        display: none;
    }

    #header .navigation__util .my,#header .navigation__util .bag {
        display: none;
    }

    #header .navigation__util .login_box,#header .navigation__util .logoff_box {
        display: none;
    }

    #contents {
        min-height: 700px;
        padding: 100px 50px 200px;
        margin: 0 auto;
    }

    main#contents {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    #contents {
        padding: 60px 0;
    }

    section.gInner {
        max-width: 1240px;
        margin: 0 auto;
    }

    #wrap .right_menu {
        overflow: hidden;
        width: 0;
        height: 100vh;
        transition: all 0.5s;
        position: absolute;
        right: -400px;
    }

    #wrap .right_menu.on {
        width: 400px;
        right: 0;
        transition: all 0.5s;
    }

    #quick {
        z-index: 10;
        opacity: 0;
        position: absolute;
        right: 50px;
        bottom: 40px;
        height: 51px;
        width: 51px;
        border-radius: 50%;
        border: 1px solid #999;
        background: rgba(255,255,255,0.3);
        transition: all 0.5s;
    }

    #quick.fixed {
        position: fixed;
        display: block;
        opacity: 1;
        bottom: 100px;
    }

    #quick:hover {
        background: rgba(0,0,0,0.05);
    }

    #quick .pageTop a {
        display: block;
        padding: 19px 0;
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
        overflow: hidden;
    }

    #quick .pageTop .icon {
        vertical-align: text-top;
    }
}

@media all and (max-width: 1553px) {
}

#modalBackpanel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #000;
}

#modalContainer {
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 10001;
    width: 975px;
    height: 720px;
    border: 1px solid #333;
    background: #fff;
}

#modalContainer #modalContent {
    width: 100%;
    height: 100%;
}

.txtInfo {
    color: #868686;
    font-size: 12px;
    line-height: 22px;
}

p.txtInfo,ul.txtInfo {
    margin: 10px 0 0;
}

span.txtInfo {
    margin-left: 10px;
}

p.txtInfo.typeDot,.txtInfo.typeDot li {
    position: relative;
    padding: 0 0 0 14px;
}

p.txtInfo.typeDot:before,.txtInfo.typeDot li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #868686;
}

.txtList {
    color: #868686;
    font-size: 13px;
    line-height: 20px;
}

p.txtList,ul.txtList {
    margin: 10px 0 0;
}

.txtWarn {
    color: var(--font-color-warn);
}

.txtEm {
    color: var(--font-color-primary);
}

.txtSecondary {
    color: var(--font-color-secondary);
}

.txtSuccess {
    color: var(--font-color-success);
}

.txtDel,.strike,.discount {
    text-decoration: line-through;
    font-weight: normal;
}

.strike strong,.discount strong {
    font-weight: normal;
}

.txtNormal {
    font-weight: normal;
    font-style: normal;
}

.txtNum {
    display: inline-block;
    font-size: 11px;
    color: #939393;
    word-break: normal;
}

.txt11 {
    font-size: 11px;
}

.txt12 {
    font-size: 12px;
}

.txt13 {
    font-size: 13px;
}

.txt14 {
    font-size: 14px;
}

.txt16 {
    font-size: 16px;
}

.txt18 {
    font-size: 18px;
    letter-spacing: -1px;
}

.txtIcon {
    font-size: 12px;
    font-style: normal;
}

.txtBreak {
    word-break: break-all;
    word-wrap: break-word;
}

html:lang(ja) .txt11,html:lang(zh) .txt11,html:lang(zh-tw) .txt11 {
    font-size: 12px;
}

.titleArea h2 {
    font-weight: normal;
}

.gBlank5 {
    display: block;
    margin-top: 5px;
}

.gBlank10 {
    display: block;
    margin-top: 10px;
}

.gBlank15 {
    display: block;
    margin-top: 15px;
}

.gBlank20 {
    display: block;
    margin-top: 20px;
}

.gBlank30 {
    display: block;
    margin-top: 30px;
}

.gIndent10 {
    margin-left: 10px;
}

.gIndent20 {
    margin-left: 20px;
}

.gSpace10 {
    margin-right: 10px;
}

.gSpace20 {
    margin-right: 20px;
}

.gMerge {
    position: relative;
    z-index: 1;
    margin-top: -1px;
}

svg.icon {
    display: block;
}

.icon.icoClose {
    display: block;
    position: relative;
    overflow: hidden;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    white-space: nowrap;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon.icoClose:before {
    content: "";
    position: absolute;
    top: 0;
    right: 7px;
    width: 1px;
    height: 15px;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.icon.icoClose:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 15px;
    height: 1px;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.icon.icoClose.white:before,.icon.icoClose.white:after {
    background: #fff;
}

.icon[class*="icoArrow"] {
    display: inline-block;
    overflow: hidden;
    width: 8px;
    height: 8px;
    text-indent: 120%;
    white-space: nowrap;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.icon.icoArrowRight {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.icon.icoArrowLeft {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon.icoArrowTop {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.icon.icoArrowBottom {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.icon[class*="icoArrow"].white {
    border-color: #fff;
}

.icon[class*="icoDirection"] {
    display: inline-block;
    width: 10px;
    height: 10px;
    text-indent: 120%;
    white-space: nowrap;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.icon[class*="icoDirection"]::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 17px;
    background: #000;
    -webkit-transform: translate(5px,-4px) rotate(45deg);
    transform: translate(5px,-4px) rotate(45deg);
}

.icon.icoDirectionRight {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.icon.icoDirectionLeft {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon.icoDirectionTop {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.icon.icoDirectionBottom {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.icon.icoNav {
    display: block;
    width: 20px;
    height: 2px;
    color: #000;
    background: currentColor;
    box-shadow: 0 14px 0;
    margin: -8px auto 0;
    position: relative;
}

.icon.icoNav:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 2px;
    background: currentColor;
}

.icon.icoUser {
    overflow: hidden;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-bottom: 2px solid #000;
    box-sizing: border-box;
}

.icon.icoUser:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 auto 1px;
    border-radius: 50%;
    border: 2px solid #000;
}

.icon.icoUser:after {
    content: "";
    display: block;
    width: 18px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #000;
}

input[type=text],input[type=password] {
    height: 40px;
    line-height: 40px;
    padding: 2px 4px 2px 15px;
    border: 1px solid #e0e0e0;
    color: var(--font-color-base);
    font-size: 13px;
    box-sizing: border-box;
    outline: 1px;
}

input[type="button"],input[type="text"],input[type="password"],input[type="tel"],input[type="image"],textarea,select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

input[type=text]:not(:disabled):focus,input[type=password]:not(:disabled):focus,input[type=text]:not(:disabled):hover,input[type=password]:not(:disabled):hover {
    border-color: #000;
    transition: .3s;
}

input[type=text]:disabled {
    background: #f9f9f9;
}

input[type=text][readonly] {
    background: #f9f9f9;
}

textarea {
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    line-height: 1.5;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #c1c1c1;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #c1c1c1;
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #c1c1c1;
    opacity: 1;
}

input.gFull {
    width: 100%;
}

input[type="file"] {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #7d7d7d;
}

input[type="file"]::file-selector-button,input[type="file"]::-webkit-file-upload-button {
    height: 40px;
    padding: 0 20px;
    font-size: 13px;
    color: #1c1c1c;
    border: 1px solid #bcbcbc;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box;
    -webkit-appearance: none;
}

select {
    cursor: pointer;
    max-width: 100%;
    height: 40px;
    padding: 0 30px 0 15px;
    font-size: 13px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    background: #fff url("//img.echosting.cafe24.com/skin/skin/common/ico_select.png") no-repeat right 10px center;
    background-size: 14px 8px;
}

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

input[type="radio"] {
    position: relative;
    opacity: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    background: url("//img.echosting.cafe24.com/skin/skin/common/bg_radio.png") no-repeat 0 0;
    background-size: 18px 18px;
    outline: 0;
}

input[type="radio"]:checked {
    background-image: url("//img.echosting.cafe24.com/skin/skin/common/bg_radio_checked.png");
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}

input[type="radio"]::-ms-check {
    border: 1px solid #000;
    background-color: #fff;
}

input[type="checkbox"] {
    position: relative;
    opacity: 1;
    cursor: pointer;
    width: 15px;
    height: 15px;
    vertical-align: text-top;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #000;
    background: #fff;
    outline: 0;
}

input[type="checkbox"]:checked {
    border: 0;
    background-image: url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png");
    background-size: 15px 15px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}

input[type="checkbox"]::-ms-check {
    border: 1px solid #ababab;
    background-color: #fff;
}

input[type="checkbox"]:checked::-ms-check {
    color: transparent;
    border: 0;
    background-image: url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png");
    background-size: 15px 15px;
    background-repeat: no-repeat;
}

label>input[type=radio],label>input[type=checkbox] {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

label+label {
    margin-left: 15px;
}

input[type=radio]+label,input[type=checkbox]+label {
    margin: 0 15px 0 10px;
    vertical-align: middle;
}

legend {
    visibility: hidden;
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    line-height: 0;
}

table tr.radioType input,span.noBorder input {
    border: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 3px 0 0 !important;
    vertical-align: middle !important;
    background: none !important;
}

.gLabel {
    display: inline-block;
}

.gLabel label {
    margin-right: 20px;
    line-height: 22px;
}

.fWidthFull input[type=text] {
    width: 100%;
    height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fWidthFull textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fWidthFull select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fList.typeHor .gLabel {
    margin-right: 20px;
}

.fList.typeVer .gLabel {
    display: block;
}

.ec-base-chk {
    display: inline-block;
    position: relative;
    margin: 0 8px 0 0;
    vertical-align: top;
    cursor: pointer;
}

.path {
    overflow: hidden;
    margin: 30px 0 0;
    height: 30px;
    line-height: 30px;
}

.path span {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    white-space: nowrap;
    text-indent: 100%;
}

.path ol {
    float: right;
}

.path li {
    display: inline-block;
    font-size: 12px;
}

.path li:not(:first-child):before {
    content: ">";
    display: inline-block;
    margin: 0 4px 0 2px;
    color: #000;
    vertical-align: top;
}

.path li:first-child {
    background: none;
}

.path li a {
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

.path ol li.second a {
    color: #666;
}

.path li:nth-child(n+2) a {
    color: #000;
}

.path li:last-child a,.path li strong,.path li strong a {
    color: #000;
}

.ec-base-field {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

.ec-base-field input[type="text"],.ec-base-field input[type="password"] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ec-base-field input ~ [class*='btn'] {
    margin-left: 5px;
}

.ec-base-field.code {
    margin: 0 -9px;
    align-items: center;
}

.ec-base-field.code input[type="text"],.ec-base-field.code input[type="password"] {
    margin: 0 9px;
}

.ec-base-radio.typeDelivery .ec-base-label {
    display: block;
}

.ec-base-qty {
    position: relative;
    display: inline-block;
    width: 103px;
    padding: 0 30px;
    vertical-align: top;
    box-sizing: border-box;
}

.ec-base-qty input[type="text"] {
    width: 45px;
    height: 30px;
    padding: 0;
    line-height: 28px;
    margin-left: -1px;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.ec-base-qty input[type="text"]:focus,.ec-base-qty input[type="text"]:hover {
    border: 1px solid #e5e5e5;
}

.ec-base-qty img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .00001;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.ec-base-qty .up {
    position: absolute;
    right: 0;
    top: 0;
}

.ec-base-qty .down {
    position: absolute;
    left: 0;
    top: 0;
}

.ec-base-qty a {
    width: 30px;
    height: 30px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 150%;
    color: transparent;
    font-size: 1px;
    line-height: 1px;
}

.ec-base-qty a:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    width: 9px;
    height: 1px;
    background: #000;
}

.ec-base-qty .up:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 9px;
    margin: -4px 0 0 0;
    background: #000;
}

.ec-base-qty .qtyUp {
    position: absolute;
    right: 0;
    top: 0;
}

.ec-base-qty .qtyDown {
    position: absolute;
    left: 0;
    top: 0;
}

.ec-base-qty .qtyUp .up {
    position: static;
    left: auto;
    top: auto;
}

.ec-base-qty .qtyDown .down {
    position: static;
    left: auto;
    top: auto;
}

.ec-base-step {
    margin: 40px 0 50px;
    text-align: center;
}

.ec-base-step li {
    display: inline-block;
    font-size: 14px;
    color: #939393;
}

.ec-base-step li:not(:last-child):after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.ec-base-step .selected {
    color: #000;
}

@media all and (max-width: 767px) {
    .gInnerMargin {
        margin:0 16px;
    }

    .titleArea {
        margin: 40px 16px 0px;
    }
}

@media all and (max-width: 1024px) {
    .titleArea {
        text-align:center;
    }

    .titleArea h2 {
        display: inline-block;
        color: var(--font-color-heading);
        font-size: 24px;
        font-weight: bold;
    }

    .titleArea h3 {
        display: inline-block;
        color: var(--font-color-heading);
        font-size: 16px;
    }

    .titleArea--middle {
        margin: 0;
        padding: 42px 16px 12px;
        text-align: left;
    }

    .titleArea--middle h2 {
        display: inline-block;
        color: var(--font-color-heading);
        font-size: 16px;
    }

    .titleArea--myshop {
        margin-bottom: 40px;
    }

    .titleArea .desc {
        font-size: 12px;
        color: #6d6d6d;
    }

    .path {
        margin: 0;
        opacity: 0;
        overflow: hidden;
        width: 1px;
        height: 1px;
        font-size: 1px;
        line-height: 1px;
        white-space: nowrap;
        color: transparent;
        text-indent: 150%;
    }

    .ec-base-step li:not(:last-child):after {
        margin: -2px 15px 0;
    }
}

@media all and (min-width: 768px) and (max-width:1024px) {
    .gInnerMargin {
        margin:0 24px;
    }

    .titleArea {
        margin: 40px 24px 30px;
    }

    .titleArea--middle {
        margin: 0;
    }

    .path {
        margin: 0 24px;
    }
}

@media all and (min-width: 1025px) {
    .titleArea {
        margin:45px 0 40px;
        text-align: center;
    }

    .titleArea h2 {
        display: inline-block;
        color: #000;
        color: var(--font-color-heading);
        font-size: 36px;
        font-weight: bold;
    }

    .titleArea h3 {
        color: #000;
        color: var(--font-color-heading);
        font-size: 16px;
        font-weight: normal;
    }

    .titleArea--middle {
        position: relative;
        margin: 50px 0 20px;
        text-align: left;
    }

    .myshopMain .titleArea--middle {
        position: relative;
        margin: 50px 0 14px;
        text-align: left;
    }

    .titleArea--middle h2 {
        color: #000;
        color: var(--font-color-heading);
        font-size: 16px;
        font-weight: normal;
    }

    .titleArea--middle h3 {
        font-weight: bold;
    }

    .titleArea--middle .btnDetail {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .titleArea.titleArea--myshop {
        margin: 50px 0 100px;
        text-align: center;
        padding-right: 22%;
    }

    .titleArea.titleArea--myshop h2 {
        color: #000;
        color: var(--font-color-heading);
        font-size: 36px;
        font-weight: bold;
    }

    .titleArea .desc {
        font-size: 13px;
        color: #6d6d6d;
    }

    .titleArea ul {
        padding: 5px 0;
        color: #939393;
        line-height: 18px;
    }

    .titleArea ul li {
        position: relative;
        padding: 0 0 0 9px;
    }

    .titleArea ul li:before {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        content: "";
        width: 2px;
        height: 2px;
        margin: -2px 0 0 0;
        background: #939393;
    }

    .path+.titleArea {
        margin-top: 45px;
    }

    .ec-base-step li:not(:last-child):after {
        margin: -2px 30px 0;
    }

    .memberArea {
        max-width: 898px;
        margin: 0 auto;
    }

    #capp-shop-new-product-optionselect-layer {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: 458px !important;
        height: 100% !important;
        margin: 0 !important;
    }

    #capp-shop-new-product-optionselect-layer>iframe {
        z-index: 1111;
        position: relative;
    }

    #capp-shop-new-product-optionselect-layer:after {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 1;
        background: #00000040;
    }

    #capp-shop-new-product-optionselect-backlayer {
        width: 100% !important;
        background: #000;
    }

    #capp-shop-new-product-optionselect-backlayer+#capp-shop-new-product-optionselect-layer:after {
        display: none;
    }
}

[class^='btnNormal'],a[class^='btnNormal'] {
    display: inline-block;
    padding: 12px 20px;
    height: 40px;
    font-size: 13px;
    box-sizing: border-box;
    border: 1px solid #bcbcbc;
    line-height: 1;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    word-spacing: -0.5px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #000;
    background-color: #fff;
}

[class^='btnSubmit'],a[class^='btnSubmit'] {
    display: inline-block;
    padding: 12px 20px;
    height: 40px;
    font-size: 13px;
    box-sizing: border-box;
    border: 1px solid transparent;
    line-height: 1;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    word-spacing: -0.5px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #000;
}

[class^='btnEm'],a[class^='btnEm'] {
    display: inline-block;
    box-sizing: border-box;
    padding: 2px 8px;
    border: 1px solid transparent;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    word-spacing: -0.5px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #737373;
}

[class^='btnBasic'],a[class^='btnBasic'] {
    display: inline-block;
    box-sizing: border-box;
    padding: 2px 8px;
    border: 1px solid #d1d1d1;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    word-spacing: -0.5px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #222;
    background-color: #f0f0f0;
}

[class^='btnNormal']:not(.disabled):hover,[class^='btnNormal']:not(.disabled).selected {
    border-color: #000;
}

[class^='btnEm']:not(.disabled):hover {
    background-color: #77797d;
}

[class^='btnBasic']:not(.disabled):hover {
    background-color: #e5e5e5;
}

[class^='btnNormal'].disabled {
    border-color: #e3e3e3;
    color: #999;
}

[class^='btnSubmit'].disabled {
    background-color: #9297a2;
    color: #f0f0f0;
}

[class^='btnEm'].disabled {
    background-color: #b5b6b9;
    color: #f0f0f0;
}

[class^='btnBasic'].disabled {
    color: #999;
}

[class^='btn'].sizeQty {
    padding: 8px 20px;
    height: 30px;
    margin-left: 6px;
    font-size: 12px;
    line-height: 12px;
}

.btnText {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    text-decoration: underline;
}

[class^='btn'].gFull {
    width: 100%;
}

[class^='btn'].gFull+[class^='btn'].gFull {
    margin: 10px 0 0;
}

.xans-product-listmore {
    text-align: center;
}

.btnMore {
    display: inline-block;
    min-width: 220px;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0;
    border: 1px solid #222;
    text-align: center;
    transition: all 400ms;
    box-sizing: border-box;
}

.btnMore:hover {
    background: #222;
    border-color: #222;
    color: #fff;
    text-decoration: none;
}

.btnMore .icon {
    margin: -8px 0 0 10px;
    vertical-align: middle;
}

.btnMore:hover .icon {
    border-color: #fff;
}

.btnOverlay {
    position: relative;
    overflow: hidden;
}

.btnOverlay:hover {
    background: transparent;
    color: #fff;
}

.btnOverlay .overlay {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    background: #222222;
    border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
}

.btnOverlay:hover .overlay {
    width: 250%;
    height: 800%;
    -webkit-transition: width .3s cubic-bezier(0,0,0.58,0.32),height .3s cubic-bezier(0,0,0.58,0.32);
    transition: width .3s cubic-bezier(0,0,0.58,0.32),height .3s cubic-bezier(0,0,0.58,0.32);
}

.ec-base-button {
    margin: 20px 0;
    text-align: center;
}

.ec-base-button.justify {
    position: relative;
}

.ec-base-button:after {
    display: block;
    content: "";
    clear: both;
}

.ec-base-button .gLeft {
    float: left;
    text-align: left;
}

.ec-base-button .gRight {
    float: right;
    text-align: right;
}

.ec-base-button.justify .gLeft {
    position: absolute;
    left: 0;
}

.ec-base-button.justify .gRight {
    position: absolute;
    right: 0;
}

.ec-base-button .text {
    margin: 0 6px 0 10px;
    color: #353535;
    line-height: 24px;
}

.ec-base-button.typeBorder {
    margin-top: -1px;
    padding: 10px 20px;
    border: 1px solid #d7d5d5;
}

.ec-base-button.gBottom {
    margin: 50px 0 0;
}

.ec-base-button.gBottom [class^='btn']+[class^='btn'] {
    margin-left: 10px;
}

.ec-base-button[class*="gColumn"] {
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.ec-base-button[class*="gColumn"]:after {
    display: none;
}

.ec-base-button[class*="gColumn"] [class^='btn'] {
    margin: 0 5px;
    padding-left: 8px;
    padding-right: 8px;
    word-break: keep-all;
    word-wrap: break-word;
    white-space: normal;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.ec-base-button[class*="gColumn"] .gFlex2 {
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.ec-base-button[class*="gColumn"] .gFlex3 {
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.ec-base-button[class*="gColumn"] .gFlex4 {
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

.ec-base-button.gFixed {
    position: fixed;
    z-index: 990;
    left: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    background: #fff;
}

.ec-base-button.gFixed>.ec-base-button,.ec-base-button.gFixed>.ec-base-button[class*="gColumn"] {
    margin: 10px 11px;
}

@media all and (max-width: 767px) {
    .btnMore {
        display:block;
    }
}

@media all and (max-width: 1024px) {
    [class^='btn'].sizeS {
        padding:10px 20px;
        height: 32px;
        font-size: 12px;
    }

    [class^='btn'].sizeM {
        padding: 14px 20px;
        height: 45px;
        font-size: 13px;
        line-height: 18px;
    }

    [class^='btn'].sizeL {
        padding: 14px 26px;
        height: 50px;
        min-width: 80px;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
    }

    [class^='btn'][class*='Fix'] {
        min-width: 72px;
        word-break: keep-all;
        word-wrap: break-word;
    }

    [class^='btn'][class*='Fix'].sizeS {
        min-width: 96px;
    }

    [class^='btn'][class*='Fix'].sizeM {
        min-width: 135px;
        padding-left: 15px;
        padding-right: 15px;
    }

    [class^='btn'][class*='Fix'].sizeL {
        min-width: 160px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .ec-base-button {
        margin-left: 16px;
        margin-right: 16px;
    }

    .ec-base-button [class^='btn']+[class^='btn'] {
        margin-left: 6px;
    }

    .ec-base-button.gBottom {
        display: flex;
        margin-left: 16px;
        margin-right: 16px;
    }

    .ec-base-button.gBottom .gLeft,.ec-base-button.gBottom .gRight {
        display: flex;
        flex: 1;
    }

    .ec-base-button.gBottom [class^='btn'] {
        flex: 1;
    }

    .ec-base-button.gBottom [class^='btn']+[class^='btn'] {
        margin-left: 10px;
    }

    .ec-base-button.gBreak {
        flex-direction: column;
    }

    .ec-base-button.gBreak .gLeft+.gRight {
        margin: 10px 0 0;
    }

    .ec-base-button.gBreak .gBreak {
        flex-direction: column;
    }

    .ec-base-button.gBreak>[class^='btn']+[class^='btn'],.ec-base-button.gBreak .gBreak [class^='btn']+[class^='btn'] {
        margin: 10px 0 0;
    }

    .ec-base-button .ec-base-button[class*="gColumn"] {
        margin: 0 -5px;
    }

    .ec-base-button[class*="gMColumn"] {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        margin-left: 11px;
        margin-right: 11px;
    }

    .ec-base-button[class*="gMColumn"]:after {
        display: none;
    }

    .ec-base-button[class*="gMColumn"] [class^='btn'] {
        margin: 0 5px;
        padding-left: 8px;
        padding-right: 8px;
        word-break: keep-all;
        word-wrap: break-word;
        white-space: normal;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
    }

    .ec-base-button[class*="gMColumn"] .gLeft,.ec-base-button[class*="gMColumn"] .gRight {
        float: none;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        width: 100%;
    }

    .gInnerMargin .ec-base-button,.gInnerMargin .ec-base-button.gBottom,.gInnerMargin.ec-base-button.gBottom {
        margin-left: 0;
        margin-right: 0;
    }
}

@media all and (min-width: 1025px) {
    [class^='btn'].sizeS {
        padding:10px 20px;
        height: 32px;
        font-size: 12px;
    }

    [class^='btn'].sizeM {
        padding: 13px 20px;
        height: 40px;
        font-size: 13px;
    }

    [class^='btn'].sizeL {
        padding: 14px 26px;
        height: 40px;
        min-width: 80px;
        font-size: 15px;
        line-height: 18px;
        font-weight: 500;
    }

    [class^='btn'][class*='Fix'] {
        min-width: 72px;
        word-break: keep-all;
        word-wrap: break-word;
    }

    [class^='btn'][class*='Fix'].sizeS {
        min-width: 96px;
    }

    [class^='btn'][class*='Fix'].sizeM {
        min-width: 135px;
        padding-left: 15px;
        padding-right: 15px;
    }

    [class^='btn'][class*='Fix'].sizeL {
        min-width: 160px;
        padding-left: 8px;
        padding-right: 8px;
    }
}

.ec-base-tooltip {
    display: none;
    z-index: 999;
    position: absolute;
    top: inherit !important;
    left: 0 !important;
    right: 0 !important;
    padding: 14px 28px 14px 14px;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 2px;
    letter-spacing: normal;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}

.ec-base-tooltip .title {
    display: block;
    padding: 0 20px 0 0;
    font-size: 15px;
    color: #000;
    line-height: 43px;
    background: #fff;
}

.ec-base-tooltip ul {
    color: #757575;
}

.ec-base-tooltip ul li {
    font-size: 13px;
}

.ec-base-tooltip .content table+.title {
    margin-top: 14px;
}

.ec-base-tooltip p {
    float: none;
    font-size: 12px;
    text-align: left;
}

.ec-base-tooltip p strong {
    font-weight: normal;
    font-size: 13px;
}

.ec-base-tooltip h3 {
    margin: 0 0 8px;
    font-size: 13px;
    border-bottom: 0;
}

.ec-base-tooltip h3+p {
    margin: 0 5px 10px;
}

.ec-base-tooltip h4 {
    margin: 15px 10px 8px 5px;
    font-size: 12px;
}

.ec-base-tooltip h4:before {
    display: inline-block;
    content: "";
    margin: 0 5px 0 0;
    width: 3px;
    height: 3px;
    background: #666;
    vertical-align: middle;
}

.ec-base-tooltip table th,.ec-base-tooltip table td {
    padding: 8px 10px 7px 10px;
    border: 1px solid #e8e8e8;
    line-height: 1.5em;
}

.ec-base-tooltip table th {
    padding-right: 0;
    background: #fbf9fa;
}

.ec-base-tooltip table thead th {
    text-align: center;
}

.ec-base-tooltip table tbody th {
    text-align: left;
}

.ec-base-tooltip table .left {
    text-align: left;
}

.ec-base-tooltip table .center {
    text-align: center;
}

.ec-base-tooltip table .right {
    text-align: right;
}

.ec-base-tooltip table .info {
    padding: 0;
    color: #757575;
}

.ec-base-tooltip table p.info:before,.ec-base-tooltip table ul.info li:before {
    display: inline-block;
    content: "";
    margin: 0 3px 0 0;
    width: 4px;
    height: 1px;
    background: #757575;
    vertical-align: middle;
}

.ec-base-tooltip .info {
    padding: 10px 10px 0;
    margin: 5px 0 0;
}

.ec-base-tooltip p.bullet,.ec-base-tooltip ul.bullet {
    margin: 8px 10px;
}

.ec-base-tooltip p.bullet:before,.ec-base-tooltip ul.bullet li:before {
    display: inline-block;
    content: "";
    margin: -3px 3px 0 0;
    width: 0;
    height: 0;
    border: solid transparent;
    border-left-color: #333;
    border-width: 2px 0 2px 2px;
    vertical-align: middle;
}

.ec-base-tooltip ul.bullet li {
    line-height: 1.5em;
}

.ec-base-tooltip .btnClose {
    position: absolute;
    right: 14px;
    top: 14px;
    padding: 10px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    width: 17px;
    height: 17px;
    box-sizing: border-box;
    font-size: 1px;
    line-height: 0;
    text-indent: 150%;
    color: transparent;
    white-space: nowrap;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ec-base-tooltip .btnClose:before {
    content: "";
    position: absolute;
    top: 0;
    right: 8px;
    width: 1px;
    height: 17px;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.ec-base-tooltip .btnClose:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 17px;
    height: 1px;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.ec-base-tooltip .btnClose img {
    opacity: 0;
}

.ec-base-tooltip .edge {
    z-index: 20;
    position: absolute;
    left: 50%;
    top: -6px;
    display: block;
    margin: 0 0 0 -5px;
    width: 10px;
    height: 6px;
}

.ec-base-tooltip .edge:before,.ec-base-tooltip .edge:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border: solid transparent;
}

.ec-base-tooltip .edge:before {
    margin: 1px 0 0;
    border-bottom-color: #565960;
    border-width: 0 5px 5px 5px;
}

.ec-base-tooltip .edge:after {
    left: 1px;
    margin: 2px 0 0;
    border-bottom-color: #fff;
    border-width: 0 4px 4px 4px;
}

.ec-base-tooltip.typeUpper {
    position: absolute;
    left: -90px !important;
    bottom: 33px !important;
    width: 200px;
    margin: 0;
    padding: 14px 28px 14px 14px;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}

.ec-base-tooltip.typeUpper:before {
    content: "";
    position: absolute;
    left: 40%;
    bottom: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    margin: -3px 0 0;
    border-left: 5px solid transparent;
    border-top: 5px solid #ccc;
    border-right: 5px solid transparent;
}

.ec-base-tooltip.typeUpper:after {
    content: "";
    position: absolute;
    left: 40%;
    bottom: -4px;
    display: inline-block;
    width: 0;
    height: 0;
    margin: -3px 0 0;
    border-left: 5px solid transparent;
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
}

.ec-base-tooltip.typeUpper .edge {
    top: auto;
    bottom: -6px;
}

.ec-base-tooltip.typeUpper .edge:before {
    margin: 0 0 -5px;
    border-top-color: #ccc;
    border-width: 5px 5px 0 5px;
}

.ec-base-tooltip.typeUpper .edge:after {
    left: 1px;
    margin: 0 0 -4px;
    border-top-color: #fff;
    border-width: 4px 4px 0 4px;
}

.shippingFee {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    margin-left: 10px;
}

.shippingFee>a.btnNormal {
    margin: -3px 0 0 5px;
}

.shippingFee .wrap h3 {
    line-height: 36px;
}

.shippingFee .wrap h4 {
    position: relative;
    margin: 0 7px 7px;
}

.shippingFee .wrap h4:before {
    display: inline-block;
    content: "";
    margin: 0 5px 0 0;
    width: 3px;
    height: 3px;
    background: #666;
    vertical-align: middle;
}

.shippingFee .wrap table+h4 {
    margin-top: 14px;
}

.shippingFee .wrap p strong {
    font-weight: normal;
    font-size: 13px;
}

.shippingFee .wrap table {
    background: #fff;
}

.shippingFee .wrap th,.shippingFee .wrap td {
    padding: 7px;
    border: 1px solid #d5d5d5;
}

.shippingFee .wrap th {
    width: 80px;
    border-right-width: 0;
}

.shippingFee .wrap td {
    white-space: normal;
}

.shippingFee .wrap .info {
    margin: 0;
    color: #7d7d7d;
}

@media all and (max-width: 1024px) {
    .ec-base-tooltip {
        width:88%;
        margin: 5px auto 0;
    }

    .ec-base-tooltip .edge {
        display: none;
    }

    .shippingFee {
        position: static;
    }

    .shippingFee .ec-base-button {
        text-align: center;
    }

    .shippingFee .btnStrong {
        display: inline-block;
        padding: 12px 20px;
        height: 40px;
        font-size: 13px;
        box-sizing: border-box;
        border: 1px solid transparent;
        line-height: 1;
        font-weight: normal;
        text-decoration: none;
        vertical-align: middle;
        word-spacing: -0.5px;
        letter-spacing: 0;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        background-color: #000;
    }
}

@media all and (min-width: 1025px) {
    .shippingFee {
        position:relative;
    }

    .shippingFee .ec-base-tooltip {
        margin: 10px 0 0 -150px;
        width: 360px;
    }
}

#header .inner h1 {
    display: none!important
}

body #wrap::-webkit-scrollbar {
    display: none
}

body #container #contents {
    max-width: unset;
    padding: 0;
}

main#contents {
    display: block;
}

.mainTitle {
    display: block;
    text-align: center;
}

.mainTitle h2 {
    font-weight: normal;
}

.mainTitle h2.bold {
    font-weight: bold;
    margin: 0 0 20px;
}

.mainTitle p.subTitle {
    font-size: 18px;
    color: #666;
    margin: 0 0 60px;
}

.title h2.text {
    position: relative;
    font-size: 38px;
    font-weight: bold;
    line-height: 0.9;
}

.ec-base-product .title,title {
    text-align: center;
}

.ec-base-product .title p,.title p {
    font-size: 18px;
    margin: 20px 0 60px;
    color: #666666;
}

/*
.button { display:inline-block; font-weight:bold; min-width:187px; padding:17px 88px; font-size:16px; text-align:center; border:1px solid #666666; box-sizing:border-box; background:transparent; text-decoration:none; } 
.button:hover { background:rgba(0,0,0,0.05); text-decoration:none; } 
*/
.customLogoFIx {
    position: fixed;
    bottom: 125px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    cursor: pointer;
}

.customLogoFIx img.on {
    filter: brightness(0)
}

.customLogoFIxMob {
    display: none;
    text-align: center;
}

#contents .bottomSlide .slickTest .slickUnit {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#contents .bottomSlide .slickTest .unitBox {
    cursor: pointer;
}

#contents .bottomSlide .slickTest .unitBox p {
    font-size: 12px;
    color: #000;
    text-align: center;
    margin-top: 160px;
    font-weight: bold;
}

#contents .bottomSlide .slickTest .slickUnit {
    margin-top: 50px;
}

.R_dim2 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1001;
    display: none;
}

.R_dim2.on {
    display: block;
}

.right_slide .slick-slide {
    width: 33.3333vw;
}

.swiper-container {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

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

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

.swiper-slide {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    font-size: 0;
}

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

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

.swiper-control {
    position: absolute;
    bottom: 127px;
    z-index: 100;
    width: 100%;
    height: 10px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    overflow: hidden;
    width: 28px;
    height: 28px;
    line-height: 0;
    text-indent: -150%;
    white-space: nowrap;
    font-size: 1px;
    color: transparent;
    line-height: 1px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #666;
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    transform: rotate(-135deg);
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    transform: rotate(45deg);
}

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

.swiper-pagination {
    position: relative;
    display: inline-block;
    height: 10px;
    margin: 0 10px;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

.swiper-button-pause,.swiper-button-play {
    position: relative;
    z-index: 10;
    display: none;
    width: 10px;
    height: 10px;
    text-indent: -150%;
    white-space: nowrap;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    overflow: hidden;
    vertical-align: top;
}

.swiper-button-pause:before,.swiper-button-pause:after {
    content: "";
    position: absolute;
    top: 0;
    display: inline-block;
    width: 2px;
    height: 10px;
    background: #fff;
}

.swiper-button-pause:before {
    left: 1px;
}

.swiper-button-pause:after {
    right: 1px;
}

.swiper-button-play {
    display: none;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 5px solid transparent;
}

.swiper-control.on .swiper-button-play {
    display: inline-block;
}

.swiper-control.on .swiper-button-pause {
    display: none;
}

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

.swiper-pagination-bullet-active {
    opacity: 0.8;
    width: 30px;
    border-radius: 5px;
    background: #fff;
}

.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
    background: #fff;
}

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

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

.swiper-container-horizontal>.swiper-pagination-progressbar {
    bottom: 0;
    top: initial;
    height: 1px;
}

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

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

.mainVisual .item {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1;
}

.mainVisual picture {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.mainVisual picture .RW img {
    height: 100%;
}

.mainVisual .here {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.mainVisual .here .text {
    font-weight: bold;
}

.mainVisual .here h4.subText {
    font-size: 20px;
    color: #8f8f8f;
    letter-spacing: 6px;
    overflow: hidden;
}

.brand {
    margin: 0 0 120px;
    padding: 120px 0;
    background: #f6f3f0;
}

.brand .brand-content {
    margin: 0 auto;
    text-align: center;
}

.brand .brand-content h3.text::after {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: 50%;
    border-left: 1px solid #666;
    width: 1px;
    height: 60px;
}

.brand .brand-content h3.text {
    position: relative;
    font-size: 40px;
    font-weight: normal;
    padding: 100px 0 0;
}

.brand .brand-content p {
    width: 70%;
    font-size: 22px;
    line-height: 1.45;
    color: #666;
    margin: 30px auto 60px;
    word-break: break-all;
}

.collection-item {
    margin: 0 20px 0 0;
    flex: 1;
}

.collection-item picture {
    font-size: 0;
}

.collection-item img {
    max-width: 100%;
    width: 100%;
}

.collection-item::before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: calc(591.44 / 1127.34 * 100%);
}

.collection-item::after {
    content: "";
    display: table;
    clear: both;
}

.saleItem {
    text-align: center;
    background: #f6f6f6;
}

.saleItem .tab {
    display: flex;
    margin: 10px 0;
    padding: 10px 0;
}

.saleItem .tab.gScroll {
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
}

.saleItem .tab .menu {
    display: flex;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.saleItem .tab .menu::after {
    content: "";
    display: block;
    clear: both;
}

.saleItem .tab .menu li {
    white-space: nowrap;
    float: none;
}

.saleItem .tab .menu li .button {
    display: inline-block;
    margin: 0 15px;
}

.saleItem .tab .menu li .button.active {
    position: relative;
    font-weight: bold;
    color: #000;
}

.saleItem .tab .menu li .button.active::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 1px;
    background: #000;
}

.saleItem .tabContent {
    display: none;
    max-width: 1240px;
    margin: 0 auto;
}

.saleItem .tabContent.active {
    display: block;
}

.middleBanner {
    position: relative;
    margin: 120px 0px;
    height: 600px;
}

.middleBanner picture {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    height: 100%;
}

.middleBanner .banner {
    background: fixed url("//img.echosting.cafe24.com/skinTheme/business/ko_KR/main/midBanner.jpg");
    height: 100%;
    background-position: bottom;
}

.middleBanner .banner img {
    width: 100%;
}

.middleBanner .banner .text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 1.2
}

.middleBanner .banner .text p {
    font-size: 18px;
    line-height: 1;
    margin: 20px 0 0;
}

.event {
    text-align: center;
    margin: 0 0 200px;
}

.event .button {
    margin: 30px 0 0;
}

.event .xans-board-listpackage .xans-board {
    max-height: 800px;
    height: auto;
    overflow: hidden;
}

.event .xans-board-listpackage .xans-board ul {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 70px 0;
    margin: 0 auto;
}

.event .xans-board-listpackage .xans-board ul li {
    margin: 0 25px;
    transition: all 0.5s;
}

.event .xans-board-listpackage .xans-board ul li:nth-child(n+3) {
    display: none;
}

.event .xans-board-listpackage .xans-board ul li:nth-child(1) {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
}

.event .xans-board-listpackage .xans-board ul li:nth-child(1):hover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.event .xans-board-listpackage .xans-board ul li:nth-child(2) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.event .xans-board-listpackage .xans-board ul li:nth-child(2):hover {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
}

.event .xans-board-listpackage .xans-board ul li a:nth-child(2) {
    margin: 30px 0 0;
    text-align: left;
    font-size: 18px;
}

.event .xans-board-listpackage .xans-board ul li .imgLink {
    display: block;
    text-align: left;
}

.event .xans-board-listpackage .xans-board ul li .imgLink img {
    width: 100%;
}

.productSlide {
    text-align: center;
}

.productSlide.gSpecial .banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productSlide.gSpecial .banner video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: auto 0;
}

.productSlide.gSpecial .back {
    width: 100%;
}

.productSlide .button {
    display: inline-block;
    font-weight: bold;
    min-width: 187px;
    padding: 17px 88px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #666666;
    box-sizing: border-box;
    background: transparent;
    text-decoration: none;
}

.productSlide .button:hover {
    background: rgba(0,0,0,0.05);
}

.ec-base-product .prdList li.swiper-slide .description {
    margin-bottom: 40px;
}

.item-wrapper .banner img {
    width: 100%;
}

.item-wrapper .banner a:hover {
    text-decoration: none;
}

.item-wrapper .ec-base-product {
    margin: 0;
}

.item-wrapper .ec-base-product.narrowedWrapper {
    max-width: 980px;
}

.item-wrapper .ec-base-product.narrowedWrapper .swiper-container {
    overflow: hidden;
}

.item-wrapper .ec-base-product.narrowedWrapper .swiper-container [class^="swiper-button"] {
    display: none;
}

.item-wrapper .ec-base-product .prdList {
    margin: 0
}

.item-wrapper .ec-base-product .prdList>li {
    margin: 0;
    background: none;
}

.item-wrapper .ec-base-product .prdList>li .thumbnail {
    background: #000;
}

.item-wrapper .ec-base-product .prdList>li img {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.item-wrapper .swiper-button-prev,.item-wrapper .swiper-container-rtl .swiper-button-next,.item-wrapper .swiper-button-next,.item-wrapper .swiper-container-rtl .swiper-button-prev {
    width: 30px;
    height: 30px;
    border-color: #7d7d7d;
    transition: all 0.3s;
}

.item-wrapper .swiper-button-prev {
    left: 6px;
}

.item-wrapper .swiper-button-next {
    right: 6px;
}

.item-wrapper .swiper-button-next,.productSlide .item-wrapper .swiper-button-prev {
    top: 215px;
    transform: rotate(0deg);
    border: none;
    overflow: visible;
    opacity: 1;
}

.item-wrapper .swiper-container:hover [class^="swiper-button"] {
    visibility: visible;
    opacity: 1;
}

.item-wrapper .swiper-container:hover [class^="swiper-button"].swiper-button-disabled {
    opacity: 0.35;
}

.snsItem {
    margin: 0 24px;
    text-align: center;
}

.snsItem .mainTitle {
    position: relative;
}

.snsItem .btnSns {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #afafaf;
    padding: 5px 15px;
    font-size: 13px;
    text-decoration: none;
}

.snsItem-wrapper {
    display: flex;
}

.snsItem-item {
    flex: 1;
}

.snsItem-item img {
    width: 100%;
}

.customSearch .xans-layout-searchheader fieldset .autoDrop {
    top: 142px;
}

#header .customHeaderNav .m_customLeftMenu .m_customSearch_box .xans-layout-searchheader fieldset .autoDrop {
    top: 30px;
    left: 33px;
}

@media (max-width: 767px) {
    #contents.on {
        margin:0;
    }

    .customLogoFIx {
        bottom: 135px;
        height: 63px;
    }

    .customLogoFIx img {
        width: 180px;
        height: 100%;
    }

    .customLogoFIxMob {
        bottom: 140px;
        height: 63px;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
        display: block;
    }

    .customLogoFIxMob img {
        width: 180px;
        height: 100%;
    }

    .mainVisual picture.RW {
        display: none;
    }

    #contents .highlight {
        width: calc(100% - 100px);
        margin: 0 auto;
        padding: 100px 0;
    }

    #contents .highlight .left_img {
        width: 100%;
    }

    #contents .highlight .left_img .text_box {
        text-align: center;
        margin-top: 12px;
        margin-bottom: 60px;
        font-weight: bold;
    }

    #contents .highlight .left_img img {
        width: 100%;
        height: 100%;
    }

    #contents .highlight .right_slide {
        width: 100%;
        height: auto;
    }

    #contents .highlight .right_slide .list {
        width: 85vw;
    }

    #contents .highlight .right_slide .list img {
        height: 100%;
    }

    #contents .highlight .right_slide .description {
        text-align: center;
        margin-top: 12px;
    }

    #contents .product {
        display: none;
    }

    #contents .bottomSlide {
        height: 586px;
    }

    #contents .bottomSlide .bottom_titleArea {
        text-align: center;
        margin-top: 80px;
        margin-bottom: 30px;
    }

    #contents .bottomSlide .slickTest .unitBox p {
        margin-top: 80px;
    }

    #contents .bottomSlide .slickTest .slick-slide {
        margin: 0 4vw;
    }

    #contents .bottomSlide .slickTest .slickUnit {
        width: 100%;
        height: 55vh;
        background: #ddd;
    }

    #contents .bottom_logo {
        text-align: center;
        height: 218px;
    }

    #contents .bottom_logo img {
        filter: brightness(0);
        margin-top: 75px;
        width: 180px;
        height: 63px;
    }

    .gInner {
        margin: 0 16px;
    }

    /*
.button { width:160px; min-width:120px; margin:20px 0 0; padding:9px 47px; font-size:14px; /* height:38px; */
}

*/ .title h2.text {
    font-size: 28px;
}

.ec-base-product .title p,.title p {
    font-size: 14px;
    margin: 16px 0 40px;
    color: #666666;
}

.more {
    margin: 65px 16px 0;
}

.mainVisual {
    min-height: 390px;
    margin: 0;
}

.mainVisual .button {
    margin-top: 40px;
}

.mainVisual .here .text {
    font-size: 46px;
    margin-bottom: 20px;
}

.mainVisual .here h4.subText {
    font-size: 14px;
}

.brand {
    padding: 80px 0;
}

.brand .brand-content h3.text {
    font-size: 28px;
    padding: 76px 0 0;
}

.brand .brand-content h3.text::after {
    height: 40px;
}

.brand .brand-content p {
    width: 80%;
    font-size: 14px;
    margin: 28px auto 20px;
}

.swiper-control {
    bottom: 42px;
}

.collection {
    margin: 0 16px;
}

.collection-item {
    margin: 10px 0 0;
}

.productSlide {
    margin: 0 16px;
    padding: 178px 0 0;
}

.productItem {
    margin: 80px 16px 0;
}

.middleBanner {
    position: relative;
    margin: 80px 0;
    height: 282px;
}

.middleBanner picture img {
    width: 336px;
}

.middleBanner .banner .text {
    width: 80%;
    font-size: 24px;
}

.middleBanner .banner .text p {
    font-size: 14px;
}

.event {
    margin-bottom: 120px;
}

.event .xans-board-listpackage .xans-board {
    max-height: 1550px;
}

.event .xans-board-listpackage .xans-board ul {
    flex-direction: column;
    padding: 0;
}

.event .xans-board-listpackage .xans-board ul li.xans-record- {
    margin: 0 16px;
    transform: translateY(0);
}

.event .xans-board-listpackage .xans-board ul li.xans-record-:nth-child(1) {
    margin-bottom: 40px;
}

.event .xans-board-listpackage .xans-board ul li.xans-record-:nth-child(2):hover {
    transform: translateY(0);
}

.event .xans-board-listpackage .xans-board ul lili.xans-record- a {
    margin: 20px 0 0;
}

.snsItem {
    margin: 0 16px;
}

.snsItem-wrapper {
    flex-wrap: wrap;
    margin: 0 -5px;
}

.snsItem-item {
    flex-basis: 33.33%;
}

.snsItem-item a {
    display: block;
    margin: 5px;
}

main#contents .ec-base-product ul.grid3>li {
    width: 50%;
}
}

@media all and (max-width: 1366px) {
    .button {
        line-height:1.2
    }

    .mainTitle h2 {
        margin-bottom: 20px;
    }

    .swiper-button-next,.swiper-button-prev {
        display: none;
    }

    .mainVisual img {
        width: 100%;
    }

    .mainVisual a {
        display: block;
    }

    .mainVisual .button {
        display: inline-block;
    }

    .mainVisual .here .text em {
        display: none;
    }

    .brand {
        margin: 0;
        display: none;
    }

    .saleItem {
        padding: 50px 0;
    }

    .saleItem .mainTitle {
        margin-top: 0;
    }

    .saleItem .tab {
        margin: 0 -16px;
    }

    .saleItem .tab .menu {
        border-bottom: 0;
    }

    .saleItem .prdList {
        overflow: auto;
        white-space: nowrap;
    }

    .specialItem {
        margin: 50px 0;
    }

    .specialItem .item-wrapper {
        flex-direction: column-reverse;
    }

    .product .productItem {
        display: block;
        text-align: center;
    }

    .product .productItem .prdList .thumbnail {
        background: #000;
    }

    .product .productItem .prdList img {
        -webkit-transition: 0.3s opacity;
        -o-transition: 0.3s opacity;
        transition: 0.3s opacity;
    }

    .product .productItem .prdList li:hover img {
        opacity: 0.85;
    }

    .product .productItem .prdList li:nth-child(n+5) {
        display: none;
    }

    .productSlide {
        position: relative;
        display: none;
    }

    .productSlide .mainTitle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .productSlide.gSpecial .ec-base-product {
        order: 2;
    }

    .item-wrapper {
        flex-direction: column;
        margin-bottom: 50px;
    }

    .item-wrapper .ec-base-product .prdList {
        width: auto;
    }

    .item-wrapper .ec-base-product .prdList .prdList__item {
        margin: 0
    }

    .event .xans-board-listpackage .xans-board ul li a:nth-child(2) {
        margin-top: 20px;
    }
}

#contents section.highlight .right_slide .slick-slider .slick-list .slick-track .slick-slide {
    width: 33.3333vw;
    max-width: 545px!important;
}

@media all and (min-width: 1367px) and (max-width:1640px) {
    #contents section.highlight .right_slide .slick-slider .slick-list .slick-track .slick-slide {
        width:40vw;
        max-width: 545px!important;
    }
}

@media all and (min-width: 768px) and (max-width:1366px) {
    #contents .brand {
        display:none;
    }

    #contents .highlight {
        width: calc(100% - 24vw);
        margin: 0 auto;
        display: flex;
        align-items: space-between;
        padding: 120px 0;
    }

    #contents .highlight .left_img {
        width: calc(50% - 42px);
        margin: 0 auto;
        margin-left: 0;
    }

    #contents .highlight .left_img img {
        width: 100%;
        height: calc(52vw - 10px);
    }

    #contents .highlight .left_img .text_box {
        margin-top: 27px;
        text-align: center;
    }

    #contents .highlight .right_slide {
        width: calc(50% - 7%);
        margin: 0 auto;
        margin-right: 0;
    }

    #contents section.highlight .right_slide .slick-slider .slick-list .slick-track .slick-slide {
        width: 35.3333vw;
        max-width: 545px!important;
    }

    #contents .highlight .right_slide .thumbnail img {
        width: 100%;
        height: calc(52vw - 10px);
    }

    #contents .highlight .right_slide .description {
        margin-top: 27px;
        text-align: center;
    }

    #contents .product {
        display: none;
    }

    #contents .bottomSlide {
        height: 586px;
    }

    #contents .bottomSlide .bottom_titleArea {
        text-align: center;
        margin-top: 115px;
        margin-bottom: 50px;
    }

    #contents .bottomSlide .slickTest .unitBox p {
        margin-top: 116px;
    }

    #contents .bottomSlide .slickTest .slick-slide {
        margin: 0 75px;
    }

    #contents .bottomSlide .slickTest .slickUnit {
        width: 100%;
        height: 43vw;
        background: #ddd;
    }

    #contents .bottom_logo {
        text-align: center;
        height: 260px;
    }

    #contents .bottom_logo img {
        filter: brightness(0);
        margin-top: 80px;
    }

    #main .button {
        height: 56px;
    }

    .gInner {
        margin: 0 24px;
    }

    .mainTitle {
        margin: 115px 0 0;
    }

    .mainTitle h2 {
        font-size: 30px;
    }

    .mainVisual {
        margin: 0;
    }

    .mainVisual picture {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%;
        font-size: 0;
        max-height: 1800px;
    }

    .mainVisual picture img {
        height: 100%;
    }

    .mainVisual .here .text {
        font-size: 80px;
        margin: 0 0 30px;
    }

    .mainVisual .here .button {
        margin: 80px 0 0;
    }

    .collection {
        margin: 0 24px;
    }

    .collection-item {
        margin: 24px 0 0;
    }

    .productItem {
        margin: 120px 24px 0;
    }

    .productItem .button {
        margin-top: 50px;
    }

    .productSlide {
        padding: 256px 0 0;
        margin: 0 24px;
    }

    .middleBanner .text {
        position: absolute;
        top: 80px;
        width: 100%;
        font-size: 50px;
        color: #000;
        text-align: center;
        text-decoration: none;
    }

    .event {
        margin-bottom: 180px;
    }

    .event .xans-board-listpackage .xans-board ul {
        width: 720px;
        justify-content: space-between;
        padding: 70px 0;
    }

    .event .xans-board-listpackage .xans-board ul li {
        flex: 0 1 46%;
        margin: 0;
    }

    .event .xans-board-listpackage .xans-board ul li .imgLink img {
        width: 348px;
    }

    .snsItem-wrapper {
        margin: 0 -5px;
    }

    .snsItem-item a {
        display: block;
        margin: 5px;
    }
}

@media only screen and (max-width: 767px) {
    #contents section.highlight .right_slide .slick-slider .slick-list .slick-track .slick-slide {
        width:85vw;
        max-width: unset!important;
    }
}

@media all and (min-width: 768px) {
    .mainTitle h2 {
        font-size:30px;
    }

    .more {
        margin: 65px auto 0;
    }

    .highlight .right_slide .description .name a span:nth-child(2) {
        font-size: 12px !important;
        font-weight: 500 !important;
    }
}

@media all and (min-width: 1367px) {
    .brand {
        display:none;
    }

    .highlight {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        gap: 100px;
        padding: 160px 0;
    }

    .highlight .left_img {
        width: 550px;
        height: auto;
        display: inline-block;
    }

    .highlight .left_img img {
        width: 100%;
        height: 800px;
    }

    .highlight .left_img .text_box {
        text-align: center;
        margin-top: 27px;
        font-weight: 400;
    }

    .highlight .right_slide {
        display: inline-block;
        width: 545px;
        height: auto;
    }

    .highlight .right_slide .thumbnail {
        width: 100%;
        height: 800px;
    }

    .highlight .right_slide .thumbnail img {
        width: 100%;
    }

    .highlight .right_slide .description {
        margin-top: 27px;
        text-align: center;
    }

    .highlight .right_slide .description .name a span:nth-child(2) {
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    #contents .bottomSlide {
        height: 675px;
    }

    #contents .bottomSlide .bottom_titleArea {
        text-align: center;
        margin-top: 160px;
        margin-bottom: 50px;
    }

    #contents .bottomSlide .bottom_titleArea .title {
        font-weight: 400;
        font-size: 12px;
        color: #000;
    }

    #contents .bottomSlide .slickTest .slick-slide {
        margin: 0 75px;
    }

    #contents .bottomSlide .slickTest .slickUnit {
        width: 100%;
        height: 675px;
        background: #ddd;
    }

    #contents .bottom_logo {
        text-align: center;
        height: 260px;
    }

    #contents .bottom_logo img {
        filter: brightness(0);
        margin-top: 80px;
    }

    #wrap {
        max-width: unset;
        overflow: hidden;
    }

    .btnMore {
        padding: 18px 40px;
        font-size: 15px;
    }

    .mainVisual .swiper-container {
        height: auto;
        max-height: 1050px;
    }

    .mainVisual .swiper-button-next:after,.mainVisual .swiper-button-prev:after {
        color: #fff;
    }

    .mainVisual .swiper-button-next,.mainVisual .swiper-container-rtl .swiper-button-prev {
        right: 50px;
    }

    .mainVisual .swiper-button-prev,.mainVisual .swiper-container-rtl .swiper-button-next {
        left: 50px;
    }

    .mainVisual .here .text {
        font-size: 70px;
        overflow: hidden;
    }

    .mainVisual .here .text span {
        opacity: 0;
        position: absolute;
        left: -500px;
    }

    .mainVisual .here .text em,.mainVisual .here .subText span {
        display: inline-block;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
        -webkit-transition: all 1s;
        transition: all 1s;
        font-style: normal;
    }

    .mainVisual .here .subText span {
        transition-delay: 0.2s;
    }

    .mainVisual .here .button {
        margin: 42px 0 0;
    }

    .mainVisual .swiper-slide-active .here .text em,.mainVisual .swiper-slide-active .here .subText span {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    .brand {
        margin: 0 -50px 120px -50px;
    }

    .event .xans-board-listpackage .xans-board ul li .imgLink img {
        max-width: 615px;
    }

    .collection {
        display: flex;
        margin: 20px 0 0;
    }

    .collection-item:nth-child(3n+3) {
        margin-right: 0;
    }

    .saleItem {
        margin: 95px -50px 0;
        padding: 100px 60px;
    }

    .saleItem .tab {
        margin-top: -35px;
    }

    .product .productItem {
        display: none;
    }

    .productSlide {
        position: relative;
        margin: 0 -50px;
    }

    .productSlide .button {
        margin-top: 60px;
    }

    .middleBanner {
        margin: 120px -50px;
    }

    .item-wrapper {
        display: flex;
        justify-content: center;
    }

    .item-wrapper>div {
        flex: 1;
    }

    .item-wrapper .swiper-container {
        width: 100%;
        overflow: visible;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .item-wrapper .ec-base-product {
        width: 100%;
        max-width: 1440px;
        box-sizing: border-box;
    }

    .item-wrapper .ec-base-product .prdList>li .thumbnail {
        margin: 0 0 10px;
        background: none;
        transition: 1s;
    }

    .item-wrapper .ec-base-product .prdList>li .thumbnail:hover {
        background: #000;
    }

    .item-wrapper .swiper-container::after,.item-wrapper .swiper-container::before {
        content: "";
        display: block;
        width: 290px;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        background: #fff;
        z-index: 1;
    }

    .item-wrapper .swiper-container::before {
        left: -250px;
        z-index: 2;
    }

    .item-wrapper .swiper-container::after {
        display: none;
        right: -250px;
        z-index: 2;
    }

    .item-wrapper .swiper-container .description ul li .layerDiscountPeriod img {
        width: 3px;
    }

    .item-wrapper .swiper-container .description .icon {
        width: auto;
    }

    .item-wrapper .ec-base-product.narrowedWrapper .swiper-container:after {
        display: block;
    }

    .item-wrapper .swiper-container:hover .swiper-wrapper .swiper-slide-next+.swiper-slide+.swiper-slide {
        visibility: visible;
        opacity: 1;
    }

    .item-wrapper .swiper-button-next {
        right: -110px;
    }

    .item-wrapper .swiper-button-prev {
        left: 110px;
    }

    .swiper-container-horizontal>.swiper-scrollbar {
        left: 40px;
        right: 40px;
        width: auto;
    }

    .swiper-button-next,.swiper-container-rtl .swiper-button-prev {
        right: 0;
    }

    .swiper-button-prev,.swiper-container-rtl .swiper-button-next {
        left: 0;
    }

    .productSlide.gSpecial .item-wrapper {
        flex-direction: row-reverse;
    }

    .snsItem {
        margin: 95px 0;
    }

    .snsItem .mainTitle {
        max-width: 1240px;
        margin: 0 auto;
    }

    .snsItem-wrapper {
        margin: 60px -10px 0;
    }

    .snsItem-wrapper .snsItem-item a {
        display: block;
        margin: 0 10px;
    }
}

:root {
    --mainColor: #000000;
    --white: #ffffff;
    --gray01: #7B7B7B;
    --gray02: #7E7E7E;
    --gray03: #707070;
    --gray04: #818181;
    --gray05: #838383;
    --gray06: #767676;
    --gray07: #797979;
    --gray08: #909090;
    --gray09: #7F7F7F;
    --lightGray01: #E4E4E4;
    --lightGray02: #F7F7F7;
    --red: #FF0000;
    --blue: #0014FF;
}

body,code {
    color: var(--mainColor);
    line-height: 1;
}

*::placeholder {
    color: var(--gray02);
}

a,button {
    color: var(--mainColor);
}

select {
    background: url('/design/lcdv/img/arrow_down_black_8.svg')no-repeat right 15px center #fff !important;
    !import; !importn; !importna; !importn; !i; !; font-size: 12px;
    color: var(--mainColor);
    font-weight: 400;
    border: 1px solid var(--lightGray01);
}

select:focus {
    outline: 0;
}

.xans-smart-banner-admin {
    margin: 0;
}

#wrap #contents {
    padding: 0;
}

#wrap.da #container {
    width: 100%;
    min-height: calc(100vh - 100px)!important;
}

.mo_only {
    display: none!important;
}

.mo_only_F {
    display: none!important;
}

#wrap .pd100 {
    padding: 0 50px;
    box-sizing: border-box;
}

#wrap .colorBlack {
    color: var(--mainColor);
}

#wrap .colorWhite {
    color: var(--white);
}

.hold {
    overflow: hidden!important;
}

input[type=text],input[type=password] {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid var(--lightGray01);
    color: var(--mainColor);
    font-size: 12px;
    outline: initial;
    font-weight: 400;
}

input[type=text]::placeholder,input[type=password]::placeholder {
    color: var(--gray03);
}

input[type=text]:not(:disabled):focus,input[type=password]:not(:disabled):focus,input[type=text]:not(:disabled):hover,input[type=password]:not(:disabled):hover {
    border: 1px solid var(--lightGray01);
    transition: initial;
}

#wrap.gh input[type=text][readonly] {
    background: var(--white);
}

.modify_wrap .icoRequired {
    color: var(--red);
    vertical-align: top;
    font-weight: 400;
    margin: 0;
}

input[type="checkbox"] {
    border: 0;
    width: 16px;
    height: 16px;
    background: url('/design/lcdv/img/checkbox.svg') center;
    vertical-align: middle;
}

input[type="checkbox"]:checked {
    background: url('/design/lcdv/img/checkbox_on.svg') center;
}

input[type="radio"] {
    width: 15px;
    height: 15px;
    background: url('/design/lcdv/img/radio.svg') center;
    vertical-align: middle;
}

input[type="radio"]:checked {
    background: url('/design/lcdv/img/radio_on.svg') center;
}

input[type="radio"]+label {
    line-height: 15px;
    font-size: 12px;
}

.customLayer .typeModal.txtBox {
    width: 100%;
    height: 50px;
    bottom: 0;
    border: 0;
    top: initial;
    transform: initial;
    font-size: 11px;
    text-align: center;
    line-height: 48px;
}

.customPaging {
    padding: 50px 0 70px;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-top: 1px solid var(--mainColor);
    margin-top: -1px;
}

.customPaging>div a {
    font-size: 13px;
    line-height: 17px;
}

.customPaging ol {
    padding: 0 35px;
    gap: 0 30px;
}

.customPaging li a {
    width: initial;
    padding: 0;
    color: var(--gray02);
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.customPaging li a.this {
    color: var(--mainColor);
    text-decoration: initial;
}

@media(max-width: 900px) {
    #wrap.da #container {
        min-height:calc(100vh - 71px)!important;
    }

    .pc_only {
        display: none!important;
    }

    .mo_only {
        display: block!important;
    }

    .mo_only_F {
        display: flex!important;
    }

    .customLayer .typeModal.txtBox {
    }
}

@media(max-width: 743px) {
    #wrap.da #container {
        min-height:calc(100vh - 71px);
    }

    select {
        font-size: 11px;
    }

    #wrap .pd100 {
        padding: 0 20px;
    }

    input[type=text],input[type=password] {
        font-size: 11px;
    }

    input[type="radio"]+label {
        line-height: 15px;
        font-size: 11px;
    }

    .customPaging {
        padding: 30px 0 70px;
    }

    .customPaging>div a {
        font-size: 11px;
        line-height: 15px;
    }

    .customPaging ol {
        padding: 0 35px;
        gap: 0 30px;
    }

    .customPaging li a {
        font-size: 11px;
        line-height: 15px;
    }
}

@font-face {
    font-family: 'runda';
    src: url('/wib/font/runda_Ligth.woff') format('woff');
    font-style: normal;
    font-weight: 300;
    unicode-range: U+0041-005A,U+0061-007A;
}

@font-face {
    font-family: 'runda';
    src: url('/wib/font/runda_regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0041-005A,U+0061-007A;
}

@font-face {
    font-family: 'runda';
    src: url('/wib/font/runda_normal.woff') format('woff');
    font-style: normal;
    font-weight: 500;
    unicode-range: U+0041-005A,U+0061-007A;
}

@font-face {
    font-family: 'runda';
    src: url('/wib/font/runda_bold.woff') format('woff');
    font-style: normal;
    font-weight: 700;
    unicode-range: U+0041-005A,U+0061-007A;
}

#wrap #header {
    padding: 0;
    transition: initial;
    background: var(--white);
    width: 100%;
    padding-top: 0!important;
    transition: all 0.4s ease-in-out;
    position: relative;
    z-index: 999;
}

#wrap #header:hover {
    background: var(--white);
}

#wrap #header .inner {
    max-width: initial;
    width: 100%;
    margin: initial;
    border-bottom: 1px solid var(--mainColor);
    background: var(--white);
}

#wrap #header .top_nav_box {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#wrap #header .top_nav_box .top_logo img {
}

#wrap #header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: var(--white);
    z-index: 999;
    transition: all 0.4s ease-in-out;
}

#wrap #header.fixed:hover {
    background: var(--white);
}

#wrap #header .header_menu {
    display: flex;
    align-items: center;
    gap: 0 30px;
}

#wrap #header .header_menu li {
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

#wrap #header .header_menu li a {
    font-size: inherit;
    font-weight: inherit;
}

#header .cnt_title {
    display: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
}

.sub_cate .cate_title {
    display: none;
}

.sub_cate .sub_cate_select {
    display: none;
}

.search_wrap.xans-layout-searchheader {
    position: absolute;
    top: 81px;
    width: 100%;
    height: initial;
    display: none;
    z-index: 10;
    border-bottom: 1px solid var(--mainColor);
    left: 0;
    background: var(--white);
}

.search_wrap.xans-layout-searchheader.on {
    display: block;
}

.search_wrap.xans-layout-searchheader fieldset {
    width: 100%;
    height: initial;
    display: initial;
    align-items: initial;
    justify-content: initial;
    margin: initial;
    position: initial;
    border: 0;
    transform: initial;
}

.search_wrap.xans-layout-searchheader fieldset input#keyword {
    border: 0;
    width: 100%;
    padding: 0;
    padding-right: 10px;
    font-size: 12px;
    color: var(--mainColor);
    font-weight: 500;
}

.search_wrap.xans-layout-searchheader fieldset input:hover {
    border: 0;
}

.search_wrap.xans-layout-searchheader fieldset input::placeholder {
    font-size: 12px;
    font-weight: 500;
}

.search_wrap.xans-layout-searchheader .header_search {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search_wrap.xans-layout-searchheader .btnSearch {
    text-indent: initial;
    line-height: 1;
    font-size: 13px;
    font-weight: 500;
    color: var(--mainColor);
    width: initial;
    height: initial;
    margin: 0;
}

@media (max-width: 1366px) {
    #main #wrap #header {
        position:initial;
        background: var(--white);
    }

    #main #wrap #header.fixed {
        position: fixed;
    }

    #header .xans-layout-mobileaction {
        position: initial;
    }

    #header .xans-layout-mobileaction a {
        overflow: initial;
        text-indent: initial;
        color: var(--mainColor);
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        display: flex;
        align-items: center;
        gap: 0 8px;
    }

    #header .xans-layout-mobileaction a img {
        transform: rotate(90deg);
    }
}

@media(max-width: 900px) {
    #wrap #header {
        height:71px!important;
    }

    #wrap #header .top_nav_box {
        height: 70px;
    }

    #wrap #header .top_nav_box .top_logo img {
        width: 150px;
    }

    #wrap #header .header_menu {
        gap: 0 16px;
    }

    #wrap #header .header_menu li {
        font-size: 14px;
        font-weight: 400;
    }

    #header .cnt_title {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .sub_cate {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .sub_cate .cate_title {
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
    }

    .sub_cate .cate_title.on {
        display: block;
    }

    .sub_cate .sub_cate_select {
        border: 0;
        height: initial;
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
        padding: 0 15px 0 0;
        background: url('/wib/img/icon/arrow_down_black_8.svg')no-repeat right center;
    }

    .sub_cate .sub_cate_select.on {
        display: block;
    }

    .sub_cate .sub_cate_select:active,.sub_cate .sub_cate_select:focus,.sub_cate .sub_cate_select:target {
        outline: 0;
    }

    .search_wrap.xans-layout-searchheader {
        display: none!important;
    }
}

@media(max-width: 767px) {
    #wrap.da .listTop .right .xans-product-normalmenu:not(:last-of-type) {
        margin-right:0px !important;
    }

    #wrap.da .listTop .right .xans-product-normalmenu .sort select {
        font-size: 11px;
    }
}

@media(max-width: 743px) {
    #wrap #header {
        height:71px!important;
    }
}

.searchExpand .xans-layout-searchheader {
    opacity: 1;
    visibility: visible;
}

.searchExpand .dimmed {
    display: block;
}

.xans-layout-searchheader .title {
    font-weight: normal;
}

.xans-layout-searchheader .btnSearch {
    background: none;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 150%;
    font-size: 1px;
    color: transparent;
    line-height: 1px;
}

.xans-layout-searchheader .btnClose {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 150%;
    font-size: 1px;
    color: transparent;
    line-height: 1px;
}

.xans-layout-searchheader fieldset .autoDrop {
    display: none;
    border: 1px solid #565960;
    position: absolute;
    width: 187px;
    text-align: left;
    background: #fff;
    z-index: 20;
    overflow: hidden;
    overflow-y: auto;
    max-height: 100px;
}

.xans-layout-searchheader fieldset .autoDrop li a {
    display: block;
    padding: 6px 10px;
    font-size: 11px;
    color: #1c1c1c;
    font-family: GulimChe,Gulim;
}

.xans-layout-searchheader fieldset .autoDrop li a:hover,.xans-layout-searchheader fieldset .autoDrop li.selected a {
    text-decoration: none;
    color: #fff;
    background: #a1a4ae;
}

@media all and (max-width: 767px) {
    .xans-layout-searchheader {
        height:322px;
    }

    .xans-layout-searchheader .title {
        margin: 100px 0 29px;
        display: block;
        font-size: 30px;
        text-align: center;
    }

    .xans-layout-searchheader fieldset {
        display: flex;
        margin: 0 16px;
        border-bottom: 1px solid #000;
    }

    .xans-layout-searchheader #keyword {
        width: 100%;
        height: 58px;
        padding: 19px 0;
        flex: 1;
        font-size: 15px;
        box-sizing: border-box;
        border: 0;
        background: #fff;
    }

    .xans-layout-searchheader .btnSearch {
        width: 25px;
        height: 25px;
        margin: 19px 0 0;
    }

    .xans-layout-searchheader .btnSearch .icon {
        width: 25px;
        height: 25px;
    }

    .xans-layout-searchheader .btnClose {
        top: 12px;
        right: 12px;
    }

    .xans-layout-searchheader .icon.icoClose {
        width: 25px;
        height: 25px;
    }

    .xans-layout-searchheader .icon.icoClose:before {
        right: 12px;
        height: 25px;
    }

    .xans-layout-searchheader .icon.icoClose:after {
        top: 12px;
        width: 25px;
    }
}

@media all and (max-width: 1024px) {
    .xans-layout-searchheader {
        top:0;
    }
}

@media all and (min-width: 768px) {
    .xans-layout-searchheader {
        height:389px;
    }

    .xans-layout-searchheader .title {
        margin: 103px 0 54px;
        display: block;
        font-size: 45px;
        text-align: center;
    }

    .xans-layout-searchheader fieldset {
        display: flex;
        width: 650px;
        margin: 0 auto;
        border-bottom: 1px solid #000;
    }

    .xans-layout-searchheader #keyword {
        width: 100%;
        height: 54px;
        padding: 15px 0;
        flex: 1;
        font-size: 18px;
        box-sizing: border-box;
        border: 0;
        background: #fff;
    }

    .xans-layout-searchheader .btnSearch {
        width: 28px;
        height: 28px;
        margin: 15px 0 0;
    }

    .xans-layout-searchheader .btnSearch .icon {
        width: 28px;
        height: 28px;
    }

    .xans-layout-searchheader .btnClose {
        top: 35px;
        right: 50px;
    }

    .xans-layout-searchheader .icon.icoClose {
        width: 35px;
        height: 35px;
    }

    .xans-layout-searchheader .icon.icoClose:before {
        right: 17px;
        height: 35px;
    }

    .xans-layout-searchheader .icon.icoClose:after {
        top: 17px;
        width: 35px;
    }
}

body {
    position: relative;
    left: 0;
    transition: left 500ms cubic-bezier(0.25,0.46,0.45,0.94);
}

body.expand {
    overflow-x: hidden;
}

body.expand #aside {
    visibility: visible;
    overflow-x: hidden;
    right: 0;
}

body.expand #layoutDimmed {
    display: block;
}

#aside {
    z-index: 1001;
    visibility: hidden;
    position: fixed;
    top: 0px;
    bottom: 0;
    overflow: auto;
    overflow-x: hidden;
    min-width: 225px;
    width: 458px;
    background-color: #fff;
    transition: 500ms cubic-bezier(0.25,0.46,0.45,0.94);
}

#aside .btnClose {
    position: absolute;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    text-indent: 150%;
    white-space: nowrap;
}

.navigation-menu__member {
    border-bottom: 1px solid #e5e5e5;
}

.navigation-menu__member a {
    display: inline-block;
    text-decoration: none;
}

.navigation-menu__category .categoryList ul {
    display: none;
}

.navigation-menu__category .categoryList li {
    position: relative;
}

.navigation-menu__category .categoryList li.selected>ul {
    display: block;
}

.navigation-menu__category .categoryList>li.selected .slideSubMenu {
    padding: 0 0 0 10px;
}

.navigation-menu__category .categoryList>li.selected .slideSubMenu a.view {
    color: #595959;
}

.navigation-menu__category .categoryList>li.selected .slideSubMenu ul {
    padding: 0 0 0 20px;
}

.navigation-menu__category .categoryList>li.selected .slideSubMenu ul a.view {
    color: #929292;
}

.navigation-menu__category .categoryList a.cate,.navigation-menu__project .icoCategory {
    position: absolute;
    right: 0;
    top: 0;
    word-wrap: break-word;
    overflow: hidden;
    width: 48px;
    height: 48px;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    text-indent: 150%;
    white-space: nowrap;
}

.navigation-menu__category .categoryList a.cate:before,.navigation-menu__project .icoCategory:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin: 18px auto 0;
    border-left: 1px solid #929292;
    border-bottom: 1px solid #929292;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navigation-menu__category .categoryList li.selected>a.cate:before,.navigation-menu__project .selected .icoCategory:before {
    margin-top: 22px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.navigation-menu__category .categoryList li.noChild>a.cate {
    display: none;
}

.navigation-menu__category .icoBookmark {
    display: none;
}

.navigation-menu__project {
    border-top: 1px solid #ebebeb;
}

.navigation-menu__project .title {
    position: relative;
    display: block;
    padding: 15px 0;
    font-size: 18px;
}

.navigation-menu__board {
    border-top: 1px solid #ebebeb;
}

@media all and (max-width: 767px) {
    #aside {
        left:0;
        width: 100%;
        transition: none;
    }

    #aside .btnClose {
        top: 34px;
        right: 20px;
        width: 18px;
        height: 18px;
        display: none;
    }

    .expand #aside .btnClose {
        display: block;
    }

    #aside .btnClose .icon {
        width: 23px;
        height: 23px;
        margin: -2px 0 0 -2px;
    }

    #aside .btnClose .icon:before {
        right: 11px;
        height: 23px;
    }

    #aside .btnClose .icon:after {
        top: 11px;
        width: 23px;
    }

    #aside .searchField .btnSearch {
        right: 44px
    }

    #aside .searchField #keyword {
        height: 81px;
    }

    .navigation-menu__member {
        padding: 30px 0 24px 24px;
    }

    .navigation-menu__member a {
        margin: 0 10px 0 0;
        font-size: 16px;
    }

    .navigation-menu__member__bottom {
        padding: 0 20px;
    }

    .navigation-menu__board,.navigation-menu__category,.navigation-menu__project {
        padding: 13px 16px 30px;
    }

    .navigation-menu__board .menu a {
        display: block;
        padding: 15px 0;
        font-size: 16px;
        text-decoration: none;
    }

    .navigation-menu__category .view,.navigation-menu__project .view {
        display: block;
        padding: 15px 0;
        font-size: 16px;
        text-decoration: none;
    }

    .navigation-menu .menu {
        margin: 2px 0;
    }
}

@media all and (max-width: 1024px) {
    .navigation-menu__member .count {
        display:inline-block;
        min-width: 24px;
        padding: 0 4px;
        font-size: 16px;
        text-align: center;
        box-sizing: border-box;
    }

    #aside .searchField {
        width: 100%;
        height: 0;
    }

    #aside .searchField #keyword {
        display: none;
        position: absolute;
        width: calc(100%+24px);
        top: 0;
        left: 0;
        border: none;
        border-bottom: solid 1px #e5e5e5;
        font-size: 18px;
    }

    #aside .searchField .btnSearch {
        position: absolute;
        width: 20px;
        top: 34px;
        opacity: 1;
        transition: opacity 0.2s;
    }

    #aside .searchField .btnSearch img {
        width: 20px;
    }

    #aside .searchField .btnSearch.actived {
        opacity: 0;
        left: 24px;
        top: 70px;
        transition: all 0.3s;
    }

    #aside .searchField.active #keyword {
        display: block;
        padding: 0 0 0 65px;
    }

    #aside .searchField.active .btnSearch {
        opacity: 0;
    }

    #aside .searchField.active .btnSearch.actived {
        top: 32px;
        opacity: 1;
    }

    .navigation-menu__member__bottom a {
        display: block;
        font-size: 16px;
        margin-bottom: 20px;
        color: #464646;
    }

    .navigation-menu__board .menu {
        border-bottom: 1px solid #e5e5e5;
    }

    .navigation-menu__board .menu>a {
        display: block;
        padding: 30px 0;
        font-size: 18px;
        text-decoration: none;
    }

    .navigation-menu__board .menu li {
        margin-bottom: 20px;
        padding-left: 20px;
    }

    .navigation-menu__board .menu li:last-child {
        margin-bottom: 30px;
    }

    .navigation-menu__board .menu li a {
        color: #666666;
        padding: 0;
        font-size: 16px;
    }
}

@media all and (min-width: 768px) and (max-width:1024px) {
    #aside {
        right:-458px;
        width: 458px;
    }

    #aside .searchField #keyword {
        height: 85px;
    }

    #aside .searchField .btnSearch {
        right: 56px;
    }
}

@media all and (min-width: 768px) {
    #aside .btnClose {
        top:31px;
        right: 50px;
        width: 17px;
        height: 17px;
    }

    #aside .btnClose .icon {
        width: 30px;
        height: 30px;
        margin: -2px 0 0 -2px;
    }

    #aside .btnClose .icon:before {
        right: 11px;
        height: 23px;
    }

    #aside .btnClose .icon:after {
        top: 11px;
        width: 23px;
    }

    .navigation-menu__member {
        padding: 30px 0 28px 24px;
    }

    .navigation-menu__member a {
        margin: 0 18px 0 0;
        font-size: 16px;
    }

    .navigation-menu__member__bottom {
        padding: 30px 20px;
    }

    .navigation-menu .menu {
        margin: 2px 0;
    }

    .navigation-menu__category,.navigation-menu__project {
        padding: 23px 38px 25px 50px;
    }

    .navigation-menu__category .view,.navigation-menu__project .view {
        display: block;
        padding: 15px 0;
        font-size: 18px;
        text-decoration: none;
    }

    .navigation-menu__board {
        padding: 0px 25px;
    }

    .navigation-menu__board .menu {
        border-bottom: 1px solid #e5e5e5;
    }

    .navigation-menu__board .menu>a {
        display: block;
        padding: 30px 0;
        font-size: 18px;
        text-decoration: none;
    }

    .navigation-menu__board .menu li {
        margin-bottom: 20px;
        padding-left: 20px;
    }
}

@media all and (min-width: 1025px) {
    body.expand {
        left:458px;
    }

    #aside {
        left: -458px;
        width: 458px;
    }
}

#wrap #footer {
    background: var(--white);
    margin-top: -1px;
}

#wrap.da #footer {
    padding: 0;
    margin-top: 0;
}

#wrap #footer .inner {
    max-width: initial;
    width: 100%;
    margin: initial;
    padding: 0;
}

#wrap #footer .inner .footer_info {
    display: flex;
}

#wrap #footer .inner .cnt_section {
    flex: 1;
    border-top: 1px solid var(--mainColor);
    border-bottom: 1px solid var(--mainColor);
    padding: 36px 50px;
    box-sizing: border-box;
    position: relative;
}

#wrap #footer .inner .cnt_section::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: var(--mainColor);
    top: 0;
    right: 0;
}

#wrap #footer .inner .cnt_section.callCenter:after {
    display: none;
}

#wrap #footer .inner .cnt_section.callCenter {
    border-right: 0;
}

#wrap #footer .inner .cnt_section h5 {
    font-weight: 500;
    font-size: 13px;
}

#wrap #footer .inner .cnt_section .footer_cate {
    margin-top: 28px;
}

#wrap #footer .inner .cnt_section .footer_cate li {
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
}

#wrap #footer .inner .cnt_section .footer_cate li a {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

#wrap #footer .inner .cnt_section .footer_cate li#googlePlayLink,#wrap #footer .inner .cnt_section .footer_cate li#appleStoreLink {
    display: none;
}

#footer .footer_capyright ul {
    text-align: center;
    padding: 17px 50px;
    box-sizing: border-box;
}

#footer .footer_capyright ul li.slideT {
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
}

#footer .footer_capyright ul li.slideL {
    padding: 22px 0 5px 0;
    box-sizing: border-box;
    display: none;
}

#footer .footer_capyright ul li.slideL.on {
    display: block;
}

#footer .footer_capyright ul li.slideL span {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

@media (max-width: 1366px) {
    #footer {
        padding:0;
    }

    .bottom-nav .bottom-nav__tabBar li a,.bottom-nav .bottom-nav__tabBar li button {
        width: initial;
        height: initial;
        font-size: 11px;
        line-height: 1;
        color: var(--mainColor);
        text-indent: initial;
        font-weight: 500;
    }
}

@media(max-width: 900px) {
    .bottom-nav__tabBar {
        padding-top:18px !important;
        padding-bottom: 18px !important;
        border-top: 1px solid var(--mainColor);
        display: flex !important;
    }

    .bottom-nav .bottom-nav__tabBar li a,.bottom-nav .bottom-nav__tabBar li button {
        width: initial;
        height: initial;
        font-size: 12px;
        line-height: 1;
        color: var(--mainColor);
        text-indent: initial;
        font-weight: 500;
    }

    #footer {
    }

    #wrap.da #footer {
        box-sizing: border-box;
    }

    #wrap #footer .inner .homeBtn {
        height: 50px;
        line-height: 48px;
        font-size: 13px;
        color: var(--mainColor);
        font-weight: 400;
        padding: 0 50px;
        box-sizing: border-box;
        border-top: 1px solid var(--mainColor);
    }

    #wrap #footer .inner .homeBtn a {
        display: block;
    }

    #wrap #footer .inner .footer_info {
        flex-direction: column;
    }

    #wrap #footer .inner .cnt_section {
        border-bottom: 0;
        border-right: 0;
        padding: 18.5px 50px;
    }

    #wrap #footer .inner .cnt_section::after {
        display: none;
    }

    #wrap #footer .inner .cnt_section h5 {
        position: relative;
    }

    #wrap #footer .inner .cnt_section h5::after {
        position: absolute;
        width: 8px;
        height: 4px;
        content: '';
        background: url('/design/lcdv/img/arrow_down_black_8.svg')no-repeat center;
        right: 0;
        background-size: 8px auto;
        top: 50%;
        transform: translateY(-50%);
    }

    #wrap #footer .inner .cnt_section.callCenter.mo_only_F {
        border-bottom: 1px solid var(--mainColor);
        justify-content: space-between;
    }

    #wrap #footer .inner .cnt_section .footer_cate {
        margin-top: 20px;
        display: none;
    }

    #wrap #footer .inner .cnt_section .footer_cate.on {
        display: block;
    }

    #footer .footer_capyright ul {
        text-align: left;
        padding: 0;
    }

    #footer .footer_capyright ul li.slideT {
        display: block;
        padding: 19px 50px;
        box-sizing: border-box;
    }

    #footer .footer_capyright ul li.slideL {
        padding: 20px 20px 50px 20px;
        border-top: 1px solid var(--mainColor);
    }

    #footer .footer_capyright ul li.slideL br {
        display: none;
    }
}

@media(max-width: 743px) {
    #wrap #footer .inner .homeBtn {
        font-size:12px;
        padding: 0 20px;
    }

    #wrap #footer .inner .cnt_section {
        padding: 19px 20px;
    }

    #wrap #footer .inner .cnt_section h5,#wrap #footer .inner .cnt_section.callCenter span {
        font-weight: 400;
        font-size: 12px;
        display: block;
    }

    #wrap #footer .inner .cnt_section .footer_cate li {
        font-size: 12px;
    }

    #footer .footer_capyright ul li.slideT {
        padding: 19.5px 20px;
        font-size: 12px;
    }

    #footer .footer_capyright ul li.slideL span {
        font-size: 11px;
    }
}

li {
    list-style: none;
}

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

caption {
    display: none;
}

h1,h3 {
    margin: 0;
}

.ec-base-layer-area {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    z-index: 1000;
}

.ec-base-layer {
    z-index: 1001;
    border: 1px solid #000;
    background: #fff;
    box-sizing: border-box;
}

.ec-base-layer .header {
    margin: 0 20px;
    padding: 20px 0;
    color: #000;
    border-bottom: 1px solid #e5e5e5;
}

.ec-base-layer>.header>h1,.ec-base-layer>.header>h3,.ec-base-layer>.header>h5 {
    font-size: 16px;
    font-weight: normal;
}

.ec-base-layer>.content {
    padding: 20px;
    font-size: 13px;
    line-height: 22px;
    min-height: 90px;
    box-sizing: border-box;
}

.ec-base-layer div.ec-base-help {
    margin-top: 0;
}

.ec-base-layer .btnClose {
    position: absolute;
    right: 7px;
    top: 7px;
    padding: 10px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    white-space: nowrap;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ec-base-layer .btnClose:before {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    width: 1px;
    height: 21px;
    margin: 10px 10px 0 0;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.ec-base-layer .btnClose:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 21px;
    height: 1px;
    margin: 10px 10px 0 0;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.ec-base-layer.typeModal {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(calc(-50%+0.5px));
}

.ec-base-layer.typeLayer {
    position: absolute;
    margin-top: 10px;
}

.ec-base-layer.typeSide {
    position: fixed;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 0;
}

.ec-base-layer.typeSide .header {
    padding: 74px 16px 10px;
    margin: 0;
    border: 0;
}

.ec-base-layer.typeSide .header h2 {
    font-size: 18px;
    font-weight: normal;
}

.ec-base-layer.typeSide .content {
    position: relative;
    padding: 0;
    flex: 1;
    overflow: auto;
    height: 100%;
}

.ec-base-layer.typeSide .ec-base-button[class*="gColumn"] {
    margin: 25px 16px;
}

.ec-base-layer.typeSide .btnClose {
    top: 5px;
    width: 24px;
    height: 24px;
    padding: 20px 17px;
}

.ec-base-layer.typeSide .btnClose:before {
    right: 12px;
    height: 25px;
}

.ec-base-layer.typeSide .btnClose:after {
    top: 12px;
    width: 25px;
}

.ec-base-layer.gAlert>.header {
    display: block;
    overflow: hidden;
    position: absolute;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    text-indent: -150%;
    white-space: nowrap;
    padding: 0;
    color: transparent;
    border: 0;
}

.ec-base-layer.gAlert>.content {
    padding: 45px 0 25px;
    text-align: center;
}

.ec-base-layer.gScroll {
    height: auto;
}

.ec-base-layer.gScroll>.content {
    overflow: auto;
    height: auto;
    max-height: 70vh;
}

#popup {
    padding: 0 0 30px;
}

#popup .ec-base-layer {
    border: 0;
}

#popup .ec-base-layer .btnClose {
    top: 5px;
}

@media all and (max-width: 1024px) {
    .ec-base-layer {
        position:fixed;
        top: 50%;
        left: 0;
        right: 0;
        min-width: 320px;
        width: calc(100% - 32px);
        margin: 0 auto;
        transform: translateY(calc(-50%+0.5px));
    }

    .ec-base-layer.typeSide {
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        transform: initial;
    }

    #popup .ec-base-layer {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        border: 0;
        transform: initial;
    }
}

@media all and (min-width: 1025px) {
    .ec-base-layer {
        min-width:308px;
    }

    .ec-base-layer.typeSide {
        top: 0;
        right: 0;
        left: auto;
        bottom: 0;
        width: 458px;
    }

    .ec-base-layer.gAlert {
        width: 360px;
    }
}

.xans-layout-multishopshipping {
    display: none;
}

.xans-layout-multishopshipping .worldshipLayer {
    width: 448px;
}

.xans-layout-multishopshipping .worldshipLayer .content .desc {
    display: block;
    margin: 4px 0 14px;
}

.xans-layout-multishopshipping .worldshipLayer select {
    width: 100%;
    margin: 10px 0 0;
}

.top_category {
    position: absolute;
    z-index: 1;
    width: 78%;
    left: 0;
    top: 81px;
    background: var(--white);
    border-bottom: 1px solid var(--mainColor);
    display: none;
}

.top_category.on {
    display: block;
}

.top_category .cate_inner {
    display: flex;
}

.top_category .cate {
    flex: 1;
    padding: 35px 70px;
    box-sizing: border-box;
    border-right: 1px solid var(--mainColor);
}

.top_category .cate:last-of-type {
    border-right: 0;
}

.top_category .cate>li>a {
    font-weight: 700;
    margin-bottom: 15px;
    cursor: default;
    font-size: 14px;
}

.top_category .cate a {
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    display: inline-block;
}

@media (max-width: 1366px) {
    .top_category .cate {
        padding:35px 50px;
    }
}

/*@media (max-width: 900px) {*/
    .top_category {
        top:0;
        position: fixed;
        height: 100%;
        border-bottom: 0;
        z-index: 999;
        overflow-y: auto;
    }

    .top_category>.top {
        border-bottom: 1px solid var(--mainColor);
        height: 70px;
        padding: 0 50px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top_category>.top span {
        font-size: 13px;
        cursor: pointer;
        color: var(--mainColor);
        font-weight: 400;
    }

    .top_category .search ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        border-bottom: 1px solid var(--mainColor);
        padding: 0 50px;
        box-sizing: border-box;
    }

    .top_category .search ul li {
        font-size: 13px;
    }

    .top_category .search ul li:nth-of-type(1) {
        color: var(--gray08);
        font-weight: 400;
    }

    .top_category .search ul li:nth-of-type(2) {
        color: var(--mainColor);
        font-weight: 500;
    }

    .top_category .cate_inner {
        flex-direction: column;
    }

    .top_category .cate {
        padding: 0;
        border-right: 0;
        border-bottom: 1px solid var(--mainColor);
    }

    .top_category .cate a {
        font-size: 13px;
        line-height: 1;
        display: block;
        padding: 20px 50px;
        box-sizing: border-box;
    }

    .top_category .cate>li>a {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top_category .cate>li>a img {
        vertical-align: middle;
    }

    .top_category .cate.my_cate>li>a img {
        transform: rotate(-90deg);
    }

    .top_category .cate.my_cate>li.on>a img {
        transform: rotate(-90deg)!important;
    }

    .top_category .cate.new_cate>li>a {
        display: none;
    }

    .top_category .category_sub {
        display: none;
    }

    .top_category .cate>li.on>a {
    }

    .top_category .cate>li.on>a img {
        transform: rotate(-180deg);
    }

    .top_category .cate>li.on .category_sub {
        display: block;
    }

    .top_category .new_cate .category_sub {
        display: block;
    }

    .m_search.xans-layout-searchheader #keyword {
        pointer-events: initial;
    }
/*}

@media(max-width: 767px) {*/
    .m_search.xans-layout-searchheader #keyword {
        font-size:12px;
    }
/*}

@media(max-width: 743px) {*/
    .top_category>.top {
        padding:0 20px;
    }

    .top_category>.top span {
        font-size: 12px;
    }

    .top_category .search ul {
        padding: 0 20px;
    }

    .top_category .search ul li {
        font-size: 12px;
    }

    .top_category .search ul li input {
        border: none !important;
        padding: 0;
        font-size: 14px;
        width: 100%;
    }

    .top_category .search ul li img {
        width: 15px;
    }

    .m_search.xans-layout-searchheader #keyword {
        font-size: 12px;
    }

    .top_category .cate a {
        font-size: 14px;
        padding: 15px 20px;
    }
/*}

@media(max-width: 900px) {*/
    .mo_search_wrap {
        width:100%;
        height: 100vh;
        background: var(--white);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 30000;
    }

    .mo_search_wrap .search_top {
        display: flex;
        justify-content: space-between;
        height: 70px;
        align-items: center;
        border-bottom: 1px solid var(--mainColor);
    }

    .mo_search_wrap .search_top .back {
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
    }

    .mo_search_wrap .search_top .back::before {
        display: inline-block;
        width: 8px;
        height: 4px;
        content: '';
        background: url('/wib/img/icon/arrow_down_black_8.svg')no-repeat;
        background-size: 8px auto;
        transform: rotate(90deg);
        vertical-align: middle;
        margin-right: 8px;
    }

    .mo_search_wrap .search_top .search_menu {
        display: flex;
        align-items: center;
        gap: 0 22px;
    }

    .mo_search_wrap .search_top .search_menu li {
        font-size: 12px;
        font-weight: 500;
    }

    .mo_search_wrap .search_top .search_menu li a {
        font-size: inherit;
        font-weight: inherit;
    }

    .m_search.xans-layout-searchheader {
        height: 50px;
        border-bottom: 1px solid var(--mainColor);
    }

    .m_search.xans-layout-searchheader fieldset {
        margin: 0;
        border-bottom: 0;
        height: 100%;
    }

    .m_search.xans-layout-searchheader fieldset .search {
        width: 100%;
        display: flex;
    }

    .m_search.xans-layout-searchheader #keyword {
        height: 100%;
        padding: 0;
    }

    .m_search.xans-layout-searchheader .btnSearch {
        height: 100%;
        margin: 0;
        font-size: 12px;
        font-weight: 500;
        line-height: 100%;
        text-align: center;
        text-indent: initial;
        color: var(--mainColor);
    }
/*}*/

@media(max-width: 743px) {
    #wrap #header {
        height: 103px!important;
    }
}

/* 우측 하단 고정 */
.fixed_talk {
    position: fixed;
    right: 10px;
    bottom: 20px;
    z-index: 999;
}

.fixed_talk a {
    display: inline-block;
}

/* 서브페이지 전용 상단 */
.header_sub {
    position: relative;
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 31px 20px;
    border-bottom: 1px solid #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    z-index: 2;
}

.header_sub a {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.header_sub a img {
    margin-right: 8px;
    width: 7px;
}

.header_sub span {
    display: flex;
    gap: 16px;
}

.header_sub .sub_tit {
    font-size: 14px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 500;
}

/* 햄버거 메뉴 바깥 배경 */
#aside_bg {
    display: none;
    background: rgb(0 0 0 / 30%);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}

/* BASIC css end */
/* BASIC css end */
/* BASIC css end */

/* BASIC css end */