/* layout.css */

#wrap {width:100%;height:auto;min-width:340px;}

header {width:100%;border-top:0px solid #5fa9b3;padding:0 0 0 0;}
header .header_inner {margin:0 auto;width:100%;max-width:1400px;position:relative;padding:20px 0 20px 0;}
header .header_inner .logo {margin:0 auto;width:196px;}
header .header_inner .logo .logo_lifeservice {margin:0 auto;width:auto;max-width:143px;text-align:center;}
header .header_inner .logo .logo_lifeservice img {width:100%;}

header .header_inner .biz_id_view_area {position:absolute;top:20px;left:0;width:32%;max-width:280px;}
header .header_inner .biz_id_box {display:table;width:100%;padding:5px;background:#e0e0e0;border:2px solid #eee;border-radius:4px;}
header .header_inner .biz_id_box span {display:table-cell;vertical-align:middle;}
header .header_inner .biz_id_box .biz_id {width:80px;padding:0 4px 0 0; border-right:1px solid #eee;font-size:12px;}
header .header_inner .biz_id_box .view_id {width:auto; padding:8px;font-size:12px; background:#fff;}

header .header_inner .login_area {position:absolute;top:30px;right:0;text-align:right;}
header .header_inner .login_area a {display:inline-block;}
header .header_inner .login_area .login {padding:0 20px 0 0;}
header .header_inner .login_area .m_cart {width:34px;height:23px;font-weight:700;text-align:center;padding-right:5px;background:url(../img/common/icon_cart.png) center bottom no-repeat;}

header .header_inner .mobile_nav {display:none;}

header .gnb_wrapper {width:100%;background:#f4f3f3;border:1px solid #e2e2e2;}
header .gnb_wrapper .gnb {margin:0 auto;width:100%;max-width:1400px;position:relative;}
header .gnb_wrapper .gnb:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
header .gnb_wrapper .gnb>li {position:relative;float:left;display:block;width:25%;height:45px;padding:8px 0;background:#f4f3f3;}
header .gnb_wrapper .gnb>li .nav_item_title {display: block;color: #777;font-size:17px;font-weight:600;text-align: center;}
header .gnb_wrapper .gnb>li:hover {border-bottom:4px solid #aad141;color:#000;}


.new_sub_nav {display:none;position:absolute;top:46px;left:0;width:100%;padding:20px 15px;z-index:88;}
.new_sub_nav dt {padding:5px 0 5px 15px;background:url(/img/common/green_bullet.png) 0 14px no-repeat;font-size:16px;font-weight:500;}
.new_sub_nav dt a {color:#fff;}
.new_sub_nav dt a:hover {color:#aad141;}
.new_sub_nav dd {margin-top:10px;padding:10px 0 12px;border-top:1px solid #707070;}
.new_sub_nav dd .depth3_n_list {padding:0 5px 0 20px;}
.new_sub_nav dd .depth3_n_list>li {padding:4px 0;font-size:14px;font-weight:300;}
.new_sub_nav dd .depth3_n_list>li a {color:#fafafa;}
.new_sub_nav dd .depth3_n_list>li a:hover {text-decoration:underline;}



/** ¿¹Àü¸Þ´º 
.sub_nav {position:absolute;top:46px;left:0;width:100%;padding:10px 0;display:none;z-index:3;}
.sub_nav:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.sub_nav .depth2_nav {padding-right:20px;text-align:left;}
.sub_nav .depth2_nav .brand_name {padding:10px 0 10px 0;font-size:20px;font-weight:800;color:#fff;}
.sub_nav .depth2_nav .brand_name a {color:#fff;}
.sub_nav .depth2_nav .pro_banner {width:100%;max-width:335px;}
.sub_nav .depth2_nav .pro_banner img {width:100%;}
.sub_nav .depth2_nav .brand_banner {width:100%;max-width:450px;}
.sub_nav .depth2_nav .brand_banner img {width:100%;}
.sub_nav .depth2_nav dd {padding-top:10px;}
.sub_nav .depth2_nav dd .depth3_list {}
.sub_nav .depth2_nav dd .depth3_list>li {padding:3px 0;font-size:14px;font-weight:400;}
.sub_nav .depth2_nav dd .depth3_list>li a {color:#e1e1e1;}

*/

.depth2_bg {display:none;width:100%;background:rgba(0,0,0,0.8);height:465px;top:130px;position:absolute;transition:all 0.5s;z-index:2;}


footer {margin:0 0 0 0;width:100%;background:#000;border-top:10px solid #5fa9b3;}
footer .footer_inner {margin:0 auto;width:100%;max-width:1400px;}
footer .footer_inner:after {display:block;clear:both;content:'';height:0;visibility:hidden}
footer .footer_inner .footer_nav {padding:50px 40px 20px 0;}
footer .footer_inner .footer_nav:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
footer .footer_inner .footer_brand {padding:50px 0 20px 0;}
footer .footer_inner .footer_title {padding:0 0 10px 0;font-size:24px;font-weight:700;color:#aad141;border-bottom:1px solid #464646;}
footer .footer_inner .f_brand_list {float:left;padding:20px 10px 0 0;}
footer .footer_inner .benevita {width:25%;}
footer .footer_inner .dcolor {width:35%;}
footer .footer_inner .autoship {width:20%;}
footer .footer_inner .bcart {width:20%;}
footer .footer_inner .br_life {width:30%;}
footer .footer_inner .br_benevita {width:30%;}
footer .footer_inner .br_dcolor {width:40%;}
footer .footer_inner .f_brand_list dt {font-size:18px;color:#fff;font-weight:700;}
footer .footer_inner .f_brand_list dd {padding:8px 0;}
footer .footer_inner .f_brand_list dd .products_list {}
footer .footer_inner .f_brand_list dd .products_list>li {padding:2px 0;}
footer .footer_inner .f_brand_list dd .products_list>li a {color:#ccc;font-size:13px;}
footer .footer_inner .f_brand_list dd .products_list>li a:hover {text-decoration:underline;color:#fff;}
footer .agreement_nav {clear:both;margin:0 auto;width:80%;max-width:700px;padding:25px 0 10px 0;}
footer .agreement_nav>li {display:inline-block;padding:0 32px;color:#ccc;font-weight:800;}
footer .agreement_nav>li a {color:#ccc;}
footer .agreement_nav>li>a.on {color:#aad141;text-decoration:underline;}
footer .copyright {margin:15px auto 0;padding-bottom:20px;width:98%;max-width:680px;text-align:center;color:#999;font-size:13px;}
footer .copyright .footer_logo {padding:0 0 15px 0;text-align:center;}


/***** ¼­ºêÆäÀÌÁö °øÅë *******/
.pad30 {padding:30px 0 20px;}
/*.sub_title {padding:25px 0 30px 0;font-size:32px;color:#1e8140;font-weight:700;text-align:center;} */
.sub_title {padding:50px 0 30px 0;font-size:46px;color:#111;font-weight:300;text-align:center;}
.sub_title .korean {display:block;color:#000;font-size:18px;font-weight:400;}
.cont_wrapper {padding:10px 30px;}
/* ÅؽºÆ® °øÅë */
.str_t {font-weight:700;}
.light_t {font-weight:300;line-height:1.4;}
.red_txt {color:#ed1c24;}
.green_txt {color:#aad141;}
.dark_green_txt {color:#1e8140;}
.big_number {font-weight:bold;font-size:30px;letter-spacing:-1px;}


.common_btn {
	padding:15px 20px; 
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border:2px solid #acd245;
	font-weight:bold;
	font-size:16px;
}


/* ½ºÅ©·Ñ ž */
.show {bottom:50px;}
.go-top {display:block;position:fixed;right:20px;width:50px;height:50px;padding-top:20px;background:url(/img/common/icon_top_arrow.png) center 10px #aad141 no-repeat;color:#fff;font-size:13px;font-weight:bold;text-align:center;z-index:999;}


@media only screen and (max-width: 800px) {

header .header_inner {padding:0;}
header .header_inner .logo {margin:0 auto;padding:15px 0;width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center;}
header .header_inner .logo p {margin:0 auto;width:100%;max-width:196px;}
header .header_inner .logo p>img {width:100%;height:auto;}
header .header_inner .biz_id_view_area {position:relative;top:0;left:0;width:100%;max-width:none;padding:10px 10px;background:#f5f5f5;}
header .header_inner .biz_id_box {margin:0 auto;width:100%;}
header .header_inner .login_area {width:10%;max-width:60px;top:1.5rem;right:0;}
header .header_inner .login_area .login {display:none;}
header .header_inner .mobile_nav {display:block;position:absolute;bottom:20px;left:1rem;}
header .gnb_wrapper {display:none;}

footer .footer_inner .footer_nav,footer .footer_inner .footer_brand {display:none;}
footer .agreement_nav>li {padding:0 10px;}
/* ¼­ºê°øÅë */
.cont_wrapper {padding:10px 5px;}

}


@media only screen and (max-width: 460px) {
/*header .header_inner .mobile_nav {width:28px;top:5rem;left:1rem;}*/
header .header_inner .mobile_nav {width:28px;bottom:24px;left:1rem;}
header .header_inner .mobile_nav img {width:100%;}

footer .agreement_nav {width:98%;max-width:none;text-align:center;}
footer .agreement_nav>li {padding:5px 5px;font-size:13px;font-weight:700;}
footer .copyright .footer_logo {margin:0 auto;padding:0 0 15px 0;width:150px;height:auto;text-align:center;}
footer .copyright .footer_logo img {width:100%;}

/* ¼­ºê °øÅë */
/*.sub_title {padding:5px 0 15px 10px;font-size:22px;letter-spacing:-1px;}*/
.sub_title {padding:10px 0;font-size:22px;letter-spacing:-1px;}
/*.cont_wrapper {padding:10px 0;}*/
.cont_wrapper {padding:0;}

}

/* mobile menu */

html.open {overflow:hidden;} 
#menu {position:fixed;top:0px;left:-100%;z-index:99999;max-width:310px;width:90%;height:100%;background:#9bba47;border-left:1px solid #6b6b6b;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} 
#menu.open {left:0;overflow-y:auto;}
.m_member{padding:20px 15px;}
.m_login_btn,
.m_join_btn,
.textBar{display:inline-block;color:#fff;}
.m_login_btn{}
.m_join_btn{}
.textBar{margin:0 7px;}
.close {width:23px;height:24px;position:absolute;right:11px;top:16px;background:#9bba47 url(../img/common/m_close.png);background-size:15px;background-repeat:no-repeat;background-position:center;cursor:pointer;} 
#nav{position:relative;z-index:9999;}
.sub_menu{position:relative;height:100%;}
.sub_menu .menu_inner{background:#6e6e6e;border-bottom:1px solid #6b6b6b;text-align:center;}
.sub_menu .menu_inner > ul{overflow:hidden;}
.sub_menu .menu_inner > ul > li{float:left;width:50%;padding:8px;}
.m_mypage_wrap{border-right:1px solid #898989;}
.m_mypage_box{}
.m_mypage_box > p{color:#fff;}
.m_mypage_inner{margin-bottom:8px;}
.m_mypage_inner > img{}
.m_cart_wrap{}
.m_cart_box{}
.m_cart_box > p{color:#fff;}
.m_cart_inner{margin-bottom:8px;}
.m_cart_inner > span{display:inline-block;width:45px;height:32px;padding-right:7px;background:url(../img/common/m_cart_icon.png) no-repeat center center;background-size:45px 32px;color:#fff;font-size:16px;}

.m_lnb_title{position:relative;padding:10px 20px;background:#f3f3f3;color:#222;border-top:1px solid #eee;font-size:20px;}
/*.m_lnb_title:after{position:absolute;right:21px;top:16px;width:29px;height:16px;background:url(../img/common/m_arrow_down.png) no-repeat;content:"";}*/

.m_lnb{height:100%;background:#f3f3f3;}
.m_product_order_box{}
.m_life_service_box{}
.m_product_order_box > ul,
.m_life_service_box > ul{overflow:hidden;background:#fff;}
.m_product_order_box > ul > li,
.m_life_service_box > ul > li{position:relative;width:100%;border-top:1px solid #eee;}
.m_product_order_box > ul > li > a,
.m_life_service_box > ul > li > a{display:block;position:relative;padding:10px 0 10px 20px;color:#1e8140;font-size:17px;letter-spacing:-1px;}
.m_product_order_box > ul > li > span,
.m_life_service_box > ul > li > span{display:block;position:relative;padding:10px 0 10px 20px;color:#1e8140;font-size:16px;letter-spacing:-1px;}
.m_product_order_box > ul > li > span:after,
.m_life_service_box > ul > li > span:after{position:absolute;right:20px;top:14px;width:15px;height:8px;background:url(../img/common/m_arrow_down.png) no-repeat;background-size:15px 8px;content:"";}
.m_product_order_box > ul > li.active > span:after,
.m_life_service_box > ul > li.active > span:after{transform:rotate(180deg);}
.m_sub_menu{display:none;background:#f3f3f3;}
.m_sub_menu > li{border-bottom:1px solid #ebebeb;}
.m_sub_menu > li > a {display:block;width:100%;height:100%;padding:8px 0 8px 30px;font-size:15px;letter-spacing:-1px;background:url(/img/common/green_bullet.png) 15px 15px no-repeat;}


/* Ãß°¡ 20210415 */
.mo_depth3_list {padding:10px 10px;background:#fafafa;border-top:1px solid #d7d7d7;}
.mo_depth3_list>li {padding:4px 5px 4px 18px;}
.mo_depth3_list>li a {font-size:13px;letter-spacing:-1px;color:#555;}


.page_cover.open {display:block;}
.page_cover {width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:rgba(0,0,0,0.4);z-index:1020;display:none;}

/* ´ÙÀ½ ¿ìÆí¹øÈ£ */
[id*="post_layer"]{height:500px !important;}

[id*="__daum__layer_"]{-webkit-overflow-scrolling: touch;}