*{margin: 0; padding: 0; box-sizing: border-box;}
a{text-decoration: none; color: inherit;}
li{list-style: none;}
img, video{width: 100%; height: 100%; object-fit: cover;}

body {font-family: 'SUIT Variable', sans-serif;}
.inner{width: 1440px; height: 100vh; margin: 0 auto;}

/* css animation */
@keyframes drop{
  50%{
    top:-60%;
    opacity:0
  }
  80%{
    top:-30%;
    opacity: 1;
  }
  100%{
    top:-20%;
    opacity: 0;
  }
}
@keyframes turn{
  100% {rotate:1turn;}
}
@keyframes turnY{
  100%{rotate:-360deg;}
}

/* section reset style */
.apparel, .picknic, .home{height: 740px; margin: 110px auto;}
.section_title{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 80px;
}
.section_title>h3{
  font-size: 48px; font-weight: 100;
}
.section_title>div{
  width: calc(100% - 1000px); height: 1px;
  background-color: #252525;
}
.section_body{
  width: 100%; height: 600px;
  display: flex;
}
.section_left, .section_right{
  width: 50%; height: 100%;
  display: flex;
}
/* section left */
.section_left .section_slide_wrap{
  width: 420px; height: 100%;
  overflow: hidden;
  margin:0 30px 0 0;
}
.section_left .section_slide_container{
  height: 100%;
  display: flex;
}
.section_left .section_slide_item{
  width: 420px; height: 100%;
  flex-shrink: 0;
}
.section_left .section_concept_title>h4{
  font-size: 32px; font-weight: 500;
  margin-bottom: 24px;
}
.section_left .section_concept_title>p{
  font-size: 16px; font-weight: 300;
}
/* section right */
.section_right{
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
  position: relative;
}
/* section right top */
.section_right .section_products{
  width: 570px; height: 320px;
  background-color: #0c0c0c;
  padding: 10px 9px;
}
.section_right .section_item_wrap{
  width: 100%; height: 100%;
  overflow: hidden;
}
.section_right .section_item_container{
  height: 100%;
  display: flex;
  /* gap: 6px; */
}
.section_right .section_item{
  cursor: pointer;
}
.section_right .swiper-slide{
  width: 180px; height: 100%;
  flex-shrink: 0;
}
.section_right .section_item .section_item_img{
  width: 100%; height: 220px;
  background-color: #7a7a7a;
  position: relative;
}

