30% off

Bag AIR BLACK

$72.07 AUD $102.95
COLOR

A smart accessory for parents!

This detachable bag is compatible with the Hip Seat Carrier 365. Store all your daily essentials and take it out whenever you need to on outings with your little one.
Pairs well with
Hip Seat Carrier 365 Gray
$79.61 AUD $112.96
Sale

835 reviews
Stroller Bag Gray
$72.36 AUD $97.01
Sale

5 reviews
<style>
/* 여기부터 */

.nd .detail_section[id*="detail"] .cont {
color: #000 !important;
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"); img {
width: 100%;
}

p {
margin: 15px 0;
}

strong {
font-weight: 700;
}
/* 전체 wrap */

#prdDetailWrapAll_new {
color: #333333; font: 12px "Pretendard Variable", Pretendard, sans-serif; background: #fff; font-weight: 400; max-width: 860px;
}
/* 부분 wrap */

.prdDetailWrap {
position: relative;
}
/* 비디오 사이즈별 wrap */

.vWrap1 {
padding: 94% 0 0 0;position: relative;  margin: 0!important; margin-bottom:10px!important;
}

.vWrap2 {
padding: 100% 0 0 0;position: relative; margin: 30px 0;
}

.vWrap3 {
padding: 76% 0 0 0;position: relative; margin: 0 30px;
}
/* 항목 기본 옵션 */

.txtW100 {
width: 100%;
}

.bgImg img {
margin-bottom: 10px;
}

.txtPosAb {
position: absolute; z-index: 99;
}

.bgImg {
margin: 0 auto; padding: 0;
}

.bgImg_sub {
margin: 0 auto; padding: 25px 30px;
}

.bgImg_sub2 {
position: relative; margin: 0 auto;  margin-bottom: 20px;
}
/* 폰트 사이즈 */

.txtH1 {
font-size: 35px; line-height: 58px; font-weight: 800;
}

.txtH2 {
font-size: 28px; line-height: 1.5; font-weight: 800;
}

.txtB1 {
font-size: 35px; line-height: 44px; font-weight: 400;
}
/* 안아 채우고 당기면 끝 간편한 착용! 부분 텍스트 모바일 고려 추가 */

.txtH2a {
font-size: 44px; line-height: 62px; font-weight: 800;
}

.txtB1a {
font-size: 35px; line-height: 44px; font-weight: 700;
}

.txtB1b {
font-size: 25px; line-height: 1.5; font-weight: 500;
}

.txtB1c {
font-size: 35px; line-height: 44px; font-weight: 400;
}

.txtB2a {
font-size: 28px; line-height: 36px; font-weight: 700;
}

.txtB2 {
font-size: 16px; line-height: 30px; font-weight: 500;
}

.txtB3 {
font-size: 50px; line-height: 55px; font-weight: 500;
}

.txtB4 {
font-size: 28px; line-height: 32px; font-weight: 500;
}

.txtLS6 {
letter-spacing: 6px;
}
/* 항목 레이아웃 정렬 */

.txtAlignT20 {
top: 20px;
}

.txtAlignT40 {
top: 40px;
}

.txtAlignT80 {
top: 77px;
}

.txtAlignT95 {
top: 95px;
}

.txtAlignT25L20 {
top: 25px; left: 20px;
}

.txtAlignT40L40 {
top: 40px; left: 40px;
}

.txtAlignT40R40 {
top: 40px; right: 40px;
}

.txtAlignT60L40 {
top: 60px; left: 38px;
}

.txtAlignB60 {
bottom: 60px;
}

.txtAlignB40 {
bottom: 40px;
}

.txtAlignB40ML15 {
bottom: 40px; left: 38px;
}

.txtAlignB40R40 {
bottom: 40px; right: 38px;
}

.txtAlignB40MR15 {
bottom: 40px; right: 38px;
}

.txtAlignB40L40 {
bottom: 40px; left: 38px;
}

.txtAlignB60R40 {
bottom: 60px; right: 38px;
}

.txtAlignB60L40 {
bottom: 60px; left: 38px;
}

.txtAlignB0 {
bottom: 0;
}
/* 항목간 너비 조정 */

.wrapPad2 {
padding: 20px 0;
}

.wrapPad2a {
padding: 20px 0;
}

.wrapPad3all {
padding: 20px;
}

.wrapPad3alla {
padding: 0;
}

.wrapPad3 {
padding: 30px 0;
}

.wrapPad3a {
padding: 30px 0;
          padding-bottom: 80px;
}

.wrapPad3b {
padding: 30px 0;
}

.wrapPad4 {
padding: 40px 0;
}

.wrapPad5 {
padding: 50px 0;
}

.wrapPad7 {
padding: 70px 0;
}

.wrapPad8 {
padding: 80px 0;
}

.wrapPad8a {
padding: 80px 0;
}

.wrapPad8000 {
padding: 80px 0 20px 0;
}

.wrapPad9 {
padding: 90px 0;
}

.wrapPad9b {
padding: 90px 0;
}

.wrapPad9_0 {
padding: 90px 0 5px 0;
}

.wrapPad1560 {
padding: 15px 0 60px 0;
}

.wrapPad6030 {
padding: 70px 0 25px 30px;
}

.wrapPad4530 {
padding: 45px 30px 45px;
}

.wrapPad30110 {
padding: 20px 30px;
}

.wrapPadL15 {
padding-left: 15px;
}

.wrapPadR15 {
padding-Right: 15px;
}

.wrapPadL25 {
padding-left: 25px;
}

.wrapPadR25 {
padding-Right: 25px;
}

.wrapPadL30 {
padding-left: 30px;
}

.wrapPadR30 {
padding-Right: 30px;
}

.wrapPadL35 {
padding-left: 35px;
}

.wrapPadR35 {
padding-Right: 35px;
}

.wrapPadB0 {
padding-bottom: 0;
}

.wrapPadB30 {
padding-bottom: 30px;
}

.wrapPadB30a {
padding-bottom: 30px;
}

.wrapPadB70 {
padding-bottom: 50px;
}
/* 항목 사이 공백 */

.wrapBlank75 {
height: 75px;
}

.wrapBlank35 {
height: 35px;
}
/* 텍스트 단락간 너비 조정 */

.txtTitlePad10 {
padding: 10px 0;
}

.txtTitlePad20 {
padding: 20px 0;
}

.txtTitlePad20a {
padding: 20px 0;
}

.txtTitlePad30 {
padding: 30px 0;
}

.txtTitlePad15_25 {
padding: 15px 0 25px;
}

.txtTitlePad10_0 {
padding: 10px 0 0 0;
}

.txtTitlePad20_0 {
padding: 20px 0 0 0;
}

.txtTitlePad30_0 {
padding: 30px 0 0 0;
}

.txtTitlePad40_0 {
padding: 40px 0 0 0;
}

.txtTitlePad140_0 {
padding: 140px 0 0 0;
}
/* 텍스트 정렬 */

.txtAlignC {
text-align: center;
}

.txtAlignR {
text-align: right;
}

.txtAlignL {
text-align: left;
}
/* 텍스트 컬러 */

.txtColW {
color: #ffffff;
}

.txtColMain {
color: #333333;
}

.txtColSub {
color: #999999;
}
/* 배경색 */

.bgColMain {
background: #fff;
}

.bgColSub {
background: #7BB199;
}

.bgColSub2 {
background: #F0F0F0;
}
/* 텍스트 섀도우 효과 */

.txtSdwB {
text-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);
}

.txtSdwW {
text-shadow: 3px 3px 3px rgb(255, 255, 255, 0.2);
}
/* ul 타입1 : 텍스트만(각 텍스트 앞 체크 아이콘) */

