@charset 'utf-8';
@import url('font.css');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline-style: none;
}

a {
    color: #000;
    text-decoration: none;
    letter-spacing: -0.0425rem;
}

img {
    border: 0;
    vertical-align: middle;
}

ul,
li {
    list-style: none;
}

html {
    font-size: 10px;
}

body {
    font-family: 'Roboto', 'noto-latin-ko', '맑은고딕', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #000;
    letter-spacing: -0.0375rem;
    word-break: break-all;
}

/* 공통 클래스 */
.container {
    position: relative;
    display: block;
    width: 120rem;
    margin: 0 auto;
}

.clearfix::after {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

/* 모달창 */
.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999;
}

.modal-cont {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    border-radius: 10px;
    width: 460px;
    height: 280px;
    background-color: #fff;
}

.modal-close-1 {
    position: absolute;
    right: 15px;
    top: 20px;
    border: 0;
    background-color: #fff;
    color: #333;
    font-size: 20px;
    cursor: pointer;
}



.modal-cont p {
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    font-size: 1.7rem;
    font-weight: 300;
    color: #333;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 1.6;
    letter-spacing: -0.064rem;
    text-align: center;
    padding-bottom: 1rem;
    white-space: nowrap;
}

.modal-chek {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.modal-cont span {
    font-size: 1.7rem;
    font-weight: 400;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 1.15;
    letter-spacing: -0.064rem;
    text-align: center;
    background-color: #20283b;
    border-radius: 0.5rem;
    padding: 1rem 3rem;
}


/* 우측 고정 메뉴 */
.fix-menu {
    position: fixed;
    right: 0;
    top: 17.5rem;
    display: block;
    width: 8.5rem;
    background-color: #fff;
    border: 0.1rem solid #ddd;
    box-shadow: 0 4px 9px 0 rgb(0 0 0 / 10%);
    border-radius: 2rem;
    z-index: 9;

    padding-top: 2rem;
    overflow: hidden;
    text-align: center;
}

.fix-menu ul {
    position: relative;
    display: block;
}

.fix-menu ul>li {
    position: relative;
    display: block;
    margin-bottom: 1.5rem;
}


.fix-menu ul>li:last-child {
    margin-bottom: 0;
}

.fix-menu ul>li>a {
    position: relative;
    display: block;
    font-size: 1.3rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.0325rem;
    line-height: 1.461;
}

.i-login::after {
    content: '';
    position: relative;
    display: block;
    width: 3.6rem;
    height: 2.6rem;
    background: url('../images/icoFloating.png') no-repeat;
    background-position: 0 -0.3rem;
    margin: 0 auto;
}

.i-order::after {
    content: '';
    position: relative;
    display: block;
    width: 3.6rem;
    height: 2.9rem;
    background: url('../images/icoFloating.png') no-repeat;
    background-position: 0 -3.4rem;
    margin: 0 auto;
}

.i-qa::after {
    content: '';
    position: relative;
    display: block;
    width: 3.6rem;
    height: 3.0rem;
    background: url('../images/icoFloating.png') no-repeat;
    background-position: 0 -6.4rem;
    margin: 0 auto;
}

.i-cook::after {
    content: '';
    position: relative;
    display: block;
    width: 3.6rem;
    height: 2.9rem;
    background: url('../images/icoFloating.png') no-repeat;
    background-position: 0 -9.7rem;
    margin: 0 auto;
}

.fix-menu a::after {
    margin-top: 0.7rem;
}

.fix-menu ul>li>a>img {
    width: 5rem;
    height: 5rem;
}

.gotop {
    position: relative;
    display: block;
    background-color: #000;
    width: 100%;
    color: #fff;
    line-height: 3rem;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: -0.0275rem;
    border-radius: 0 0 2rem 2rem;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 2rem;
}

/* 전체레이 아웃 */
.wrap {
    position: relative;
    display: block;
}

/* 상단 영역 */
.header {
    position: relative;
    display: block;
    border-bottom: 0.1rem solid #ddd;
    z-index: 999;
}

.header-fix {
    position: fixed;
    left: 0;
    top: -7rem;

    display: block;
    width: 100%;
    background-color: #fff;
}

.body-fix {
    padding-top: 11rem;
}

.header-top {
    position: relative;
    display: block;
    margin-bottom: 1.5rem;
}

.header-top>.left {
    padding-top: 3rem;
}

.logo {
    position: relative;
    display: inline-block;
    border: 0;
    vertical-align: top;
}

.calendar {
    position: relative;
    display: inline-block;
    margin-left: 1.5rem;
    border: 0;
    vertical-align: -0.8rem;
}

.calendar>img {
    margin-right: 0.5rem;
    vertical-align: -0.2rem;
}

.calendar>span {
    padding-right: 1.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.9rem;
    color: #666;
    letter-spacing: 0.0325rem;
}

.mymenu {
    position: absolute;
    right: 0;
    top: 2.5rem;
    display: block;
}

.mymenu>li {
    position: relative;
    display: block;
    float: left;
}

.mymenu>li>a {
    position: relative;
    display: block;
    padding-right: 1.5rem;
    font-size: 1.3rem;
    line-height: 1.9rem;
    vertical-align: top;
    color: #666;
}

.mymenu>li:last-child>a {
    padding-right: 0;
}

.mymenu>li:before {
    content: '';
    position: absolute;
    left: -0.8rem;
    top: 0.5rem;
    width: 0.1rem;
    height: 0.8rem;
    background-color: #bbb;
    display: block;
}

.mymenu>li:first-child:before {
    content: none;
}

.mymenu>li:nth-child(3)>a {
    /* padding-right: 2.6rem; */
}

.mymenu>li:nth-child(3)>a::after {
    content: '';
    position: relative;
    display: inline-block;

    width: 1rem;
    height: 0.6rem;
    background: url(../images/icoMyMenu.png)no-repeat right top;
    background-position: 0px 0px;

    /* margin-right: 0.5rem; */
}

.center-menu-active::after {
    transform: rotate(180deg);
}

.center-submenu {
    position: absolute;
    left: 50%;
    top: 2.5rem;
    z-index: 3;
    margin-left: 0.5rem;
    padding: 1rem 2rem 2rem 2rem;
    background-color: #fff;
    border: 0.1rem solid #ddd;
    box-shadow: 0 0.3rem 0.6rem 0 rgb(0 0 0 / 16%);
    transform: translateX(-50%);
    display: none;

}

.center-submenu>li {
    position: relative;
    display: block;
    margin-top: 1rem;
}

.center-submenu>li>a {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #666;
    font-size: 1.3rem;
    line-height: 1.9rem;
}

.center-submenu>li>a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0rem;
    display: block;
    width: 100%;
    height: 0.1rem;
    background-color: #000;
    visibility: hidden;
}

