/* BASIC css start */
#footer {margin-top:0px !important;}

/* 메인이미지 슬라이더 */
.swiper1 .swiper-slide {cursor:move; width:100%; height:500px;}
.swiper1 .bg01 {background-image:url('/design/wlcjffl/mobile_dietleader/main01_bg.jpg'); background-position:bottom right; background-repeat:no-repeat; background-size:cover;}
.swiper1 .bg02 {background-image:url('/design/wlcjffl/mobile_dietleader/main02_bg.jpg'); background-position:bottom right; background-repeat:no-repeat; background-size:cover;}
.swiper1 .bg03 {background-image:url('/design/wlcjffl/mobile_dietleader/main03_bg.jpg'); background-position:bottom right; background-repeat:no-repeat; background-size:cover;}
/*  메인이미지 타이틀 텍스트 스타일 / 애니메이션 속도 */
.swiper1 .main_bg_text     {position:absolute; top:80px; left:13px; opacity:0;}
.swiper1 .main_t01 {font-size:15px; line-height:1.4; letter-spacing:-0.7px; color:#888; text-align: left;}
.swiper1 .main_t02 {font-size:27px; line-height:1.2; letter-spacing:-0.7px; color:#222; padding-top:10px; text-align:left; }
.swiper1 .main_t03 {font-size:13px; line-height:1.4; letter-spacing:-0.5px; color:#888; padding-top:15px; text-align: left;}
.swiper1 .main_t04 {margin-top:25px;}
.swiper1 .main_t04 a { padding:1px 15px; border:1px solid #666; color:#222; border-radius:15px; }

.swiper1 .swiper-slide-active .main_bg_text {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration:1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden; opacity:1;}

/*  메인이미지 슬라이드 스타일 */
.swiper1 .swiper-button-next {position:absolute; top:50%; width:20px; height:39px; margin-top:-17px;z-index:10; cursor:pointer; background-size:20px 39px; }
.swiper1 .swiper-button-prev {position:absolute; top:50%; width:20px; height:39px; margin-top:-17px;z-index:10; cursor:pointer; background-size:20px 39px; }
.swiper1 .swiper-button-next {background-image:url('/design/wlcjffl/mobile_dietleader/nav_arrow_right.png'); right:5%; opacity:0.3 !important;}
.swiper1 .swiper-button-prev {background-image:url('/design/wlcjffl/mobile_dietleader/nav_arrow_left.png'); left:5%; opacity:0.3 !important;}
.swiper1 .swiper-button-next:hover {opacity:0.7 !important;}
.swiper1 .swiper-button-prev:hover {opacity:0.7 !important;}
.swiper1 .swiper-pagination {bottom:20px !important;}
.swiper1 .swiper-pagination-bullet {background:transparent; border:0; margin:0px 3px !important; background-color:#fff;width:30px; height:3px; opacity:0.5 !important;border-radius:0;}
.swiper1 .swiper-pagination-bullet-active {background-color:#fff; opacity:1 !important;}
/* 메인이미지 슬라이더 */



/*  메인타이틀텍스트 스타일 01 */
.main_t01 {text-align:center; }
.main_t01 .main_t_txt01 {font-size:20px; font-family: 'Raleway', sans-serif; font-weight:400; color:#000; /*letter-spacing:1px;*/ letter-spacing:-0.5px; }
.main_t01 .main_t_txt02 {font-size:12px; letter-spacing:-0.5px; color:#888; line-height:16px; padding-top:5px;}
.main_t01 .main_t_txt03 {font-size:12px; letter-spacing:-0.5px; color:#888; line-height:18px; padding-top:15px;}


/* 메인 상품 배너 영역 더보기 스타일 */
.btn_det {width:100px; height:26px; line-height:26px; border:1px solid #dedede; display:block; margin:0 auto; margin-top:10px;}

/*  메인영역1 관련 스타일 */
.section01 {background-color:#f7f7f7; padding-top:40px; padding-bottom:40px;}
.main_area01 {padding-top:30px;}


/*  메인영역2 관련 스타일 */
.section02 {margin:40px 0; }
.section02 .swiper4 {padding-bottom:40px !important;}
.section02 .swiper4 .swiper-slide { cursor:move; width:100%;}
.section02 .swiper4 .inner {width:100%; margin:0 auto; position:relative;}
.section02 .swiper4 .inner .team_img {margin-top:30px;}
.section02 .swiper4 .inner .team_img img {width:100%;}
.section02 .swiper4 .swiper-pagination4 {bottom:0;}
.section02 .swiper4 .swiper-slide-active .team_img
{
-webkit-animation-name: fadeInLeft  !important;
animation-name: fadeInLeft  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}
.section02 .swiper4 .swiper-slide-active .section02_txt
{
-webkit-animation-name: fadeInRight  !important;
animation-name: fadeInRight  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}
.section02 .swiper4 .swiper-pagination-fraction {bottom:0 !important; left:0; color:#999; font-size:14px;}
.section02 .swiper4 .swiper-pagination-current {color:#000;}
.section02 .swiper4 .swiper-pagination-total {color:#777;}

.section02 .section02_txt {text-align:center; padding:30px 0px 0px; letter-spacing:-0.5px;}
.section02 .section02_txt .txt01 {color:#777; font-size:12px; line-height:15px;}
.section02 .section02_txt .txt02 {color:#222; font-size:22px; line-height:25px; padding-top:8px;}
.section02 .section02_txt .txt03 {font-size:12px; line-height:18px; color:#888;}
.section02 .section02_txt .txt04 a {text-align:left; text-indent:15px; width:150px; height:30px; background-color:#37222d; color:#fff; line-height:30px;  display:block;margin:30px auto 0; background-image:url('/design/wlcjffl/mobile_dietleader/btn_arrow_r.png'); background-repeat:no-repeat;  background-position:130px 10px;;border: 1px solid #dedede;}
.section02 .section02_txt .left_t_bt {width:20px; height:1px; background-color:#222; margin:15px auto;}
/*  메인영역2 관련 스타일 */



/*  메인영역3 관련 스타일 */
.section03 {position:relative; padding:50px 0 40px; background-color:#f7f7f7;}
.section03 .swiper6 {margin:30px auto 0;width:94%;}
.section03 .swiper6 .swiper-slide {text-align:left; cursor:move;}

.section03 .swiper-slide .Works_box_li {width:50%;float:left;}
.section03 .swiper-slide .Works_box_li img {width:100%;}
.section03 .swiper-slide .Works_box_li .pro_info_area {padding:10px 0px 30px; }
.section03 .swiper-slide .Works_box_li .pro_name {font-size:14px; color:#000; font-weight:600;}
.section03 .swiper-slide .Works_box_li .px1 {height:52px;}
.section03 .swiper-slide .Works_box_li .px2 {height:34px;}
.section03 .swiper-slide .Works_box_li .pro_sub {font-size:12px; color:#777; line-height:18px; height:38px;margin:10px 20px 0 0px;overflow:hidden;}
.section03 .swiper-slide .Works_box_li .pro_price {font-size:16px; color:#000; font-weight:600;}
.section03 .swiper-slide .Works_box_li .pro_btn a {color:#333333; font-size:13px; font-weight:500;height:38px;line-height:38px;display:block; margin:0;}

.section03 .swiper6 .swiper-pagination-fraction {bottom:0 !important; left:0; color:#999; font-size:14px;}
.section03 .swiper6 .swiper-pagination-current {color:#000;}
.section03 .swiper6 .swiper-pagination-total {color:#777;}



/*  메인영역3 관련 스타일 */



/*  메인영역4 관련 스타일 */
.section04  {background-color:#ddd9d7; padding:40px 0;}
.section04 .main_t01 {padding-bottom:50px;}
.section04 .swiper3 {width:94%;margin:0 auto;padding-bottom:50px !important;}
.section04 .swiper3 .swiper-slide { text-align: center; width:100%; cursor:move; }
.section04 .swiper3 .left_bg img {width:100%;}
.section04 .swiper3 .right_text {background-color:#ddd9d7;}
.section04 .swiper3 .swiper-slide-active .left_bg
{
-webkit-animation-name: fadeInLeft  !important;
animation-name: fadeInLeft  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}
.section04 .swiper3 .swiper-slide-active .right_text
{
-webkit-animation-name: fadeInRight  !important;
animation-name: fadeInRight  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}
.section04 .section04_txt {text-align:center; padding:30px 0px 0px; letter-spacing:-0.5px;}
.section04 .section04_txt .txt01 {color:#777; font-size:12px; line-height:1;}
.section04 .section04_txt .txt02 {color:#222; font-size:22px; line-height:1; padding-top:15px;}
.right_t_bt {width:22px; height:1px; background:#000; margin:15px auto; clear:both;}
.section04 .section04_txt .txt03 {font-size:12px; line-height:18px; color:#888;}
.section04 .section04_txt .txt04 a {width:150px; height:30px; background-color:#37222d; color:#fff; line-height:30px;  display:block;margin:30px auto 0; background-image:url('/design/wlcjffl/mobile_dietleader/btn_arrow_r.png'); background-repeat:no-repeat;  background-position:130px 10px;;border: 1px solid #dedede;}
.section04 .section04_txt .left_t_bt {width:20px; height:1px; background-color:#222; margin:15px auto;}
.section04 .swiper3 .swiper-pagination-fraction {bottom:0 !important; left:0; color:#999; font-size:14px;}
.section04 .swiper3 .swiper-pagination-current {color:#000;}
.section04 .swiper3 .swiper-pagination-total {color:#777;}
/*  메인영역4 관련 스타일 */



/*  메인영역05  스타일  */
.section05 {background-color:#f7f7f7; padding:50px 0 30px;}
.section05 .swiper5 {width:94%;padding:0 0 50px 0 !important;margin:30px auto 0 !important;}
.section05 .swiper5 .swiper-slide { text-align:center;cursor:move;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.section05 .swiper5 .pro_info_area {padding-bottom:30px;background-color:#fff;border-left:1px solid #e9e9e9;}
.section05 .swiper5 .pro_name {font-size:18px; letter-spacing:-0.3px; color:#000; font-family: 'Raleway', sans-serif; font-weight:500; }
.section05 .swiper5 .pro_sub {font-size:14px; letter-spacing:-0.3px; color:#777; line-height:22px; padding:10px 0px;}
.section05 .swiper5 .pro_price {font-size:16px; letter-spacing:-0.3px; color:#000; font-weight:600;}
.section05 .swiper5 .pro_numb {padding-top:50px; /*font-size:70px; color:#222;  letter-spacing:-0.5px; line-height:70px; padding-top:30px; font-family: 'Open Sans', sans-serif; font-weight:400;*/}
.section05 .swiper5 .pro_numb img {width:80px;}
.section05 .swiper5 .pro_t_bt {width:25px; height:1px; background-color:#222; /*margin:30px auto 40px;*/ margin:25px auto;}
.section05 .swiper5 .pro_btn a {text-align:left; text-indent:15px;width:150px; height:30px; background-color:#37222d; color:#fff; line-height:30px;  display:block;margin:10px auto 30px; background-image:url('/design/wlcjffl/mobile_dietleader/btn_arrow_r.png'); background-repeat:no-repeat;  background-position:130px 10px;;border: 1px solid #dedede;}
.section05 .swiper5 .swiper-pagination-fraction {bottom:0 !important; left:0; color:#999; font-size:14px;}
.section05 .swiper5 .swiper-pagination-current {color:#000;}
.section05 .swiper5 .swiper-pagination-total {color:#777;}
/*  메인영역05  스타일  */



/*  메인영역06  스타일  */
.section06 .section06_box {background-image:url('/design/wlcjffl/mobile_dietleader/form_bg.jpg'); background-size:cover; background-position:top center; position:relative; padding:50px 0;}
.section06 .section06_box .main_t_txt01{color:rgba(255, 255, 255, 0.9);}
.section06 .section06_box .main_t_txt02,
.section06 .section06_box .main_t_txt03 {color:rgba(255, 255, 255, 0.7);}
.section06 .section06_form {background-color:#f7f7f7; clear:both; padding:25px 0px; width:90%; margin:0 auto;}
.section06 {background-color:#f7f7f7; }
/*  메인영역06  스타일  */



/* BASIC css end */