@charset "utf-8";
/* 광고배너 */
.aside_bnr{position:relative; text-align:center; margin-top:10px;}
.aside_bnr img{width:100%;max-width:480px}

/* (구) 푸터 - 신규푸터 적용후 삭제 */
.footer{background:#f2f7ff;padding:10px;color:#999999;font-size:12px;line-height:16px;letter-spacing:-.12px;box-sizing:border-box;width:auto;float:none}
.footer p{color:#999999}
.footer p + p{margin-top:10px}
.footer .txt_tit,
.footer .txt_company_name{display:block;font-size:12px;color:#666;line-height:17px;margin-bottom:2px;letter-spacing:-.6px}
.footer .footer_menu{background:#fff;border:1px solid #e7edf7;width:100%;box-sizing:border-box;/* display:flex;flex-direction:row;justify-content :space-around; */padding:8px 0;font-size:11px;text-align:center;letter-spacing:-.5px}
.footer .footer_menu a{display:inline-block;color:#999;height:12px;line-height:12px;padding:0 10px;border-left:1px solid #ddd}
.footer .footer_menu a:first-child{border:0}
.footer .footer_menu a:nth-child(2){font-weight:bold}

/* 200609 [MW] 푸터 개선건 */
/** 하단고정버튼이 72짜리가 있어서 늘림.. */
.footer--com{padding:16px 0 72px;position:relative;background-color:#f6f6f6;font-size:14px;letter-spacing:-.5px;text-align:center;color:#222}
.footer--com .footer__info{padding:12px 0 0}
.footer--com .footer__tx_com{width:100%;border:0;outline:none;height:22px;line-height:22px;text-align:center;display:block;margin-bottom:12px;background:#f6f6f6;font-size:14px;color: #666}
.footer--com .footer__tx_com .ico_farr{width:14px;height:14px;display:inline-block;vertical-align:middle;border:1px solid #ddd;border-radius:50%;margin-left:2px;position:relative}
.footer--com .footer__tx_com .ico_farr:after{content:"";position:absolute;width:5px;height:5px;border:1px solid #aaa;border-left:0;border-top:0;top:35%;left:50%;-webkit-transform:translate(-50%,-25%) rotate(45deg);-ms-transform:translate(-50%,-25%) rotate(45deg);transform:translate(-50%,-25%) rotate(45deg);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.footer--com .footer__tx_com.unfold .ico_farr:after{-webkit-transform:translate(-50%,0) rotate(-135deg);-ms-transform:translate(-50%,0) rotate(-135deg);transform:translate(-50%,0) rotate(-135deg);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.footer--com .footer__tx_com.unfold + .footer__info_com{display:block}
.footer--com .footer__info_com{display:none;max-width:320px;background-color:#efefef;line-height:20px;padding:12px 22px;position:relative;font-size:11px;margin:0 auto 16px}
.footer--com .footer__info_com dt{position:absolute;color:#888}
.footer--com .footer__info_com dd{position:relative;padding-left:85px;text-align:left;}
.footer--com .footer__menu a{display:inline-block;position:relative;color:#222}
.footer--com .footer__menu a:before{content:"";position:absolute;top:8px;bottom:8px;left:0;border-left:1px solid #dfdfdf}
.footer--com .footer__menu a strong{font-weight:bold}
.footer--com .footer__menu_top{height:30px;line-height:30px}
.footer--com .footer__menu_top a{line-height:30px;font-size:13px;padding:0 12px 0 13px;}
.footer--com .footer__menu_top a:first-child:before{display:none}
.footer--com .footer__menu_bot{margin-top:8px}
.footer--com .footer__menu_bot a{line-height:28px;font-size:12px;padding:0 8px 0 9px;color:#555}
.footer--com .footer__menu_bot a:first-child:before{display:none}
.footer--com .footer__tx_noti{display:block;font-size:11px;color:#aaa;line-height:15px;padding-bottom:12px}

/* 탑버튼 관련 */
#s3dpop_wrap_div{z-index:11 !important}
.newquick{position:fixed; right:20px; bottom:20px; z-index:90}
.newquick p{cursor:pointer; background:url(//img.enuri.info/images/mobilefirst/btn_top.png) -9999em -9999em no-repeat; background-size:40px 83px; display:block; width:40px; height:40px; margin-top:3px}
.newquick .cateBtn{width:40px; height:40px; background-position:0 0; margin-bottom:3px; text-indent:-9999em; }
.newquick .TBtn{width:40px; height:41px; background-position:0 -42px; text-indent:-9999em;display:none}

/* 페이지 하단 알림함 팝업 */
.pop_alarm {opacity:0;transform:translateY(100%);position:fixed;left:12px;right:12px;bottom:80px;z-index:100;width:calc(100% - 24px);border-radius:4px;box-shadow:0 6px 6px 0 rgba(0, 0, 0, 0.2);transition:all .5s ease-in-out;pointer-events:none;}
.pop_alarm:after {content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid rgba(0, 0, 0, 0.05);pointer-events:none}
.pop_alarm.is-visible {opacity:1;transform:translateY(0);pointer-events:all;}
.alarm__inner {display:block;position:relative;width:100%;height:100%;border-radius:4px;background:linear-gradient(#2864cb, #2d84ed);}
.alarm__head {display:block;position:relative;width:calc(100% - 20px);padding:6px 10px;height:20px;border-top-left-radius:4px;border-top-right-radius:4px;font-size:0;background-color:rgba(0,0,0, 0.1)}
.alarm__head .tx_tit {display:inline-block;position:relative;padding-left:22px;margin-right:12px;font-size:12px;color:#fff;line-height:21px;}
.alarm__head .tx_tit:before {content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url(//img.enuri.info/images/mobile_v2/common_sprite.png) -175px -325px no-repeat;background-size:360px;background-size:360px}
.alarm__head .msg_line {display:inline-block;}
.alarm__head .msg_line > p {display:inline-block;position:relative;font-size:10px;color:#bfd6f5;line-height:22px;}
.alarm__head .msg_line > p .tx_num {color:#f9ff57}
.alarm__head .msg_line .tx_msg {}
.alarm__head .msg_line .tx_all {margin-left:8px;padding-left:9px;}
.alarm__head .msg_line .tx_all:before {content:"";display:block;position:absolute;top:6px;left:0;width:1px;height:8px;background-color:#fff;opacity:.2;}
.alarm__head .btn-close {display:block;position:absolute;top:6px;right:10px;width:20px;height:20px;font-size:0;text-indent:-9999px;background:url(//img.enuri.info/images/mobile_v2/common_sprite.png) -195px -305px no-repeat;background-size:360px}
.alarm__body {display:block;padding:8px 16px}
.alarm__body .recent_unit {position:relative;height:20px;margin-bottom:2px;}
.alarm__body .recent_unit .tx_cate {display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;max-width:calc(100% - 20px);padding-right:20px;font-weight:500;font-size:13px;color:#fff;letter-spacing:-.5px;line-height:24px;}
.alarm__body .recent_unit .tx_cate:after {content:"";position:absolute;top:1px;right:0;display:inline-block;width:20px;height:20px;background:url(//img.enuri.info/images/mobile_v2/common_sprite.png) -195px -325px no-repeat;background-size:360px}
.alarm__body .recent_unit .tx_time {position:absolute;top:0;right:0;font-size:13px;color:#fff;letter-spacing:-.5px;line-height:24px;opacity:.6;}
.alarm__body .recent_msg .btn-msg {text-align:left;background:transparent}
.alarm__body .recent_msg .btn-msg > span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75;width:100%;height:20px;font-size:11px;color:#fff;letter-spacing:-.5px;line-height:20px;}
.alarm__body .recent_msg .btn-msg:hover > span {text-decoration:underline}

/* 페이지 하단 탭바 리뉴얼 */
.f_tabbar {transform:translateY(0);position:fixed;left:0;right:0;bottom:0;z-index:100;width:100%;height:68px; box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.14); background-color:#fff;transition:all .5s; opacity:1;}
.scr_down .f_tabbar {transform:translateY(68px)}
.scr_up .f_tabbar {transform:translateY(0)}

.tabbar.is-hidden {opacity:0;transform:translateY(100%);pointer-events:all;}
.tabbar__menu {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tabbar__menu li { position:relative; flex:0 0 auto; width:20%; text-align: center;}
.tabbar__menu li a,
.tabbar__menu li > button {display: block; text-align: center; padding:11px 0;background-color:transparent;width:100%}
.tabbar__menu li i {display: block; width:28px; height:28px; margin: 0 auto;}
/* .tabbar__menu li .icon_tabbar_allmenu {background-position: -94px -112px;}
.tabbar__menu li .icon_tabbar_home {background-position: -120px -112px;}
.tabbar__menu li .icon_tabbar_search {background-position: -144px -112px;}
.tabbar__menu li .icon_tabbar_mypage {background-position: -168px -112px;}
.tabbar__menu li .icon_tabbar_zzim {background-position: -192px -112px;}
.tabbar__menu li .icon_tabbar_logo {background-position: -264px -112px;}
.tabbar__menu li .icon_tabbar_connect {background-position: -240px -112px;} */

/* 말풍선 안쪽 텍트스 최대너비는 갤럭시폴드기준으로 작업됨*/
.tabbar__menu li.isBalloon {}
.tabbar__menu li.isBalloon:after {content:""; display:block; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #313944; position: absolute; top:-12px; right: 50%; margin-right:-2px; transition: transform .4s, opacity .4s;}

.tabbar__menu li .balloon_box { flex:0 0 auto; position:absolute; top:-44px; left: 50%; border-radius: 4px; background-color: #313944; display: flex; align-items: center; height: 32px; padding:0 2px 0 8px; transform: translateX(calc(-50% + -64px)); transition: transform .4s, opacity .4s; }
.tabbar__menu li .balloon_box .balloon_text { color:#fff; font-size:12px; max-width:252px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tabbar__menu li .balloon_box .btn_closeBalloonBox { flex:0 0 auto; padding: 7px; }
.tabbar__menu li .balloon_box .btn_closeBalloonBox:after { content:""; display:block; width: 12px; height:12px; background: url("//img.enuri.info/images/icon/svg/icon_close_white.svg"); background-size: 100%; opacity: .8; }

.scr_down .tabbar__menu li.isBalloon:after { transform: translate(calc(-50%), 50px); opacity: 0; }
.scr_down .tabbar__menu li .balloon_box { transform: translate(calc(-50% + -64px), 50px); opacity: 0; }

.tabbar__menu li.isBalloon.close:after { transform: translate(calc(-50%), 50px); opacity: 0; }
.tabbar__menu li.close .balloon_box { transform: translate(calc(-50% + -64px), 50px); opacity: 0; }

/* default */
.tabbar__menu .t_m_allmenu i {background-position: -200px -192px}
.tabbar__menu .t_m_category i {background-position: -200px -252px}
.tabbar__menu .t_m_search i {background-position: -230px -192px}
.tabbar__menu .t_m_home i {background-position: -320px -192px;}
.tabbar__menu .t_m_home--regacy{font-weight:600}
.tabbar__menu .t_m_home--regacy i {background-position: -288px -136px}
.tabbar__menu .t_m_health i {width:28px;height:28px;background:url(//img.enuri.info/images/mobile_v2/bottom/ico_health.gif) no-repeat 50% 50% / 100% 100%;}
/* .tabbar__menu .t_m_order i {background-position: -312px -136px} */
.tabbar__menu .t_m_emoney i {background-position: -290px -192px}
.tabbar__menu .t_m_subscribe i {background-position: -144px -136px}
.tabbar__menu .t_m_favorite i {background-position: -260px -192px}
.tabbar__menu .t_m_home--regacy .ico-enuri-home{width:48px;height:48px;background-color:#3588F3;border-radius:20px;margin-top:-18px;background-image:url(//img.enuri.info/images/icon/svg/icon_logo_ko_w.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:32px 10px;transition:.3s all ease;transform:translateY(-2px)}
.scr_down .tabbar__menu .t_m_home--regacy .ico-enuri-home{transform:translateY(8px)}

/* on */
.tabbar__menu .t_m_category.on i {background-position: -230px -252px}
.tabbar__menu .t_m_search.on i {background-position: -230px -222px;}
.tabbar__menu .t_m_home.on i {background-position: -320px -222px;}
.tabbar__menu .t_m_home--recagy.on i {background-position: -288px -160px;}
.tabbar__menu .t_m_health.on i {background-image: var(--comm-sprite2);background-size: var(--mobile--sprite-size);background-position: -260px -252px;}
.tabbar__menu .t_m_health.on .f_m_name{color:#fe5c00}
.tabbar__menu .t_m_emoney.on i {background-position: -290px -222px;}
.tabbar__menu .t_m_subscribe.on i {background-position: -144px -160px;}
.tabbar__menu .t_m_favorite.on i {background-position: -260px -222px;}

.tabbar__menu li .f_m_name {display: block; font-size: 12px; color:#444; line-height: 16px; margin-top:2px;}
.tabbar__menu li .on .f_m_name { font-weight: 500; color:#3588F3;}

.tabbar__menu li .tx--count{text-indent: 0;position: absolute;height: 16px;line-height: 16px;top: 12px;left:50%;margin-left:2px;background-color: #ee4b4b;min-width: 16px;border-radius: 8px;color: #fff;font-weight: bold;font-size: 10px;text-align: center;box-sizing: border-box;padding: 0 4px;}

.f_btn_page_contorler {}
.f_btn_page_contorler button {position:absolute; top:-52px; border-radius: 4px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.12); border: solid 1px #ccc; background-color: #fff; padding: 7px; opacity: .7; transition:all .5s;}
.f_btn_page_contorler button.btn_page_back {left:8px; transform: translate(-150% ,0);}
.f_btn_page_contorler button.btn_page_scrolltop {right:8px; transform: translate(150% ,0);} 
.f_btn_page_contorler button.btn_recent_prod{ right:8px; padding:0;overflow:hidden;opacity:1}
.f_btn_page_contorler button.btn_recent_prod img{width:38px;height:38px;}
.f_btn_page_contorler button i {display: block; width:24px; height:24px;text-indent:-9999em}
.f_btn_page_contorler button i.icon_tabbar_arrow_left_s24 { background-position: 0 -112px;}
.f_btn_page_contorler button i.icon_tabbar_arrow_top_s24 { background-position: -24px -112px;}
.f_btn_page_contorler.active button {transform: translate(0,0)}
.f_btn_page_contorler.active button.btn_recent_prod{transform:translateY(-46px)}