@charset "utf-8";

main {
    width: 100%;
    max-width: 1920px; 
    margin: 0 auto;

    margin-top: 120px;
}
main img {
    width: 100%;
    display: block;
}
section {
    width: 1280px;
    margin: 0 auto;
}
section article.store {
    margin-top: 70px ;
}
section article.store h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}
section article.store > p {
    text-align: center;
    font-size: 20px;
}
article.store .content-box {
    /* background-color: bisque; */
    margin: 100px 0;
}
article.store .content-box .box {
    width: 100%;
    margin-bottom: 30px;

    position: relative;
   /*  outline: 2px solid blue; */
}
article.store .content-box .box::after {
    content: "";
    display: block;
    clear: both;
}
.content-box .box .img-box {
    width: 50%;
    float: left;
    
   /*  outline: 2px solid red; */
}
.content-box .box .img-box img {
    /* width: 100%;
    display: block; */
    border-radius: 30px; 
}

.content-box .box .txt-box {
    width: 45%;
    float: left;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);

    margin-left: 5%;

   /*  outline: 2px solid red; */
}
.content-box .box .txt-box h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}
.content-box .box .txt-box p {
    font-size: 18px;
    word-break: break-all;
    /* outline: 2px solid blueviolet; */
}
.content-box .box .txt-box span {
    color: #c32032;
    font-weight: 500;
}

/* 짝수번째 */
.content-box .even {
    width: 100%;
}
.content-box .even .img-box {
    float: right;
    
    width: 50%;
}
.content-box .even .txt-box  {
    width: 45%;
    left: 0;
    margin-left: 0;
   
   /*  outline: 2px solid blueviolet; */
}
.content-box .even .txt-box h3 {
    /* color: blueviolet; */
}

/* 슬라이드 */
.content-box .box .img-box {
    width: 600px;
    height: 400px;
    position: relative;
    /* outline: 2px solid blue; */
}

.content-box .box .img-box .slide {
    width: 100%;
    position: absolute;
}
.content-box .box .img-box .slide img {
    width: 100%;
    display: none;
}
.img-box .slide.active {
    display: block;
    z-index: 1;
}