.section_right .section_item .section_item_img>img{
  position: absolute;
  top: 0; left: 0;
  transition: .5s;
}
.section_right .section_item:hover img:nth-child(2){
  opacity: 0;
}
.section_right .section_item .item_color{
  position: absolute;
  top: 0; right: 0;
  width: 20px; margin: 8px;
}
.section_right .section_item .item_color>div{
  width: 100%; height: 20px;
  border-radius: 50%;
  margin-bottom: 6px;
  background-color: #0c0c0c;
}
.section_right .section_item .section_item_name{
  width: 100%; line-height: 30px; font-size: 14px;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255,.5);
}
.section_right .section_item .section_item_value{
  width: 100%; height: calc(100% - 250px);
  display: flex;
}
.section_right .section_item .section_item_value>div{
  display: flex; align-items: center;
  justify-content: center;
  font-size: 16px; color: #fff;
  width: 50%; height: 100%;
}
.section_right .section_item .section_item_price span{
  opacity: 40%; text-decoration: line-through;
}
.section_right .section_item .section_item_sale{
  font-weight: 100;
}
.section_right .section_item .section_item_sale span{
  font-size: 32px;
}
/* section right middle */
.section_right .section_period{
  width: 570px; height: 0;
  background-color: #0c0c0c;
  padding: 0 20px; display: flex;
  align-items: end;
  transition: .5s;
  overflow: hidden;
  position: absolute; top: 320px; right: 0;
}
.section_right .section_period .section_period_body{
  width: calc(100% - 150px); height: 90px;
  font-size: 36px; font-weight: 100;
  color: rgba(255, 255, 255,.7);
  align-items: center;
  margin-bottom: 20px;
}
.section_right .section_period .section_period_body span{
  display: inline-block;
  width: 280px; height: 30px;
  overflow: hidden;
}
.section_right .section_period .section_period_body:nth-child(2){
  width: 150px; font-size: 16px; text-align: center;
}
.section_right .section_period .section_period_body:nth-child(2)>div{
  width: 100%; line-height: 40px; border-radius: 20px;
  border: 1px solid;
}
.section_right .section_period .section_period_body:nth-child(2)>.text_period{
  margin-bottom: 10px;
}
.section_right:hover .section_period{
  height: 170px;
}
/* section right bottom */
.section_right .section_direct>div{
  flex-shrink: 0;
}
.section_right .section_direct{
  width: 100%; height: 110px;
  display: flex;
  position: relative;
}
.section_right .section_direct .section_direct_btn{
  width: 150px; height: 100%;
  position: relative;
}
.section_right .section_direct .section_direct_btn>div{
  backface-visibility: hidden;
  transition: .5s;
}
.section_right .section_direct .section_direct_btn .section_direct_img{
  transform: rotateX(180deg);
}
.section_right:hover .section_direct_btn>.section_direct_cover{
  transform: rotateX(-180deg);
}
.section_right:hover .section_direct_btn>.section_direct_img{
  transform: rotateX(0deg);
}
.section_right .section_direct .section_direct_cover{
  width: 100%; height: 100%;
  position: absolute;
  top: 0; left: 0;
  background-color: #0c0c0c;
  color: #fff; font-size: 20px;
  font-weight: 200; text-align: center;
  display: flex; justify-content: center;
  align-items: center;
}
/* .section_right .section_direct .section_direct_cover>p{
  transform: rotate(-33deg);
} */
.section_right .section_direct .section_direct_text{
  width: 0; height: 100%;
  background-color: #000; color: #fff;
  display: flex; align-items: center;
  overflow: hidden;
  transition: .5s;
  mix-blend-mode: difference;
}
.section_right .section_direct .section_direct_text>*{
  flex-shrink: 0;
}
.section_right .section_direct .section_direct_text>p{
  width: 320px; line-height: 110px;
  font-size: 32px;
  text-align: center;
}
.section_right .section_direct .section_direct_text>div{
  background-color: #fff;
  width: 250px; height: 100%;
}
.section_right .section_direct>p{
  width: 250px; line-height: 110px;
  background-color: #fff;
  position: absolute;
  right: 0; top: 50%;
  transform: translateY(-50%);
  font-size: 96px; text-align: right;
  mix-blend-mode: difference;
}
.section_right:hover .section_direct_text{
  width: calc(100% - 150px);
}
/* section reset style end*/

/* hero style start */
.hero{width: 100%; height: 100vh;}
.hero .logo_box{
  width: 100%; height: 260px;
  display: flex; justify-content: space-between;
}
.hero .hero_logo{
  width: 750px; height: 185px;
  margin: 15px;
}
.hero .hero_top_video{
  width: 160px; height: 200px;
  margin-right: 120px;
}
.hero .hero_body_box{
  width: 100%; height: calc(100vh - 260px);
  display: flex; justify-content: space-between;
}
.hero .hero_body_box>.hero_body_left_box{
  width: 400px; height: 100%;
  display: flex; flex-direction: column;
  justify-content: end;
}

