#layout_config {width: 100%;margin:0 auto;}
#layout_header {background:transparent;position:absolute; z-index:1000; /*width:100%; width:1260px;  min-width:1260px;*/ margin:0 auto; left:0%; right:0%; border-bottom:0px !important;}


/* 공통 */
.service_wrap *{font-family:'Noto Sans KR',sans-serif}
.service_wrap .sub_visual{display:table;height:410px;overflow:hidden;width:100%}
.service_wrap .sub_visual .txt_box{display:table-cell;position:relative;text-align:center;vertical-align:middle;z-index:2}
.service_wrap .sub_visual .txt_box h2{color:#0052a4;font-size:48px;font-weight:300;line-height:1.2em;margin-bottom:30px;margin-top:-100px}
.service_wrap .sub_visual .txt_box .desc{color:#000;display:block;font-size:22px;font-weight:300}
.service_wrap .sub_visual .txt_box .desc em{font-weight:500}
.service_wrap .container .page_info{margin-top:50px}
.service_wrap .container .page_info h3{display:inline-block;font-size:28px;font-weight:400;margin:0}
.service_wrap .container .page_info .loca{float:right}
.service_wrap .container .page_info .loca li{color:#898989;display:inline-block;font-size:13px;font-weight:300}
.service_wrap .container .page_info .loca li:before{ content: '';display: inline-block;font-size: 12px;margin: -1px 5px 0 3px;vertical-align: middle;background: url(../images/common/depth_list.png) no-repeat left center;width: 5px;height: 9px;}
.service_wrap .container .page_info .loca li:first-child{font-size: 0;background: url(../images/common/depth_home.png) no-repeat center center;width: 16px;height: 16px;}
.service_wrap .container .page_info .loca li:first-child:before{display:none}

/* 브랜드 소개 */
.service_wrap.l-brand .sub_visual{height:820px}
.service_wrap.l-brand .container .sec1{margin-top:50px}
.service_wrap.l-brand .container .sec2{margin-top:90px}
.service_wrap.l-brand .container .sec2 .img_box{margin-top:100px}
.service_wrap.l-brand .container .sec3{margin-top:90px}
.service_wrap .container .inner{height:100%;margin:0 auto;max-width:1260px;position:relative}
.service_wrap .container h3{color:#000;font-size:40px;font-weight:300;margin-bottom:10px}
.service_wrap .container h3 em{font-weight:400}
.service_wrap .container .em_txt{color:#0052a4;display:block;font-size:18px;font-weight:300;margin-bottom:40px}
.service_wrap .container .desc{color:#000;display:block;font-size:24px;font-weight:300;margin-bottom:45px}
.service_wrap .container .desc em{font-weight:500}
.service_wrap .container .subs{}
.service_wrap .container .subs p{color:#7d7d7d;font-size:16px;font-weight:300;line-height:1.6em;margin-bottom:35px;margin-top:0}
.service_wrap .container .subs p em{font-weight:400}
.service_wrap .container .subs p:last-child{margin-bottom:0}
.service_wrap .container .img_box{position:relative}
.service_wrap .container .sec1 .img_box{height:570px;margin-top:340px}
.service_wrap .container .img_box .obj{bottom:-38px;left:720px;pointer-events:none;position:absolute;z-index:2}
.service_wrap .container .content{margin:0 auto;max-width:1920px;overflow:hidden}
.service_wrap .container .content .box{box-sizing:border-box;float:left;width:50%}
.service_wrap .container .content .box img{max-width:100%}
.service_wrap .container .content .box:first-child{text-align:right}
.service_wrap .container .content .box:first-child .img_box{margin-top:20px}
.service_wrap .container .content .box:last-child{}
.service_wrap .container .content .box:last-child .img_box{margin-bottom:20px;margin-top:0}
.service_wrap .container .banner_box{margin-top:90px;overflow:hidden}
.service_wrap .container .banner_box .box{background:#eee;box-sizing:border-box;float:left;/* height:300px;padding:0 50px; */position:relative;width:calc(50% - 10px)}
.service_wrap .container .banner_box .box:first-child{margin-right:10px}
.service_wrap .container .banner_box .box:last-child{margin-left:10px}
.service_wrap .container .banner_box .txt_box{position:absolute;top: 40px;z-index:1;padding: 0 50px; width: 100%;box-sizing: border-box;}
.service_wrap .container .banner_box h4{color:#222;font-size:36px;font-weight:400;margin:0 0 15px}
.service_wrap .container .banner_box p{color:#000;font-size:18px;font-weight:100;margin-bottom:43px; min-height: 75px;}
.service_wrap .container .banner_box .btn_join{border:1px solid #000;color:#000;display:inline-block;font-size:18px;font-weight:400;height:41px;line-height:40px;text-align:center;width:237px;position: relative;text-align: left;padding-left: 25px;box-sizing: border-box;}
.service_wrap .container .banner_box .btn_join .icon{ font-size: 16px;position: absolute;top: calc(50% - 9px);right: 10px;}
.service_wrap .container .banner_box .bg{/* left:0;position:absolute;top:0;z-index:0 */}

/* 스마트초이스 */
.l-choice{}
.l-choice .container .desc{color:#7d7d7d;font-size:18px;margin-bottom:45px}
.l-choice .sub_visual{background:url('../images/mimg/sub_top_ban3.jpg') center 100% no-repeat;height:410px;  }
.l-choice .step-box{margin-top:52px;/* height: 490px; */overflow:hidden;width: 100%;min-height: 510px;}
.l-choice .step-box .list{margin-bottom:80px;position:relative;position: absolute;top: 0;width: 100%;display: none;}
.l-choice .step-box .list:last-child{margin-bottom:0}
.l-choice .step-box .list h3{margin-bottom:3px}
.l-choice .step-box .list ul{font-size:0;margin-top:40px}
.l-choice .step-box .list li{border:1px solid #ccc;border-radius:5px;display:inline-block;margin:0 25px;overflow:hidden;position:relative;width:200px}
.l-choice .step-box .list li a{color:inherit}
.l-choice .step-box .list li .thumb{color:inherit;min-height: 200px;}
.l-choice .step-box .list li .thumb img{max-width: 260px;max-height: 260px;}
.l-choice .step-box .list li .thumb:before{content:'';display:inline-block;min-height: 200px;height:100%;vertical-align:middle}
.l-choice .step-box .list li .thumb .icon{display:inline-block;font-size:75px;vertical-align:middle}
.l-choice .step-box .list li .txt_box{background:#fff;box-sizing:border-box;color:#000;font-size:16px;height:80px;margin-top:0}
.l-choice .step-box .list li .txt_box div{display:table;height:100%;width:100%}
.l-choice .step-box .list li .txt_box span{display:table-cell;vertical-align:middle}
.l-choice .step-box .list li .txt_box span.line_one br{display:none}
.l-choice .step-box .list li .txt_box .over_txt{display:none}
.l-choice .step-box .list.step li:hover .thumb .icon{bottom:-28px;font-size:130px;left:0;position:absolute;width:100%;}
.l-choice .step-box .list.step li:hover .txt_box{background:transparent;}
.l-choice .step-box .list.step li:hover .txt_box div{bottom:0;display:table;height:280px;left:0;position:absolute;width:100%}
.l-choice .step-box .list.step li:hover .txt_box span{box-sizing:border-box;display:block;font-size:20px;font-weight:300;margin-top:60px;width:100%;word-break:keep-all;word-wrap:break-word}
.l-choice .step-box .list.step li:hover .txt_box span br{display:inline}
.l-choice .step-box .list.step li:hover .txt_box span.over_txt + span{display:none}
.l-choice .step-box .list.step li:hover .txt_box span.over_txt{display:block !important}
.l-choice .step-box .list.step2 li:first-child:hover .thumb .icon{bottom:-40px}
/* .l-choice .step-box .list.result {min-height:580px;} */
.l-choice .step-box .list.result li{margin:0 45px;width:260px}
.l-choice .step-box .list.result li .txt_box{background:#ebebeb;font-weight:300;height:100px}
.l-choice .step-box .list.result li .txt_box em{font-weight:500}
.l-choice .step-box .list.result li .txt_box span br{display:inline}
.l-choice .step-box .list.result li:hover{border-color:#0052a4}
.l-choice .step-box .list.result li:hover .txt_box{background:#0052a4;color:#fff}
.l-choice .step-box .list.result p{color:#7d7d7d;font-size:18px;font-weight:300;margin-top:20px}
.l-choice .step-box .list.result p em{font-weight:400}
.l-choice .retry{display: inline-block;font-size: 16px; background: #0052a4;color: #fff;width: 288px;height: 56px;box-sizing: border-box;margin: 40px auto 0;font-size: 20px;line-height: 56px;}
/*
	.l-choice .step-box .list.step1 .li1 {background: #fef1e0;}
	.l-choice .step-box .list.step1 .li1 .icon{color: #9c8260;}
	.l-choice .step-box .list.step1 .li1:hover{border-color: #9c8260;}
	.l-choice .step-box .list.step1 .li2 {background: #d8e57b;}
	.l-choice .step-box .list.step1 .li2 .icon{color: #698c1e;}
	.l-choice .step-box .list.step1 .li2:hover{border-color: #698c1e;}
	.l-choice .step-box .list.step1 .li3 {background: #bddbf1;}
	.l-choice .step-box .list.step1 .li3 .icon{color: #33719f;}
	.l-choice .step-box .list.step1 .li3:hover{border-color: #33719f;}
	.l-choice .step-box .list.step1 .li4 {background: #f9bec2;}
	.l-choice .step-box .list.step1 .li4 .icon{color: #ad4d64;}
	.l-choice .step-box .list.step1 .li4:hover{border-color: #ad4d64;}

	.l-choice .step-box .list.step2 .li1 {background: #a7eced;}
	.l-choice .step-box .list.step2 .li1 .icon{color: #2e7883;}
	.l-choice .step-box .list.step2 .li1:hover{border-color: #2e7883;}
	.l-choice .step-box .list.step2 .li2 {background: #bbccf8;}
	.l-choice .step-box .list.step2 .li2 .icon{color: #51679f;}
	.l-choice .step-box .list.step2 .li2:hover{border-color: #51679f;}
	.l-choice .step-box .list.step2 .li3 {background: #d0c2fa;}
	.l-choice .step-box .list.step2 .li3 .icon{color: #705fa1;}
	.l-choice .step-box .list.step2 .li3:hover{border-color: #705fa1;}

	.l-choice .step-box .list.step3 .li1 {background: #f8cec0;}
	.l-choice .step-box .list.step3 .li1 .icon{color: #bb6730;}
	.l-choice .step-box .list.step3 .li1:hover{border-color: #bb6730;}
	.l-choice .step-box .list.step3 .li2 {background: #afe492;}
	.l-choice .step-box .list.step3 .li2 .icon{color: #478327;}
	.l-choice .step-box .list.step3 .li2:hover{border-color: #478327;}
*/

.l-choice .sec2{background:#f9f9f9;padding:70px 0 140px}
.l-choice .container .sec2 .img_box{margin-top:0}

.l-choice .pakage_box{}
.l-choice .pakage_box .icon-pack2{font-size: 48px;}
.l-choice .pakage_box .txt_box{}
.l-choice .pakage_box .txt_box h4{}
.l-choice .pakage_box .txt_box h4 em{}
.l-choice .pakage_box .txt_box span{}
.l-choice .pakage_box .txt_box span .icon-arr_right{}

/* 블루주스 */
.service_wrap.l-juice .sub_visual{height:820px}
.l-juice .sec1{ padding-top: 55px;}
.l-juice .sec1 .subs em{color: #000;}
.l-juice .sec2{background:#f9f9f9;padding:85px 0 140px;margin-top: 0;}
.l-juice .sec2 .txt_box h3{margin-bottom: 55px;}
.l-juice .sec3{height: 800px; padding: 90px 0 0;box-sizing:border-box}
.l-juice .sec3 .txt_box{position: relative;z-index: 2;}
.l-juice .sec3 .txt_box h3{color: #fff;margin-bottom: 2px;}
.l-juice .sec3 .txt_box .desc{color: #fff;font-size: 30px;font-weight: 300;margin-bottom: 60px;}
.l-juice .sec3 .list{font-size: 0;padding: 0 15px;}
.l-juice .sec3 .list li{display: inline-block;margin: 0 15px;width:calc(33.333% - 30px);background: #fff;padding: 45px 0 106px;}
.l-juice .sec3 .list li .num{font-size: 40px;font-weight: 300;color: #000;display: block;}
.l-juice .sec3 .list li .num:after{content: '';display: block;margin: 10px auto 33px;width: 30px;height: 2px;background: #000;}
.l-juice .sec3 .list li h4{font-size: 28px;font-weight: 400;margin-bottom: 25px;color: #000;}
.l-juice .sec3 .list li .subs{font-size: 18px;font-weight: 300;line-height: 1.6em;}
.l-juice .spec-list{font-size: 0;}
.l-juice .spec-list li{width: 33.333%;display: inline-block;margin-bottom: 80px;}
.l-juice .spec-list li .ico{width: 140px;height: 140px;color: #000;display: block;margin: 0 auto 25px;}
.l-juice .spec-list li .ico-nutrient{background: url('../images/service/icon_nutrient.png') 50% 50% no-repeat;}
.l-juice .spec-list li .ico-blender{background: url('../images/service/icon_blender.png') 50% 50% no-repeat;}
.l-juice .spec-list li .ico-bottle{background: url('../images/service/icon_bottle.png') 50% 50% no-repeat;}
.l-juice .spec-list li .ico-recipe{background: url('../images/service/icon_recipe.png') 50% 50% no-repeat;}
.l-juice .spec-list li .ico-zero{background: url('../images/service/icon_zero.png') 50% 50% no-repeat;}
.l-juice .spec-list li .ico-haccp{background: url('../images/service/icon_haccp.png') 50% 50% no-repeat;}
.l-juice .spec-list li em{font-size: 20px;display: block;font-weight: 400;color: #0052a4;margin-bottom: 3px;}
.l-juice .spec-list li .subs{font-size: 16px;font-weight: 300;line-height: 1.5em;}
.l-juice-list .sec1 {padding-top: 0;}
.l-juice-list .sec1 .banner_box {margin-top: 0;}
.l-juice-list .sec1 .banner_box .box{width: 100%;margin: 0 !important;}
.l-juice-list .sec2 .txt_box .subs{margin-bottom: 55px;}
.l-juice-list .sec2 .txt_box .subs p{font-size: 18px;}
.l-juice-list .sec2 .txt_box .subs p{font-size: 18px;}

/* 샐러드카페 */
.l-salad .sec1{padding-top: 55px;}
.l-salad .slider-menu{padding: 0 90px;margin: 95px 0 50px;min-height: 611px;}
.l-salad .slider-menu h3{text-align: center;font-size: 32px;color: #0052a4;font-weight: 100;margin-bottom: 50px;}
.l-salad .slider-menu ul{font-size: 0;}
.l-salad .slider-menu li{display: inline-block;width: 25%;}
.l-salad .slider-menu .thumb {text-align: center;}
.l-salad .slider-menu .thumb img{margin: 0 auto;}
.l-salad .slider-menu .txt_box {text-align: center;}
.l-salad .slider-menu .txt_box h4{font-size: 16px;color: #333;font-weight: 500;margin-top: 20px;}
.l-salad .slider-menu .txt_box .desc{font-size: 16px;color: #6d6d6d;font-weight: 300;margin-bottom:30px;}
.l-salad .slider-menu .slick-arrow{position: absolute;top: 250px;width: 48px;height: 90px;font-size: 0;text-indent: -9999%;border: 0;outline:0;}
.l-salad .slider-menu .slick-prev{left: 0;background: url('../images/service/slick_arr_left.png') 0 0 no-repeat;}
.l-salad .slider-menu .slick-next{right: 0;background: url('../images/service/slick_arr_right.png') 0 0 no-repeat;}
.l-salad .sec3{padding: 75px 0 0;}
.l-salad .sec3 .btn-col{display: inline-block;background: #0052a4;color: #fff;font-size: 20px;font-weight: 400;width: 288px;height: 56px;line-height: 56px;margin-top: 40px;}
.l-salad .sec3 .banner_box{}
.l-salad .sec3 .banner_box .box{width: 100%;}


/* 멤버십 */
.l-csm .sec1{padding-top: 50px;}
.l-csm .ms_btn{text-align: center;font-size: 0;}
.l-csm .ms_btn li{display: inline-block;margin: 0 10px;}
.l-csm .ms_btn li a{display: block;font-size: 20px;width: 300px;height: 56px;line-height: 56px;background: #0052a4;color: #fff;text-align: center;}


.l-delivery .sec1{padding-top: 50px;}

.list_top_info{padding:30px 0 80px 0 ;}

.l-salad .tabs{font-size: 0;margin-top: 18px;}
.l-salad .tabs li{display: inline-block;width: 50%;}
.l-salad .tabs li a{display: block;font-size: 20px;padding: 11px 0px;border: 1px solid #dedede;}
.l-salad .tabs li a.active{background: #0052a4;color: #fff;border: 1px solid #0052a4;}
.l-salad .tab_container{}