/* BASIC css start */
.cw-shopinfotitle { font-weight: 700; padding-top: var(--cw-size-60); font-size: var(--cw-size-24); line-height: var(--cw-size-32); color: var(--cw-heading-color); }
.cw-shopinfocnts { margin-top: var(--cw-size-40); }
.cw-shopinfocnts dl { display: grid; grid-template-columns: var(--cw-size-160) auto; row-gap: var(--cw-size-20); padding: var(--cw-size-20) 0; border-top: 1px solid var(--cw-heading-color); border-bottom: 1px solid var(--cw-color-30); }
.cw-shopinfocnts dl :where(dt, dd) { font-size: var(--cw-size-14); line-height: var(--cw-size-20); }
.cw-shopinfocnts dl dt { font-weight: 400; }
.cw-shopinfocnts dl dd { font-weight: 600; }
.cw-shopinfobtns { display: flex; justify-content: center; align-items: center; gap: var(--cw-size-8); padding-top: var(--cw-size-40); }
.cw-shopinfobtns a { width: var(--cw-size-300); }

@media (max-width: 991.98px) {
    .cw-shopinfotitle { display: none; }
}
@media (max-width: 767.98px) {
    .cw-shopinfocnts dl { grid-template-columns: 1fr; row-gap: var(--cw-size-6); }
    .cw-shopinfocnts dl dd { margin-bottom: var(--cw-size-14); }
    .cw-shopinfocnts dl dd:last-child { margin-bottom: 0; }
    .cw-shopinfobtns { flex-direction: column; }
    .cw-shopinfobtns a { width: 100%; }
}

.xans-mall-company h3 {
    margin-left: 0;
    font-size: 20px;
    font-weight: 600;
}

.xans-mall-company .ec-base-table { border-top: 1px solid var(--black-color); border-bottom: none; }
.xans-mall-company .ec-base-table th,
.xans-mall-company .ec-base-table td { line-height: 1.5; border-bottom: 1px solid #e5e5e5; background: none; }
.xans-mall-company .ec-base-table th { padding-left: 0; font-size: 16px; font-weight: 600; }
.xans-mall-company .ec-base-table td { font-size: 16px; font-weight: 400; }
.xans-mall-company .map img { max-width: 100%; }
@media(max-width: 1024px) {
    .xans-mall-company h3 { font-size: 18px; }
    .xans-mall-company .titleArea { margin: 0; }
    .xans-mall-company .titleArea--middle { background: none; padding: 20px 0; }
    .xans-mall-company .ec-base-table th,
    .xans-mall-company .ec-base-table td { font-size: 13px; line-height: 1.2; }
    .xans-mall-company .ec-base-table colgroup col:first-child { width: 150px !important; }
    #contents .path {
        opacity: 0;
    }
}

.xans-mall-company .xans-layout-footer.ec-base-table {
    float: none;
    width: auto;
    height: auto;
    margin-top: 20px;
    margin-bottom: 30px;
}

.xans-layout-multishoplist.list {
    float: right;
    position: relative;
    z-index: 10;
    height: 45px;
    margin: 0 0 0 6px;
}

.xans-layout-multishoplist.list .toggle {
    display: block;
    height: 45px;
    padding: 0 0 0 10px;
    color: #757575;
    line-height: 45px;
    font-size: 12px;
    background: url("/design/sunnyjulie/renewal_images/ico_bar.gif") no-repeat 0 17px;
}

.xans-layout-multishoplist.list .toggle span {
    padding: 0 25px 0 0;
    background: url("/design/sunnyjulie/renewal_images/ico_multishop1.png") no-repeat 100% 4px;
}

.xans-layout-multishoplist.list .toggle span > img {
    vertical-align: middle
}

.xans-layout-multishoplist.list > ul {
    display: none;
    position: absolute;
    right: 0;
    top: 54px;
    overflow: auto;
    width: 248px;
    height: 155px;
    border: 1px solid #d5d5d5;
    background: #fff;
}

.xans-layout-multishoplist.list > ul li {
    position: relative;
    height: 39px;
    margin: -1px 0 0;
    border-top: 1px solid #d5d5d5;
    line-height: 39px;
}

.xans-layout-multishoplist.list > ul li a {
    display: block;
    overflow: hidden;
    padding: 0 62px 0 10px;
    color: #353535;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    background: url("/design/sunnyjulie/renewal_images/ico_multishop2.png") no-repeat 100% -24px;
}

.xans-layout-multishoplist.list > ul li.selected a {
    background: #f3f3f3 url("/design/sunnyjulie/renewal_images/ico_multishop2.png") no-repeat 100% 16px;
}

.xans-layout-multishoplist.list > ul li a img {
    position: absolute;
    left: 10px;
    top: 9px;
}

.xans-layout-multishoplist.list > ul li a .name strong {
    font-weight: normal;
}

.xans-layout-multishoplist.list > ul li a .unit {
    position: absolute;
    right: 38px;
    top: 0;
    font-size: 11px;
    color: #757575;
}

.xans-layout-multishoplist.list.show > ul {
    display: block;
}

.xans-layout-multishoplist.thumb {
    position: absolute;
    left: 0;
    top: 45px;
}

.xans-layout-multishoplist.thumb > ul {
    overflow: hidden;
}

.xans-layout-multishoplist.thumb > ul li {
    float: left;
    width: 32px;
    margin: 0 4px 0 0;
}

.xans-layout-multishoplist.thumb > ul li a {
    text-decoration: none;
}

.xans-layout-multishoplist .multiOption a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    color: #666;
}

.xans-layout-multishoplist .multiOption a:hover {
    text-decoration: none;
}

.xans-layout-multishoplist .multiOption .ship,.xans-layout-multishoplist .multiOption .language {
    margin: 0 15px 0 0;
}

.xans-layout-multishoplist .multiOption .language img {
    margin: 0 6px 0 1px;
}

.xans-layout-searchheader {
    float: right;
    margin: -50px 0 0;
}

.xans-layout-searchheader fieldset {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

.xans-layout-searchheader #keyword {
    width: 143px;
    height: 32px;
    padding: 0 0 0 9px;
    border: 0;
    line-height: 32px;
    font-size: 12px;
    color: #7c8389;
    background: #fff;
}

.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;
}
/* BASIC css end */