/* =========================================================
   STORE SECTION
========================================================= */

.store-section{

    position:relative;

    width:100%;

    background:#fff;

}


/* =========================================================
   CONTAINER
========================================================= */

.store-container{

    border:0px solid red;

    width:100%;

    max-width:1700px;

    height:430px;

    margin:0 auto;

    display:flex;

    overflow:hidden;

    background:#fff;

}


/* =========================================================
   LEFT IMAGE
========================================================= */

.store-image{

    position:relative;

    width:100%;

    height:100%;

    overflow:hidden;

    background:#333;

}


/* 이미지 */

.store-image img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center center;

}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.store-content{

    position:relative;

    width:100%;

    height:100%;

    padding:

        48px
        48px
        45px
        55px;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    background:#fff;

}


/* =========================================================
   SMALL TITLE
========================================================= */

.store-label{

    display:block;

    margin-bottom:8px;

    color:#a7836b;

    font-family:
        Arial,
        sans-serif;

    font-size:10px;

    font-weight:700;

    line-height:1;

    letter-spacing:1px;

}


/* =========================================================
   MAIN TITLE
========================================================= */

.store-title{

    margin:0;

    color:#2d2520;

    font-size:35px;

    font-weight:600;

    line-height:1.35;

    letter-spacing:-1.5px;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.store-description{

    margin-top:17px;

    color:#8c817b;

    font-size:18px;

    font-weight:400;

    line-height:1.85;

    letter-spacing:-.25px;

}


/* =========================================================
   STATS
========================================================= */

.store-stats{

    display:flex;

    align-items:flex-start;

    margin-top:25px;

}


/* 각각의 통계 */

.store-stat{

    position:relative;

    display:flex;

    align-items:flex-start;

    min-width:100px;

}


/* 통계 사이 구분 */

.store-stat + .store-stat{

    margin-left:12px;

}


/* 아이콘 */

.store-stat-icon{

    width:22px;

    height:22px;

    margin-right:5px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#766b64;

}


/* SVG */

.store-stat-icon svg{

    width:21px;

    height:21px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.45;

    stroke-linecap:round;

    stroke-linejoin:round;

}


/* 숫자 영역 */

.store-stat-info{

    display:flex;

    flex-direction:column;

}


/* 숫자 */

.store-stat-number{

    color:#a66e4f;

    font-family:
        Arial,
        sans-serif;

    font-size:40px;

    font-weight:bold;

    line-height:1;

    letter-spacing:-.7px;

}


/* % */

.store-stat-number .unit{

    font-size:18px;

}


/* 설명 */

.store-stat-text{

    margin-top:6px;

    color:#8d837d;

    font-size:18px;

    font-weight:400;

    line-height:1;

    white-space:nowrap;

}


/* =========================================================
   BUTTON
========================================================= */

.store-button-wrap{

    margin-top:25px;

}


.store-button{

    position:relative;

    width:102px;

    height:61px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid #d4cdc8;

    border-radius:3px;

    background:#fff;

    color:#6f655f;

    font-size:14px;

    font-weight:500;

    letter-spacing:-.2px;

    cursor:pointer;

    transition:

        color .25s ease,

        border-color .25s ease,

        background .25s ease;

}


.store-button:hover{

    color:#fff;

    border-color:#795841;

    background:#795841;

}


/* =========================================================
   DESKTOP DETAIL
========================================================= */

@media(min-width:1201px){

    .store-container{

        height:430px;

    }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .store-section{

        padding:60px 20px;

    }

    .store-container{

        height:390px;

    }

    .store-content{

        padding:

            42px
            35px
            35px
            40px;

    }

    .store-title{

        font-size:23px;

    }

    .store-description{

        font-size:9px;

    }

    .store-stat{

        min-width:85px;

    }

    .store-stat + .store-stat{

        margin-left:5px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){


    .store-section{

        border:0px solid red;

        padding:50px 16px;

    }


    .store-container{

        height:auto;

        display:flex;

        flex-direction:column;

    }


    /* 이미지 */

    .store-image{

        width:100%;

        height:270px;

    }


    /* 콘텐츠 */

    .store-content{

        width:100%;

        height:auto;

        min-height:330px;

        padding:

            38px
            28px
            40px;

    }


    .store-label{

        font-size:20px;

    }


    .store-title{

        font-size:33px;

    }


    .store-description{

        margin-top:15px;

        font-size:10px;

        line-height:1.8;

    }


    .store-stats{

        margin-top:24px;

        gap:15px;

    }


    .store-stat{

        min-width:auto;

    }


    .store-stat + .store-stat{

        margin-left:0;

    }


    .store-stat-number{

        font-size:28px;

    }


    .store-stat-number .unit{

        font-size:26px;

    }


    .store-stat-text{

        font-size:12px;

    }


    .store-button-wrap{

        margin-top:25px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:430px){

    .store-image{

        height:235px;

    }


    .store-content{

        padding:

            32px
            22px
            35px;

    }


    .store-title{

        font-size:21px;

    }


    .store-description{

        font-size:9px;

    }


    .store-stats{

        gap:9px;

    }


    .store-stat-icon{

        width:18px;

        margin-right:3px;

    }


    .store-stat-icon svg{

        width:18px;

        height:18px;

    }


    .store-stat-number{

        font-size:16px;

    }


    .store-stat-number .unit{

        font-size:14px;

    }

}