.center-submenu>li>a:hover:after {
    visibility: visible;
}

.header-bottom {
    position: relative;
    display: block;
    margin-bottom: 1.0rem;
}



.gnb-wrap {
    position: relative;
    display: block;
    padding-top: 1.1rem;
}

.all {
    position: relative;
    display: block;
}

.all-bt {
    position: relative;
    display: inline-block;
    line-height: 1.8rem;
    font-size: 1.7rem;
    font-weight: 500;
    letter-spacing: -0.0425rem;
    margin-right: 3rem;
}

.all-bt span {
    position: relative;
    display: block;
    float: left;

    margin-right: 1.5rem;

    width: 2rem;
    height: 1.8rem;
    background-color: #fff;

    border-top: 0.2rem solid #000;
    border-bottom: 0.2rem solid #000;
}

.all-bt span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background-color: #000;
}


.category-list {
    position: relative;
    display: block;
}

.category-list>li {
    position: relative;
    display: block;
    float: left;
    margin: 0 1.5rem;
}

.category-list>li:first-child {
    margin-left: 0;
}

.category-list>li:last-child {
    margin-right: 0;
}

.category-list>li>a {
    position: relative;
    display: block;
    font-size: 1.7rem;
    font-weight: 500;
    letter-spacing: -0.0425rem;
    line-height: 1.8rem;
}

.category-list>li>a:hover {
    color: #76bd42;
}

.category-dot {}

.category-dot::after {
    content: '';
    position: absolute;
    top: -0.1rem;
    right: -0.7rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #f58320;
}

.category-list-more::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 1.1rem;
    height: 0.7rem;
    background: url('../images/icoGnbArr2.png') no-repeat;
    background-position: 0px 0px;
    margin-left: 0.4rem;
    vertical-align: 0.2rem;
}

.category-list-more-active {
    color: #76bd42 !important;
}

.category-list-more-active::after {
    background-position: 0px -0.8rem;
}

.category-list-2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 3.8rem;
    display: none;
    background-color: #fff;
    padding: 1.5rem 2.0rem;
    border: 0.1rem solid #ddd;
    box-shadow: 0 0.3rem 0.6rem 0 rgb(0 0 0 / 16%);
}

.category-list-2>li {
    position: relative;
    display: block;
}

.category-list-2>li>a {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    font-size: 1.5rem;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.0375rem;
    line-height: 2.466;
}

.category-list-2>li>a:hover {
    color: #000;
}

.category-list-2>li>a:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    width: 100%;
    height: 1px;
    background-color: #000;
}

.see-more {
    position: relative;
    display: block;
    margin-left: 4rem;
}

.see-more-bt {
    position: relative;
    display: block;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.0325rem;
    line-height: 1.9rem;

    text-align: right;
    width: 6rem;
}

.see-more-bt-open {
    position: relative;
    display: block;
    color: #666;
}

.see-more-bt-open::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 0.6rem;
    background: url('../images/icoGnbArr3.png') no-repeat;
    background-position: 0 0;

    margin-left: 0.6rem;
    vertical-align: 0.2rem;
}

.see-more-bt-close {
    position: relative;
    display: none;
    color: #7abd42;
}

.see-more-bt-close::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 0.6rem;
    background: url('../images/icoGnbArr3.png') no-repeat;
    background-position: 0 -0.6rem;

    margin-left: 0.6rem;
    vertical-align: 0.2rem;
}


.see-more-list {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 3.8rem;
    display: none;
    background-color: #fff;
    padding: 1.5rem 2.0rem;
    border: 0.1rem solid #ddd;
    box-shadow: 0 0.3rem 0.6rem 0 rgb(0 0 0 / 16%);

}

.see-more-list>li {
    position: relative;
    display: block;
}

.see-more-list>li>a {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    font-size: 1.5rem;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.0375rem;
    line-height: 2.466;
}

.see-more-list>li>a:hover {
    color: #000;
}

.see-more-list>li>a:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    width: 100%;
    height: 1px;
    background-color: #000;
}


.search-wrap {
    position: relative;
    display: block;
}