.txtUl1 li {
background: url('https://cdn.shopify.com/s/files/1/0485/0486/4929/files/JP_365_icon08.png?v=1750142594') no-repeat left center/50px; padding: 0 0 0 46px; margin: 0 0 0 3px; height: 46px; line-height: 40px;
}

.txtUl1a li {
position: relative; height: 110px; padding-top: 54px;
}

.txtUl1a li div {
background: url('https://cdn.shopify.com/s/files/1/0485/0486/4929/files/JP_365_icon08.png?v=1750142594') no-repeat center center/57px; width: 50px; height: 50px; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0);
}
/* ul 타입2 : 이미지 & 텍스트 4개 */

.txtUl2 {
text-align: center;
}

.txtUl2 li {
display: inline-block; width: 25%; padding: 0 12px;
}

.txtUl2 li span {
display: inline-block; padding-bottom: 10px;
}

.txtUl2 li img {
width: 100%;
}
/* ul 타입3 : 이미지 & 텍스트 1개(이미지 좌측) */

.txtUl3 {
text-align: left;
}

.txtUl3 li {
display: inline-block; vertical-align: middle;
}

.txtUl3 li img {
width: 100%;
}

.txtUl3 li:nth-child(1) {
padding-right: 10px; width: 25%;
}

.txtUl3 li:nth-child(2) {
text-align: left;
}
/* ul 타입4 : 이미지 & 텍스트 1개(이미지 우측) */

.txtUl4 {
text-align: right;
}

.txtUl4 li {
display: inline-block; vertical-align: middle;
}

.txtUl4 li img {
width: 100%;
}

.txtUl4 li:nth-child(1) {
text-align: right;
}

.txtUl4 li:nth-child(2) {
padding-left: 10px; width: 25%;
}
/* ul 타입5 : 컬러 옵션 부분 제품 사진 */

.txtUl5 {
text-align: center;
}

.txtUl5 li {
display: inline-block; width: 30%; padding: 0 12px; font-size: 1rem;
}

.txtUl5 li span {
display: inline-block; padding-bottom: 10px;
}

.txtUl5 li img {
width: 100%;
}
/* ul 타입6 : 컬러 옵션 부분 컬러칩 */

.txtUl6 {
text-align: center; width: 85%; margin: 0 auto;
}

.txtUl6 li {
display: inline-block; padding: 0 12px;
}

.txtUl6 li span {
display: inline-block; padding-bottom: 10px;
}

.txtUl6 li img {
width: 100%;
}
/* ul 타입7 : 컬러 옵션 부분 컬러칩별 텍스트 */

.txtUl7 {
text-align: center; width: 85%; margin: 0 auto;
}
/* ul 타입8 : 이미지 & 텍스트 3개 */

.txtUl8 {
text-align: center; padding: 0;
}

.txtUl8 li {
display: inline-block; width: 24%; padding: 0 16px; vertical-align: top;
}

.txtUl8 li span {
display: inline-block; padding-bottom: 10px;
}

.txtUl8 li img {
width: 100%;
}
/* ul 타입9 : 텍스트 좌우 2개 */

.txtUl9 li {
width: 50%; float: left; padding: 0;
}

.txtUl9 li span {
display: inline-block; padding-bottom: 20px;
}
/* 이런 분들께 추천해요 체크 버튼 이미지 */

.checkButton {
top: 50%; left: 50%; transform: translate(-50%, -50%);
}
/* 슬라이드 관련 */

swiper-container {
width: 100%;
}

swiper-slide {
text-align: center;
}

swiper-slide img {
width: 100%;
}

.type0 swiper-slide {
width: 90%;
}

.type2 swiper-slide {
width: 60%;
}

.type3 swiper-slide {
width: 75%; padding-bottom: 40px;
}

.type5 swiper-slide {
padding-bottom: 40px;
}
/* 컬러 옵션 부분 */

.colorOptWrapAll {
padding: 0 20px;
}

.colorOptDetail {
cursor: pointer; width: 56px!important; height: 56px; border-radius: 999rem; padding: 0!important; margin: 0 6px; background-size: cover;
}

.colorOptDetail.focused {
box-shadow: 0 0 0 4px #000 inset;
}

.col1 {
background-image: url('/web/product/option_button/202407/906f46d30ccc6f735250df6f5fa65373.jpg');
}

.col2 {
background-image: url('/web/product/option_button/202407/4c05be30450b423cbc9e50ff6a8ead6b.jpg');
}

.col3 {
background-image: url('/web/product/option_button/202407/d21afb03d02561d8f2a0b2586e93b083.jpg');
}

.col4 {
background-image: url('/web/product/option_button/202407/e03e0d0c187260ed84670245273276e9.jpg');
}

.col5 {
background-image: url('/web/product/option_button/202407/91deddde6876417b6492722c28147cef.jpg');
}

.col6 {
background-image: url('/web/product/option_button/202409/50851ef26b08bc60b484718738baa396.png');
}

.col7 {
background-image: url('/web/product/option_button/202409/dc3d16528e9781462d7679803974c041.png');
}

.col8 {
background-image: url('/web/product/option_button/202409/273a98ba41dc0a62e9ac465066b015ad.png');
}

.colorOptDetail2 {
width: 38px!important; height: 38px; border-radius: 999rem; padding: 0!important; margin: 0 8px; background-size: cover;
}

.colorOptTxt {
display: none; padding-bottom: 8px;
}

.colorOptTxt .colorOptTxtSubWrap {
margin: 0 auto; display: inline-block;
}

.colorOptTxt .sub {
float: left; height: 38px; line-height: 38px;
}

.colorOptWrap {
display: none;
}

.colorOptTxt:nth-child(1) {
display: block;
}

.colorOptWrap:nth-child(1) {
display: block;
}

.colorOptWrap swiper-slide {
width: 65%;
}

.colorOptWrap swiper-slide img {
width: 100%;
}

.slideTipWrap {
display: none;
}

.slideTipWrap:nth-child(1) {
display: block;
}

.sliderTipBtn .slideTip {
background: #fff; color: #599e7e; padding: 4px 16px 8px; border-radius: 24px; cursor: pointer;
}

.sliderTipBtn .slideTip.focused {
font-weight: 800;
}

.addPos1 {
top: 21px;
   
    left: 22px;
    text-align: left;
}

.addHeight20 {
height: 0;
}

.intro_txt {
font-size: 23px; line-height: 1.5;
}

.height-35 {
height: 35px; overflow: hidden;
}

.intro_tit {
font-size: 38px;
line-height: 66px !important;
}

       .hippad-video {margin-bottom:24px!important;}

  /*컬러칩 슬라이드 재수정 CSS*/
  .color_slide_365-wrap {
    max-width: 490px;
    margin: 0 auto;
    text-align: center;
  }
  .color_slide_365-header {
    margin-bottom: 16px;
  }
  .color_slide_365-chip-wrap {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 16px 0;
  }
  .color_slide_365-chip {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
  }
  .color_slide_365-chip.active {
    border-color: #000;
  }
  .color_slide_365-swiper {
    max-width: 490px;
    margin: 0 auto;
    overflow: hidden;
  }
  .color_slide_365-swiper .swiper-wrapper {
    display: flex;
    transition-timing-function: ease;
  }
  .color_slide_365-swiper .swiper-wrapper .swiper-slide {
    flex-shrink: 0;
    width: calc((490px - 10px) / 1.5); /* 슬라이드 1.5장 보이게 */
    margin-right: 10px;
    box-sizing: border-box;
  }
  .color_slide_365-swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    display: block;
   
  }
  .color_slide_365-progress {
    max-width: 490px;
    margin: 10px auto 30px;
    height: 4px;
    background: #eee;
    border-radius: 2px;
    overflow: hidden;
  }
  .color_slide_365-progress-fill {
    height: 100%;
    width: 0%;
    background: #000;
    transition: width 0.3s ease;
  }
  /*컬러칩 슬라이드 재수정 CSS끝*/


  /*선물포장 CSS*/

  /* 전체 섹션 */