.hero_body_left_box>div{
  width: 260px; margin: 26px auto 0;
  flex-shrink: 0;
}
.hero_body_left_box>.hero_section_direct>p{
  margin-top: 8px;
  font-size: 32px; font-weight: 300;
  color: rgba(0, 0, 0, .7);
}
.hero_body_left_box>.hero_bottom_video{
  height: 200px;
  overflow: hidden;
}
.hero_body_left_box>.hero_bottom_video>video{
  transform: scale(125%);
}
.hero .hero_body_box>.hero_body_right_box{
  width: 1400px; height: 640px;
  display: flex;
  position: relative;
}
.hero .hero_body_box>.hero_body_right_box::before{
  content: 'one_week';
  font-size: 20px; font-weight: 300;
  position: absolute;
  left: -100px; top: 0;
  transform: translateY(-60%);
}
.hero .hero_body_box>.hero_body_right_box::after{
  content: '2025 . 03 / 24 ~ 03 / 31';
  font-size: 20px; font-weight: 300;
  position: absolute;
  left: -190px; top: 120px;
  transform: rotate(-90deg);
}
.hero_body_right_box>.spring_promotion_title{
  width: 670px; height: 100%;
  padding: 100px 0 0 40px;
  border-top: 1px solid rgba(0, 0, 0, .8);
  position: relative;
}
.hero_body_right_box>.spring_promotion_title::before{
  content: '';
  background: url(./img/snail_right.png) no-repeat center/cover;
  width: 14px; height: 9px;
  position: absolute;
  top: -9px; left: 200px;
}
.hero_body_right_box>.spring_promotion_title>.promotion_title{
  font-size: 30px;
  margin-bottom: 100px;
}
.hero_body_right_box>.spring_promotion_title .season_sale{
  font-weight: 500;
}
.hero_body_right_box>.spring_promotion_title .spring{
  font-weight: 500; margin-bottom: 30px;
  display: inline-block;
  position: relative;
}
.hero_body_right_box>.spring_promotion_title .spring::after{
  content: '';
  background: url(./img/star_cilcle.png) no-repeat center/cover;
  width: 90px; height: 90px;
  position: absolute;
  left: -24.5px; top: -16.5px;
  animation: turn 20s linear infinite;
}
.hero_body_right_box>.spring_promotion_title .season_sale span{
  display: inline-block;
  margin-right: 10px;
  width: 40px; height: 40px;
  border: 1px solid;
  border-radius: 50%;
  overflow: hidden;
  position: relative; top: 5px;
}
.hero_body_right_box>.spring_promotion_title .season_sale span>video{
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}
.hero_body_right_box>.spring_promotion_title .season_sale>span:nth-child(2)>video{
  transform: translate(-10%, -70%) scale(200%);
}
.hero_body_right_box>.spring_promotion_title .season_sale>span:nth-child(3)>video{
  transform: translate(-50%, -50%) scale(300%);
}
.hero_body_right_box>.spring_promotion_title .promotion_body_box{
  display: flex;
}
.hero_body_right_box>.spring_promotion_title .curve_line{
  width: 280px; height: 290px;
  border-left: 1px solid rgba(0, 0, 0, .5);
  border-bottom: 1px solid rgba(0, 0, 0, .5);
  border-bottom-left-radius: 100%;
  position: relative; top: -90px; left: 10px;
  margin-right: 20px;
}
.hero_body_right_box>.spring_promotion_title .promotion_body{
  font-weight: 300;
}
.hero_body_right_box>.spring_promotion_title .promotion_body>p:nth-child(1){
  font-size: 20px; line-height: 170%; margin-bottom: 70px;
}
.hero_body_right_box>.spring_promotion_title .promotion_body>p:nth-child(1)>span{
  position: relative;
}
.hero_body_right_box>.spring_promotion_title .promotion_body>p:nth-child(1)>span:nth-child(1)>img{
  width: 17px; height: 7px;
  position: absolute; top: -30%; left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  animation: drop 2s 1s ease-out infinite;
}
.hero_body_right_box>.spring_promotion_title .promotion_body>p:nth-child(1)>.sun>img{
  width: 16px; height: 16px; margin-right: 5px;
  animation: turn 3s 2s ease-in-out infinite;
}
.hero_body_right_box>.spring_promotion_title .promotion_body>p:nth-child(1)>.flower_head>img{
  width: 12px; height: 12px;
  animation: turnY 2s 1s infinite;
}
.hero_body_right_box>.spring_promotion_title .promotion_body>p:nth-child(2){
  font-size: 32px;
}
.hero_body_right_box>.spring_promotion_video{
  width: 730px; height: 100%;
  display: flex; justify-content: space-between;
  align-items: center;
  border-block: 1px solid rgba(0, 0, 0, .8);
  position: relative;
}
.hero_body_right_box>.spring_promotion_video::after{
  content: '';
  background: url(./img/flower_left.png) no-repeat center/cover;
  width: 21px; height: 23px;
  position: absolute; top: -23px; right: 100px;
}
.hero_body_right_box>.spring_promotion_video::before{
  content: '';
  background: url(./img/snail_left.png)no-repeat center/cover;
  width: 14px; height: 9px;
  position: absolute; bottom: 0; right: 300px;
}
.hero_body_right_box>.spring_promotion_video>.hero_middle_video{
  width: 360px; height: 100%;
}
.hero_body_right_box>.spring_promotion_video>.vertical_logo>img{
  object-fit: contain;
}