.search-form {
    position: relative;
    display: block;
    float: left;

    padding-left: 2.0rem;
    padding-right: 4.0rem;

    background-color: #f7f7f7;
    border-radius: 2rem;
    width: 32.5rem;
}

.s-txt-label {
    position: absolute;
    display: block;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    font-size: 1.3rem;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
}

.search-form-txt {
    position: relative;
    display: block;
    border: none;
    background-color: #f7f7f7;
    color: #000;
    font-size: 1.3rem;
    line-height: 4rem;
    font-weight: 400;
    width: 100%;
}

.search-form-txt:focus+.s-txt-label {
    display: none;
}

.search-form-img {
    position: absolute;
    top: 1.2rem;
    right: 2rem;
    display: block;
}

.cart {
    position: relative;
    display: block;
    float: left;
    width: 3.6rem;
    height: 4rem;
    background: url('../images/btnCart.png') no-repeat;
    background-position: left center;
    margin-left: 2.5rem;

}

.count {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: #76bd42;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    line-height: 1.8rem;
}


/* 비주얼 영역 */
.visual {
    position: relative;
    display: block;
    width: 100%;
    height: 41rem;
    overflow: hidden;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

/* 필요할 때 사용 */
.sw-visual {}

/* 기본으로 이미 제공 되고 있다. */
.swiper-wrapper {}

.swiper-slide {}

/* 각 슬라이드의 내용은 콘트롤 한다. */
.sw-visual .swiper-slide a {
    position: relative;
    display: block;
    text-align: center;
}

.sw-visual-prev {
    position: absolute;
    left: calc(50% - 58rem);
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 6.4rem;
    height: 6.4rem;
    background: url('../images/visualArrP.png') no-repeat;
    background-position: 0px -6.4rem;
    z-index: 99;
}

.sw-visual-prev:hover {
    background-position: 0 0;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    cursor: pointer;
}

.sw-visual-next {
    position: absolute;
    left: calc(50% + 58rem);
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 6.4rem;
    height: 6.4rem;
    background: url('../images/visualArrN.png') no-repeat;
    background-position: 0px -6.4rem;
    z-index: 99;
}

.sw-visual-next:hover {
    background-position: 0 0;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    cursor: pointer;
}

.sw-visual-control {
    position: absolute;
    left: calc(50% - 53rem);
    bottom: 4rem;
    display: block;
    z-index: 99;
}

.sw-visual-bt {
    position: absolute;
    left: 0;
    bottom: 0;

    display: inline-block;
    width: 3rem;
    height: 3rem;
    background: url('../images/visualPlay.png') no-repeat;
    background-position: 0 0;
    cursor: pointer;
}

.sw-visual-bt-play {
    background-position: 0 -3rem;
}

.swiper-pagination {}

.sw-visual-pg {

    left: 3.2rem;
    bottom: 0rem;

    display: inline-block;
    width: 5.2rem;
    height: 3rem;
    background: url('../images/visualNum.png') no-repeat center;

    color: #fff;
    text-align: center;
    line-height: 3rem;
}

.sw-visual-more {
    position: absolute;
    left: 8.6rem;
    bottom: 0rem;

    display: block;
    width: 2.9rem;
    height: 3rem;
    background: url('../images/visualMore.png') no-repeat center;
}

/* 추천상품 영역 */
.recommend {
    position: relative;
    display: block;
    background-color: #fff;
    padding: 8rem 0;
}

.recommend-title {
    position: relative;
    display: block;
    font-size: 3.2rem;
    font-weight: 700;
    color: #000;
    line-height: 1.25;
    letter-spacing: -0.08rem;
    margin-bottom: 3rem;
}

/* 상품리스트 */
.good-list {
    position: relative;
    display: block;
}

.mb-70 {
    margin-bottom: 7rem;
}

.good-list>li {
    position: relative;
    display: block;
    float: left;
    width: 24.16%;
    margin-right: 1.12%;

    overflow: hidden;
}

.good-list>li:last-child {
    margin-right: 0;
}

.good-box {
    position: relative;
    display: block;
    background-color: #fff;
    height: 38rem;
}

.good-box-link {
    position: relative;
    display: block;
    height: 100%;
}

.good-box-img {
    position: relative;
    display: block;
    background-color: #f2f2f2;
    width: 100%;
    height: 29rem;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 1.5rem;
}

.good-box-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    mix-blend-mode: multiply;

    transition: transform 0.5s;
}

.good-box-img:hover img {
    transform: translate(-50%, -50%) scale(1.0);
}

.good-box-pop {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 5rem;
    height: 5rem;
    background-color: #76bd42;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -0.0375rem;
    line-height: 5rem;
    text-align: center;
}

.good-box-name {
    position: relative;
    display: block;
    color: #000;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: -0.0425rem;
    line-height: 1.294;
    margin-bottom: 2.5rem;
}

.good-box-price {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    color: #000;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.227;
}

.good-box-price em {
    display: inline-block;
    font-size: 1.7rem;
    font-weight: 700;
    font-style: normal;
    margin-left: 0.3rem;
}

.good-box-cart {
    position: absolute;
    right: 2rem;
    bottom: 0;
    display: block;
    width: 3rem;
    height: 3rem;
    background: url('../images/btnCartList.png') no-repeat;
    background-position: 0 0;
}

.good-box-cart:hover {
    background-position: 0 -3rem;
}

/* 알뜰물품 영역 */
.sales {
    position: relative;
    display: block;
    background-color: #edf9f9;
    padding: 8rem 0;
}

