/* BASIC css start */
/* 메인이미지 */
.swiper1 {width:100%;height:auto;} 
.swiper1 .swiper-slide a {display:block;width:100%;height:auto;}
.swiper1 .swiper-slide a img {width:100%;}
.swiper1 .swiper-pagination-bullet {width:11px;height:11px;margin:0px 5px !important;border-radius:50%; display: inline-block; background:#c0c0c0; opacity:1 !important; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.swiper1 .swiper-pagination-bullet-active {opacity:1;background:#fff; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.swiper1 .swiper-pagination-bullets {position:static;display:inline-block;width:auto;}
.swiper1 .swiper-navi-box {position:absolute;width:auto;margin:0 auto;left:0;right:0;bottom:17px;z-index:11;text-align:center;}
.swiper1 .swiper-navi {display:inline-block;width:auto;text-align:center; font-size:0;}
.swiper1 .icon_start_stop {display:inline-block;width:9px;height:11px;background-image:url('/design/d4-3304/mobile_ansome/icon_start_stop.png');background-repeat:no-repeat;cursor:pointer;margin-left:5px;}
.swiper1 .icon_start_stop.pause {background-position:0 -11px;}

/* 메인 4단 배너 */
.4dan_ban ul {width:98%; margin:0 auto;}
.ban01 li {width:48%; float:left; padding:15px 1% 0 1%;}
.ban01 li img {width:100% !important;}
.ban02 li {width:48%; float:left; padding:5px 1% 0 1%;}
.ban02 li img {width:100% !important;}

/* 메인 타이틀 */
.main_title {padding:40px 15px 10px; text-align:center; font-size:0px;'Noto Sans KR', sans-serif, 'Roboto';}
.main_title .t1 {font-size:20px; color:#000; line-height:1; font-weight:500; font-family: 'poppins';}
.main_title .t1 strong {font-weight:800;}
.main_title .t2 {font-size:12px; color:#777; line-height:1; padding-top:6px;}

/* 메인 유튜브 비디오 영역 */
.video_area {width:100%; min-height:250px; height:auto;}
.bg_video {background:#ebebeb; width:100%; min-height:160px; z-index:10; margin:0 auto; text-align:center; font-family:'Noto Sans KR', sans-serif; position:relative;}
.bg_video h2 {font-size:13px; color:#787878; font-weight:normal; padding:25px 0 5px 0;}
.bg_video .tit_video1 {font-size:20px; color:#535353; line-height:22px;}
.bg_video .tit_video1 span {color:#000; font-weight:bold;}
.bg_video .video_hash {font-size:13px; color:#7c7c7c; padding-top:10px;}
.bg_video .play_video {position:absolute; top:130px; left:13%; width:70%; z-index:30;}
.bg_video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.bg_video .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.V_border_box {width:60%; min-height:155px; border:4px solid #dfdfdf; position:absolute; right:12%; top:150px;}

/* 메인 탭상품 스타일 */
.main_tab {margin-top:20px;}
.main_tab .tab_inner { font-size:0; text-align:center; border-bottom:1px solid #eaeaea; height:44px;}
.main_tab .tab_inner a { width:50%; line-height:43px;text-align:center;display: inline-block; font-size:12px; letter-spacing:-0.5px; color:#999;  
border-bottom:1px solid #e9e9e9; border-top:0; background-color:#fafafa; border:1px solid #eaeaea; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;  }
.main_tab .tab_inner a:first-child {border-right:0px;}
.main_tab .tab_inner a.open {border-bottom:1px solid #fff; background-color:#fff; color:#1d1b1b; border-top:2px solid #000; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;  }
.tab_box02 {display:none;}
.tab_box01, .tab_box02 {margin:30px auto 0px;}

/* 텍스트 이벤트 배너 관련 */
.swiper2 .swiper-slide {background-color:#f5f5f5; margin:0px 0px 15px;}
.swiper2 .swiper-slide img {width:100%;}
.swiper2 .swiper-button-prev {background-image:url('/design/d4-3304/mobile_ansome/best_left.gif') !important;background-size:20px 26px;top:47%;left:-1px;}
.swiper2 .swiper-button-next {background-image:url('/design/d4-3304/mobile_ansome/best_right.gif') !important;background-size:20px 26px;top:47%;right:-1px;}

/* 타임세일 관련 */
.time_hash {margin:5px auto 25px; width:100%; text-align:center;}
.time_hash li {display:inline-block; padding:0 1px;}
.time_hash li:last-child {padding-right:0;}
.time_hash li a {padding:3px 4px; background:#f4f4f4; color:#888; font-size:12px; border-radius:7px;}

/* 타임딜 영역 */
.timedeal_box .relative {position:relative;}
.timedeal_box .list_shoppingInfo .discount_date .discount_date_end,
.timedeal_box .list_shoppingInfo .discount_date .discount_date_start {display:none;}
.timedeal_box .timesale_box {background:rgba(255,255,255,0.7); display:flex;justify-content:center;position:absolute;bottom:5px;left:0;width:100%;line-height:40px;height:40px;color:#000;font-size:14px;text-align:center;z-index:1;display:none;}
.timedeal_box .timesale_box .untilStart {font-size:13px; color:#333; letter-spacing:-0.5px;font-family:"Noto Sans KR",sans-serif !important;font-weight:400;}
.timedeal_box .timesale_box .untilStart span {margin-right:1px; padding:0 5px; height:21px; line-height:21px; background:#333; border-radius:3px; font-size:14px; font-weight:300; color:#fff;}

/* 메인 인스타그램 영역 */
.title_ins {clear:both; margin:20px auto 15px; width:94%; height:16px; line-height:16px; vertical-align:middle;}
.icon_ins {padding:0 6px 0 0; line-height:16px; }
.icon_ins img {height:16px;}
.tit_ins1 {font-weight:600; font-size:15px; letter-spacing:2px; padding-right:8px; height:16px; }
.tit_ins1 span {font-size:13px; color:#888; letter-spacing:1px; font-weight:300; line-height:16px; }

.ins_hash li {float:left; padding-right:3px;}
.ins_hash li:last-child {padding-right:0;}
.ins_hash li a {padding:3px 4px; background:#f4f4f4; color:#888; font-size:12px; border-radius:7px;}

.main_insta_banner {width:94%; margin:20px auto;text-align:center;}
.main_insta_banner li {float:left;width:11.5%;margin:0 0.5%}
.main_insta_banner li img {width:100%;}


/* 메인 후기 출력 부분 관련 */
.main_reivew {width:94%; min-height:360px; border:8px solid #f5f5f5; margin:30px auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative;}
.main_reivew .r_num1 {height:90px; line-height:90px; text-align:center; font-size:22px; font-weight:bold; color:#000;}
.main_reivew .r_num2 {position:absolute; top:146px; left:14px; font-size:22px; font-weight:bold; color:#000;}
.main_reivew .r_num3 {position:absolute; top:237px; left:14px; font-size:22px; font-weight:bold; color:#000;}

.main_reivew .tit_review {width:90%; height:45px; font-family: 'Noto Sans KR', sans-serif; margin:0 auto; padding-top:13px;}
.main_reivew .tit_l_area {height:40px; line-height:40px; font-size:19px; color:#000; text-align:left; letter-spacing:-1.5px; font-weight:400; } 
.main_reivew .tit_l_area b {font-weight:600;}
.main_reivew .tit_r_area {font-size:12px; color:#959595; text-align:right; margin-top:15px; padding:0; letter-spacing:-0.5px;}
.main_reivew ul {width:90%; margin:0 auto; height:273px; }
.main_reivew ul li {height:90px; border-top:1px solid #dedede;overflow:hidden;}
.Rcon_li .r_sec1 {width:7%; height:90px; line-height:90px; font-size:22px; font-weight:bold; color:#000; text-align:left;float:left;}
.Rcon_li .r_sec2 {width:13%; height:90px; line-height:90px; display:flex; align-items:center;  float:left;overflow:hidden;}
.Rcon_li .r_sec2 img {width:100%;height:auto;}
.Rcon_li .r_sec3 {width:80%;  float:left;height:90px;overflow:hidden;}
.r_name {font-family: 'Noto Sans KR', sans-serif; font-size:14px; color:#000; text-align:left; font-weight:500; text-indent:17px; margin-top:14px;}
.r_txt1 {font-size:12px; color:#959595; text-align:left; line-height:17px; margin:5px 0 0 20px;overflow:hidden;height:34px;}

/* BASIC css end */