/* main style start */
/* apparel intro style */
.apparel_intro_content{
  width: 100%;
  padding-top: 130px;
}
.apparel_intro_video{
  width: 720px; height: 540px;
  margin: auto;
  position: relative;
}
.apparel_intro_video>video{
  z-index: 1;
}
.apparel_intro_video::after{
  content: '';
  background: url(./img/snail_left.png) no-repeat center/cover;
  width: 14px; height: 9px;
  position: absolute;
  top: -9px; left: 30px;
  
}
.apparel_intro_video>img{
  position: absolute;
}
.apparel_intro_video>img:nth-child(2){
  width: 175px; height: 250px;
  left: -175px; bottom: -20px;
  z-index: -1;
}
.apparel_intro_video>img:nth-child(3){
  width: 270px; height: 320px;
  right: -270px; bottom: -55px;
  z-index: -1;
}
.apparel_intro_video>img:nth-child(4){
  width: 35px; height: 150px;
  right: -170px; top: 130px;
}
.apparel_intro_video>img:nth-child(5){
  width: 100px; height: 100px;  
  right: -150px; top: 30px;
}
.apparel_intro_content .apparel_intro_text{
  position: absolute;
  left: calc((100% - 720px) / 2);
  background-color: #fff;
}
.apparel_intro_content .apparel_intro_text .apparel_intro_title{
  font-size: 48px; font-weight: 500;
  margin: 10px 0 30px;
  color: #252525;
}
.apparel_intro_content .apparel_intro_text .apparel_concept_title{
  font-size: 24px; font-weight: 400;
  margin-bottom: 10px;
}
.apparel_intro_content .apparel_intro_text .apparel_concept_title>span{
  font-weight: 200;
}
.apparel_intro_content .apparel_intro_text .apparel_concept{
  font-weight: 300;
}

/* picknic intro style */
.picknic_intro{position: relative;}
.picknic_intro>div{
  position: absolute;
}
.picknic_intro .picknic_intro_item:nth-child(1){
  width: 300px; height: 250px;
  border-radius: 125px; overflow: hidden;
  top: 55%; left: 20%;
  transform: rotate(-15deg) scale(90%);
}
.picknic_intro .picknic_intro_item:nth-child(2){
  width: 79px; height: 120px;
  top: 10% ; right: 10%;
  transform: rotate(20deg) scale(120%);
}
.picknic_intro .picknic_intro_item:nth-child(3){
  width: 64px; height: 190px;
  top: 55%; right: 10%;
  transform: rotate(-16deg) scale(110%);
}
.picknic_intro .picknic_intro_item:nth-child(4){
  width: 81px; height: 220px;
  top: 65%; right:2%;
  transform: rotate(30deg) scale(110%);
}
.picknic_intro .picknic_intro_item:nth-child(5){
  width: 233px; height: 110px;
  top: 10%; left: 5%;
}
.picknic_intro .picknic_intro_item:nth-child(6){
  width: 201px; height: 190px;
  top: 65%; right: 18%;
}
.picknic_intro .picknic_intro_item:nth-child(7){
  width: 292px; height: 110;
  top: 35%; right: 3%;
  transform: scale(120%);
}
.picknic_intro .picknic_intro_item:nth-child(8){
  width: 250px; height: 287px;
  top: 55%;
}
.picknic_intro .picknic_intro_item:nth-child(9){
  width: 206px; height: 145px;
  top: 30%; left: 15%;
}
.picknic_intro .picknic_intro_item:nth-child(10){
  width: 194px; height: 112px;
  left: 52%; top: 10%;
  transform: rotate(30deg);
}
.picknic_intro .picknic_intro_item:nth-child(11){
  width: 248px; height: 344px;
  top: 23%; right: 25%;
  transform: scale(120%);
}
.picknic_intro .picknic_intro_item:nth-child(12){
  width: 147px; height: 290px;
  left: 30%; top: 10%;
  transform: rotate(-30deg) scale(90%);
}
.picknic_intro .picknic_intro_item:nth-child(13){
  width: 180px; height: 568px;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}