.sales .container {
    height: 41.5rem;
}

.sales-box {
    position: relative;
    display: block;
    width: 30rem;
    height: 100%;
}

.sales-box-title {
    position: relative;
    display: block;
    color: #000;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.08rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
}

.sales-box-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2rem;
    height: 0.2rem;
    background: #707070;
}

.sales-box-title b {
    font-weight: 700;
}

.sales-box-txt {
    position: relative;
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.0375rem;
    line-height: 1.6;
    margin-bottom: 2.5rem;
}

.sales-box-link {
    position: relative;
    display: block;
    width: 11.4rem;

    text-align: center;
    color: #666;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.0375rem;
    line-height: 3.4rem;

    border: 1px solid #bbb;
    background-color: #fff;

    transition: background-color 0.5s;
}

.sales-box-link:hover {
    background-color: #f8f8f8;
}


.sw-sales-control {
    position: absolute;
    left: 0;
    top: 38rem;
    display: block;
}

.sw-sales-prev {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 2.6rem;
    height: 2.0rem;
    background: url('../images/swiperArrP.png') no-repeat;
    background-position: 0 0;
}

.sw-sales-prev:hover {
    background-position: 0 -2rem;
    cursor: pointer;
}

.sw-sales-next {
    position: absolute;
    left: 11.5rem;
    top: 0;
    display: block;
    width: 2.6rem;
    height: 2.0rem;
    background: url('../images/swiperArrN.png') no-repeat;
    background-position: 0 0;
}

.sw-sales-next:hover {
    background-position: 0 -2rem;
    cursor: pointer;
}

.sw-sales-pg {
    left: 2.6rem;
    top: 0;
    width: 9rem;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.04rem;
    color: #bbb;
}

.sw-sales-pg .swiper-pagination-current {
    color: #000;
    font-weight: 700;
}

.sales-slide {
    position: relative;
    display: block;
    width: 90rem;
    height: 100%;
}

.sw-sales {}



.sw-sales .good-box {
    height: 100%;
}

.sw-sales .good-box-img {
    background-color: #fff;
}

.sw-sales .good-box-name {
    padding: 0 2rem;
}

.sw-sales .good-box-price {
    padding: 0 2rem;
    bottom: 2rem;
}

.sw-sales .good-box-cart {
    bottom: 2rem;
}

/* 새물품 영역 */
.new {
    position: relative;
    display: block;
    padding: 8rem 0;
    background-color: #fff;
}

.new-title {
    position: relative;
    display: block;
    color: #000;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.08rem;
    margin-bottom: 2.5rem;
}

.new-title b {
    font-weight: 700;
}

.new-link {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 11.4rem;

    text-align: center;
    color: #666;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.0375rem;
    line-height: 3.4rem;

    border: 1px solid #bbb;
    background-color: #fff;

    transition: background-color 0.5s;
}

.new-link:hover {
    background-color: #f8f8f8;
}

.new-wrap {
    position: relative;
    display: block;
    padding-bottom: 4rem;
    border-bottom: 0.1rem solid #dedede;
}

.new-main {
    position: relative;
    display: block;
    width: 59rem;
}

.new-main-img {
    position: relative;
    display: block;
    width: 100%;
    height: 37.5rem;
    overflow: hidden;
    margin-bottom: 2rem;
}

.new-main-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.new-main-title {
    position: relative;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.0625rem;
    line-height: 1.48;
    margin-bottom: 0.5em;
}

.new-main-desc {
    position: relative;
    display: inline-block;
    font-size: 1.7rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.0425rem;
    line-height: 1.48;
}

.new-list {
    position: relative;
    display: block;
    width: 59rem;
}

.new-good-link {
    position: relative;
    display: block;
    width: 48.73%;
    float: left;
    margin-right: 2.54%;
}

.new-good-link:nth-child(2n) {
    margin-right: 0;
}

.new-good-img {
    position: relative;
    display: block;
    width: 100%;
    height: 18rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.new-good-img img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.new-good-title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.7rem;
    font-weight: 500;
    color: #000;
    line-height: 1.47;
    letter-spacing: -0.0425rem;
    margin-bottom: 1.5rem;
}



/* 추천물품 영역 */
.pick {
    position: relative;
    display: block;
    padding: 8rem 0;
    background-color: #fef7f9;
}

.pick-box {
    position: relative;
    display: block;
    width: 30rem;
    height: 41.5rem;
}

.pick-box-title {
    position: relative;
    display: block;
    font-size: 3.2rem;
    font-weight: 400;
    color: #000;
    line-height: 1.25;
    letter-spacing: -0.08;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.pick-box-title em {
    font-weight: 700;
    font-style: normal;
    color: #76bd42;
}

.pick-box-title b {
    font-weight: 700;
}

.pick-box-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2rem;
    height: 0.2rem;
    background-color: #707070;
}

.pick-box-txt {
    position: relative;
    display: inline-block;
    font-size: 1.7rem;
    font-weight: 400;
    color: #333;
    letter-spacing: -0.0425rem;
    line-height: 1.7;
    margin-bottom: 2.5rem;
}

.pick-box-txt::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: 0.2rem;
    background-color: #76bc42;
}

.sw-pick-control {
    position: relative;
    display: block;
    margin-top: 2.5rem;
}

.sw-pick-prev {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 2.6rem;
    height: 2rem;
    background: url('../images/swiperArrP.png') no-repeat;
    background-position: 0 0;
    cursor: pointer;
}

