/* BASIC css start */
/* 메인 레이아웃 */
#header .h_sec01 {margin-bottom:0 !important;}
#header .h_sec02 {display:block !important;}
.main {overflow:hidden;}

/* 메인 키비주얼 */
.swiper1 {margin-bottom:0px}
.swiper1 .swiper-slide img {width:100%;}
.swiper1 .main_txt {position:absolute; left:60px; bottom:100px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s;  transition: all 0.8s;}
.swiper1 .swiper-slide-active .main_txt {left:35px; opacity:1; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s;  transition: all 0.8s;}
.swiper1 .main_txt .t1 {color:#fff; font-size:27px; font-weight:700; line-height:32px; margin-bottom:20px;}
.swiper1 .main_txt .t2 {color:#fff; font-size:16px; line-height:22px; letter-spacing:-0.2px;}
.swiper1 .swiper-pagination.swiper-pagination1 {bottom:38px;}
.swiper1 .swiper-pagination-bullet {width:20px; height:2px; background-color:#d8d8d8; border-radius:0; opacity:1;}
.swiper1 .swiper-pagination-bullet-active {background-color:#1a1a1a;}

/* 메인타이틀 */
.main .main_title {margin-bottom:16px; padding:0 20px; color:#1a1a1a; font-size:22px; font-weight:700; line-height:1; margin-top:90px; }
.main .main_title a {float:right; color:#1a1a1a; font-size:12px;}
.main .main_title2 {margin:-10px 0 25px; padding:0 20px; color:#888; font-size:14px; font-weight:300;}

/* 메인 2단배너 */
.banner_area {margin-top:50px; padding:0 20px; display:flex; gap:24px; justify-content:space-between;}
.banner_area div {flex:1;}
.banner_area div img {max-width:100%;}
.banner_area span {display:block; margin-top:18px; font-size:18px; font-weight:700; color:#1a1a1a;}

/* 메인 타임세일 */
.main_timesale .swiper-slide {margin-bottom:40px;}
.main_timesale .swiper-slide img.listPic {width:100% !important; padding:0 !important;}
.main_timesale .swiper-slide .img_w {position:relative;}
.main_timesale .list_shoppingInfo {padding:15px 10px 0 0;}
.main_timesale .list_shoppingInfo .listPrice {display:inline-block;}
.main_timesale .listDiscount {display:inline-block; padding-left:5px;}
.main_timesale .period {display: none;}
.main_timesale .timesale_box {display: block; position: absolute; bottom: 0; left: 0; width:100%; line-height:48px; background:rgba(255,115,115,0.8); box-sizing:border-box; text-align:center; font-size:16px; color:#fff;}
.main_timesale .timesale_box .untilStart,
.main_timesale .timesale_box .untilEnd {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 14px; line-height: 48px; letter-spacing: -0.02em; color: #fff; width: max-content; max-width: calc(100% - 24px); box-sizing: border-box; margin: 0 auto;}
.main_timesale .timesale_box .untilStart span,
.main_timesale .timesale_box .untilEnd span {display: flex; align-items: center; justify-content: center; margin: 0 6px;box-sizing: border-box; line-height: 48px; color:#fff;}
.main_timesale .timesale_box .untilStart span:last-child,
.main_timesale .timesale_box .untilEnd span:last-child {margin-right: 0;}
.main_timesale .event_more {width:120px;height:40px;margin-top:20px;color:#1a1a1a;font-size:14px;line-height:40px;text-align:center;border:1px solid #1a1a1a;border-radius:20px;box-sizing:border-box;margin-left: 20px;margin-top: -20px;}
.main_timesale .event_more a {width:100%; height:100%; display:block;}


/* 메인 탭 상품진열 01 */
.m_tab01 {padding:8px 20px 0;}
.m_tab01 li {display:inline-block; margin-right:18px; color:#aaa; font-size:15px; text-align:center; line-height:1;}
.m_tab01 li.current {color:#1a1a1a; font-weight:700;}
.tabcontent01 {display:none; margin-top:30px; padding:0px;}
.tabcontent01.current {display:block;}


/* 메인 공통 이벤트배너 01 02 */

.event_area00 {margin:50px 0 90px 20px;}
.event_area00 .swiper-slide img {width:100%;}


.event_area01 {margin:50px 0 90px 20px;}
.event_area01 .swiper-slide img {width:100%;}

.event_area02 {margin:60px 0 90px 20px;}
.event_area02 .swiper-slide img {width:100%;}

.event_area_txt {padding:0 15px;}
.event_area_txt .t1 {color:#1a1a1a; font-size:22px; font-weight:700; line-height:26px; margin:30px 0 15px;}
.event_area_txt .t2 {color:#999; font-size:14px; line-height:20px;}
.event_area_txt .event_more {width:120px; height:40px; margin-top:20px; color:#1a1a1a; font-size:14px; line-height:40px; text-align:center; border:1px solid #1a1a1a; border-radius:20px; box-sizing:border-box;}

/* 메인 롤링 상품진열 */
.main_roll_prd {width:calc(100% + 10px); margin-left:-5px; padding-bottom:30px !important;}
.main_roll_prd.list_shopping2x ul {display:flex; width:100%;}
.main_roll_prd .swiper-pagination-bullet {width:20px; height:2px; background:#e5e5e5; border-radius:0; opacity:1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.main_roll_prd .swiper-pagination-bullet-active {width:20px; height:2px; background:#1a1a1a; border:0;}

/* 메인 탭 상품진열 02 */
.m_tab02 {padding:8px 20px 0;}
.m_tab02 li {color:#111; font-size:15px; cursor:pointer; position:relative; display:inline-block; margin:0px 0px 6px 6px; padding:6px 18px; background:#eaeaea; border-radius:50px; line-height:1 -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;;}
.m_tab02 li.current {background:#111; color:#fff; }
.tabcontent02 {display:none; margin-top:30px; padding:0px;}
.tabcontent02.current {display:block;}

/* 메인 상품진열 더보기 버튼 */
.main_btn_more {margin-bottom:90px; text-align:center;}
.main_btn_more a {display:inline-block; width:180px; height:55px; color:#1a1a1a; font-size:14px; line-height:55px; border:2px solid #1a1a1a; box-sizing:border-box;}

/* 메인 PICK */
.pick_area {position:relative; margin:20px 0 80px; padding:50px 0 110px 20px; background-color:#f9f7f4;}
.pick_area .main_title {padding-left:0;}
.pick_area .swiper-slide img {width:100%;}
.pick_area .t1 {color:#1a1a1a; font-size:18px; font-weight:600; margin:25px auto 15px;}
.pick_area .t2 {color:#999; font-size:14px; line-height:20px; margin-bottom:25px;}
.pick_area .t3 {color:#5a5a5a; font-size:14px;}
.pick_area .swiper-scrollbar.swiper-scrollbar_pick {left:20px; bottom:50px; width:calc(100% - 40px); height:3px; margin:0 auto;}
.pick_area .swiper-scrollbar-drag {background-color:#1a1a1a;}

/* 메인 인스타그램 배너 */
.insta_area .insta_ban {width:calc(100% - 40px); margin:0 auto;}
.insta_area .insta_ban ul li {float:left; width:32%; margin:0 0 1.3333% 1.3333%; line-height:0; border:1px solid #e9e9e9; box-sizing:border-box;}
.insta_area .insta_ban ul li:first-child {margin-left:0;}
.insta_area img {width:100%;}


/* 파워리뷰 */
.review_count {padding-top:10px; font-size:13px; text-align:left;}


/* 드라마 협찬 */
.drama_support {margin-bottom:50px; margin-top:50px;}


/* 3x 설정 */
.list_shopping3x {text-align:center;}
.list_shopping3x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 5px; text-align:left; font-size:0;}
.list_shopping3x li {width:33.33%;display:inline-block;vertical-align: top;margin-bottom: 15px;}
.list_shopping3x li a {display: block; padding:2px;}
.list_shopping3x li img.listPic {width:100%;}
.list_shopping3x li .main_icons {position:relative;}
.list_shopping3x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}
.listName {color:#3b3b3b; word-break: break-all;}
.list_shopping3x .list_shoppingInfo .color span {display:inline-block;width: 8px;height:4px;margin:0 3px 0 0;border:1px solid #e9e9e9; float:left;}
.list_shopping3x .review_count {padding-top: 12px;font-size: 12px;text-align:left;}
.list_shopping3x .list_shoppingInfo .listPrice {color:#1a1a1a;font-size: 13px;font-weight:700;text-align: left;}
.list_shopping3x.list_shoppingInfo .listPrice span {padding-left:2px;color:#999;font-size: 11px;font-weight:300;text-decoration:line-through;}


.p.recmd_discount_message {color:#ff4968;}


/* BASIC css end */