.gift-section {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  font-family: 'Noto Sans JP', 'Pretendard', sans-serif;
  color: #222;
  margin-bottom: 50px;
}

/* 상단 텍스트 */
.gift-text-top {
  margin-bottom: 24px;
}

.gift-text-top h2 {
         /* 이미지랑 거의 동일 */
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 18px;
}

.gift-text-top p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #444;
}

/* 이미지 */
.gift-image img {
  width: 100%;
  display: block;
}

/* 하단 텍스트 */
.gift-text-bottom {
  margin: 20px;
}

.gift-text-bottom p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: #444;
  margin-bottom: 14px;
}

.gift-text-bottom small {
  font-size: 12px;
  line-height: 1.7;
  color: #777;
  display: block;
}
/*선물포장 CSS끝*/
      
      
.airMainSlide {
  width: 100%;
  position: relative;
}

.airHeroSwiper {
  width: 100%;
  position: relative;
  display: block;
   overflow: hidden;
}
.airHeroPagination {
   position: absolute !important;
  left: 50%;
  bottom: 30px !important;
  transform: translateX(-50%);
  width: auto !important;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
.airHeroPagination .swiper-pagination-bullet {
   width: 8px;
  height: 8px;
  margin: 0 4px !important;
  background: rgba(255,255,255,.5);
  opacity: 1;
}

.airHeroPagination .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-bullet-active {
    background: #fff;

}
.airHeroItem {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.airHeroItem > img {
  width: 100%;
  display: block;
}

.airHeroText {
  position: absolute;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
}

.airLogo {
  width: 210px;
  display: block;
  margin: 0 auto 18px;
}

.airTitle {
  font-size: 92px;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.03em;
}

/* 페이지네이션 이미지 안쪽 하단 */
.airHeroSwiper::part(pagination) {
  position: absolute;
  bottom: 28px;
  left: 0;
  width: 100%;
  z-index: 5;
}

.airHeroSwiper::part(bullet) {
  width: 7px;
  height: 7px;
  background: rgba(255,255,255,0.55);
  opacity: 1;
}

.airHeroSwiper::part(bullet-active) {
  background: #fff;
}
.airMainSlide .airHeroSwiper {
  position: relative !important;
  overflow: hidden !important;
}
.airMainSlide .airHeroPagination.swiper-pagination-bullets {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 28px !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  z-index: 50 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px;
}
.airMainSlide .airHeroPagination .swiper-pagination-bullet {
  margin: 0 !important;
  width: 7px;
  height: 7px;
  background: rgba(255,255,255,.55);
  opacity: 1;
}
.airMainSlide .airHeroPagination .swiper-pagination-bullet-active {
  background: #fff;
}

.airHeroItem{
    position:relative;
    overflow:hidden;
}

.airHeroItem img{
    width:100%;
    display:block;
}

/* 텍스트 영역 */
.airHeroTextTop{
    position:absolute;
    top:10%;
    left:50%;
    transform:translateX(-50%);
    text-align:center;
    width:90%;
    z-index:10;
}

/* 로고 */
.airLogoTop{
    width:89px;
    display:block;
    margin:0 auto 10px;
}

/* 제품명 */
.airHeroTitle{
    color:#fff;
    font-size:40px;
    font-weight:700;
    line-height:1.3;
    letter-spacing:-0.02em;
}


.airTypeList {
  width: 100%;
  background: #f4f4f4;
}

.airTypeRow {
  display: flex;
  align-items: center;
  min-height: 230px;
  background: #f4f4f4;
  overflow: hidden;
}

.airTypeText,
.airTypeImg {
  width: 50%;
}

.airTypeText {
  height: 230px;
  padding: 36px 18px 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.airTypeText h2 {
  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.04em;
  margin: 0 0 18px;
  color: #000;
}

.airTypeText p {
  font-size: 15px;
  line-height: 1.45;
  font-weight: 400;
  margin: 0;
  color: #111;
}

.airTypeText strong {
  margin-top: auto;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 800;
  color: #000;
}

.airTypeImg {
  height: 230px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.airTypeImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom center;
  display: block;
}

.air-grid {
width: 100%; max-width: 1540px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); background: #f5f5f5;
}

.air-box {
aspect-ratio: 1 / 1.4; background: #f5f5f5; overflow: hidden;
}

.img-box img {
width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;
}

.text-box {
display: flex; flex-direction: column; justify-content: center; padding: 8%; box-sizing: border-box;
}
  .text-box p:last-child{
    margin-top:auto;
}

.text-box h2 {
margin: 0 0 28px; font-size: 31px; line-height: 1.18; font-weight: 800; color: #000;
}

.text-box p {
margin: 0; font-size: 21px; line-height: 1.45; font-weight: 400; color: #000;
}

.text-box p strong {
font-weight: 700;
}
.airFeatureVisual {
position: relative; width: 100%;
}

.airFeatureVisual > img {
width: 100%; display: block;
}
/* 타이틀 */

.airFeatureTitle {
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center; color: #fff;
}

.airFeatureTitle h2 {
margin: 0; font-size: 35px; font-weight: 800; line-height: 1.2;color: #fff;
}

.airFeatureTitle p {
margin-top: 18px; font-size: clamp(16px, 3vw, 28px); font-weight: 400; line-height: 1.4;
}
/* 아이콘 영역 */

.airFeatureIcons {
position: absolute; left: 50%; bottom: 6%; transform: translateX(-50%); width: 92%; display: flex; justify-content: space-between; align-items: flex-start;
}

.iconItem {
width: 23%; text-align: center;
}

.iconItem img {
width: 100%; display: block;
}

.iconItem span {
display: block; margin-top: 10px; color: #fff; font-size: clamp(11px, 2vw, 18px); line-height: 1.3;
}
   .air-feature {
position: relative; width: 100%; max-width: 1540px; margin: 0 auto; overflow: hidden;
}

.feature-img {
width: 100%; display: block;
}

.feature-content {
position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 5% 4%; box-sizing: border-box; text-align: left;
}

.feature-content h2 {
margin: 0; color: #fff; font-weight: 800; line-height: 1.15; font-size: 43px;
}

.feature-content p {
margin: 0; color: #fff; font-weight: 500; line-height: 1.35; font-size: clamp(18px, 2vw, 34px);
} 
  
  .easy-visual {
position: relative; width: 100%; margin: 0 auto; overflow: hidden;
}

.easy-visual-img {
width: 100%; display: block;
}

.easy-visual-text {
position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; font-weight: 800; line-height: 1.05; white-space: nowrap;
}

.easy-visual-text p {
margin: 0; font-size: clamp(22px, 5vw, 30px);
}

.easy-visual-text h2 {
margin: 0; font-size: 29px; font-weight: 900;    color: #fff
}

.split-img{
    position:relative;
}

.split-img img{
    width:100%;
    display:block;
}

.safety-note{
    position:absolute;
    left:50%;
    bottom:-1px;
    transform:translateX(-50%);

    width:90%;
    text-align:center;

    color:#fff;
    font-size:11px;
    line-height:1.5;
    font-weight:400;

    text-shadow:0 1px 3px rgba(0,0,0,.4);
}
.ma_b_20 {margin-bottom: 20px;}

.airBagSection {
width: 100%; padding: 40px 0 70px; position: relative;overflow: hidden;
}

.airBagTitle {
text-align: center; margin-bottom: 30px; margin-top: 20px;
}

.airBagTitle h2 {
margin: 0; font-size: clamp(28px, 5vw, 52px); font-weight: 800; line-height: 1;
}

.airBagTitle p {
margin: 10px 0 0; font-size: clamp(14px, 2vw, 24px);
}

.airBagSwiper {
width: 100%;display: block;  overflow: hidden;
}

.airBagSwiper swiper-slide {
width: 100% !important; height: auto;
}

.airBagSwiper swiper-slide img {
width: 100% !important; height: auto !important; display: block; object-fit: cover;
}

.airBagSwiper img {
width: 100%; display: block;
}

.airBagSwiper::part(bullet) {
width: 12px; height: 12px; opacity: 1; background: #d0d0d0;
}

.airBagSwiper::part(bullet-active) {
background: #000; width: 12px; height: 12px;
}
  .mainVisualWrap img {
width: 100%; display: block;
}

.mainVisualTxt {
position: absolute; top: 8%; left: 50%; transform: translateX(-50%); width: 90%; text-align: center; color: #fff; z-index: 10;
}

.mainVisualTxt .sub {
font-size: clamp(18px, 3vw, 34px); font-weight: 700; line-height: 1; margin-bottom: 12px;
}

.mainVisualTxt .title {
font-size: clamp(32px, 6vw, 68px); font-weight: 800; line-height: 1.1;
}

.air-title-wrap {
  text-align: center;
    padding: 22px 0px;
}

.waterproofVisual {
position: relative; width: 100%;
}

.waterproofVisual > img {
width: 100%; display: block; margin-bottom: 10px;
}

.waterproofText {
position: absolute; top: 6%; left: 50%; transform: translateX(-50%); width: 90%; text-align: center; color: #fff; z-index: 10;
}

.waterproofText h2 {
margin: 0; font-size:33px; font-weight: 900; line-height: 1.1; color: #fff;
}

.waterproofText p {
margin: 8px 0 0; font-size: 19px; font-weight: 500; line-height: 1.4;
}

  .airUseSwiper {
  width: 100%;
  padding-left: 7px;
  padding-bottom: 34px;
  box-sizing: border-box;
  overflow: visible;
      overflow: hidden;
      margin: 0;
}

.airUseSwiper .swiper-slide {
  width: 75%;
}

.airUseSwiper .swiper-slide img {
  width: 100%;
  display: block;
}

.airUsePagination.swiper-pagination-progressbar {
  position: relative;
  width: 78%;
  height: 3px;
  margin: 26px auto 0;
  background: #cfcfcf;
}

.airUsePagination .swiper-pagination-progressbar-fill {
  background: #000;
}



      /* 모바일일 때 CSS 부분 */

@media (max-width: 850px) {
/* 전체 wrap */
#prdDetailWrapAll_new {
width: 100%;
}
/* 폰트 사이즈 */
.txtH1 {
font-size: 25px; line-height: 35px;
}
.txtH2 {
font-size: 19px; line-height: 28px;
}
.txtB1 {
font-size: 15px; line-height: 20px;
}
/* 안아 채우고 당기면 끝 간편한 착용! 부분 텍스트 모바일 고려 추가 */
.txtH2a {
font-size: 28px; line-height: 42px;
}
.txtB1a {
font-size: 16px; line-height: 34px;
}
.txtB1b {
font-size: 24px; line-height: 1.3;font-weight: 700;
}
.txtB1c {
font-size: 16px; line-height: 20px;
}
.txtB2a {
font-size: 14px; line-height: 18px;
}
.txtB2 {
font-size: 14px; line-height: 16px;
}
.txtB3 {
font-size: 21px; line-height: 26px;
}
.txtB4 {
font-size: 12px; line-height: 15px;
}
.txtLS6 {
letter-spacing: 2px;
}
/* swiper 관련(컬러 옵션 부분 슬라이드) */
swiper-container {
width: 100%; height: 100%;
}
/* 항목 레이아웃 정렬 */
a .txtAlignT95 {
top: 30px;
}
.txtAlignT40R40 {
top: 16px; right: 16px;
}
.txtAlignT60L40 {
top: 30px; left: 20px;
}
.txtAlignB40R40 {
bottom: 25px; right: 20px;
}
.txtAlignB60L40 {
bottom: 25px; left: 20px;
}
.txtAlignB60R40 {
bottom: 25px; right: 20px;
}
.txtAlignB40ML15 {
bottom: 20px; left: 15px;
}
.txtAlignB40MR15 {
bottom: 20px; right: 15px;
}
.txtAlignT40L40 {
top: 20px; left: 20px;
}
.txtAlignT25L20 {
top: 15px; left: 12px;
}
.txtAlignB40 {
bottom: 20px;
}
.txtAlignB40L40 {
bottom: 25px; left: 20px;
}
.txtAlignT60L40 {
top: 25px; left: 20px;
}
.txtAlignB60 {
bottom: 38px;
}
.txtTitlePad30 {
padding: 12px 0;
}
/* ul 타입1 : 텍스트만(각 텍스트 앞 체크 아이콘) */
.txtUl1 li {
background: url('https://cdn.shopify.com/s/files/1/0485/0486/4929/files/JP_365_icon08.png?v=1750142594') no-repeat left center / 28px; height: 24px; line-height: 25px; padding: 0 0 1px 25px;
}
/* ul 타입2 : 이미지 & 텍스트 4개 */
.txtUl2 li {
width: 24%; padding: 0;
}
/* ul 타입3 : 이미지 & 텍스트 1개(이미지 좌측) */
.txtUl3 li {
padding: 0 3px;
}
.txtUl3 li:nth-child(1) {
width: 17%; padding: 0;
}
/* ul 타입4 : 이미지 & 텍스트 1개(이미지 우측) */
.txtUl4 li {
padding: 0 3px;
}
.txtUl4 li:nth-child(2) {
width: 17%; padding: 0;
}
/* ul 타입5 : 컬러 옵션 부분 제품 사진 */
.txtUl5 li {
padding: 0 4px;
}
/* ul 타입8 : 이미지 & 텍스트 3개 */
.txtUl8 li {
width: 24%; padding: 0 5px;
}
/* 항목간 너비 조정 */
.wrapPad2 {
padding: 0;
}
.wrapPad2a {
padding: 8px 0;
}
.wrapPad3 {
padding: 0 0 10px 0;
}
.wrapPad3a {
padding: 0 0 40px 0;
}
.wrapPad3b {
padding: 0 0 40px 0;
}
.wrapPad4 {
padding: 20px 0;
}
.wrapPad5 {
padding: 20px 0;
}
.wrapPad7 {
padding: 35px 0 10px;
}
.wrapPad8 {
padding: 35px 6px;
}
.wrapPad8a {
padding: 35px 6px 20px;
}
.wrapPad8000 {
padding: 50px 0 15px 0;
}
.wrapPad9 {
padding: 40px 0;
}
.wrapPad9b {
padding: 40px 0 25px 0;
}
.wrapPad9_0 {
padding: 40px 0 0 0;
}
.wrapPadL {
padding-left: 8px;
}
.wrapPadLa {
padding-left: 0px;
}
.wrapPadR15 {
padding-right: 8px;
}
.wrapPadL15 {
padding-left: 8px;
}
.wrapPadR35 {
padding-right: 10px;
}
.wrapPadL35 {
padding-left: 10px;
}
.wrapPad6030 {
padding: 30px 0 10px 15px;
}
.wrapPad4530 {
        padding: 39px 15px 39px;
}
.wrapPad1560 {
padding: 12px 0 40px 0;
}
.wrapPadB70 {
padding-bottom: 15px;
}
/* 텍스트 단락간 너비 조정 */
.txtTitlePad10 {
padding: 26px 0;
}
.txtTitlePad20 {
padding: 10px 0;
}
.txtTitlePad20a {
padding: 5px 0;
}
.txtTitlePad20_0 {
padding: 5px 0 0 0;
}
.txtTitlePad15_25 {
padding: 10px 0 15px;
}
.txtTitlePad40_0 {
padding: 15px 0 0 0;
}
.txtTitlePad140_0 {
padding: 85px 0 0 0;
}
.txtTitlePad10_0 {
padding: 0 0 0 0;
}
/* 컬러 옵션 부분 */
.colorOptDetail {
width: 28px!important; height: 28px; margin: 0 2px;
}
.colorOptDetail2 {
width: 20px!important; margin: 0 4px;
}
.colorOptWrap {
padding: 0 10px;
}
.colorOptTxt .sub {
height: 20px; line-height: 20px;
}
.sliderTipBtn .slideTip {
paddig: 4px 12px;
}
/* 이런 분들께 추천해요 체크 버튼 이미지 */
.checkButton {
top: 40%; left: 50%; transform: translate(-50%, -50%); width: 28%;
}
.txtAlignT80 {
top:74px;
}
/* 그 외 추가 */
.wrapBlank75 {
height: 25px;
}
p {
margin: 10px 0;
}


.wrapPad3all {
padding: 10px;
}
/*
.vWrap2 { margin:0 15px; }
*/
.vWrap2 {
margin: 15px 0;
}
.txtUl1a li div {
background: url('https://cdn.shopify.com/s/files/1/0485/0486/4929/files/JP_365_icon08.png?v=1750142594') no-repeat center center/38px;
}
.txtUl1a li {
padding-top: 42px; height: 34px;
}
.type5 swiper-slide {
padding-bottom: 20px;
}
.colorOptDetail.focused {
box-shadow: 0 0 0 2px #000 inset;
}
.type0 swiper-slide {
width: 90%;
}
.type3 swiper-slide {
padding-bottom: 20px;
}
.wrapPadR30 {
padding-Right: 15px;
}
.wrapPadL30 {
padding-left: 15px;
}
.bgImg_sub2 {
margin-bottom: 10px;
}
.wrapPad30110 {
padding: 10px 15px;
}
.addPos1 {
right: 24px; bottom: 8px;
}
.wrapPadB30a {
padding-bottomㅍ: 0;
}
.addHeight20 {
height: 20px;
}
.addHeight43 {
height: 43px;
}
.colorOptWrap swiper-slide {
width: 77%!important;
}
.intro_txt {
font-size: 16px; line-height: 1.4;
}
.recommendHighlight {
font-size: 16px; line-height: 1.4;
}
.midDescTxt {
font-size: 18px!important; font-weight: 500;
}
      .midDescTxt02 {
        font-size: 16px!important; font-weight: 500;
      }
.intro_tit {
        font-size: 26px;
        line-height: 1.5 !important;
}

      /*선물포장 CSS 시작*/
       .gift-text-top h2 {
    font-size: 24px;
  }

  .gift-text-top p {
    font-size: 14px;
  }

  .gift-text-bottom p {
    font-size: 13px;
  }

  .gift-text-bottom small {
    font-size: 11px;
  }
    .airLogo {
    width: 150px;
    margin-bottom: 12px;
  }

  .airTitle {
    font-size: 68px;
  }

  .airHeroSwiper::part(pagination) {
    bottom: 20px;
  }


    .airTypeRow {
    min-height: 225px;
  }

  .airTypeText {
    height: 225px;
    padding: 34px 18px 22px;
  }

  .airTypeText h2 {
    font-size: 27px;
  }

  .airTypeText p {
    font-size: 14px;
  }

  .airTypeText strong {
    font-size: 14px;
  }

  .airTypeImg {
    height: 225px;
  }
      .air-grid {
grid-template-columns: repeat(2, 1fr);
}
.air-box {
aspect-ratio: 1 / 1.4;
}
.text-box {
padding: 7%;
}
.text-box h2 {
margin-bottom: 12px; font-size: 24px;
}
.text-box p {
font-size: clamp(14px, 4vw, 22px);
}
    .easy-visual {
width: 100%;
    max-width: 100%;
}
 
    .color_slide_365-progress {
         width: 75%;
    }

    .airHeroTitle{

    font-size:32px;
   
}
.waterproofText h2 {
font-size: 30px;
}
.waterproofText p {
font-size: 16px;
}

    
}

/* 모바일 텍스트 밀림/잘림 방지 추가 */
@media (max-width: 850px) {
  .intro_txt p,
  .midDescTxt,
  .text-box p,
  .color_slide_365-title {
    white-space: normal !important;
    word-break: keep-all;
    overflow-wrap: break-word;
  }

  .prdDetailWrap.bgColMain,
  .wrapPad4530 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .wrapPad4530 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
    transform: none !important;
  }

  .color_slide_365-wrap {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}

</style>
<p><a href="https://gooseket.jp/account/login"></a><video controlslist="nodownload nofullscreen noremoteplay" style="width: 100%; height: auto;" playsinline="" loop="loop" muted="" autoplay="autoplay"><img>
  <source type="video/mp4" src="https://cdn.shopify.com/videos/c/o/v/7bba0432118848c1816bf498edcd3dbb.mp4">
  Your browser does not support the video tag.
</source></video><br></p>
<div>
<br>
<section class="airMainSlide">
<div class="swiper airHeroSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="airHeroItem">
<img alt="" src="https://gooseket7.cafe24.com/web/AIR/airbag_12.jpg">
<div class="airHeroText">
<img class="airLogo" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/logo_W_4ed6676a-3fbd-4b30-a889-02b19309333b.png?v=1780880418">
<div class="airTitle">AIR</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="airHeroItem">
<img alt="" src="https://gooseket7.cafe24.com/web/AIR/airbag_01.jpg">
<div class="airHeroText">
<img class="airLogo" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/logo_W_4ed6676a-3fbd-4b30-a889-02b19309333b.png?v=1780880418">
<div class="airTitle">AIR</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="airHeroItem">
<img alt="" src="https://gooseket7.cafe24.com/web/AIR/airbag_11.jpg">
<div class="airHeroText">
<img class="airLogo" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/logo_W_4ed6676a-3fbd-4b30-a889-02b19309333b.png?v=1780880418">
<div class="airTitle">AIR</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="airHeroItem">
<img alt="" src="https://gooseket7.cafe24.com/web/AIR/airbag_07.jpg">
<div class="airHeroText">
<img class="airLogo" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/logo_W_4ed6676a-3fbd-4b30-a889-02b19309333b.png?v=1780880418">
<div class="airTitle">AIR</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="airHeroItem">
<img alt="" src="https://gooseket7.cafe24.com/web/AIR/airbag_06.jpg">
<div class="airHeroText">
<img class="airLogo" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/logo_W_4ed6676a-3fbd-4b30-a889-02b19309333b.png?v=1780880418">
<div class="airTitle">AIR</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="airHeroItem">
<img alt="" src="https://gooseket7.cafe24.com/web/AIR/airbag_13.jpg">
<div class="airHeroText">
<img class="airLogo" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/logo_W_4ed6676a-3fbd-4b30-a889-02b19309333b.png?v=1780880418">
<div class="airTitle">AIR</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="airHeroItem">
<img alt="" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/intro06_445c5562-3bcf-4377-8e3a-a9a5c55a6432.jpg?v=1780880455">
<div class="airHeroText">
<img class="airLogo" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/logo_W_4ed6676a-3fbd-4b30-a889-02b19309333b.png?v=1780880418">
<div class="airTitle">AIR</div>
</div>
</div>
</div>
</div>
<div class="airHeroPagination"><br></div>
</div>
</section>





<div class="airBagSection">
  <div class="airBagTitle">
    <h2>TRAVEL LIGHT</h2>
    <p>Made for lighter outings.</p>
  </div>

  <div class="swiper airBagSwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="https://gooseket7.cafe24.com/web/AIR/air_beige.jpg" alt="베이지">
      </div>
      <div class="swiper-slide">
        <img src="https://gooseket7.cafe24.com/web/AIR/air_mint.jpg" alt="민트">
      </div>
      <div class="swiper-slide">
        <img src="https://gooseket7.cafe24.com/web/AIR/air_gray.jpg" alt="그레이">
      </div>
      <div class="swiper-slide">
        <img src="https://gooseket7.cafe24.com/web/AIR/air_black.jpg" alt="블랙">
      </div>
    </div>

    <div class="swiper-pagination airBagPagination"></div>
  </div>
</div>





<div class="prdDetailWrap airHeroItem">
    <img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/airbag_main01.jpg?v=1780974603" alt="">

    <div class="airHeroTextTop">
        <img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/logo_w_new.png?v=1780886573" class="airLogoTop" alt="GOOSEKET" style="width:100px;">

        <div class="airHeroTitle">
          Bag AIR
        </div>
    </div>
</div>



<div class="air-title-wrap">

<h2 class="air-title">
One Bag,<br> Endless Possibilities 
</h2>

<p class="air-desc">
Transforms when you need it.<br> Ready whenever you go. 
</p>

</div>



<div class="prdDetailWrap">
<div class="bgImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/airbag_26.jpg?v=1780974618"></div>
</div>



<div class="air-title-wrap">

<h2 class="air-title">
Easy Wherever You Go!
</h2>

<p class="air-desc">
Quick attachment and removal <br>with Velcro for greater<br> everyday versatility. 
</p>

</div>




<div class="vWrap1" style="padding: 0; margin-bottom:10px;"><video src="https://cdn.shopify.com/videos/c/o/v/f8df2c9ed71a4857be6a019d71e76068.mp4" autoplay="autoplay" muted="" loop="loop" playsinline="" style="border: none; width: 100% !important; max-width: 800px !important; aspect-ratio: 1/1; display: block; margin: 0 auto;">
  </video></div>



  <div class="waterproofVisual">

<img src="https://gooseket7.cafe24.com/web/AIR/airbag_18.jpg" alt="생활방수 원단">

<div class="waterproofText">

<h2>
High-Density<br> Ripstop Fabric
</h2>

<p>
Durable, water-resistant,<br> and ready for everyday use. 
</p>

</div>

</div>

  <div class="waterproofVisual">

<img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/airbag_19.jpg?v=1780974618" alt="생활방수 원단">

<div class="waterproofText">

<h2 style="color:#000;">
Ultra-Lightweight<br> Sling Bag
</h2>

<p style="color:#000;">
Light on your shoulders.<br> Easy on the go.
</p>

</div>

</div>





    <div class="waterproofVisual">

<img src="https://cdn.shopify.com/s/files/1/0270/0371/5684/files/EN_airbag_860x1200_a575ac71-eeec-4169-a864-94ef15940a40.jpg?v=1781052590" alt="생활방수 원단">

<div class="waterproofText">

<h2 style="color:#000;">
Organized Storage
</h2>

<p style="color:#000;">
Separate compartments <br> keep essentials tidy and easy to find.
</p>

</div>

</div>



  <div class="air-title-wrap">

<h2 class="air-title">
Versatile by Design
</h2>

<p class="air-desc">

From waist bag to stroller bag, <br>designed to adapt to every outing.
</p>

</div>


  <div class="swiper airUseSwiper">
    <div class="swiper-wrapper">
  <div class="swiper-slide">
        <img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/800_1000_9bcbe572-1ecb-4ae5-b0dd-e16349921712.png?v=1780981292" alt="">
      </div>
      <div class="swiper-slide">
        <img src="https://gooseket7.cafe24.com/web/AIR/airbag_25.jpg" alt="">
      </div>
      <div class="swiper-slide">
        <img src="https://gooseket7.cafe24.com/web/AIR/airbag_24.jpg" alt="">
      </div>
      <div class="swiper-slide">
        <img src="https://gooseket7.cafe24.com/web/AIR/airbag_23.jpg" alt="">
      </div>
    </div>
    <div class="swiper-pagination airUsePagination"></div>
  </div>
</div>




























<!--아코디언 시작-->
<div class="accordion" style="display: none;">商品内容</div>
<div class="panel">
<div style="display: none;" class="extraTitle txtH42B txtColB txtAlignL">商品内容</div>
<img alt="Image 1" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/250608_JP_365plus_RA_02_03_02.png?v=1753860879">
</div>
<div class="accordion">PRODUCT INFORMATION</div>
<div class="panel">
<div class="extrasBottom">
<div style="display: none;" class="extraTitle txtH42B txtColB txtAlignL">製品情報</div>
<div class="extraDetailWrapFixed">
<div class="extraDetailImgWrap">
<div class="extraDetailImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/air_beige.jpg?v=1780991915"></div>
</div>
<div class="extraDetailText">
<table class="product-spec">
<tbody>
<tr>
<th>Product Name</th>
<td>Gooseket Bag AIR</td>
</tr>

<tr>
<th>Size</th>
<td>25 × 8 × 15 cm</td>
</tr>
<tr>
<th>Material</th>
<td>Outer: 100% Polyester / Lining: 100% Nylon</td>
</tr>
<tr>
<th>Weight</th>
<td>Approx. 200 g</td>
</tr>
<tr>
<th>Manufacturer</th>
<td>AMHM INC.(GOOSEKET)</td>
</tr>
<tr>
<th>Country of Origin</th>
<td>Korea</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="accordion">Product care</div>
<div class="panel">
<div class="extrasBottom">
<div style="display: none;" class="extraTitle txtH42B txtColB txtAlignL">お手入れ方法</div>
<div class="extraDetailWrap">
<ul style="margin-inline-start: auto !important;" class="careIconRow">
<li>
<div class="iconWrap">
<img alt="" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo1_care_icon01.png?v=1753923411"><br><span>30℃以下<br>弱水流</span>
</div>
</li>
<li>
<div class="iconWrap">
<img alt="" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo1_care_icon02.png?v=1753923411"><br><span>漂白剤<br>NG</span>
</div>
</li>
<li>
<div class="iconWrap">
<img alt="" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo1_care_icon03.png?v=1753923411"><br><span>アイロン<br>NG</span>
</div>
</li>
<li>
<div class="iconWrap">
<img alt="" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo1_care_icon04.png?v=1753923411"><br><span>ねじり絞り<br>NG</span>
</div>
</li>
<li>
<div class="iconWrap">
<img alt="" src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo1_care_icon05.png?v=1753923411"><br><span>乾燥機<br>NG</span>
</div>
</li>
</ul>
<ul class="extraDetailUlTxt">

<li>-Use light washing methods to protect the product's fabric and color.</li>
<li>-Wash dark colors separately to help prevent bleeding onto lighter clothes.</li>
<li>-Hand wash with water under 30°C.</li>
<li>-Machine washable – use a laundry delicates bag with the buckle fastened.</li>
<li>-Please make sure you use a mild detergent on delicate cycle.</li>
<li>-Do not use bleach.</li>
<li>-Do not tumble dry.</li>
<li>-Dry in a well-ventilated area away from direct sunlight.</li>
<li>-Do not wring.</li>

</ul>
</div>
</div>
</div>
<div class="accordion" style="display:none;">How to Wear</div>
<div class="panel">
<div class="extrasBottom">
<div style="display: none;" class="extraTitle txtH42B txtColB txtAlignL">使用方法</div>
<div class="extraDetailWrap">
<div class="extraDetailText txtAlignL">Please read the instruction manual <bt>carefully before use and follow all safety guidelines.<br>

For more detailed instructions,<br> please refer to the video. <a href="https://youtu.be/MZ-WQ6Vhcuw">Watch the Instructional Video &gt;</a>
</bt>
</div>
</div>
</div>
<div class="extrasBottom">
<div class="extraTitle txtH3B txtColB txtAlignL" style="display:none;">抱っこの方法</div>
<div class="extraDetailWrap txtAlignL">
<div class="extraDetailStepWrap">

    <div class="prdDetailWrap">
<div class="bgImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/JP_air___02.jpg?v=1780964382"></div>
</div>
</div>
<div style="display:none;">
<div class="extraDetailStepWrap width50">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo2_step1.jpg?v=1753923419"></div>
<div class="extraDetailStepTxt">
<div class="extraDetailStepNo">1</div>
ロゴが前に来るように着用してください。（左右どちらでも使用可能）</div>
</div>
<div class="extraDetailStepWrap width50">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo2_step2.jpg?v=1753923419"></div>
<div class="extraDetailStepTxt">
<div class="extraDetailStepNo">2</div>
バックルを90度に持ち上げて、ヒップパッドを斜め上のお子さまが座れるように余裕を確保してください。</div>
</div>
<div class="extraDetailStepWrap width50">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo3_step1.jpg?v=1753923418"></div>
<div class="extraDetailStepTap tapMargin1">歩き出したら</div>
<div class="extraDetailStepTxt">
<div class="extraDetailStepNo">3</div>
お子さまと向き合った状態でヒップパッドを頭の上からかぶせ、おしりと太ももの間に当てます。</div>
</div>
<div class="extraDetailStepWrap width50">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo3_step3.jpg?v=1753923419"></div>
<div class="extraDetailStepTap tapMargin1">歩き出す前なら</div>
<div class="extraDetailStepTxt">
<div class="extraDetailStepNo">3</div>
お子さまと向き合った状態でヒップパッドを頭の上からかぶせ、おしりと太ももの間に当てます。</div>
</div>
<div class="extraDetailStepWrap width50">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo2_step5_1.jpg?v=1753923418"></div>
<div class="extraDetailStepTxt">
<div class="extraDetailStepNo">4</div>
ヒップパッドをおしりと太ももの間に当てます。</div>
</div>
<div class="extraDetailStepWrap width50">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo2_step6.jpg?v=1753923418"></div>
<div class="extraDetailStepTxt">
<div class="extraDetailStepNo">5</div>
お子さまを支えた状態で前側のベルトを引っ張ってお子さまと密着するように調節してください。</div>
</div>
<div class="extraDetailStepWrap width50">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo2_step5.jpg?v=1753923418"></div>
<div class="extraDetailStepTxt">
<div class="extraDetailStepNo">6</div>
小さなお子様はヒップパッドを広げておしり全体を包み腰を支えてください。</div>
</div>
<div class="extraDetailStepWrap width50">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo2_step6.jpg?v=1753923418"></div>
<div class="extraDetailStepTxt withoutNo">お子さまが抱っこする人の骨盤より上に位置し、脚がM字になっていれば正しく着用できています。</div>
</div>
</div>
</div>
</div>
<div class="extrasBottom" style="display:none;">
<div class="extraTitle txtH3B txtColB txtAlignL">下ろす時</div>
<div class="extraDetailWrap">
<div class="extraDetailStepWrap width100">
<div class="extraDetailStepTap tapMargin2">歩き出したら</div>
<div class="extraDetailText txtAlignL">お子さまを立たせて、頭の上から抱っこ紐を抜きます。</div>
</div>
<div class="extraDetailStepWrap width50 blankPad40">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo3_step1.jpg?v=1753923418"></div>
</div>
<div class="extraDetailStepWrap width50 blankPad40">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/f7036841a415a7e3654776f2d62333fb.jpg?v=1753923419"></div>
</div>
</div>
<div class="extraDetailWrap txtAlignL">
<div class="extraDetailStepWrap width100">
<div class="extraDetailStepTap tapMargin2">歩き出す前なら</div>
<div class="extraDetailText txtAlignL">両腕を支えて抱き上げて、抱っこ紐を抜くか、安全な場所に寝かせて脚から引き抜きます。</div>
</div>
<div class="extraDetailStepWrap width50">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo3_step3.jpg?v=1753923419"></div>
</div>
<div class="extraDetailStepWrap width50">
<div class="extraDetailStepImg"><img src="https://cdn.shopify.com/s/files/1/0485/0486/4929/files/240829_prdinfo3_step4.jpg?v=1753923419"></div>
</div>
</div>
</div>
</div>
<style>

  /*아코디언 시작*/

          .accordion {
      border-top: 1px solid #ccc;
      cursor: pointer;
      padding: 10px 0;
      font-weight: bold;
      color: #000;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .accordion:after {
      content: '+';
      font-size: 18px;
      transition: transform 0.2s;
    }
    .accordion.active:after {
      content: '✕';
      transform: rotate(0deg);
    }
    .panel {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }
    .panel img {
      max-width: 100%;
      display: block;
      margin-top: 10px;
    }
  /*아코디언끝*/
.extras {
clear: both;
}

#extras_wrap {
padding: 100px 0 50px 0;
}

