/* BASIC css start */
/* 메인 이미지 */
.swiper-container.swiper0 {width:100%;margin:0 auto;}
.swiper0 .swiper-slide div.bg {display:block;}
.swiper0 .swiper-slide div.bg img {width:100%;}

.swiper0 .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;}
.swiper0 .swiper-pagination-bullet-active { opacity: 1;width:30px; height:2px; background: #4c4845;border:0;}
.swiper0 .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}
.swiper0 .swiper-pagination0 {bottom:20px !important;}

.swiper0 .inner {position:absolute; left:0; right: 0; top:8%; text-align: center; width: 80%; margin: 0 auto;}
.swiper0 .inner .t01 {font-size:24px; color:#4c4845; letter-spacing: -0.020em; line-height:1.2;font-family: 'Noto Serif KR' , serif; font-weight: 600;}
.swiper0 .inner .t02 {font-size:14px; color:#4c4845; line-height:1.5; font-weight:400; padding-top:10px; letter-spacing: -0.020em;} 
.swiper0 .inner.white .t01{color: #fff;}
.swiper0 .inner.white .t02{color: #fff;}
.swiper0 .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; }
.swiper0 .swiper-slide-active .mv_btn {-webkit-animation-name: fadeInTop; animation-name: fadeInTop; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper0 .mv_btn {position: absolute; left:0; right: 0; bottom: 9%; text-align: center;  margin: 0 auto;}
.swiper0 .mv_btn a{display: inline-block; padding: 12px 18px; font-size: 15px; color: #fff; line-height: 1; background-color: #4c4845; border-radius: 5px;}
.swiper0 .mv_btn a:after{content: ""; display:inline-block; margin-left: 15px; height: 5px; width:10px; background: url('/design/mothersall/mobile_coslab/txt_icon2.png') no-repeat center; background-size: 100%; vertical-align: middle; margin-top: -2px; }


#hpptr_clvpop { padding: 50px; position:absolute; z-index:500; width:60%; overflow-y:scroll; display:none; background-color:#ffffff; border:2px solid #e98d7f; border-radius: 25px; margin-top:-10px; margin-left: -13%; }
#hpptr_clvpop img { width: 100%; }
#hpptr_clvpop p { font-size: 1.15em; line-height: 1.75em; padding: 10px 0; }
#hpptr_clvpop a { text-align: center; color:#e98d7f; }
#hpptr_clvbody {position:absolute;z-index:9;display:block;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;background-color:#000000;left:0;top:0}
.hpptr_clvqbtn { width: 30%; position: absolute; z-index:99; cursor:pointer; margin: 0 0 0 60%; border: 0px; background: none; }
.hpptr_clvhlght { font-weight:700; border-bottom: 1px solid #4d4d4d; }


/* 메인 타이틀 */
.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 */