.picknic_intro .picknic_intro_item:nth-child(14){
  width: 130px; height: 66px;
  top: 28%; right: 12%;
}
.picknic_intro .picknic_intro_item:nth-child(15){
  width: 102px; height: 66px;
  top: 32%; right: 2%;
}
.picknic_intro .tag_box{
  width: 100px; height: 30px;
  background-color: #fff;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
  text-align: center; line-height: 30px;
  font-size: 12px; font-weight: 300;
  position: absolute;
}
.picknic_intro .picknic_intro_item:nth-child(2) .tag_box{
  bottom: 20px; right: -80px;
  transform: rotate(-27deg);
}
.picknic_intro .picknic_intro_item:nth-child(6) .tag_box{
  bottom: -10px; right: -20px;
}
.picknic_intro .picknic_intro_item:nth-child(7) .tag_box{
  bottom: 30px; right: -30px;
  transform: rotate(-14deg);
}
.picknic_intro .picknic_intro_item:nth-child(8) .tag_box{
  top: 10px; right: -20px;
  transform: rotate(15deg);
}
.picknic_intro .picknic_intro_item:nth-child(9) .tag_box{
  top: 70px; right: 0;
  transform: rotate(-25deg);
}
.picknic_intro .picknic_intro_item:nth-child(10) .tag_box{
  top: 10px; right: -10px;
  transform: rotate(-50deg);
}
.picknic_intro .picknic_intro_item:nth-child(11) .tag_box{
  top: 50%; right: 15%;
  transform: rotate(8deg);
}
.picknic_intro .picknic_intro_item:nth-child(12) .tag_box{
  bottom: 10%;
  transform: rotate(30deg);
}
.picknic_intro .picknic_intro_title{
  text-align: center;
  position: absolute;
  bottom: 0; left: 50%;
  transform: translateX(-50%); 
}
.picknic_intro .picknic_intro_title>h3{
  font-size: 48px; font-weight: 500;
}
.picknic_intro .picknic_intro_title>p{
  font-size: 24px; font-size: 300;
}