.extrasTop {
width: 100%; height: 50px; line-height: 50px; font-size: 18px; text-align: left; background: url(/web/awesome_img/iconmonstr-angel-down-thin-240.png) no-repeat 98% center / 20px; padding: 8px 0 8px 10px; color: #000; border-top: 1px solid #000; border-bottom: 0px solid #000; margin-bottom: 0; cursor: pointer;
}

.extrasBottom {
/*display: none;*/
opacity: 1; visibility: visible; transition: .3s ease-out; clear: both; color: #3a3e39;
}

.extraTitle {
background: #F6F8F7; padding: 10px 20px;
}

.extraDetailWrap {
width: 82%; margin: 0 auto; padding-top: 35px; padding-bottom: 25px;
}

.extraDetailWrapFixed {
width: 500px; margin: 0 auto; padding-bottom: 45px;
}

.extraDetailImgWrap {
position: relative;
}

.extraDetailImgTxt {
position: absolute;
}

.extraDetailImgTxt:nth-child(2) {
top: 98px; left: 28px;
}

.extraDetailImgTxt:nth-child(3) {
top: 174px; left: 12px;
}

.extraDetailImgTxt:nth-child(4) {
top: 222px; left: 25px;
}

.extraDetailImgTxt:nth-child(5) {
top: 281px; left: -14px;
}

