/* BASIC css start */
#footer {margin-top:0 !important;}
.height122 {height:0 !important;}
#header {background-color:transparent !important;}
#header .header_sec01 {border:0 !important;background-color:transparent;}

/* 메인비주얼 */
.swiper_main {width:100%;max-width:1920px;opacity:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.swiper_main .swiper-slide img {width:100%;}
.swiper_main .swiper-slide div.bg {display:block;height:998px;}
.swiper_main .swiper-pagination-bullets {bottom:50px !important; font-size: 0px;}
.swiper_main .swiper-pagination-bullet {margin:0 4px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_main .swiper-pagination-bullet {width:40px;height: 2px;display: inline-block; border-radius:8px; background: #4c4845; opacity:0.3;}
.swiper_main .swiper-pagination-bullet-active {opacity:1; background:#4c4845;}
.swiper_main .swiper-button-prev-main {background-image:url('/design/mothersall/0775coslab/m_l_ar.png'); left:5%; width:36px; height:70px; background-size:36px 70px; margin-top:-35px; top:50%;}
.swiper_main .swiper-button-next-main {background-image:url('/design/mothersall/0775coslab/m_r_ar.png'); right:5%; width:36px; height:70px; background-size:36px 70px; margin-top:-35px; top:50%;}
.swiper_main .inner {position:absolute; left:11%; margin-left: 0; top:590px;}
.swiper_main .inner .t01 {font-size:38px; color:#fff; line-height:1.2; font-weight:600; padding-top:0; font-family:'Noto Serif KR',serif; }
.swiper_main .inner .t02 {font-size:20px; color:#fff; line-height:1.6; font-weight:400; padding-top:25px;} 
.swiper_main .inner .t03 {width: 195px; font-size:20px; color:#fff; border:1px solid #fff; display:block; margin-top:45px; padding:18px 0px 18px 25px; border-radius: 5px;
line-height:1; box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:url('/design/mothersall/0775coslab/txt_icon2.png') no-repeat; background-position:155px 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;} 
.swiper_main .inner .t03:hover {border-color: #4c4845; background-color: #4c4845;}
.swiper_main .swiper-slide-active .inner {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper_main .inner .t01.txt_br{color: #4c4845;}
.swiper_main .inner .t02.txt_br{color: #4c4845;}
.swiper_main .inner .t03.txt_br{color: #4c4845; border: 1px solid #4c4845; background:url('/design/mothersall/0775coslab/txt_icon.png') no-repeat; background-position:155px 50%;}
.swiper_main .inner .t03.txt_br:hover{color: #fff;border-color: #4c4845; background-color: #4c4845; background-image: url('/design/mothersall/0775coslab/txt_icon2.png'); }

#hpptr_clvpop { padding: 70px 50px; position:absolute; z-index:500; width:500px; display:none; background-color:#ffffff; border:2px solid #e98d7f; border-radius: 25px; margin-top: -180px; margin-left: -70px;}
#hpptr_clvpop img { width: 90%; margin: 0 5%; }
#hpptr_clvpop p { text-align: center; font-size: 1.15em; line-height: 1.75em; padding: 10px 0; }
#hpptr_clvpop a { color:#e98d7f; text-align:cetner; }
#hpptr_clvbody {position:absolute;z-index:9;display:block;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;background-color:#000000;left:0px;top:-20px;}
.hpptr_clvqbtn { width: 150px; position: absolute; z-index:99; cursor:pointer; margin: -700px 0 0 50%; border: 0px; background: none; }
.hpptr_clvhlght {}

/* 메인 타이틀 기본 */
.main_title {text-align:left; max-width:1720px; margin:130px auto 50px;  line-height:1; font-size:0px; position:relative;}
.main_title span:first-child {color:#4c4845; font-size:30px; font-weight:500; padding-left:0px;}
.main_title span {color:#aaa; font-size:15px; font-weight:300; padding-left:10px;}
.main_title a {font-size:15px; color:#a69b95; font-weight:300; letter-spacing:-0.020em; position:absolute; bottom:0px; right:0px; background:url("/design/mothersall/0775coslab/main_title_br.png") no-repeat; padding-right:20px; background-position:99% 50%}
.main_title a:hover {color:#4c4845;}

.main_title.prd_title {margin: 80px auto 100px; width: 90%; }


/* 캠페인 */
.swiper_focus {max-width:1720px; margin:0px auto; }
.swiper_focus .swiper-slide{width:573px;}
.swiper_focus .swiper-slide img {width:100%; max-width:573px; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper_focus .swiper-slide:hover img {opacity:0.4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper_focus .swiper-slide .ban {background:#111; position:relative;}
.swiper_focus .swiper-slide .ban span.ar {position:absolute; width:100%; height:80px; z-index:100; margin-top:-40px; top:55%; left:0; background-image:url("/design/mothersall/0775coslab/focus_ar.png"); background-size:80px 80px; background-repeat:no-repeat; background-position:center center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; opacity:0;}
.swiper_focus .swiper-slide:hover .ban span.ar {top:50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; opacity:1;} 
.swiper_focus .swiper-button-prev-focus {background-image:url('/design/mothersall/0775coslab/focus_left.png'); left:-80px; width:80px; height:80px; background-size:80px 80px; margin-top:-40px; top:40%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_focus .swiper-button-next-focus {background-image:url('/design/mothersall/0775coslab/focus_right.png'); right:-80px; width:80px; height:80px; background-size:80px 80px; margin-top:-40px; top:40%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_focus:hover .swiper-button-prev-focus {left:0px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_focus:hover .swiper-button-next-focus {right:0px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s; }
.swiper_focus .t01 {color:#4c4845; text-align:left; font-size:27px; line-height:1; font-weight:500; margin-top:48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right:8%;}
.swiper_focus .t02 {color:#a69b95; text-align:left; font-size:20px; line-height:30px; font-weight:300; margin-top:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right:8%;}
.swiper_focus .t03 {color:#999; text-align:left; font-size:14px; line-height:1; font-weight:300; margin-top:20px;}


/* 메인탭01 : 베스트셀러 */
.m_tab01_area {padding-top:50px; min-width: 1720px;}
.m_tab01 {font-size:0;float:right;}
.m_tab01 li {color:#a69b95; font-size:26px; text-align:right; cursor:pointer; position:relative; display:inline-block;  font-family: 'Noto Sans KR',sans-serif; font-weight:500; margin-left:75px; line-height:1; height:28px; position:relative;}
.m_tab01 li:first-child {margin-left:0px !important;}
.m_tab01 li.current {color:#4c4845;}
.tabcontent01 {display:none; margin-top:50px; padding:0px;}
.tabcontent01.current {display: block;}
.m_tab01_area .prd-list td {display:none;opacity:0.3;}

.main_product_more {margin:50px auto 0;text-align:center;cursor:pointer;width:600px;height:80px;line-height:80px;text-align:center;color:#a69b95;font-size:20px;border:1px solid #a69b95;
-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out; -webkit-backface-visibility: hidden; transition: all .3s ease-in;}
.main_product_more:hover {border:1px solid #4c4845; color:#4c4845; -webkit-transition: .3s ease-in-out;transition: .3s ease-in-out; -webkit-backface-visibility: hidden; transition: all .3s ease-in;}


/* 메인탭02 : 오직온라인 */
.m_tab02_area {position:relative; min-height:440px; margin-top:170px !important;}
.m_tab02_area .m_tab02_area_bg {width:50%;background-color:#f6f6f6; min-height:440px; position:absolute; top:0px; left:0px;}
.m_tab02 {font-size:0;}
.m_tab02 li {color:#aaa; font-size:18px; text-align:right; cursor:pointer; position:relative; display:inline-block;  font-family:'Montserrat', 'Noto Sans KR',sans-serif; font-weight:300; margin-left:35px; line-height:1; height:28px; position:relative;}
.m_tab02 li:first-child {margin-left:0px !important;}
.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:50px; padding:0px;} 
.tabcontent02.current {display: block;}


/* 메인 스크롤 상품 */
.swiper_roll {max-width:1740px;margin:0 auto;opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper_roll .swiper-scrollbar { left:0 !important; bottom: 0px !important; height: 2px !important; width:100% !important; max-width:1720px ;}
.swiper_roll .swiper-scrollbar-drag {background: rgba(0, 0, 0, 1);border-radius: 0px;}
.swiper_roll .tb-center {padding:0 0 100px 0;}
.swiper_roll .tb-center .box {max-width:330px;margin:0 10px;}
.swiper_roll .prd-list .info {text-align:left;}

/* 이벤트 슬라이드 02 */
.swiper_event2_area {margin-top:170px;  opacity:0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_event2 {max-width:1720px; margin:0 auto; height:660px; min-width: 1720px;}
.swiper_event2 .swiper-slide .ban {height:660px; width:50%; float:left; background-size:cover !important; background-position:center center !important;}
.swiper_event2 .swiper-slide .txt {height:660px; width:50%; float:left; background-color:#eadece; position:relative;}
.swiper_event2 .swiper-slide .txt .inner {text-align:left; position:absolute; top:120px; left:100px;}
.swiper_event2 .swiper-slide .txt .t01 {color:#4c4845; font-size:35px; font-weight:500; line-height:44px;}
.swiper_event2 .swiper-slide .txt .t02 {color:#4c4845; font-size:20px; font-weight:400; margin-top:30px;line-height: 30px;}
.swiper_event2 .swiper-slide .txt .t03 {color:#4c4845; margin-top:50px; width:205px; padding:17px 0px; line-height:1; border:1px solid #4c4845; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:20px; 
font-weight:400; padding-left:30px; background:url("/design/mothersall/0775coslab/main_title_br.png") no-repeat;  background-position:165px 50%; }

.pdt130{padding-top: 130px;}


/* 라이프 게시판 */
.mothersall-life { margin: 150px auto; max-width:1720px; min-width: 1720px; }
.all-life-header { /*border-top:1px solid #464646;*/ text-align:center; font-family: 'Nanum Myeongjo', 'Noto Serif KR', serif; font-size: 1.5em; line-height: 1.5em; margin-bottom: 70px; }
.al-header-tit { margin: 30px auto 70px; font-size: 3em; 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 { display:inline-block; width:565px; }
.mothersall-life ul li:nth-child(2) { padding:0 7px; }
.mothersall-life ul li img { width:565px; }
.mothersall-life ul li: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;}
.mothersall-life .all-life-subject { font-size: 1.7em; line-height: 1.7em; margin: 10px 0 0 0; }
.mothersall-life .all-life-preview { font-size: 1.15em; line-height: 1.3em;  }
.mothersall-life p { font-size: 1.3em; line-height: 1.4em; }
.mothersall-life p:last-child { font-size: 1em; line-height: 1.4em; margin: 10px 0 0 0; }
.all-life-post highlight { opacity:0.5; }
.all-life-post-cmt { width:16px; margin: 3px 2px 0 5px; }


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


.swiper-button-next:after, 
.swiper-button-prev:after {content:'' !important;}


/* BASIC css end */