/* BASIC css start */
/*  서브페이지 상단 배너영역 삭제 */
.header_bg {display:none !important;}
/*  footer 간격 삭제 */
#footer {margin-top:0px !important;}

.pdt170 {padding-top:170px !important;}

/*  메인이미지 배경 경로 */
.swiper1 .swiper-slide { cursor:move; text-align: center; width:100%; height:1020px;}
.swiper1 .bg01 {background-image:url('/design/wlcjffl/0749dietleader/main01_bg.jpg'); background-position:top center; background-repeat:no-repeat; background-color:#ddd9d7;}
.swiper1 .bg02 {background-image:url('/design/wlcjffl/0749dietleader/main02_bg.jpg'); background-position:top center; background-repeat:no-repeat; background-color:#ddd9d7;}
.swiper1 .bg03 {background-image:url('/design/wlcjffl/0749dietleader/main03_bg.jpg'); background-position:top center; background-repeat:no-repeat; background-color:#ddd9d7;}


/*  메인이미지 타이틀 텍스트 스타일 / 애니메이션 속도 */
.main_bg_text_area {margin:0 auto; width:1184px; position:relative;}
.main_bg_text_area .inner {position:absolute; top:338px;}
.swiper1 .main_bg_text01 {font-size:24px; letter-spacing:-0.3px; font-weight:100; color:#555; text-align:left; letter-spacing:-0.5px;}
.swiper1 .main_bg_text02 {font-size:58px; font-weight:100;  line-height:70px; letter-spacing:-0.3px; color:#222; text-align:left;  margin-top:10px;}
.swiper1 .main_bg_text03 {font-size:18px; letter-spacing:-0.3px; line-height:28px; padding-top:32px; font-weight:300; color:#555; text-align:left;}
.swiper1 .main_bg_text04 a {display:block; width:130px; height:43px; font-weight:400; border:1px solid #000; color:#000; font-size:16px; line-height:43px; border-radius:30px; margin-top:30px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.swiper1 .main_bg_text04 a:hover {background-color:#000; color:#fff; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.swiper1 .swiper-slide-active .main_bg_text_area
{  -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}

@-webkit-keyframes fadeInUp2 {
  0% { opacity: 0; -webkit-transform: translateY(-80px); transform: translateY(-80px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes fadeInUp2 {
  0% { opacity: 0; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px);  transform: translateY(-80px);}
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0);  transform: translateY(0);}
}


/*  메인이미지 슬라이드 스타일 */
.swiper1 .swiper-button-next {position:absolute; top:50%; width:39px; height:76px; margin-top:-22px;z-index:10; cursor:pointer; background-size:39px 76px; }
.swiper1 .swiper-button-prev {position:absolute; top:50%; width:39px; height:76px; margin-top:-22px;z-index:10; cursor:pointer; background-size:39px 76px; }
.swiper1 .swiper-button-next {background-image:url('/design/wlcjffl/0749dietleader/nav_arrow_right.png'); right:5%; opacity:0.3 !important;}
.swiper1 .swiper-button-prev {background-image:url('/design/wlcjffl/0749dietleader/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:50px !important;}
.swiper1 .swiper-pagination-bullet {background:transparent; border:2px solid #37222d; margin:0px 10px !important; width:6px; height:6px; opacity:0.5 !important;}
.swiper1 .swiper-pagination-bullet-active {background-color:#37222d; opacity:1 !important;}


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


/*  메인영역1 관련 스타일 */
.section01 {background-color:#f7f7f7; min-height:790px; padding-top:110px;}
.main_area01 {padding-top:98px;}

.main_area01 .box_prd_ban {width:1184px; margin:0 auto;}
.box_prd_ban .prd_ban:last-child {margin-right:0 !important;}
.box_prd_ban .prd_ban {float:left; text-align: center; border:1px solid #e9e9e9; width:263px !important; /*margin-left:1px;*/ margin-right:41px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.box_prd_ban .prd_ban:hover {box-shadow: 0px 5px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07);  -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}

.box_prd_ban .pro_info_area {padding:28px 0px; background-color:#fff; letter-spacing:-0.3px; }
.box_prd_ban .pro_name {font-size:18px; color:#000; font-weight:300; width:235px; margin:0 auto;}
.box_prd_ban .pro_sub {font-size:14px; color:#777; line-height:22px; padding:10px 0px; font-weight:300; width:235px; margin:0 auto;}
.box_prd_ban .pro_btn a {color:#333333; font-size:13px; font-weight:500; width:108px; height:38px; line-height:38px; border:1px solid #dedede; display:block; margin:20px auto 10px;}
.box_prd_ban .pro_btn a:hover {border:1px solid #37222d; background-color:#37222d; color:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}




.txt_02_2 {color:#888; font-size:15px; letter-spacing:0.5px; padding-top:10px;}

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

.section02 {background-color:#ddd9d7; min-height:900px;}
.section02 .swiper4 {height:900px; }
.section02 .swiper4 .swiper-slide { cursor:move; width:100%; background-color:#ddd9d7;}
.section02 .swiper4 .inner {width:50%; float:right; }
.section02 .swiper4 .swiper-button-next {position:absolute; top:50%; width:39px; height:39px; margin-top:-39px; z-index:10; cursor:pointer; background-size:39px 39px; left:auto !important; right:10%;}
.section02 .swiper4 .swiper-button-prev {position:absolute; top:50%; width:39px; height:38px; margin-top:-0px; z-index:10; cursor:pointer; background-size:39px 38px; left:auto !important; right:10%;}
.section02 .swiper4 .swiper-button-next {background-image:url('/design/wlcjffl/0749dietleader/top_arrow_right.png');  }
.section02 .swiper4 .swiper-button-prev {background-image:url('/design/wlcjffl/0749dietleader/bottom_arrow_left.png'); }

/*  메인영역2 배경이미지 관련 스타일 */
.section02 .swiper4 .bg01 {background-image:url('/design/wlcjffl/0749dietleader/bg01.jpg'); background-position:top center; background-repeat:no-repeat; background-color:#ddd9d7;}
.section02 .swiper4 .bg02 {background-image:url('/design/wlcjffl/0749dietleader/bg02.jpg'); background-position:top center; background-repeat:no-repeat; background-color:#e6d7cf;}
.section02 .swiper4 .bg03 {background-image:url('/design/wlcjffl/0749dietleader/bg03.jpg'); background-position:top center; background-repeat:no-repeat; background-color:#ddd9d7;}

.section02_title {text-align:left; padding-top:165px; padding-left:100px;}
.section02_title .txt01 {font-size:40px; font-family: 'Raleway', sans-serif; font-weight:200; line-height:1; color:#000; letter-spacing:1px;}
.section02_title .txt02 {font-size:16px; letter-spacing:-0.5px; color:#555; line-height:1; padding-top:8px;}
.section02_txt {text-align:left; padding:100px 0px 0px; letter-spacing:-0.5px; padding-left:100px;}

.section02_txt .txt01 {color:#37222d; font-size:20px;}
.section02_txt .txt02 {color:#222; font-size:48px; font-weight:400;}
.section02_txt .txt03 {font-size:17px; line-height:26px; color:#555;}
.section02_txt .txt04 a {font-size:16px; width:235px; height:54px; background-color:#37222d; color:#fff; line-height:54px;  text-indent:20px; display:block; margin-top:48px; background-image:url('/design/wlcjffl/0749dietleader/btn_arrow_r.png'); background-repeat:no-repeat;  background-position:200px 21px;
 -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.section02_txt .txt04 a:hover {background-image:url('/design/wlcjffl/0749dietleader/btn_arrow_r.png'); background-repeat:no-repeat;  background-position:120px 21px; color:#fff; background-color:#222;}
.section02_txt .left_t_bt {width:25px; height:1px; background-color:#222; margin:20px 0px;}
.section02 .swiper4 .swiper-slide-active .inner { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}

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



/*  메인영역3 관련 스타일 */
.section03 {background-color:#f7f7f7; min-height:920px; padding-top:110px; position:relative;}
.section03 .back_left {background-color:#f7f7f7; height:900px; width:1000px; position:absolute; top:0px; z-index:2; left:-1020px;}
.section03 .back_right {background-color:#f7f7f7; height:900px; width:1000px; position:absolute; top:0px; z-index:2; right:-1020px;}
.section03 .swiper2 {padding-top:100px !important; }
.section03 .swiper2 .swiper-slide { text-align: center; width:100%; cursor:move;}
.section03 .swiper2 .swiper-slide {border:1px solid #e9e9e9; width:263px !important; margin-left:1px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.section03 .swiper2 .swiper-slide:hover  {box-shadow: 0px 5px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07);  -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.section03 .swiper2 .pro_info_area {padding:28px 0px; background-color:#fff; letter-spacing:-0.3px; }
.section03 .swiper2 .pro_name {font-size:18px; color:#000; font-weight:300; width:235px; margin:0 auto;}
.section03 .swiper2 .pro_sub {font-size:14px; color:#777; line-height:22px; padding:10px 0px; font-weight:300; width:235px; margin:0 auto;}
.section03 .swiper2 .pro_btn a {color:#333333; font-size:13px; font-weight:500; width:108px; height:38px; line-height:38px; border:1px solid #dedede; display:block; margin:20px auto 10px;}
.section03 .swiper2 .pro_btn a:hover {border:1px solid #37222d; background-color:#37222d; color:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
/*  Progress */
.section03 .swiper2  .swiper-pagination-progressbar {margin-top:50px; background:#dadada; position:relative; height:1px !important;}
.section03 .swiper2  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-backface-visibility: hidden;
}
/*  메인영역3 관련 스타일 */



/*  메인영역4 관련 스타일 */
.section04 {background-color:#e0e0e0; min-height:900px;}
.section04 .swiper3 {width:100%;}
.section04 .swiper3 .swiper-slide { text-align: center; width:100%; cursor:move; }
.section04 .swiper3 .swiper-button-next {position:absolute; top:50%; width:48px; height:93px; margin-top:-45px;z-index:10; cursor:pointer; background-size:39px 76px; }
.section04 .swiper3 .swiper-button-prev {position:absolute; top:50%; width:48px; height:93px; margin-top:-45px;z-index:10; cursor:pointer; background-size:39px 76px; }
.section04 .swiper3 .swiper-button-next {background-image:url('/design/wlcjffl/0749dietleader/nav_arrow_right2.png'); right:5%; opacity:0 !important;}
.section04 .swiper3 .swiper-button-prev {background-image:url('/design/wlcjffl/0749dietleader/nav_arrow_left2.png'); left:5%; opacity:0 !important;}
.section04 .swiper3:hover .swiper-button-next  {opacity:1 !important;}
.section04 .swiper3:hover .swiper-button-prev  {opacity:1 !important;}
.section04 .swiper3 .left_bg01 {width:50%; height:900px; background-image:url('/design/wlcjffl/0749dietleader/recent_ban01.jpg'); background-size:cover; background-position:top center;}
.section04 .swiper3 .left_bg02 {width:50%; height:900px; background-image:url('/design/wlcjffl/0749dietleader/recent_ban02.jpg'); background-size:cover; background-position:top center;}
.section04 .swiper3 .left_bg03 {width:50%; height:900px; background-image:url('/design/wlcjffl/0749dietleader/recent_ban03.jpg'); background-size:cover; background-position:top center;}
.section04 .swiper3 .left_bg04 {width:50%; height:900px; background-image:url('/design/wlcjffl/0749dietleader/recent_ban04.jpg'); background-size:cover; background-position:top center;}
.section04 .swiper3 .left_bg05 {width:50%; height:900px; background-image:url('/design/wlcjffl/0749dietleader/recent_ban05.jpg'); background-size:cover; background-position:top center;}
.section04 .swiper3 .right_text {width:50%; background-color:#e0e0e0; height:900px;}
.section04 .swiper3 .swiper-pagination-fraction {bottom:170px !important; left:110px; color:#999; font-size:16px;}
.section04 .swiper3 .swiper-pagination-current {color:#000;}
.section04 .swiper3 .swiper-pagination-total {color:#777;}
.section04 .swiper3 .swiper-slide-active .left_bg01,
.section04 .swiper3 .swiper-slide-active .left_bg02,
.section04 .swiper3 .swiper-slide-active .left_bg03,
.section04 .swiper3 .swiper-slide-active .left_bg04,
.section04 .swiper3 .swiper-slide-active .left_bg05
{
-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 .rbg01 {background:#ddd9d7 !important;}
.section04 .rbg02 {background:#ddd9d7 !important;}
.section04 .rbg03 {background:#ddd9d7 !important;}
.section04 .rbg04 {background:#ddd9d7 !important;}
.section04 .rbg05 {background:#ddd9d7 !important;}

.section04 .section04_txt {text-align:left; padding:10px 0px 0px; letter-spacing:-0.3px; padding-left:85px;}
.section04 .section04_txt .txt01 {color:#777; font-size:16px;}
.section04 .section04_txt .txt02 {color:#222; font-size:40px; font-weight:300;}
.section04 .section04_txt .txt03 {font-size:16px; line-height:26px; color:#555; font-weight:300;}
.section04 .section04_txt .txt04 a {font-size:16px; width:235px; height:54px; background-color:#37222d; color:#fff; line-height:54px; text-indent:20px; display:block; margin-top:48px; background-image:url('/design/wlcjffl/0749dietleader/btn_arrow_r.png'); background-repeat:no-repeat;  background-position:200px 21px;
 -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden; }
.section04 .section04_txt .txt04 a:hover {background-image:url('/design/wlcjffl/0749dietleader/btn_arrow_r.png'); background-repeat:no-repeat;  background-position:120px 21px; color:#fff; background-color:#222;}
.section04 .section04_txt .left_t_bt {width:25px; height:1px; background-color:#222; margin:20px 0px;}

/*  메인영역4 타이틀텍스트 스타일 01 */
.section04_title {text-align:left; padding-top:240px; padding-left:86px;}
.section04_title .txt01 {font-size:40px; /*font-family: 'Raleway', sans-serif;*/ font-weight:200; color:#000; letter-spacing:1px; line-height:1;}
.section04_title .txt02 {font-size:16px; letter-spacing:-0.5px; color:#555; line-height:1; padding-top:15px;}

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



/*  메인영역05  스타일  */
.section05 {background-color:#f7f7f7; min-height:790px; padding-top:110px;}
.section05 .inner {padding-top:98px;}
.section05 .inner ul li {float:left; border:1px solid #e9e9e9; width:263px; margin-left:41px; background-color:#fff; border-bottom:1px solid #222; padding-bottom:20px;}
.section05 .inner ul li:first-child {margin-left:1px;}
.section05 .inner .pro_info_area {background-color:#fff; text-align:center;}
.section05 .inner .pro_name {font-size:18px; letter-spacing:-0.6px; color:#000; font-weight:400; }
.section05 .inner .pro_sub {font-size:14px; letter-spacing:-0.3px; color:#777; line-height:22px; padding:10px 0px;}
.section05 .inner .pro_price {font-size:16px; letter-spacing:-0.3px; color:#000; font-weight:600;}
.section05 .inner .pro_numb {font-size:70px; color:#222;  letter-spacing:-0.5px; line-height:70px; padding-top:60px;
font-family: 'Open Sans', sans-serif; font-weight:400;}
.section05 .inner .pro_t_bt {width:25px; height:1px; background-color:#222; margin:30px auto 40px;;}
.section05 .inner .pro_btn a {color:#333333; font-size:13px; font-weight:500; width:108px; height:38px; line-height:38px; border:1px solid #dedede; display:block; margin:20px auto 10px;}
.section05 .inner .pro_btn a:hover {border:1px solid #222; background-color:#222; color:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}



/*  메인영역06  스타일  */
.section06 {background-color:#f7f7f7; min-height:900px; border-top:1px solid #e9e9e9;}
.section06 .left_bg {width:50%; height:900px;  background-image:url('/design/wlcjffl/0749dietleader/form_bg.jpg'); background-size:cover; background-position:top center; position:relative;}
.section06 .left_bg .sec06_t {text-align:left; position:absolute;  top:360px; right:130px;}
.section06 .left_bg .sec06_t .txt01 {font-size:40px; font-family: 'Raleway', sans-serif; font-weight:200; color:#fff; letter-spacing:1px; line-height:40px;}
.section06 .left_bg .sec06_t .txt02 {font-size:16px; letter-spacing:-0.5px; color:#b9b9b9; line-height:16px; padding-top:8px;}
.section06 .left_bg .sec06_t .txt03 {font-size:15px; letter-spacing:-0.5px; color:#b9b9b9; line-height:22px; padding-top:28px;}
.section06 .right_bg {width:50%; height:900px; position:relative;}
.section06 .right_bg iframe {position:absolute; top:81px; left:57px;}


/* BASIC css end */