.extraDetailImgTxt:nth-child(6) {
top: 475px; left: 11px;
}

.extraDetailImgTxt:nth-child(7) {
top: 47px; right: -15px;
}

.extraDetailImgTxt:nth-child(8) {
top: 143px; right: 47px;
}

.extraDetailImgTxt:nth-child(9) {
top: 192px; right: 35px;
}

.extraDetailImgTxt:nth-child(10) {
top: 494px; right: -4px;
}

.extraDetailImg img {
width: 100%;
}

.extraDetailText {
font-size: 18px; line-height: 25px;
}

.extraDetailText a {
display: block; text-align: center; color: #000; background: #5A997C; padding: 20px 0; color: #ffffff; margin: 35px 65px 30px;
}

.extraDetailText {
padding-bottom: 0;
}

.extraDetailTable {
width: 100%; font-size: 16px; margin: 0 auto;
}

.extraDetailTable .extraDetailTableTr {
display: inline-block; width: 100%; border-bottom: 1px solid #000;
}

.extraDetailTableTr div {
padding: 8px 12px; float: left;
}

.extraDetailTableTr div:nth-child(1) {
width:17% !important; text-align: center; background: #F6F8F7;
}

.extraDetailUlImg {
text-align: center; padding: 0 0 20px 0;
}

