/* BASIC css start */
.main {background: linear-gradient(
    to bottom,
    rgba(161,203,255,1.00) 0%,
    rgba(161,203,255,0.75) 20%,
    rgba(161,203,255,0) 35%);
    overflow: hidden;
    }


    .page {
      margin: 0 auto;
      padding: 3% 0 5%;
    }

    .main-slider {
      width: 100%;
      padding: 0;
    }

    .gift-section {
      margin-top: 15%;
    }

    .gift-section > p { margin: 0 7%; font-weight: 500; color: #535353; line-height: 1.75em;
      font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif; 
      
      }
    
    .gift-heading {
      display: flex; position:relative;
      align-items: center;
      justify-content: space-between;
      margin: 0 7%;
      color: #2c8aff;
    }

    .gift-heading h2 { 
      font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif; 
      font-weight: 700;
      margin: 0;
      font-size: 22px;
      line-height: 1.2;
    }
    .gift-heading img { width: 34px; position: absolute; top: -20px; left: 180px; }
    .gift-heading a {
      font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif; 
      color: inherit;
      font-size: 14px; font-weight: 500;
      text-decoration: none;
    }

    .gift-slider {
      width: calc(100% + 28px);
      margin-left: 0;
      padding: 14px 0 14px 28px;
      overflow: hidden;
    }

    .slider {
      position: relative;
      touch-action: pan-y;
      user-select: none;
    }

    .slider.is-dragging .slider-track {
      transition: none;
    }
    
    .slider-track {
      display: flex;
      transition: transform 0.45s ease;
      will-change: transform;
    }

    .slider-slide {
      flex: 0 0 100%;
      padding: 0;
    }

    .slider-slide img {
      display: block;
      width: 100%;
      height: auto;
    }

    .main-slider .slider-slide img {
      border-radius: 14px; border: #fff 2px solid;
      width: 80%;
      margin-inline: auto;
      overflow: hidden;
    }

    .gift-slider .slider-track {
      gap: 14px;
      padding-left: 14px;
      transition: transform 0.45s ease;
    }

    .gift-slider .slider-slide {
      flex-basis: 158px;
    }

    .gift-slider .slider-slide img {
      border-radius: 8px; border: #2787ff 2px solid;
    }

    .slider-dots {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-top: 14px;
    }

    .slider-dot {
      width: 9px;
      height: 9px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: #fff;
      cursor: pointer;
    }

    .slider-dot.is-active {
      background: #258cff;
    }
    
    