.sw-pick-prev:hover {
    background-position: 0 -2rem;
}

.sw-pick-next {
    position: absolute;
    left: 11.5rem;
    bottom: 0;
    display: block;
    width: 2.6rem;
    height: 2rem;
    background: url('../images/swiperArrN.png') no-repeat;
    background-position: 0 0;
    cursor: pointer;
}

.sw-pick-next:hover {
    background-position: 0 -2rem;
}

.sw-pick-pg {
    left: 2.6rem;
    bottom: 0;
    width: 9rem;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.04rem;
    line-height: 1.5;
    color: #bbb;
}

.sw-pick-pg .swiper-pagination-current {
    color: #000;
    font-weight: 700;
}

.pick-slide {
    position: relative;
    display: block;
    width: 90rem;
    height: 41.5rem;
}


.sw-pick {}

.sw-pick .good-box {
    height: 100%;
}

.sw-pick .good-box-img {
    background-color: #fff;
}

.sw-pick .good-box-name {
    padding: 0 2rem;
}

.sw-pick .good-box-price {
    padding: 0 2rem;
    bottom: 2rem;
}

.sw-pick .good-box-cart {
    bottom: 2rem;
}

/* 인기물품 영역 */
.famous {
    position: relative;
    display: block;
    padding: 8rem 0;
}

.famous-title {
    position: relative;
    display: block;
    font-size: 3.2rem;
    font-weight: 400;
    color: #000;
    line-height: 1.25;
    letter-spacing: -0.08rem;
}

.famous-title b {
    font-weight: 700;
}

.famous-link {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 13rem;

    text-align: center;
    color: #666;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.0375rem;
    line-height: 3.4rem;

    border: 1px solid #bbb;
    background-color: #fff;

    transition: background-color 0.5s;
}

.new-link:hover {
    background-color: #f8f8f8;
}

.famous-slide {
    position: relative;
    display: block;
    height: 14rem;
    margin-bottom: 4rem;
    margin-top: 2.5rem;
}

.sw-famous {
    width: 104rem;
    margin: 0 auto;
}

.sw-famous .swiper-slide>a {
    position: relative;
    display: block;
    height: 100%;
    background-color: #f8f8f8;
    border: 0.2rem solid #f8f8f8;

    font-size: 1.7rem;
    color: #000;
    font-weight: 400;
    letter-spacing: -0.0425rem;
    line-height: 1;

    padding-top: 10rem;
    text-align: center;
    white-space: nowrap;

}

.sw-famous .swiper-slide>a::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 2.4rem;
    transform: translate(-50%);
    display: block;
    width: 6.5rem;
    height: 6.4rem;
}

.sw-famous .swiper-slide>a:hover {
    border: 0.2rem solid #76bd42;
    background-color: #fff;
}

.sw-famous .swiper-slide>a:hover::before {
    background-position: 0 -6.4rem;

}