.extraDetailUlImg li {
display: inline-block; width: 15%;  font-size: 16px;
}

.extraDetailUlImg li:nth-child(5) {
padding-right: 0;
}

.extraDetailUlImg li span {
display: inline-block; padding-bottom: 8px;
}

.extraDetailUlImg li img {
width: 100%;
}

.extraDetailUlTxt {
text-align: left; padding: 0;
}

.extraDetailUlTxt li {
list-style: none; font-size: 18px; padding: 3px;
}

.width50 {
width: 48%;
}

.width100 {
width: 100%;
}

.extraDetailStepWrap {
float: left; padding-right: 12px; padding-bottom: 15px;
}

.extraDetailStepWrap img {
width: 100%;
}

.extraDetailStepTap {
background: #5A997C; border-radius: 999rem; width: 155px; text-align: center; color: #fff; padding: 4px 0; font-size: 13px;
}

.tapMargin1 {
margin: 8px 0 0 15px;
}

.tapMargin2 {
margin: 0 0 8px 0;
}

.extraDetailStepTxt {
position: relative; padding: 10px 12px 10px 35px; font-size: 15px;
}

.withoutNo {
padding: 10px 12px 10px 10px;
}

.extraDetailStepNo {
position: absolute; top: 8px; left: 7px; width: 23px; height: 23px; background: #5A997C; border-radius: 999rem; text-align: center; color: #fff; font-size: 16px;
}

