/* BASIC css start */
/* 메인이미지 */
.swiper1 {width:100%;height:565px;margin:0px auto;}
.swiper1 .swiper-slide {cursor:move;}
.swiper1 .swiper-slide > a > div {background-repeat:no-repeat;width:100%; height:100%; background-position:center top;}
.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;background:rgba(0,0,0,0.5); padding:7px 24px; border-radius:20px;font-size:0;}
.swiper1 .icon_start_stop {display:inline-block;width:9px;height:11px;background-image:url('/design/hjwych/0759ansome/icon_start_stop.png');background-repeat:no-repeat;cursor:pointer;margin-left:5px;}
.swiper1 .icon_start_stop.pause {background-position:0 -11px;}

/* 메인 4단배너 관련 */
.main_ban {width:1260px;margin:60px auto 0;position:relative;}
.main_ban .L_ban_area {margin-right:12px;float:left;}
.main_ban .L_ban_area a {display:block;}
.main_ban .R_ban_area {float:left;}
.main_ban .R_ban_area .R_ban01 {margin-bottom:12px;}
.main_ban .R_ban_area .R_ban02 {margin-right:12px;}

.main_left_cate {position:absolute;top:0;z-index:500;left:-177px;background-color:rgba(255,255,255,0.6);}
.main_left_cate .menuCategory { margin:0px;padding:9px 12px;width:121px; border:1px solid #dedede; border-radius:3px;}
.main_left_cate .menuCategory > li { padding:0; margin:0;text-align:center;}
.main_left_cate .menuCategory > li > a { font-weight:400; font-size:12px; color:#777; vertical-align:middle;display:table-cell; padding:0; line-height:23px; width:121px;}
.main_left_cate .menuCategory > li > a:hover { color:#fff; background:#333; border-radius:3px; height:22px; width:121px;}
#comment_top2.fixed { width:100%; position:fixed; top:62px; z-index:222;}

/* 메인 탭배너 관련 */
.swiper2 {width:1260px;margin:0 auto;padding-top:11px !important;}
.swiper2 .swiper-wrapper {height:auto;padding:34px 0 8px;width:1258px;border:1px solid #dedede;border-top:0;}
.swiper2_text {margin:0 auto;font-size:0;text-align:center;z-index:1;}
.swiper2_text li {width:316px;margin:0;line-height:39px;font-size:13px;letter-spacing:-0.3px;display:inline-block;cursor:pointer;color:#777;border:1px solid #dedede;margin-left:-1px;font-weight:300; background-color:#fbfbfb;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.swiper2_text li:first-child {width:315px;border-left:1px solid #dedede;margin-left:0;}
.swiper2_text li:hover,
.swiper2_text li.swiper_over {border:1px solid #a6a6a6;border-bottom:1px solid #fff; border-top: 2px solid #111; color:#000;background-color:#fff; height:49px; line-height:49px; margin-top:-8px; vertical-align:top;position:relative; }
.swiper2_text li.swiper_over:after {content:"";display:block;clear:both;position:absolute;top:0;right:-1px;border-right:1px solid #a6a6a6;height:47px;}
.swiper2 .swiper-pagination2 {display:none;}
.swiper2 .swiper-slide .xans-product-listmain {width:1188px;margin:0 auto;}

/* 메인 상품 타이틀 관련 스타일 */
.main_pro_title01 {margin:120px auto 45px;font-size:35px;line-height:25px;font-family: 'Poppins', sans-serif; text-align:center;}
.main_pro_title01 strong {font-weight:800;}
.main_pro_title01 span {font-size:13px; margin-top: 10px; color:#777;text-align:center;display:block;font-family:"Noto Sans KR", sans-serif;}

.main_pro_title02 {margin:0;font-size:39px;line-height:39px;font-family: 'Poppins',sans-serif; text-align:left;float:left;}
.main_pro_title02:before {content:""; display:block; clear:both;border-top:2px solid #111;width:37px;padding-top:24px;}
.main_pro_title02 strong {font-weight:800;display:block;font-style:normal;}
.main_pro_title02 span {font-size:13px;color:#777;text-align:left;display:block;font-family:"Noto Sans KR", sans-serif;font-style:normal;}
.main_pro_title02 .time_hash {line-height:20px;}
.main_pro_title02 .time_hash a {font-style:normal;line-height:20px;padding:4px 6px; background:#f4f4f4; color:#888; font-size:12px; border-radius:7px; letter-spacing:-0.3px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.main_pro_title02 .time_hash a:hover {background:#222; color:#fff; }

.main_pro_title03 {margin:0 auto 40px;font-size:35px;line-height:35px;font-family: 'Poppins',sans-serif; text-align:center;}
.main_pro_title03 strong {font-weight:800;}
.main_pro_title03 span {font-size:13px;color:#777;text-align:center;display:block;font-family:"Noto Sans KR", sans-serif;}
.main_pro_title03 .time_hash {line-height:20px;}
.main_pro_title03 .time_hash a {font-style:normal;line-height:20px;padding:4px 6px; background:#efefef; color:#888; font-size:12px; border-radius:7px; letter-spacing:-0.3px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.main_pro_title03 .time_hash a:hover {background:#222; color:#fff; }

/* 메인 비디오배너 */
.area_video {width:100%;height:454px;margin:20px auto 0;padding-bottom:15px;background:url("/design/hjwych/0759ansome/bg_video.gif") repeat-x;}
.inner_video {width:1260px;position:relative;margin:0 auto;}
.text_video {position:absolute; top:51px; left:103px; text-align:left; letter-spacing:-0.7px; }
.text_video h2 {font-size:17px; color:#787878; font-weight:normal; margin:0; padding:0 0 3px 0;} 
.text_video .tit_video1 {font-size:28px; color:#535353; font-weight:300; line-height:41px;}
.text_video .tit_video1 span {font-size:33px; color:#000; font-weight:600;}
.text_video .video_hash {font-size:15px; color:#7c7c7c; margin-top:10px; letter-spacing:-0.4px;}
.text_video .txt_info_video {font-size:15px; color:#828282; margin-top:30px;}
.text_video ul li {float:left; margin-top:23px; margin-left:9px; width:136px;}
.text_video ul li:flist-child {margin-right:0 !important;}
.text_video ul li a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.text_video ul li a:hover {opacity:0.6;}
.R_video {position:absolute; top:71px; right:78px; z-index:25;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.R_video .play_video {width:560px; height:360px;}
.border_box {width:544px; height:344px; border:8px solid #dfdfdf; position:absolute; top:95px; right:56px; z-index:24; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.inner_video:hover .R_video {top:61px; right:88px;}
.inner_video:hover .border_box {right:46px; top:105px;}

/* 타임딜 영역 */
.timedeal_box {width:1260px;margin:67px auto 0;}
.timedeal_box .prd-list {width:984px;float:right;}
.timedeal_box .prd-list table td {border:0;vertical-align:top;text-align:center;padding-bottom:26px;}
.timedeal_box .prd-list table .tb-center {width:308px;margin:0 auto;padding:0;text-align:center;position:relative;}
.timedeal_box .prd-list table .info {margin:0 auto;padding:0;text-align:left;vertical-align:middle;}
.timedeal_box .prd-list table .info .discount_date .discount_date_end,
.timedeal_box .prd-list table .info .discount_date .discount_date_start {display:none;}
.timedeal_box .prd-list .timesale_box {background:rgba(255,255,255,0.7); display:flex;justify-content:center;position:absolute;bottom:0;left:0;width:308px;line-height:50px;height:50px;color:#000;font-size:14px;text-align:center;z-index:1;display:none;}
.timedeal_box .prd-list .timesale_box .untilStart {font-size:13px; color:#333; letter-spacing:-0.5px;}
.timedeal_box .prd-list .timesale_box .untilStart span {margin-right:2px; padding:0 5px; height:21px; line-height:21px; background:#333; border-radius:3px; font-size:14px; font-weight:300; color:#fff;}

/* 메인상품롤링 */
.swiper_roll {position:relative;margin:45px auto 0 !important;padding:55px 0 !important;}
.rbggray .swiper-button-next,
.rbggray .swiper-button-prev { position: absolute;top:48%;width:14px;height:24px;margin-top:0;z-index:11;cursor:pointer;background-size:14px 24px;background-position:center;background-repeat:no-repeat;outline:none;}
.rbggray .swiper-button-next { background-image: url("/design/hjwych/0759ansome/slick_rolling_next.png"); left:auto;right:0;}
.rbggray .swiper-button-prev { background-image: url("/design/hjwych/0759ansome/slick_rolling_prev.png"); right:auto;left:0;}
.rbggray {width:100%;background-color:#f8f8f8;margin:70px auto 0;}
.rbggray .around_roll {width:1260px;padding:70px 0;margin:0 auto;position:relative;}
.rbggray .swiper_roll .prd-list .info {width:341px;height:341px;border-radius:100%;margin:0 auto;padding:0;text-align:center;position:absolute;top:0;left:0;right:0;background:rgba(255,255,255,0.8);display:inline-block;vertical-align:middle;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;opacity:0;border:1px solid #f8f8f8;}
.rbggray .swiper_roll .swiper-slide:hover .info {opacity:1;border:1px solid #dedede;}
.rbggray .swiper_roll .swiper-slide {opacity:0.8;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);transition: transform .5s;-o-transition: transform .5s;-moz-transition: transform .5s;-webkit-transition: transform .5s;}
.rbggray .swiper_roll .swiper-slide-active {opacity:1;-webkit-transform:scale(1.3)-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);}
.rbggray .swiper_roll .prd-list .thumb {background-size:cover;background-position:center;background-repeat:no-repeat;width:342px;height:342px;padding:0;border-radius:100%;overflow:hidden;margin:0 auto; border:1px solid #dedede;}
.rbggray .swiper_roll .prd-list .dsc {border-bottom:0;margin:0 auto;width:90%;}
.rbggray .swiper_roll .prd-list .subname {margin:0 auto 8px;width:90%;}
.rbggray .swiper_roll .prd-list .consumer {margin-right:0;}
.rbggray .swiper_roll .prd-list .info a {width:341px;height:341px;display:table-cell;vertical-align:middle;text-align:center;margin:0 auto;}

/* 인스타그램 출력 영역 관련 */
.insta_area {position:relative; height:176px;}
.insta_area .main_insta_banner {margin-top:53px;}
.insta_area .icon_ins {padding:2px 9px 0 0;float:left;}
.insta_area .tit_ins1 {font-weight:600; font-size:18px; letter-spacing:5px; padding-right:13px;float:left;}
.insta_area .tit_ins1 span {font-size:13px; color:#888; letter-spacing:2px; font-weight:300;}
.insta_area .trans_img {position:absolute; right:38px; top:-53px; margin:0;}
.insta_area .ins_hash li {float:left; padding-right:6px; margin-top:5px;}
.insta_area .ins_hash li:last-child {padding-right:0;}
.insta_area .ins_hash li a {padding:3px 6px;background:#f4f4f4;color:#888;font-size:12px;border-radius:7px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.insta_area .ins_hash li a:hover {background:#222; color:#fff;}

.instagram ul {padding-top:15px;}
.instagram ul li {float:left; width:116px; height:116px; margin-left:12px;}
.instagram ul li:first-child {margin-left:0;}
.instagram ul li img {display:block; width:100%;}


/* 메인 이벤트 롤링 배너 3장 관련 */
.swiper3 {width:654px;float:left;}
.swiper3 .swiper-button-prev {background-image: url('/design/hjwych/0759ansome/event_left.png') !important; background-size:54px 54px !important; left:0px !important; right:auto; width:54px !important; height:54px !important; opacity:1 !important; margin-top:-27px !important;}
.swiper3 .swiper-button-next {background-image: url('/design/hjwych/0759ansome/event_right.png') !important; background-size:54px 54px !important;right:0px !important; left:auto; width:54px !important; height:54px !important; opacity:1 !important; margin-top:-27px !important;}
.swiper3 .swiper-button-prev:hover {opacity:0.7 !important; }
.swiper3 .swiper-button-next:hover {opacity:0.7 !important; }

/* 메인 후기 출력 부분 관련 */
.main_reivew {width:592px; height:462px; border:14px solid #f5f5f5; border-left:0 !important;float:right;overflow:hidden;}
.main_reivew .tit_review {width:510px; height:62px;margin:0 auto; padding-top:17px;}
.main_reivew .tit_l_area {height:62px; line-height:62px; font-size:22px; color:#000; text-align:left;letter-spacing:-1.5px;font-weight:400;float:left;}
.main_reivew .tit_l_area b {font-weight:600;}
.main_reivew .tit_r_area {font-size:12px; color:#959595; text-align:right; margin-top:27px; padding:0;letter-spacing:-0.5px;float:right;}
.main_reivew ul {width:510px; margin:0 auto; height:363px;}
.main_reivew .mCSB_scrollTools a + .mCSB_draggerContainer {margin-top:15px !important;}
.main_reivew .mCSB_outside + .mCSB_scrollTools {right:-25px !important;}
.main_reivew ul li {height:90px; border-top:1px solid #dedede;}
.main_reivew .Rcon_li .r_sec1 {width:29px; height:90px; line-height:90px; font-size:22px; font-weight:bold; color:#000; text-align:left;float:left;}
.main_reivew .Rcon_li .r_sec2 {width:46px; height:90px; line-height:90px; display:flex; align-items:center;float:left;}
.main_reivew .Rcon_li .r_sec2 img {width:46px; height:auto;}
.main_reivew .Rcon_li .r_sec3 {width:435px;float:left;}
.main_reivew .Rcon_li .r_sec3 .r_name {font-size:15px; color:#000; text-align:left; font-weight:500; text-indent:17px; margin-top:14px;}
.main_reivew .Rcon_li .r_sec3 .r_txt1 {font-size:13px; color:#777; text-align:left; line-height:17px; margin:5px 0 0 17px;overflow:hidden;height:34px;}
.main_reivew .Rcon_li:hover .r_txt1 {color:#666;}

#contentWrap {width:100% !important;}


/* BASIC css end */