.famous-icon-1::before {
    background: url('../images/famous_ico_1.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-2::before {
    background: url('../images/famous_ico_2.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-3::before {
    background: url('../images/famous_ico_3.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-4::before {
    background: url('../images/famous_ico_4.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-5::before {
    background: url('../images/famous_ico_5.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-6::before {
    background: url('../images/famous_ico_6.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-7::before {
    background: url('../images/famous_ico_7.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-8::before {
    background: url('../images/famous_ico_8.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-9::before {
    background: url('../images/famous_ico_9.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-10::before {
    background: url('../images/famous_ico_10.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-11::before {
    background: url('../images/famous_ico_11.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-12::before {
    background: url('../images/famous_ico_12.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-13::before {
    background: url('../images/famous_ico_13.png') no-repeat;
    background-position: 0 0;
}

.famous-icon-14::before {
    background: url('../images/famous_ico_14.png') no-repeat;
    background-position: 0 0;
}

.sw-famous-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 2.6rem;
    height: 2rem;
    background: url('../images/swiperArrP.png') no-repeat;
    background-position: 0 0;
    cursor: pointer;
}


.sw-famous-prev:hover {
    background-position: 0 -2rem;
}

.sw-famous-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 2.6rem;
    height: 2rem;
    background: url('../images/swiperArrN.png') no-repeat;
    background-position: 0 0;
    cursor: pointer;
}

.sw-famous-next:hover {
    background-position: 0 -2rem;
}

.famous .good-list {
    display: none;
}

.famous .good-box {
    height: 41rem;
}

.good-box-special {
    position: relative;
    display: block;
    margin-bottom: 1rem;
}

.good-box-special span {
    display: inline-block;
    border: 0.1rem solid #e5e5e5;
    font-size: 1.1rem;
    color: #888;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.0275rem;
    text-align: center;
    padding: 0 0.7rem;
}




/* 브랜드관 영역 */
.brand {
    position: relative;
    display: block;
    padding: 8rem 0;
    background-color: #f3f9f0;
}

.brand-box {
    position: relative;
    display: block;
    width: 30rem;
    height: 28.5rem;
}




.brand-box-title {
    position: relative;
    display: block;
    color: #000;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.08rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
}

.brand-box-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2rem;
    height: 0.2rem;
    background: #707070;
}

.brand-box-title b {
    font-weight: 700;
}

.brand-box-txt {
    position: relative;
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.0375rem;
    line-height: 1.6;
    margin-bottom: 2.5rem;
}

.brand-box-link {
    position: relative;
    display: block;
    width: 11.4rem;

    text-align: center;
    color: #666;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.0375rem;
    line-height: 3.4rem;

    border: 1px solid #bbb;
    background-color: #fff;

    transition: background-color 0.5s;
}

.brand-box-link:hover {
    background-color: #f8f8f8;
}


.sw-brand-control {
    position: absolute;
    left: 0;
    top: 27rem;
    display: block;
}

.sw-brand-prev {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 2.6rem;
    height: 2.0rem;
    background: url('../images/swiperArrP.png') no-repeat;
    background-position: 0 0;
}

.sw-brand-prev:hover {
    background-position: 0 -2rem;
    cursor: pointer;
}

.sw-brand-next {
    position: absolute;
    left: 11.5rem;
    top: 0;
    display: block;
    width: 2.6rem;
    height: 2.0rem;
    background: url('../images/swiperArrN.png') no-repeat;
    background-position: 0 0;
}

.sw-brand-next:hover {
    background-position: 0 -2rem;
    cursor: pointer;
}

.sw-brand-pg {
    left: 2.6rem;
    top: 0;
    width: 9rem;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.04rem;
    color: #bbb;
}

.sw-brand-pg .swiper-pagination-current {
    color: #000;
    font-weight: 700;
}

.brand-slide {
    position: relative;
    display: block;
    width: 90rem;
    height: 28.5rem;
}

.sw-brand {
    height: 100%;
}

.brand-active {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 3.5rem 0;
}

.active-box-link {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.active-box-img {
    display: block;
}

.active-box-name {
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.045rem;
    line-height: 1.5;
    margin-top: 1.5rem;
}

.active-box-txt {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-top: 3rem;
}

.active-box-txt>li {
    position: relative;
    display: block;
    width: 50%;
    float: left;
    border-right: 0.1rem solid #e2e2e2;
}

.active-box-txt>li:last-child {
    border-right: 0;
}

.active-box-txt>li>dl {}

.active-box-txt>li>dl>dt {
    color: #666;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.04rem;
    line-height: 1.5;
    padding-top: 0.3rem;
}

.active-box-txt>li>dl>dd {
    color: #000;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.045rem;
    line-height: 1.5;
    white-space: nowrap;
}


/* 배너 영역 */
.banner {
    position: relative;
    display: block;
    padding: 8rem 0;
}

.sw-banner {
    height: 22rem;
}

.sw-banner-link {
    display: block;
    height: 100%;
    overflow: hidden;
}

.sw-banner-link img {
    width: 100%;
}


.sw-banner-prev {
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 1.9rem;
    height: 3.4rem;
    background: url('../images/bannerArr.png') no-repeat;
    background-position: 0 -3.4rem;
    z-index: 99;
}

.sw-banner-prev:hover {
    background-position: 0 0;
    cursor: pointer;
}

.sw-banner-next {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%) scaleX(-1);
    display: block;
    width: 1.9rem;
    height: 3.4rem;
    background: url('../images/bannerArr.png') no-repeat;
    background-position: 0 -3.4rem;
    z-index: 99;
}

.sw-banner-next:hover {
    background-position: 0 0;
    cursor: pointer;
}

/* 레시피 영역 */
.recipe {
    position: relative;
    display: block;
    padding-bottom: 8rem;
}

.recipe-title {
    position: relative;
    display: block;
    color: #000;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.08rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
}

.recipe-title b {
    font-weight: 700;
}

.recipe-wrap {
    position: relative;
    display: block;
}

.recipe-main {
    position: relative;
    display: block;
    width: 79rem;
    height: 42rem;

}

.recipe-main>a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/recipe_main.jpg') no-repeat center;
}

.recipe-con {
    position: relative;
    display: block;
    width: 34.5rem;
    height: 42rem;
}


.recipe-box {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 15.4rem;
    height: 15.4rem;
    background-color: #76bd42;
}

.recipe-main-title {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 15.5rem;
    height: 15.5rem;
    background-color: #76bd42;

    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.025rem;
    line-height: 1;
    padding-left: 1.5rem;
    padding-top: 9.5rem;
}

.recipe-main-txt {
    position: absolute;
    left: 15.5rem;
    bottom: 0;
    display: block;
    width: 49rem;
    height: 15.5rem;
    background-color: rgba(255, 255, 255, 0.8);

    font-size: 2.5rem;
    font-weight: 400;
    color: #333;
    letter-spacing: -0.0378rem;
    line-height: 1.48;
    padding-left: 3rem;
    padding-top: 4rem;
}

.recipe-main-txt>b {
    font-size: 3rem;
    font-weight: 700;
    color: #000;
}


.recipe-con-list {
    position: relative;
    display: block;
    width: 100%;
    height: 26.5rem;
    overflow: hidden;
}

.recipe-con-scroll {
    position: relative;
    display: block;
    width: 100%;
    height: 24rem;
    overflow: hidden;
}

.recipe-con-item {
    position: relative;
    display: block;
    width: 100%;
    height: 7rem;
    margin-bottom: 1.5rem;
    padding-left: 4rem;
}

.recipe-con-item-bt {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background: url('../images/inpCheck.png') no-repeat;
    background-position: 0 -3.6rem;
}

.recipe-con-item-bt-active {
    background-position: 0 0rem !important;
}

.recipe-con-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.recipe-con-img {
    position: relative;
    display: block;
    width: 7rem;
    height: 7rem;
    overflow: hidden;
    background-color: #f1f1f1;
    float: left;
}

.recipe-con-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    mix-blend-mode: multiply;
    width: 100%;
    height: auto;
}

.recipe-con-txt {
    position: relative;
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.0375rem;
    line-height: 1.47;
    float: left;
    margin-left: 2rem;
}

.recipe-con-txt b {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.05rem;
}

.recipe-con-txt em {
    font-size: 1.3rem;
    font-style: normal;
}

.recipe-con-count {
    position: relative;
    display: block;
    width: 100%;
    padding: 3.5rem 0;
    font-size: 2rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.05rem;
    line-height: 1;
    padding-left: 4rem;
    border-top: 0.1rem solid #ddd;
}

.recipe-con-count-bt {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background: url('../images/inpCheck.png') no-repeat;
    background-position: 0 -3.6rem;
}

.recipe-con-count-bt-active {
    background-position: 0 0rem !important;
}


.recipe-con-total {
    position: relative;
    display: block;
    width: 100%;

}

.recipe-con-buy {
    display: block;
    width: 100%;
    background-color: #fff;
    font-size: 2rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.05rem;
    line-height: 1;
    text-align: center;
    padding: 2rem;
    border: 0.1rem solid #ddd;
    transition: background-color 0.3s;
}

.recipe-con-buy b {
    font-weight: 700;
}

.recipe-con-buy:hover {
    background-color: #f9f9f9;
}


/* 후기 영역 */
.review {
    position: relative;
    display: block;
    padding: 8rem 0;
    background-color: #fbf5f1;
}

.review .container {
    height: 23.5rem;
}


.review-box {
    position: relative;
    display: block;
    width: 30rem;
    height: 100%;
}

.review-box-title {
    position: relative;
    display: block;
    color: #000;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.08rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
}


.review-box-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2rem;
    height: 0.2rem;
    background: #707070;
}

.review-box-title b {
    font-weight: 700;
}

.review-box-txt {
    position: relative;
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.0375rem;
    line-height: 1.6;
    margin-bottom: 2.5rem;
}

.sw-review-control {
    position: absolute;
    left: 0;
    top: 24rem;
    display: block;
}

.sw-review-prev {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 2.6rem;
    height: 2rem;
    background: url('../images/swiperArrP.png') no-repeat;
    background-position: 0 0;
}

.sw-review-prev:hover {
    background-position: 0 -2rem;
    cursor: pointer;
}

.sw-review-next {
    position: absolute;
    left: 11.5rem;
    top: 0;
    display: block;
    width: 2.6rem;
    height: 2rem;
    background: url('../images/swiperArrN.png') no-repeat;
    background-position: 0 0;
}

.sw-review-next:hover {
    background-position: 0 -2rem;
    cursor: pointer;
}

.sw-review-pg {
    left: 2.6rem;
    top: 0;
    width: 9rem;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.04rem;
    color: #bbb;
}

.sw-review-pg .swiper-pagination-current {
    color: #222;
    font-weight: 700;
}

.review-slide {
    position: relative;
    display: block;
    width: 90rem;
    height: 100%;
}

.sw-reivew {}

.review-list {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 3.5rem 2.5rem;
}

.review-list-good {
    position: relative;
    display: block;
    margin-bottom: 3rem;
}



.review-list-name {
    display: block;
    width: 16.5rem;
    font-size: 1.7rem;
    color: #000;
    font-weight: 700;
    letter-spacing: -0.0425rem;
    line-height: 1.47;

    /* 한줄 말줄임 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0.5rem;
}

.review-list-img {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 6.6rem;
    height: 6.6rem;
    overflow: hidden;
}

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

.review-list-txt {
    position: relative;
    display: block;
    width: 100%;
    height: 6rem;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.0325rem;
    color: #000;
    line-height: 1.528;
    overflow: hidden;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal;

    margin-bottom: 2rem;

}

.review-list-user {
    position: relative;
    display: block;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.0325rem;
    color: #000;
    line-height: 1.528;
}



.review-list-rating {
    display: block;
    width: 5rem;
    font-size: 1.7rem;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.0425rem;
    line-height: 1.176;
    background: url('../images/icoRating.png') no-repeat left center;
    padding-left: 2.4rem;
    white-space: nowrap;

}






/* 커뮤니티 영역 */
.community {
    position: relative;
    display: block;
    padding-top: 8rem;
    padding-bottom: 12rem;
}

.community .container {
    display: table;
    table-layout: fixed;
}

.com-box {
    position: relative;
    display: table-cell;
    width: 40rem;
    border-right: 0.1rem solid #e4e4e4;
    padding: 0 3.5rem;
}

.com-box:last-child {
    border-right: 0;
}

.com-title {
    position: relative;
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.05rem;
    line-height: 1.45;
}

/* 탭메뉴 포커스 */
.tab-menu {
    display: inline-block;
    color: #999;
    font-weight: 400;
    cursor: pointer;
}

.tab-menu-bar {
    position: relative;
    display: inline-block;
    width: 0.1rem;
    height: 1.8rem;
    background-color: #d5d5d5;
    margin: 0 1rem;
    vertical-align: -0.2rem;
}

.tab-menu-active {
    color: #000;
    font-weight: 700;
}

.com-new-wrap {
    position: relative;
    display: block;
    margin-top: 3rem;
}

/* 탭 메뉴 내용 리스트 */
.com-news-list {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
}

.com-news-list>li {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.com-news-list-active {
    display: block;
}

.com-news-list>li>a {
    display: block;
    float: left;
    font-size: 1.3rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.0325rem;
    line-height: 1.461;
}

.com-news-list>li>span {
    display: block;
    float: right;
    font-size: 1.3rem;
    font-weight: 400;
    color: #999;
    letter-spacing: -0.0325rem;
    line-height: 1.461;
}

.com-tel {
    display: block;
    margin-top: 1.5rem;
    font-size: 3.2rem;
    font-weight: 700;
    color: #76bd42;
    letter-spacing: normal;
    line-height: 1.187;
}

.com-info {
    display: block;
    margin-top: 1rem;

    font-size: 1.3rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.0325rem;
    line-height: 1.461;
}

.com-info em {
    color: #666;
    font-weight: 400;
    font-style: normal;
}

.com-info a {
    font-weight: 700;
}

.com-info b {
    font-weight: 700;
}

.com-link-wrap {
    position: relative;
    display: block;
    margin-top: 1.5rem;
}

.com-link-wrap a {
    display: block;
    float: left;
    width: 48.5%;
    margin-right: 2.5%;
    padding: 0 1.3rem;
    line-height: 3.8rem;
    border: 0.1rem solid #e4e4e4;
    background: url('../images/icoFaq.png') no-repeat;
    background-position: calc(100% - 1.3rem) 50%;
    margin-bottom: 1rem;

    font-size: 1.3rem;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.0325rem;
}

.com-link-wrap a:nth-child(2n) {
    margin-right: 0;
}


/* 하단 영역 */
.footer {
    position: relative;
    display: block;
}

.footer-top {
    position: relative;
    display: block;
    border-top: 0.1rem solid #f1f1f1;
    border-bottom: 0.1rem solid #f1f1f1;
}

.footer-menu {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
}

.footer-menu>li {
    position: relative;
    display: block;
    float: left;
    padding: 2rem 1rem;
}

.footer-menu>li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.2rem;
    height: 0.2rem;
    background-color: #a8afb7;
}

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

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

.footer-menu>li:last-child::after {
    content: none;
}

.footer-menu>li>a {
    display: block;
    font-size: 1.3rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.0325rem;
    line-height: 1.4615;
}

.sitemap {
    position: relative;
    display: block;
    float: right;
    padding: 2rem 1.5rem;
}

.sitemap a {
    display: block;
    font-size: 1.3rem;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.0325rem;
    line-height: 1.4615;
}

.sitemap a span {
    display: inline-block;
    width: 3rem;
}

.sitemap a::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background: url('../images/btnMore.png') no-repeat center;
    vertical-align: 0rem;
    margin-left: 0.5rem;
}

.footer-main {
    position: relative;
    display: block;
    padding-top: 2rem;
    padding-bottom: 6rem;
}

.copy {
    position: relative;
    display: block;
    float: left;
}

.copy-list {
    display: block;
    font-size: 0;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.0325rem;
    line-height: 1.69;
}

.copy-list span,
.copy-list address {
    font-size: 1.3rem;
}

.copy-list a {
    color: #000;
    font-weight: 500;
}

.copy-list .f-email {
    font-weight: 400;
}

.copy-list address {
    font-style: normal;
}

.copy-list span {
    position: relative;
    display: inline-block;
    padding: 0 1rem;
}

.copy-list span::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0.5rem;
    display: block;
    width: 0.1rem;
    height: 1rem;
    background-color: #e4e4e4;
}

.copy-list .no-sp {
    padding-left: 0;
}

.copy-list .no-bar {
    padding-right: 0;
}

.copy-list .no-bar::after {
    content: none;
}

.copy p {
    font-size: 1.1rem;
    font-weight: 400;
    color: #999;
    letter-spacing: -0.0725rem;
    line-height: 1.45;
    margin-top: 3rem;
}

.sns {
    position: relative;
    display: block;
    float: right;
    overflow: hidden;
    padding-top: 1rem;
}

.sns a {
    display: block;
    float: left;
    width: 2.6rem;
    height: 2.6rem;
    background: url('../images/ftSns.png') no-repeat;
    margin-left: 1rem;

}

.sns .i-ig {
    background-position: 0 -2.6rem;
}

.sns .i-fb {
    background-position: 0 0;
}

.sns .i-nb {
    background-position: 0 -5.2rem;
}

.sns .i-yt {
    background-position: 0 -7.8rem;
}

.sns .i-kk {
    background-position: 0 -10.4rem;
}

.sitemap-active {
    background-color: #f4f4f4 !important;
}

.allmap {
    position: absolute;
    left: 0;
    bottom: 100%;
    display: block;
    width: 100%;
    background-color: #f4f4f4;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;

    display: none;
}

.allmap .container {

}

.allmap-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.4rem;
    height: 2.4rem;
    background: url('../images/btnFamilyClose.png') no-repeat center;
    cursor: pointer;
    border: 0;
    font-size: 0;
}

.allmap-list {
    overflow: hidden;
}
.allmap-list > li {
    float: left;
    width: 20%;
}
.allmap-list p {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.2rem;
    color: #76bd42;
    letter-spacing: -0.0375rem;
    margin-bottom: 1.4rem;
}
.allmap-list > li > ul {}
.allmap-list > li > ul > li {}
.allmap-list > li > ul > li > a {
    display: inline-block;
    color: #000;
    font-size: 1.3rem;
    letter-spacing: -0.0325rem;
    font-weight: 400;
    
}