.extraDetailFaqTitle {
font-size: 20px; font-weight: 700; padding-bottom: 12px;
}

.extraDetailFaqTxt {
font-size: 16px; line-height: 25px; padding: 12px 8px;
}

.extraDetailFaqImg img {
width: 100%;
}

.extraDetailFaqImgWrap {
position: relative; clear: both; text-align: center;
}

.extraDetailFaqImgTxt {
position: absolute; font-size: 20px; font-weight: 700; color: #fff;
}

.extraDetailFaqImgTxt:nth-child(2) {
bottom: 20px; left: 50%; transform: translate(-50%);
}

.extraDetailFaqImgTapW {
position: absolute; background: #ffffff; border-radius: 999rem; width: 275px; text-align: center; color: #000; padding: 6px 0; font-size: 18px;
}

.extraDetailFaqImgTapG {
position: absolute; background: #5A997C; border-radius: 999rem; width: 275px; text-align: center; color: #fff; padding: 6px 0; font-size: 18px;
}

.extraDetailFaqImgTapT {
position: absolute; background: transparent; border-radius: 999rem; width: 300px; text-align: center; color: #ffffff; padding: 6px 0; font-size: 18px; font-weight: 700;
}

.Faq2Tap1 {
bottom: 30px; left: 33px;
}

