/* BASIC css start */
/* font-family:‘SUIT Variable’, ‘SUIT’, 'Naum Gothic', 'Tajawal',  'sans-serif'; */
@import url(//fonts.googleapis.com/css?family=Tajawal:700);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/css?family=Noto+Sans);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/css?family=Montserrat+Alternates);
@import url(//cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css);
@import url(//cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/variable/woff2/SUIT-Variable.css);






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

.swiper0 .swiper-pagination-bullet { width:30px; height:2px; display:inline-block; border-radius:0; background:#ccc;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: #4c4c4c;border:0;}
.swiper0 .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}
.swiper0 .swiper-pagination0 {bottom:30px !important;}

.swiper0 .inner {position:absolute; left:6%; bottom:13%;}
.swiper0 .inner .t01 {font-size:28px; color:#111; letter-spacing:-0.020em; line-height:1.2; font-weight:500;}
.swiper0 .inner .t02 {font-size:13px; color:#333; line-height:1.6; font-weight:300; padding-top:15px;} 

.swiper0 .inner02 {position:absolute; left:6%; bottom:65%;}
.swiper0 .inner02 .t03 {font-size:28px; color:#111; letter-spacing:-0.020em; line-height:1.2; font-weight:500;}
.swiper0 .inner02 .t04 {font-size:13px; color:#333; line-height:1.6; font-weight:300; padding-top:15px;} 
.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; }


/* 띠배너 */
.mainBanner { width:100%; overflow:hidden; }
.mainBanner a { display:block; }
/* .mainBanner a:first-child, */
/* .mainBanner a:nth-child(2){ width:50%; float:left; } */ 
.mainBanner a img { width:100%; }


/* 메인 타이틀 */
.main_title {padding:50px 0px 35px; text-align:center; font-size:0px;}
.main_title .t1 {font-size:20px; color:#111; line-height:1; letter-spacing:0.5px; font-weight:500;}
.main_title .t2 {font-size:13px; color:#999; line-height:16px; letter-spacing:-0.2px; padding-top:8px; font-weight:300;}


/* 메인탭01 : 베스트셀러 */
.m_tab01 {font-size:0;text-align:center;margin:0 auto} 
.m_tab01 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_tab01 li.current {color:#111;}
.m_tab01 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;}
.tab_inner {padding:0 3%;}
.tabcontent01 {display:none; margin-top:35px; padding:0px;}
.tabcontent01.current {display: block;}



/* 메인 롤링상품 스타일 */
.swiper_roll {padding-bottom:30px !important;}
.swiper_roll.list_shopping2x ul {display:flex; padding:0; margin:0;}
.swiper_roll .swiper-pagination-bullet { width:30px; height:2px; display:inline-block; border-radius:0; background:#ccc;border:0; opacity:0.7;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_roll .swiper-pagination-bullet-active {opacity:1;width:30px; height:2px; background: #4c4c4c;border:0;}



/* 브랜드포커스 슬라이드 */
.swiper_focus {width:100%;margin:0px auto;}
.swiper_focus .swiper-slide img {width:100%;}
.swiper_focus .swiper-slide:first-child {margin-left:20px;}
.swiper_focus .t01 {color:#111; text-align:left; font-size:18px; line-height:1; font-weight:400; letter-spacing:-0.010em; margin-top:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:5px;}
.swiper_focus .t02 {color:#999; text-align:left; font-size:13px; line-height:1; font-weight:300; letter-spacing:-0.020em; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:5px;}



/* 이벤트 슬라이드 01 */
.swiper-container.swiper_event {margin:60px auto 0; padding-bottom:80px; background-color:#f6f6f6;}
.swiper_event .swiper-slide .ban img {width:100%;}
.swiper_event .swiper-slide .txt {padding:10% 7%; background-color:#f6f6f6;}
.swiper_event .swiper-slide .txt .t01 {color:#111; font-size:23px; font-weight:300; line-height:1.4;}
.swiper_event .swiper-slide .txt .t02 {color:#888; font-size:14px; font-weight:300; margin-top:10px;line-height:1.6;}
.swiper_event .swiper-slide .txt .t03 {color:#111; margin-top:40px; width:140px; padding:12px 0px; line-height:1; border:1px solid #111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:12px; font-weight:300; padding-left:15px; background:url("/design/d4-3307/mobile_coslab/icon_plus_wh.png") no-repeat;  background-position:90% 50%; background-size: 9px 9px;}
.swiper_event .swiper-pagination-bullets {bottom:5% !important; left:7%!important;}
.swiper_event .swiper-pagination-bullet {margin-right:8px !important;  margin-left:0px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_event .swiper-pagination-bullet {width:30px; height: 2px; float:left; border-radius:8px; background: #ccc; opacity:0.7;}
.swiper_event .swiper-pagination-bullet-active {opacity: 1;background:#111; }
.swiper_event .swiper-slide-active .txt > div {-webkit-animation-name: fadeInTop; animation-name: fadeInTop; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden;}


/* (설정안함-예비용) 액티비티 / 이벤트 슬라이드 02 */

.swiper_event2 {width:100%; margin:0 auto; height:auto;}

.swiper-container.swiper_event2 {width:100%; margin:60px auto 0; padding-bottom:2px; background-color:#f9f8f7; }
.swiper_event2 .swiper-slide .ban {height:auto; width:42.5%; float:right; background-size:cover !important; background-position:center center !important;}
.swiper_event2 .swiper-slide .ban .thumnail { width:100% !important; margin:0 0px; background-position:center center !important;}
.swiper_event2 .swiper-slide .ban .thumnail img { display:inline-block; width:100% !important; margin:0 0; }


.swiper_event2 .swiper-slide .txt {height:auto; width:49%;  float:left;  padding:4% 4%;  background-color:#f9f8f7;  position:relative;}
.swiper_event2 .swiper-slide .txt .t01 {color:#111; margin-top:10px;  font-size:1.9em; font-weight:300; line-height:1.2; font-family:'Noto Sans KR','Montserrat', Dotum, AppleGothic, Helvetica, sans-serif;}
.swiper_event2 .swiper-slide .txt .t02 {color:#888; font-size:0.9em; font-weight:300; margin-top:10px; line-height:1.2;}
.swiper_event2 .swiper-slide .txt .t03 {color:#111; margin-top:50px; width:70%; padding:12px 0px; line-height:1; border:1px solid #111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:12px; font-weight:300; padding-left:15px; background:url("/design/d4-3307/mobile_coslab/icon_plus_bk.png") no-repeat;  background-position:90% 50%; background-size: 9px 9px;}
.swiper_event2 .swiper-pagination-bullets {bottom:5% !important;left:7% !important;}
.swiper_event2 .swiper-pagination-bullet {margin-right:8px !important;  margin-left:0px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_event2 .swiper-pagination-bullet {width:30px; height: 2px; float:left; border-radius:8px; background: #ccc; opacity:0.7;}
.swiper_event2 .swiper-pagination-bullet-active {opacity: 1;background:#111; }
.swiper_event2 .swiper-slide-active .ban .thumnail > div {-webkit-animation-name: fadeInTop; animation-name: fadeInTop; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden;}


/* 액티비티 / 이벤트 슬라이드 03 */
.event03  {width:100%; margin:0 auto; max-height:400px;  overflow:hidden !important; background-color:#0d277d !important; }
.event03-container .event03 {width:100%; margin:60px auto 0; padding-bottom:2px; background-color:#0d277d !important; }
.event03 .txt {height:auto; width:72%;  float:left;  padding:4% 0%;  background-color: #0d277d !important;;  position:relative;}
.event03 .txt .t01 {margin-left:20px; color:#fff; margin-top:5px;  font-size:1.8em; font-weight:300; line-height:1.2; font-family:'Noto Sans KR','Montserrat', Dotum, AppleGothic, Helvetica, sans-serif;}
.event03 .txt .t02 {margin-left:20px; color:#fff; font-size:1.0em; font-weight:300; margin-top:0px; line-height:1.2;}
.event03 .txt .t03 {margin-left:20px; color:#fff; margin-top:27px; width:50%; padding:8px 0px; line-height:1; border:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:12px; font-weight:300; padding-left:15px;  background-position:90% 50%; background-size: 9px 9px;}

.event03 .loopWrap {display:block; width:28%; float:right; background-size:cover !important; background-position:center center !important;}
.event03 .loopWrap .imgbox {  width:100% !important; margin:0 0px; background-position:center center !important;}
.event03 .loopWrap .imgbox .innerBox {  width:100% !important; margin:0 0px; background-position:center center !important; }
.event03 .thumnail {  width:100% !important; margin:0 0px; background-position:center center !important; }
.event03 .thumnail img { display:block; width:100% !important; margin:0 0; }



/* (설정안함-예비용)액티비티 활동 */
.conProduct5 { width:100%; overflow:hidden; }
.conProduct5 > h2 { width:100%; text-align:center; font-size:23px; font-weight:600; margin-bottom:5px; color:#222; letter-spacing:-0.02em; }
.conProduct5 > h2 span { color:#0d277d; }
.conProduct5 > h3 { width:100%; text-align:center; font-size:16px; font-weight:400; margin-bottom:15px; color:rgba(0,131,203,0.4); }
.conProduct5 .loopWrap { width:100%; margin:0 auto; overflow:hidden; font-size:0; text-align:center; padding:-20px 0 70px;  }
.conProduct5 .loopWrap .imgbox {width:33.3% !important; position:relative; box-sizing:border-box; margin:0 0px; padding-bottom:50px; }
.conProduct5 .loopWrap .imgbox .swiper-slide { box-sizing:border-box; width:100% !important;  margin:0 0px; }
.conProduct5 .loopWrap .imgbox .swiper-slide a { display:block; overflow:hidden; margin:0 0px; }
.conProduct5 .loopWrap .imgbox .swiper-slide a .thumnail {width:100% !important; margin:0 0px; }
.conProduct5 .loopWrap .imgbox .swiper-slide a .thumnail img { display:inline-block; width:100% !important; margin:0 0; }

.conProduct5 .loopWrap .swiper-pagination-bullet-active {  opacity: 1;  background: #0d277d !important;}

.conProduct5 .loopWrap .productThumb > a { position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(255,255,255,0); opacity:0; /* box-sizing:border-box; */ transition:all .3s; }









/* 의료기기. 현.화장품 (구.제품구매(special list) */
.conProduct2 { width:100%; background-color:#fff; }
.conProduct2 .item-list-wrap { width:100%; margin:0 auto; overflow:hidden; }
.conProduct2 .item-list-wrap .item-list {  width:46%; float:left; margin-right:2%; margin-left:2%; box-sizing:border-box; }
.conProduct2 .item-list-wrap > div:nth-child(2n) { margin-right:0; }


.conProduct2 .item-list-wrap .item-list > a { display:block; width:100%;  height:340px; padding-bottom:10px; }
.conProduct2 .item-list-wrap .item-list > a .thumnail { width:100%; position:relative; text-align:center; background-color:#fff; box-sizing:border-box; transition:all .3s; }

.conProduct2 .item-list-wrap .item-list > a .thumnail .thumb_num {  display:block; width:100%; position:absolute; top:101%; left:50%;  transform: translate(-50%, -50%);  }

.conProduct2 .item-list-wrap .item-list > a .thumnail img { width:100%; display:inline-block; }
.conProduct2 .item-list-wrap .item-list > a .price { width:100%; padding:8px 0; box-sizing:border-box; margin:0 auto; background-color:#fff; border:1px solid #fff; transition:all .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.conProduct2 .item-list-wrap .item-list > a .price p { font-size:12px; letter-spacing:-.4px; line-height:20px; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.conProduct2 .item-list-wrap .item-list > a .price p:last-child { float:left; display:inline-block; margin-top:10px; font-size:12px;  }
.conProduct2 .item-list-wrap .item-list > a .price p:last-child span {  font-size:12px; color:#ccc; }
.conProduct2 .item-list-wrap .item-list > a .price p:last-child span.originP { font-size:14px; color:#222; }
.conProduct2 .item-list-wrap .item-list > a .price p:last-child b { font-size:16px; font-weight:500 !important; color:#0d277d; }

.conProduct2 .item-list-wrap .item-list > a:hover .thumnail { background-color:#f5f6f8; }
.conProduct2 .shopbrand .more .more-title {color: #3b3b3b;}
.conProduct2 .shopbrand .more .more-num {color: #aaaaaa;}



/* 메인 리뷰 */
.main_re {margin:0px 5%;}
.main_re ul li {border-top:1px solid #f3f3f3; padding-top:25px; margin-top:25px;}
.main_re ul li:first-child {border-top:0;margin-top:0;padding-top:0;}
.main_re .re_ban {width:40%;}
.main_re .re_ban img {width:100%;}
.main_re .re_txt {width:60%; text-align:left;}
.main_re .re_txt .inner {width:90%; margin:0 0 0 10%; font-size:0px; margin-top:15px;}
.main_re .re_txt .t_numb {font-weight:500; font-size:20px; line-height:1; color:#111; margin-bottom:28px;}
.main_re .re_txt .t_numb span {border-bottom:2px solid #111; padding-bottom:2px; }
.main_re .re_txt .t01 {font-size:14px;color:#111;font-weight:300;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  line-height:1.2;}
.main_re .re_txt .t01 a {color:#111;}
.main_re .re_txt .t02 {font-size:13px;color:#777;font-weight:300;margin-top:16px;line-height:1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; height:4.8em; }
.main_re .re_txt .t02 a {color:#777;}
.main_re .re_txt .t03 {padding-top:20px;font-size:14px;letter-spacing:2px;}
.main_re .re_txt .t03 span {font-family:'Noto Sans KR', sans-serif !important;}
.main_re .re_txt .t04 {font-size:12px; color:#999; font-weight:300; margin-top:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_re .re_txt .t04 .line {width:1px; display:inline-block; height:8px; background-color:#e1e1e1; margin:0px 10px;}

.main_re .main_re_link {margin:48px auto 0; text-align:center; width:160px;}
.main_re .main_re_link a {
    color: #111;
    padding: 15px 10px 15px 0px;
    line-height: 1;
    font-size: 12px;
    font-weight: 300;
    background: #eee url(/design/d4-3307/mobile_coslab/icon_plus_bk.png) no-repeat;
    background-position: 115px 50%;
    display: block;
    border-radius: 30px;
    background-size: 9px 9px;
}

/* 더보기 버튼 */
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.more {margin-top:5px !important; margin-bottom:35px !important;}


/* 메인탭02 : 오직온라인 */
.m_tab02_area {position:relative;margin-top:60px;}
.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;}
.swiper_roll2 {padding-bottom:20px !important;}
.swiper_roll2.list_shopping2x ul {display:flex;padding:0;margin:0;}
.swiper_roll2 .swiper-scrollbar { left:0 !important; bottom: 0px !important; height: 2px !important; width:90% !important;right:0 !important;margin:0 auto;}
.swiper_roll2 .swiper-scrollbar-drag {background: rgba(0, 0, 0, 1);border-radius: 0px;}

@-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);
  }
}


/* 유튜브 동영상 수정하는곳 */
.cf:after { content:'';  display:block; }
#bg_wrap { width:100%; height:auto;  padding:50px 0 100px 0;  margin-bottom:30px, 0 30px; /* background-image:url('/design/inclear01/video/221005_applicator_1.mp4' frameborder="0" autoplay loop muted>);  background-position:center center; background-attachment:fixed; */  }
#bg_wrap .ani_wrap{ display:inline-block; text-align:center; width:100%;  height:auto; }
#bg_wrap .ani_wrap div{ display:inline-block; text-align:center;  float:center; }
#bg_wrap .ani_wrap .text_wrap{  margin-top:70px;  width:100%;  font-size:13px;  line-height:13px;  color:#fff; font-family: 'Montserrat','나눔바른고딕',sans-serif; font-weight:bold; }
#bg_wrap .ani_wrap .text_wrap h2{  font-weight:100;  padding-top:2px;  letter-spacing:-0.5px;  line-height:38px;  font-size:36px; color:#fff; }
#bg_wrap .ani_wrap .text_wrap .text1{  padding-top:15px;   line-height:23px;  letter-spacing:-0.5px;  font-size:18px;  color:#fff; }
#bg_wrap .ani_wrap .text_wrap .baro{ display:inline-block; text-align:center;   margin-top:38px;   width:135px; height:40px;  text-align:center; }
#bg_wrap .ani_wrap .text_wrap .baro a{ display:inline-block; text-align:center;   width:100%;  height:100%;  transition:all 0.2s;  color: rgba(20, 20, 20, .8);   background-color:rgba(255, 255, 255, .5);  line-height:40px;  border:2px solid rgba(255, 255, 255, .5);  box-shadow: 0 2px 8px -1px #{rgba 0, 0, 0 .5)};  border-radius: 38px; font-size:13px; }
#bg_wrap .ani_wrap .center_yt{ display:inline-block; text-align:center;   width:100%; float:center;}
#bg_wrap .ani_wrap .center_yt .yt_ani{ width:100%; float:center; }

/* 상세페이지 모바일 베너 */
.banner_m { width:100%; margin-TOP:20px;  }
.banner_m a { display:block; width:100%; margin-bottom:0px; }
.banner_m a img { width:100%; }



/* 공지사항 */
.notice { width:100%; text-align:left; background-color:#fff; padding-bottom:40px; clear:both; }
.notice h2 { font-size:18px; display:inline-block; margin:45px 0 18px 0; padding-top:6px; font-weight:600; color:#222; }
.notice ul { width:100%; padding:0 8%; box-sizing:border-box; }
.notice ul li { width:100%; }
.notice ul li a { display:block; width:100%; font-size:12px; line-height:20px; font-weight:300; text-align:left; }
.notice ul li a span { display:inline-block; float:right; }
.notice a.noticeA { display:inline-block; width:100px; height:40px; background-color:#222; color:#fff; text-align:center; line-height:40px; margin-top:20px; }


/* 공지사항,자주찾는질문 */
.cf:after {content:''; display:block; clear:both;}

.board {width:100%; height:auto; margin:0 auto; margin-top:20px; background-color:#f9f8f7;}
.board .gong {width:100%; margin:0 auto; margin-top:18px; padding:10px 25px; box-sizing:border-box;}
.board .gong h4 {font-size:20px; color:#111; font-weight:500;  padding:0 8%;}
.board .gong a h4 span {font-size:12px; color:#ff7676; line-height:3; transition:all 0.1s;}
.board .gong ul li a {display:block; color:#999; font-size:16px; line-height:1.7; transition:all 0.1s; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board .gong ul li span {float:right;}

.board .gong a h4:hover span {color:#ff0000;}
.board .gong ul li a:hover {color:#000;}





/* (구) 의료기기 */
.main .list_shopping2x { background-color:#fff; }
.main .list_shopping2x .MK_block_new_product .items li { width:49.5%; float:left; margin-right:1%; box-sizing:border-box; }
.main .list_shopping2x .MK_block_new_product .items li:nth-child(2n) { margin-right:0; }
.main .list_shopping2x .MK_block_new_product .items li a figure > span { display:block; width:100%; overflow:hidden; text-align:center; padding:15px 0; box-sizing:border-box; }
.main .list_shopping2x .MK_block_new_product .items li a figure > span img { display:block; width:100%; }

.listConsumer, .listPrice { display:inline-block; text-align:center; }
.listConsumer { font-size:12px; color:#b2b2b2; display:none; }
.listPrice { font-size:16px !important; font-weight:500; color:#0d277d; margin-bottom:0; letter-spacing:-0.02em; }
.listName { font-size:12px; color:#222; line-height:17px; text-align:center; color:#222; margin-bottom:10px; font-weight:400; word-break:keep-all; }
.list_shoppingInfo { 
    width:100% !important; padding:10px 3% !important; font-size:12px !important; background-color:#fff !important;
    float:none; margin:0 auto !important; text-align:center !important; overflow:hidden; box-sizing:border-box; }
 
.list_shopping2x ul { padding:0 2% !important; }
.list_shopping2x li a { padding:0 0 15px 0 !important; }





.main .list_shopping1x .MK_block_new_product .items li { width:100%; float:center; margin-right:1%; box-sizing:border-box; }
.main .list_shopping1x .MK_block_new_product .items li a figure > span { display:block; width:100%; overflow:hidden; text-align:center; padding:15px 40px; box-sizing:border-box; }
.main .list_shopping1x .MK_block_new_product .items li a figure > span img { display:block; width:100%; }

.listConsumer, .listPrice { display:inline-block; text-align:center; }
.listConsumer { font-size:12px; color:#b2b2b2; display:none; }
.listPrice { font-size:16px !important; font-weight:500; color:#0d277d; margin-bottom:0; letter-spacing:-0.02em; }
.listName { font-size:12px; color:#222; line-height:17px; text-align:center; color:#222; margin-bottom:10px; font-weight:400; word-break:keep-all; }
.list_shoppingInfo { 
    width:100% !important; padding:10px 3% !important; font-size:12px !important; background-color:#fff !important;
    float:none; margin:0 auto !important; text-align:center !important; overflow:hidden; box-sizing:border-box; }









/* 현.생리대(구.셋트상품) */
.main .list_shopping1x {  padding-bottom:50px; background-color:#f9f8f7; /*rgba(249,248,247,0.5);*/ }
.main .list_shopping1x h2 {font-size:18px; display: inline-block; margin:15px 0 5px 0; padding-top:6px; font-weight:500; color:#222;}
.main .list_shopping1x h2 span { color:#0d277d; }
.main .list_shopping1x h3 { font-size:12px; margin-bottom:20px; color:#0d277d; width:100%; text-align:center; }
.main .list_shopping1x .loopWrap { width:100%; }
.main .list_shopping1x .loopWrap .imgbox { width:100%; overflow:hidden; padding-bottom:50px; }
.main .list_shopping1x .loopWrap .imgbox .innerBox { width:100%; }
.main .list_shopping1x .thumnail { width:100%; }
.main .list_shopping1x .thumnail img { width:100%; }
.main .list_shopping1x .price { width:100%; height:107px; padding:10px 0; box-sizing:border-box; letter-spacing:-0.02em; word-break:keep-all; position:relative; border:0px solid #e5e5e5; border-top:none; }
.main .list_shopping1x .price p:last-child { position:absolute; bottom:10px; left:0; width:100%; text-align:center; font-size:16px; font-weight:500; color:#0d277d; }
.main .list_shopping1x .price p:last-child span { font-size:12px; color:#ccc; font-weight:300; }
.main .list_shopping1x .swiper-pagination-bullet-active {  background: #0d277d !important;}


/* 화장품 */
.main .list_shopping3x {  padding-bottom:35px; overflow:hidden; }
.main .list_shopping3x h2 {font-size:18px; display: inline-block; margin:15px 0 5px 0; padding-top:6px; font-weight:500; color:#222;}
.main .list_shopping3x h2 span { color:#0d277d; }
.main .list_shopping3x h3 { font-size:12px; margin-bottom:20px; color:#0d277d; width:100%; text-align:center; }
.main .list_shopping3x .item-list-wrap { width:100%; padding:0 2%; box-sizing:border-box; }
.main .list_shopping3x .item-list-wrap .item-list { width:49.5%; float:left; margin-right:1%; }
.main .list_shopping3x .item-list-wrap > div:nth-child(2n) { margin-right:0; }
.main .list_shopping3x .thumnail { width:100%; }
.main .list_shopping3x .thumnail img { width:100%; }
.main .list_shopping3x .price { width:100%; height:95px; padding:10px 0; box-sizing:border-box; letter-spacing:-0.02em; word-break:keep-all; position:relative; }
.main .list_shopping3x .price p:last-child { position:absolute; bottom:10px; left:0; width:100%; text-align:center; font-size:16px; font-weight:500; color:#0d277d; }
.main .list_shopping3x .swiper-pagination-bullet-active {  background: #0d277d !important;}
.main .list_shopping3x .btn_wrap { width:100%; height:20px; line-height:20px; background-color:#bcbfc1; color:#fff; text-align:center; display:block; border:1px solid #bcbfc1; box-sizing: border-box; vertical-align: middle;}
.main .list_shopping3x .ec-admin-icon cart { }

.mainBanner3{width:100%;margin: 0 auto;}
.mainBanner3 > img{width:100%;margin: 0 auto;}



/* 메인 베너 */
.mainBanner { width:100%; overflow:hidden; }
.mainBanner a { display:block; }
.mainBanner a:first-child,
.mainBanner a:nth-child(2){ width:50%; float:left; }
.mainBanner a img { width:100%; }

/* 샘플 배너 */
.sample { width:100%; overflow:hidden;}

/* 인스타그램 */
.insta { width:100%; margin:0 auto; overflow:hidden; background-color:#f5f6f8; padding:30px 0; }
.insta > h2 { width:125px; margin:0 auto 5px !important; }
.insta > h2 img { width:100%; }
.insta h3 { width:145px; height:24px; background-color:#0c236e; text-align:center; line-height:24px; font-size:11px; font-weight:300; border-radius:12px; margin:0 auto 30px; }
.insta h3 a {color:#fff;}
.insta #instafeed { width:100%; margin:0 auto; font-size:0; }
.insta #instafeed a { display:inline-block; width:33.3333333%; }
.insta #instafeed a img { width:100%; }



/* 메인 팝업 */
#main_popup{ position:fixed; z-index:10000; top:0px; left:0; display: none; width:100%; height:100vh; background-color:rgba(0,0,0,0.6); }
#main_popup a { font-size:14px; color:#222; }
#main_popup > a{ display:block; width:80%; height:auto; margin:20vh auto 0; }
#main_popup > a img { width:100%; }
#main_popup .popup_bottom { width:80%; height:30px; margin:0 auto; padding:0 10px; background-color:#fff; box-sizing:border-box; }
#main_popup .popup_bottom a { line-height:30px; }
#main_popup .popup_bottom .pull-right{ float:right; }


@-webkit-keyframes fall {
    0% {
        opacity: 0.9;
        top: 0
    }
    100% {
        opacity: 0.2;
        top: 100%
    }
}

@keyframes fall {
    0% {
        opacity: 0.9;
        top: 0;
        z-index:9999;
    }
    100% {
        opacity: 0.2;
        top: 100%;
        z-index:9999;
    }
}

@-webkit-keyframes blow-soft-left {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: -50%
    }
}

@keyframes blow-soft-left {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: -50%
    }
}

@-webkit-keyframes blow-medium-left {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: -100%
    }
}

@keyframes blow-medium-left {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: -100%
    }
}

@-webkit-keyframes blow-soft-right {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 50%
    }
}

@keyframes blow-soft-right {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 50%
    }
}

@-webkit-keyframes blow-medium-right {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 100%
    }
}

@keyframes blow-medium-right {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 100%
    }
}

@-webkit-keyframes sway-0 {
    0% {
        -webkit-transform: rotate(-5deg)
    }
    40% {
        -webkit-transform: rotate(28deg)
    }
    100% {
        -webkit-transform: rotate(3deg)
    }
}

@keyframes sway-0 {
    0% {
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    40% {
        -ms-transform: rotate(28deg);
        transform: rotate(28deg)
    }
    100% {
        -ms-transform: rotate(3deg);
        transform: rotate(3deg)
    }
}

@-webkit-keyframes sway-1 {
    0% {
        -webkit-transform: rotate(10deg)
    }
    40% {
        -webkit-transform: rotate(43deg)
    }
    100% {
        -webkit-transform: rotate(15deg)
    }
}

@keyframes sway-1 {
    0% {
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    40% {
        -ms-transform: rotate(43deg);
        transform: rotate(43deg)
    }
    100% {
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
}

@-webkit-keyframes sway-2 {
    0% {
        -webkit-transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(56deg)
    }
    100% {
        -webkit-transform: rotate(22deg)
    }
}

@keyframes sway-2 {
    0% {
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -ms-transform: rotate(56deg);
        transform: rotate(56deg)
    }
    100% {
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }
}

@-webkit-keyframes sway-3 {
    0% {
        -webkit-transform: rotate(25deg)
    }
    40% {
        -webkit-transform: rotate(74deg)
    }
    100% {
        -webkit-transform: rotate(37deg)
    }
}

@keyframes sway-3 {
    0% {
        -ms-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    40% {
        -ms-transform: rotate(74deg);
        transform: rotate(74deg)
    }
    100% {
        -ms-transform: rotate(37deg);
        transform: rotate(37deg)
    }
}

@-webkit-keyframes sway-4 {
    0% {
        -webkit-transform: rotate(40deg)
    }
    40% {
        -webkit-transform: rotate(68deg)
    }
    100% {
        -webkit-transform: rotate(25deg)
    }
}

@keyframes sway-4 {
    0% {
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }
    40% {
        -ms-transform: rotate(68deg);
        transform: rotate(68deg)
    }
    100% {
        -ms-transform: rotate(25deg);
        transform: rotate(25deg)
    }
}

@-webkit-keyframes sway-5 {
    0% {
        -webkit-transform: rotate(50deg)
    }
    40% {
        -webkit-transform: rotate(78deg)
    }
    100% {
        -webkit-transform: rotate(40deg)
    }
}

@keyframes sway-5 {
    0% {
        -ms-transform: rotate(50deg);
        transform: rotate(50deg)
    }
    40% {
        -ms-transform: rotate(78deg);
        transform: rotate(78deg)
    }
    100% {
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@-webkit-keyframes sway-6 {
    0% {
        -webkit-transform: rotate(65deg)
    }
    40% {
        -webkit-transform: rotate(92deg)
    }
    100% {
        -webkit-transform: rotate(58deg)
    }
}

@keyframes sway-6 {
    0% {
        -ms-transform: rotate(65deg);
        transform: rotate(65deg)
    }
    40% {
        -ms-transform: rotate(92deg);
        transform: rotate(92deg)
    }
    100% {
        -ms-transform: rotate(58deg);
        transform: rotate(58deg)
    }
}

@-webkit-keyframes sway-7 {
    0% {
        -webkit-transform: rotate(72deg)
    }
    40% {
        -webkit-transform: rotate(118deg)
    }
    100% {
        -webkit-transform: rotate(68deg)
    }
}

@keyframes sway-7 {
    0% {
        -ms-transform: rotate(72deg);
        transform: rotate(72deg)
    }
    40% {
        -ms-transform: rotate(118deg);
        transform: rotate(118deg)
    }
    100% {
        -ms-transform: rotate(68deg);
        transform: rotate(68deg)
    }
}

@-webkit-keyframes sway-8 {
    0% {
        -webkit-transform: rotate(94deg)
    }
    40% {
        -webkit-transform: rotate(136deg)
    }
    100% {
        -webkit-transform: rotate(82deg)
    }
}

@keyframes sway-8 {
    0% {
        -ms-transform: rotate(94deg);
        transform: rotate(94deg)
    }
    40% {
        -ms-transform: rotate(136deg);
        transform: rotate(136deg)
    }
    100% {
        -ms-transform: rotate(82deg);
        transform: rotate(82deg)
    }
}

.sakura {
    background: -webkit-linear-gradient(120deg, rgba(246, 152, 153, 1), rgba(255, 197, 208, 1));
    background: linear-gradient(120deg, rgba(246, 152, 153, 1), rgba(255, 197, 208, 1));
    pointer-events: none;
    position: absolute
}







/* BASIC css end */