/* 메인 타이틀 */
.main_title {padding:70px 0px 20px; text-align:center; font-size:0px;}
.main_title .t1 {font-size:24px; color:#4c4845; line-height:1;font-weight:500;}
.main_title .t2 {font-size:13px; color:#999; line-height:16px; letter-spacing:-0.2px; padding-top:8px; font-weight:300;}


/* 캠페인 슬라이드 */
.swiper_cam {width:100%;margin:0px auto;}
.swiper_cam .swiper-slide img {width:100%;}
.swiper_cam .inner{position: absolute; left: 20px; bottom: 50px; width: 90%;}
.swiper_cam .inner .t01 {color:#fff; text-align:left; font-size:19px; line-height:1; font-weight:300; margin-top:20px; }
.swiper_cam .inner .t02 {color:#fff; text-align:left; font-size:14px; line-height:20px; font-weight:200; margin-top:14px; }
.swiper_cam .swiper-pagination-bullet { width:30px; height:2px; display:inline-block; border-radius:0; background: rgba(250,249,245,0.5);border:0; opacity:0.7;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_cam .swiper-pagination-bullet-active { opacity: 1;width:30px; height:2px; background: #4c4845;border:0;}
.swiper_cam .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}
.swiper_cam .swiper-pagination4 {bottom:20px !important;}
.swiper_cam .swiper-slide-active .inner {-webkit-animation-name: fadeInTop; animation-name: fadeInTop; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* 캠페인 탭 */
.cam_tab {font-size:0;text-align:center;margin:10px auto 0;} 
.cam_tab li { color:#a69b95; font-size:14px; text-align:center; cursor:pointer; position:relative; display:inline-block; font-weight:400; /*margin:0 13px;*/ line-height:1; height:25x; position:relative; }
.cam_tab li:nth-child(2) {margin: 0 10px;}
.cam_tab li.swiper_over {color:#4c4845;}
.tabcontent {display:none; margin-top:15px; padding:0px;}
.tabcontent.current {display: block;}


/* 메인탭상품 */
.m_tab02_area {position:relative;}
.m_tab02_area .m_tab02_area_bg {background-color:#f2f2f2; width:100%;height:380px;position:absolute; top:0px; left:0px;z-index:-1;}
.m_tab02 {font-size:0;text-align:center;margin:10px auto 0;} 
.m_tab02 li {color:#aaa; font-size:14px; text-align:center; cursor:pointer; position:relative; display:inline-block;font-weight:300; margin:0 13px; line-height:1; height:25px; position:relative;}
.m_tab02 li.current {color:#111;}
.m_tab02 li.current::after {content:""; position:absolute; width:3px !important; height:3px; background-color:#000; border-radius:50%; bottom:0px; left:50%; margin-left:-2px; width:100%; text-align:center; font-weight:500; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.tabcontent02 {display:none; margin-top:35px; padding:0px;}
.tabcontent02.current {display: block;}
.swiper2.list_shopping2x ul {display:flex;padding:0;margin:0;}

/* 메인 탭상품 */
.swiper-container.swiper2 {height:auto; margin: 0 20px;}
.swiper2 .swiper-slide{height: 0;}
.swiper2 .swiper-slide.swiper-slide-active{height: auto;}
.swiper2_text {font-size:0;text-align:center;margin:0 auto 60px; padding: 8px 0; border-top: 1px solid #a69b95; border-bottom: 1px solid #a69b95;}
.swiper2_text li {color:#a69b95;font-size:13px; text-align:center; cursor:pointer; position:relative; display:inline-block; margin:0px 15px; padding:0px 3px; font-weight:500; line-height:2;-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.swiper2_text li.swiper_over {color: #4c4845; }
.swiper2 .swiper-pagination2 {display:none !important;}
.swiper2 .more{margin-top: 0 !important;}
.list_shopping2x ul {padding: 0 !important;}

/* 브랜드 소개 */
.swiper-container.swiper_event {margin:60px auto 0; background-color:#eadece;}
.swiper_event .swiper-slide .ban img {width:100%;}
.swiper_event .swiper-slide .txt {padding:13% 8%; background-color:#eadece;}
.swiper_event .swiper-slide .txt .t01 {color:#4c4845; font-size:23px; font-weight:500; line-height:35px;}
.swiper_event .swiper-slide .txt .t02 {color:#4c4845; font-size:13px; font-weight:400; margin-top:10px;line-height:20px;}
.swiper_event .swiper-slide .txt .t03 {color:#4c4845; margin-top:40px; width:140px; padding:12px 0px; line-height:1; border:1px solid #4c4845; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
font-size:13px; font-weight:400; padding-left:15px; background:url("/design/mothersall/mobile_coslab/icon_plus_br.png") no-repeat;  background-position:90% 50%; background-size: 9px 9px;}


/* 라이프 게시판 */
.mothersall-life { margin: 50px 2%; }
.all-life-header { /*border-top:1px solid #464646;*/ text-align:center; font-family: 'Nanum Myeongjo', 'Noto Serif KR', serif; font-size: 1.2em; line-height: 1.75em; margin-bottom: 30px; }
.al-header-tit { margin: 50px auto 30px; font-size: 1.5em; font-weight:700; font-style:italic; }
.all-life-header p { margin: 0 auto 70px; font-family: 'Nanum Myeongjo', 'Noto Serif KR', serif; }
.mothersall-life ul { }
.mothersall-life ul li { padding-bottom: 20px; }
.mothersall-life ul li img { width: 100%; }
.mothersall-life .all-life-subject { font-size: 1.1em; line-height: 1.35em; font-weight:500; }
.mothersall-life .all-life-subject highlight { opacity: 0.7; }
/*.mothersall-life p { font-size: 1.3em; line-height: 1.4em; }*/
.mothersall-life p:nth-child(2) { margin: 5px 0; }
.mothersall-life p:last-child { font-size: 1em; line-height: 1.4em; margin: 5px 0; }
.all-life-post highlight { opacity:0.5; }
/*.mothersall-life .imghover:hover {opacity:0.7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}*/
.all-life-more { width: 85%; margin: 0 auto; border: 1px solid #a69b95; text-align:center; padding: 11px 0; }


@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


/* BASIC css end */