.Faq2Tap2 {
bottom: 30px; right: 33px;
}

.Faq2Tap3 {
top: 30px; left: 25px;
}

.Faq2Tap4 {
font-size: 20px; font-weight: 600; position: absolute; top: 90px; left: 25px;
}

.Faq2Tap4Txt {
font-size: 36px; font-weight: 700; color: #5A997C;
}

.Faq2Tap5 {
bottom: 30px; left: 25px;
}

.Faq2Tap6 {
bottom: 30px; right: 25px;
}

.blankPad15 {
padding-bottom: 15px;
}

.blankPad40 {
padding-bottom: 40px;
}

.addBorder {
border: 3px solid #5A997C;
}

.imgAlign .extraDetailFaqImg {
width: 28%; display: inline-block;
}

.secTitle {
font-weight: bold;
}

.midDescTxt {
font-size: 24px;
}
.careIconRow {
  display: flex;
  justify-content: center;
  gap: 24px;
  padding: 0;
  margin: 0;
  list-style: none !important;
}

.careIconRow li {
  width: 80px;
  text-align: center;
    list-style: none !important;
}

.iconWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.4;
}

.iconWrap img {
  width: 40px;
  height: auto;
  margin-bottom: 6px;
  vertical-align: middle; /* 줄 맞춤 */
}

.iconWrap span {
  font-size: 12px;
}

      /**/
  .product-spec {
  max-width: 490px;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin: 0 auto;
 
}

.product-spec th,
.product-spec td {
  border-bottom: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
}

.product-spec th {
  background-color: #f5f5f5;
  text-align: left;
  width: 110px; /* ✅ 제목 셀 짧게 */
  white-space: nowrap;
}


@media (max-width: 850px) {
.extrasTop {
width: 95%;
}
.extraDetailWrap {
width: 88%; padding-top: 15px;
}
.extraDetailWrapFixed {
width: 90%;
}
.extraTitle {
margin: 15px 0;
}
.extraDetailImgTxt:nth-child(2) {
top: 55px; left: 0;
}
.extraDetailImgTxt:nth-child(3) {
top: 102px; left: -15px;
}
.extraDetailImgTxt:nth-child(4) {
top: 130px; left: -4px;
}
.extraDetailImgTxt:nth-child(5) {
top: 179px; left: 0;
}
.extraDetailImgTxt:nth-child(6) {
top: 297px; left: 16px;
}
.extraDetailImgTxt:nth-child(7) {
top: 36px; right: -20;
}
.extraDetailImgTxt:nth-child(8) {
top: 83px; right: 10px;
}
.extraDetailImgTxt:nth-child(9) {
top: 113px; right: -3px;
}
.extraDetailImgTxt:nth-child(10) {
top: 283px; right: -13px;
}
.extraDetailTable {
font-size: 14px;
}
.extraDetailTableTr div:nth-child(1) {
width: 45px;
}
.extraDetailTableTr div {
padding: 4px;
}
.extraDetailUlImg li {
width: 21%;  font-size: 12px;
}
.extraDetailUlTxt li {
font-size: 14px;
}
.extraDetailText {
font-size: 14px; line-hight: 20px;
}
.extraDetailText a {
padding: 12px 0; margin: 15px 25px 15px;
}
.extraDetailStepTxt {
font-size: 11px; padding: 3px 0px 10px 22px;
}
.extraDetailStepNo {
top: 3px; left: 3px; width: 16px; height: 16px; font-size: 11px;
}
.extraDetailStepTap {
width: 115px; font-size: 10px;
}
tapMargin1 {
margin: 3px 0 3px 5px;
}
.extraDetailStepWrap {
padding-right: 4px;
}
.withoutNo {
padding: 3px 0px 10px 5px
}
.extraDetailText {
line-height: 20px;
}
.extraDetailFaqImgTxt:nth-child(2) {
/*left: 25px;*/
}
.extraDetailFaqImgTxt:nth-child(3) {
left: 119px;
}
.extraDetailFaqImgTxt:nth-child(4) {
left: 216px;
}
.extraDetailFaqImgTapW {
font-size: 10px; width: 150px; padding: 4px 0;
}
.Faq2Tap1 {
left: 0;
}
.Faq2Tap2 {
right: 0;
}
.extraDetailFaqTitle {
font-size: 16px; padding-bottom: 3px;
}
.extraDetailFaqTxt {
font-size: 14px; line-height: 20px;
}
.extraDetailFaqImgTapG {
font-size: 11px; width: 160px; padding: 4px 0;
}
.Faq2Tap3 {
top: 15px; left: 8px;
}
.Faq2Tap4 {
font-size: 11px; top: 46px; left: 10px;
}
.Faq2Tap4Txt {
font-size: 14px;
}
.extraDetailFaqImgTapT {
font-size: 10px; width: 148px;
}
.Faq2Tap5 {
left: 0;
}
.Faq2Tap6 {
right: 0;
}
.imgAlign .extraDetailFaqImg {
width: 31%;
}
.overlay_txt {
font-size: 18px !important;
}
.pad-bottom-10 {
padding-bottom: 10px!important;
}
.pad-top-10 {
padding-top: 30px!important;
}
}


</style>

 

View details