/* home intro style */
.home_intro{
  padding: 120px 0;
  display: flex;
}
.home_intro>div{
  width: 50%; height: 100%;
  display: flex; flex-wrap: wrap;
}
.home_intro .home_intro_imgbox{
  width: 50%; height: 50%;
  overflow: hidden;
}
.home_intro>.home_intro_right>div:nth-child(2){
  width: 50%; height: 100%;
  display: flex; flex-wrap: wrap;
}
.home_intro>.home_intro_right>div:nth-child(2)>div{
  width: 100%; height: 50%;
}
.home_intro>.home_intro_right>.home_intro_imgbox:nth-child(1){
  height: 100%;
}
.home_intro .home_intro_imgbox{
  position: relative;
  transition: .5s;
}
.home_intro .home_intro_imgbox img{
  position: absolute;
}
.home_intro .home_intro_imgbox img:nth-child(1){
  z-index: 1;
}
.home_intro .home_intro_imgbox:hover img:nth-child(1){
  opacity: 0;
  transition: .5s;
}
.home_intro_left .home_intro_imgbox:nth-child(1){
  border-bottom-right-radius: 100%;
}
.home_intro_left .home_intro_imgbox:nth-child(2){
  border-top-right-radius: 100%;
}
.home_intro_left .home_intro_imgbox:nth-child(4){
  border-radius: 50%;
}
.home_intro_left .home_intro_imgbox:nth-child(4)>img{
  object-position: top;
}
.home_intro_right>.home_intro_imgbox{
  border-bottom-left-radius: 180px;
  border-bottom-right-radius: 180px;
}
.home_intro_right>div:nth-child(2)>.home_intro_imgbox{
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.home_intro_left .home_intro_imgbox:hover,
.home_intro .home_intro_right .home_intro_imgbox:hover{
  border-radius: 0;
}
.home_intro_left .home_intro_imgbox:nth-child(3):hover{
  border-radius: 50%;
}
.home_intro_right .home_intro_textbox{
  text-align: right;
}
.home_intro_right .home_intro_textbox>h4{
  font-size: 48px; font-weight: 500;
  margin: 40px 0 50px 0;
}
.home_intro_right .home_intro_textbox>p{
  font-size: 24px; font-weight: 300;
}

/* home style */
.section_left .home_slide_wrap{
  width: 420px; height: 100%;
  overflow: hidden;
  margin-right: 30px;
}
.section_left .home_slide_container{
  height: 100%;
  display: flex;
}
.section_left .home_slide_item{
  width: 420px; height: 100%;
  flex-shrink: 0;
}

/* coupon style */
.coupon{
  padding: 180px 0;
  display: flex; flex-direction: column;
  justify-content: space-between;
}
.coupon h3{
  font-size: 64px; font-weight: 400;
}
.coupon h3 span{
  display: inline-block;
  text-align: center;
  width: 60px;
  margin: 0 20px;
  position: relative;
}
.coupon h3 span::after{
  content: '';
  background: url(./img/star_cilcle.png) no-repeat center/cover;
  width: 90px; height: 90px;
  position: absolute;
  top: -5px; left: -15px;
  /* transform: translate(-50%, -50%); */
  transform-origin: 50% 50%;
  animation: turn 20s linear infinite;
}
.coupon .coupon_link{
  width: 100%; height: 370px;
  display: flex; gap: 10px;
}
.coupon .coupon_card{
  position: relative;
  color: #fff;
  cursor: pointer;
}
.coupon .coupon_card .coupon_card_front{
  width: 280px; height: 100%;   
  background-color: #0c0c0c;
  padding: 0px 20px 20px;
}
.coupon .coupon_card>div{
  backface-visibility: hidden;
  transition: .5s;
}
.coupon .coupon_card .corner{
  width: 70px; height: 70px;
  position: absolute;
  right: 0;
}
.coupon .coupon_card .coupon_arrow_btn{
  width: 25px; height: 25px;
  position: absolute;
  top: 5px; right: 5px;
}
.coupon .coupon_card .card_top{
  width: 100%; height: 110px;
  padding-top: 20px;
}
.coupon .coupon_card .card_top>p:nth-child(1){
  font-weight: 200; font-size: 36px;
  margin-bottom: 8px;
}
.coupon .coupon_card .card_top span{
  font-size: 20px;
}
.coupon .coupon_card .card_top>p:nth-child(2){
  font-size: 20px; line-height: 1;
}
.coupon .coupon_card .card_middle{
  width: 100%; height: 130px;
  border-bottom: 1px solid #fff;
  display: flex; justify-content: end;
  align-items: end;
}
.coupon .coupon_card .coupon_card_img{
  width: 80px; height: 110px;
}
.coupon .kakao_coupon .coupon_card_img{
  width: 110px; height: 100px;
  margin-bottom: 10px;
}
.coupon .coupon_card .card_bottom{
  width: 100%; height: 100px;
  margin-top: 15px;
  display: flex; justify-content: space-between;
  align-items: center;
}
.coupon .coupon_card .coupon_card_back{
  width: 100%; height: 100%;
  position: absolute;
  top: 0; left: 0;
  background-color: #0c0c0c;
  text-align: center;
  padding-top: 80px;
  transform: rotateY(180deg);
}
.coupon .coupon_card:hover .coupon_card_front{
  transform: rotateY(-180deg);
}
.coupon .coupon_card:hover .coupon_card_back{
  transform: rotateY(0deg);
}
.coupon .coupon_card .coupon_card_back>p:nth-child(1){
  font-size: 20px; margin-bottom: 10px;
}
.coupon .coupon_card .coupon_card_back>p:nth-child(2){
  font-size: 40px;
}
.coupon .coupon_card .coupon_card_back>p:nth-child(3){
  margin-bottom: 10px;
}
.coupon .welcome_coupon .card_bottom, .coupon .kakao_coupon .card_bottom{
  align-items: end;
}
.coupon .coupon_card .coupon_value{
  width: 100px; height: 100px;
  position: relative;
}
.coupon .coupon_card .coupon_value>p{
  font-size: 40px; color: #0c0c0c;
  position: absolute;
  top: 50%; left: 55%;
  transform: translate(-50%, -50%);
}
.coupon .coupon_card .coupon_value>p>span{
  font-size: 20px;
}
.coupon .coupon_card .coupon_period{
  font-size: 20px; font-weight: 100;
  text-align: right;
}
.coupon .welcome_coupon .coupon_period,
.coupon .kakao_coupon .coupon_period{
  margin-bottom: 10px;  
}

/* footer style */
.footer_logo_sns{
  width: 1440px; margin: 200px auto 0;
  display: flex; justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.footer_logo_sns .footer_logo{
  display: flex; align-items: center;
  gap: 10px;
  font-size: 20px; font-weight: 100;
}
.footer_logo_sns .footer_logo_img{
  width: 200px;
}
.footer_logo_sns .sns{
  display: flex; gap: 30px;
}
.footer_logo_sns .sns>div{
  width: 24px; height: 24px;
}
.footer_img{
  width: 1440px; height: 260px;
  margin: 0 auto; padding: 20px;
  background: url(./img/footer_img.png) no-repeat center/cover;
  display: flex; justify-content: end; align-items: end;
}
.footer_img .footer_info{
  display: flex; gap: 30px;
  line-height: 1.7;
  color: #fff; font-size: 14px;
  font-weight: 300;
}
.footer_img .brand_info:nth-child(1),
.footer_img .brand_info:nth-child(3){
  font-weight: 500;
}