.icon_button_white { color:#fff; }

.btn_white_blue70 { background:#fff; color:#88859A; border:1px solid #88859A; border-radius:10px; font-size:14px;}
.btn_white_blue70:active { background:#9386C7; color:#fff; border:1px solid #9386C7; }
.btn_white_blue70.on { background:#9386C7; color:#fff; border:1px solid #9386C7; }

.btn_sort_menu { width:35px; height:35px; background:#fff url(/appW/images/btn_sort_off.png) no-repeat; background-size:30px; background-position:center; z-index:100000; }
.btn_sort_menu:active, .btn_sort_menu.on { background:#fff url(/appW/images/btn_sort_on.png) no-repeat; background-size:30px; background-position:center; }

.btn_sort { font-size:14px; letter-spacing:-0.5px; color:#afafaf; }
.btn_sort:active, .btn_sort.on { color:#9e0000; }

.btn_tabbar_1 { width:60px; height:60px; margin:0 auto; background:url(/appW/images/new_icon_menu2.png) no-repeat; background-size:45%; background-position:center; z-index:100000; }
.btn_tabbar_1.hover, .btn_tabbar_1:hover, .btn_tabbar_1.active, .btn_tabbar_1:active { width:60px; height:60px; margin:0 auto; background:url(/appW/images/new_icon_menu2_red.png) no-repeat; background-size:45%; background-position:center; z-index:100000; }

.btn_tabbar_2 { width:60px; height:60px; margin:0 auto; background:url(/appW/images/new_icon_home2.png) no-repeat; background-size:60%; background-position:center; z-index:100000; }
.btn_tabbar_2.hover, .btn_tabbar_2:hover, .btn_tabbar_2.active, .btn_tabbar_2:active { width:60px; height:60px; margin:0 auto; background:url(/appW/images/new_icon_home2_red.png) no-repeat; background-size:60%; background-position:center; z-index:100000; }

.btn_tabbar_3 { width:60px; height:60px; margin:0 auto; background:url(/appW/images/new_icon_search.png) no-repeat; background-size:60%; background-position:center; z-index:100000; }
.btn_tabbar_3.hover, .btn_tabbar_3:hover, .btn_tabbar_3.active, .btn_tabbar_3:active { width:60px; height:60px; margin:0 auto; background:url(/appW/images/new_icon_search_red.png) no-repeat; background-size:60%; background-position:center; z-index:100000; }

.btn_tabbar_4 { width:60px; height:60px; margin:0 auto; background:url(/appW/images/new_icon_order.png) no-repeat; background-size:60%; background-position:center; z-index:100000; }
.btn_tabbar_4.hover, .btn_tabbar_4:hover, .btn_tabbar_4.active, .btn_tabbar_4:active { width:60px; height:60px; margin:0 auto; background:url(/appW/images/new_icon_order_red.png) no-repeat; background-size:60%; background-position:center; z-index:100000; }

.btn_tabbar_5 { width:60px; height:60px; margin:0 auto; background:url(/appW/images/new_icon_my_page2.png) no-repeat; background-size:60%; background-position:center; z-index:100000; }
.btn_tabbar_5.hover, .btn_tabbar_5:hover, .btn_tabbar_5.active, .btn_tabbar_5:active { width:60px; height:60px; margin:0 auto; background:url(/appW/images/new_icon_my_page2_red.png) no-repeat; background-size:60%; background-position:center; z-index:100000; }

.btn_cart { width:50px; height:50px; background:url(/appW/images/new_icon_cart.png) no-repeat; background-size:65%; background-position:center; z-index:100000; }
.btn_cart.hover, .btn_cart:hover, .btn_cart.active, .btn_cart:active { width:50px; height:50px; background:url(/appW/images/new_icon_cart_red.png) no-repeat; background-size:65%; background-position:center; z-index:100000; }

.btn_kakao_share { width:50px; height:50px; line-height:20px; color:#666; }
.btn_kakao_share.hover, .btn_kakao_share:hover, .btn_kakao_share.active, .btn_kakao_share:active { color:#c72638; }






.btn_tabbar_1_old { width:75px; height:60px; background:url(/appW/images/btn_tabbar_1_off.png) no-repeat; background-size:45px 36px; background-position:center; z-index:100000; }
.btn_tabbar_1_old:active, .btn_tabbar_1_old.on { background:url(/appW/images/btn_tabbar_1_on.png) no-repeat; background-size:45px 36px; background-position:center; }

.btn_tabbar_2_old { width:75px; height:60px; background:url(/appW/images/btn_tabbar_2_off.png) no-repeat; background-size:45px 36px; background-position:center; z-index:100000; }
.btn_tabbar_2_old:active, .btn_tabbar_2_old.on { background:url(/appW/images/btn_tabbar_2_on.png) no-repeat; background-size:45px 36px; background-position:center; }

.btn_tabbar_3_old { width:75px; height:60px; background:url(/appW/images/btn_tabbar_3_off.png) no-repeat; background-size:45px 36px; background-position:center; z-index:100000; }
.btn_tabbar_3_old:active, .btn_tabbar_3_old.on { background:url(/appW/images/btn_tabbar_3_on.png) no-repeat; background-size:45px 36px; background-position:center; }

.btn_tabbar_4_old { width:75px; height:60px; background:url(/appW/images/btn_tabbar_4_off.png) no-repeat; background-size:45px 36px; background-position:center; z-index:100000; }
.btn_tabbar_4_old:active, .btn_tabbar_4_old.on { background:url(/appW/images/btn_tabbar_4_on.png) no-repeat; background-size:45px 36px; background-position:center; }

.btn_tabbar_5_old { width:75px; height:60px; background:url(/appW/images/btn_tabbar_5_off.png) no-repeat; background-size:45px 36px; background-position:center; z-index:100000; }
.btn_tabbar_5_old:active, .btn_tabbar_5_old.on { background:url(/appW/images/btn_tabbar_5_on.png) no-repeat; background-size:45px 36px; background-position:center; }

.btn_tabbar_6_old { width:75px; height:60px; background:url(/appW/images/btn_tabbar_6_off.png) no-repeat; background-size:45px 36px; background-position:center; z-index:100000; }
.btn_tabbar_6_old:active, .btn_tabbar_6_old.on { background:url(/appW/images/btn_tabbar_6_on.png) no-repeat; background-size:45px 36px; background-position:center; }

.btn_category { background:#fff; color:#555; }
.btn_category:active, .btn_category.on { color:#c72638; }

.btn_review_more { color:#333; font-size:14px; }
.btn_review_more:active { color:#9e0000; }

.btn_real_gubun { width:auto; height:28px; padding-left:11px; padding-right:11px; padding-top:6px; font-size:15px; color:#222; border-radius:34px; background:#f2f2f2; border:1px solid #cecece; background:#fff;}
.btn_real_gubun.on { background:#c72638; color:#fff; border:1px solid #c72638;}

.btn_orde_list_red_fill { width:auto; height:22px; padding-left:15px; padding-right:15px; padding-top:6px; border-radius:28px; background:#c72638; color:#fff; border:1px solid #c72638; font-size:13px; }
.btn_orde_list_red_empty { width:auto; height:22px; padding-left:15px; padding-right:15px; padding-top:6px; border-radius:28px; background:#fff; color:#c72638; border:1px solid #c72638; font-size:13px; }
.btn_orde_list_white { width:auto; height:22px; padding-left:15px; padding-right:15px; padding-top:6px; border-radius:28px; background:#fff; color:#222; border:1px solid #cecece; font-size:13px; }

.btn_main_category { background:#dadada; color:#3d3d3d; }
.btn_main_category:active, .btn_main_category.on { background:#3d3d3d; color:#fff; }

.btn_review_gubun { width:126px; height:31px; border-radius:44px; padding-top:13px; font-size:14px; border:1px solid #999; color:#999; }
.btn_review_gubun.on { background:#c72638; color:#fff; border:1px solid #c72638; }

.white_red_button { background:#fff; border:1px solid #ededed; color:#ff0048; }
.white_red_button:active { background:#ff0048; border:1px solid #ff0048; border-left:none; color:#fff; }

.btn_like { width:auto; height:23px; padding-top:7px; margin-top:30px; padding-left:15px; padding-right:15px; color:#999; border-radius:28px; border:1px solid #999; font-size:12px; }
.btn_like.on { border:1px solid #c72638; color:#c72638; }

.btn_smile { color:#999; }
.btn_smile.on { color:#ff0048; }

.btn_giftset_24 { width:50%; height:50px; line-height:50px; font-size:16px; color:#666; border-bottom:1px solid #ededed; font-weight:bold; }
.btn_giftset_24:active, .btn_giftset_24.on { width:50%; height:50px; line-height:50px;  font-size:16px; color:#c72638; border-bottom:1px solid #ededed; }

.btn_review_sel { width:50%; height:50px; line-height:50px; font-size:16px; color:#949494; border-bottom:1px solid #ededed; font-weight:bold; }
.btn_review_sel:active, .btn_review_sel.on { width:50%; height:50px; line-height:50px;  font-size:16px; color:#9e0000; border-bottom:1px solid #ededed; }

.btn_wg { width:23.5%; height:27px; padding-top:8px; margin-top:13px; border-radius:35px; background:#999; color:#fff; font-size:14px; }
.btn_wg:active, .btn_wg.on { background:#9e0000; }

.real_img.on {
	border-radius:20px;
	box-shadow: 0px 0px 0px 3px #0f0;
}

.btn_recent_view { background:#fff; color:#9e0000;}
.btn_recent_view:active { background:#9e0000; color:#fff; }

.btn_delete_recent_view { background:#c72638; color:#fff; }
.btn_delete_recent_view:active { background:#000; color:#9e0000; }

.btn_menu_search { width:45px; height:45px; top:10px; right:15px; background:url(/appW/images/btn_menu_search_off.png) no-repeat; background-size:60%; background-position:center; z-index:100000; }
.btn_menu_search:active { background:url(/appW/images/btn_menu_search_on.png) no-repeat; background-size:60%; background-position:center; }

.btn_menu_search_B { width:45px; height:45px; top:10px; right:15px; background:url(/appW/images/btn_menu_search_B_off.png) no-repeat; background-size:60%; background-position:center; z-index:100000; }
.btn_menu_search_B:active { background:url(/appW/images/btn_menu_search_on.png) no-repeat; background-size:60%; background-position:center; }

.new_input_frame { width:90%; height:45px; margin-left:5%; margin-top:25px; background:#fff; border-radius:5px; border:none; }
.new_input_frame input { width:75%; margin-left:15px; padding-top:12px; font-size:15px; background:#fff; border:none; color:#333; }

.btn_msg_type { width:calc(50% - 2px); height:40px; line-height:40px; border:1px solid #ededed; font-weight:normal; background:#fff; color:#333; }
.btn_msg_type.on { background:#9e0000; font-weight:bold; color:#fff; }

.btn_myAlert_alert_bad { text-align:center; background:#dc3545; color:#fff; font-size:14px; border-radius:3px; }
.btn_myAlert_alert_bad:active { background:#dc3545; color:#fff; filter: brightness(80%); }

.btn_myAlert_alert_good { text-align:center; background:#28a745; color:#fff; font-size:14px; border-radius:3px; }
.btn_myAlert_alert_good:active { background:#28a745; color:#fff; filter: brightness(80%); }

.btn_myAlert_alert_confirm { text-align:center; background:#0068e0; color:#fff; font-size:14px; border-radius:3px; }
.btn_myAlert_alert_confirm:active { background:#0068e0; color:#fff; filter: brightness(80%); }
.btn_myAlert_alert_confirm.dis { background:#F3F3F3; color:#aaa; }

.btn_myAlert_alert_cancel { text-align:center; background:#969696; color:#fff; font-size:14px; border-radius:3px; }
.btn_myAlert_alert_cancel:active { background:#969696; color:#fff; filter: brightness(80%); }

.btn_myAlert_alert_extra { text-align:center; background:#8766ff; color:#fff; font-size:14px; border-radius:3px; }
.btn_myAlert_alert_extra:active { background:#8766ff; color:#fff; filter: brightness(80%); }

.cancelButton { background:#777; color:#fff; border:1px solid #777; }
.cancelButton.active, .cancelButton:active { background:#000; color:#fff; border:1px solid #dc8f9f; }

.part_select_sec { background:none; color:#333;  border-radius:none;}
.part_select_sec.active, .part_select_sec:active, .part_select_sec.on { background:#ff0048; color:#fff;  border-radius:25px;}

.grade_select_sec { background:none; color:#333;  border-radius:none;}
.grade_select_sec.active, .grade_select_sec:active, .grade_select_sec.on { background:#ff0048; color:#fff;  border-radius:25px;}

.sort_select_sec { background:none; color:#333;  border-radius:none;}
.sort_select_sec.active, .sort_select_sec:active, .sort_select_sec.on { background:#888; color:#fff;  border-radius:25px;}

.nav_select_sec { color:#333; }
.nav_select_sec.active, .nav_select_sec:active, .nav_select_sec.on { color:#0068e0; }

.addr_select_sec { background:none; color:#333;  border-radius:none; cursor:pointer;}
.addr_select_sec.active, .addr_select_sec:active, .addr_select_sec.on { background:#ff0048; color:#fff;  border-radius:40px;}

.btn_reg_dlv_addr { width:auto; height:25px; line-height:22px; border-radius:25px; margin-left:2.5%; padding-left:15px; padding-right:15px; border:1px solid #ddd; color:#777; background:#fff; }
.btn_reg_dlv_addr.active, .btn_reg_dlv_addr:active, .btn_reg_dlv_addr.on {  height:25px; line-height:22px; border:1px solid #0068e0; color:#fff; background:#0068e0;}

.red_button1 { background:#ff0048; border:1px solid #ff0048; border-radius:3px; color:#fff; cursor:pointer; }
.red_button1:active,  .red_button1:active { background:#b02149; color:#fff;  border:1px solid #b02149;  }

.redButton { background:#b71c1c; color:#fff; }
.redButton.active, .redButton:active { background:#fff; color:#b71c1c; }

.btn_black_pupple { color:#fff; }
.btn_black_pupple.active, .btn_black_pupple:active { color:#de90b7; }

.btn_event_details { text-align:center; background:#fff; color:#333; font-size:14px; cursor:pointer; }
.btn_event_details:active { color:#0068e0; }
.btn_event_details.on { background:#fff; color:#0068e0; border-radius:10px 10px 0 0; border:1px solid #eee; border-bottom1:none;}

.iconButton { color:#fff; }
.iconButton.active, .iconButton:active { color:#fe0074; }
.iconButton2 { color:#555; }
.iconButton2.active, .iconButton2:active { color:#fe0074; }
.iconButton3 { color:#fff; background:#333; }
.iconButton3.active, .iconButton3:active { color:#b71c1c; }
.iconButton4 { color:#000; }
.iconButton4.active, .iconButton4:active { color:#fe0074; }

.btn_icon_orange { background:#fff; color:#7f71d2; box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1); }
.btn_icon_orange:active { background:#e2deff; color:#5b4cb5; }
.btn_icon_orange.on { background:#5b4cb5; color:#e2deff; }

.clickBid { color:#fff; }
.clickBid.active, .clickBid:active { background:#e4ff00; color:#000;}

.icon_album_dark_red_button { background:#9e0000 url(/appW/images/icon_album.png) no-repeat; background-size:55%; background-position:center; filter: brightness(100%); }
.icon_album_dark_red_button.active, .icon_album_dark_red_button:active { filter: brightness(80%); }

.icon_camera_dark_red_button { background:#9e0000 url(/appW/images/icon_camera.png) no-repeat; background-size:50%; background-position:center; filter: brightness(100%); }
.icon_camera_dark_red_button.active, .icon_camera_dark_red_button:active { filter: brightness(80%); }

.icon_photo_dark_red_button { background:#9e0000 url(/appW/images/icon_photo.png) no-repeat; background-size:50%; background-position:center; filter: brightness(100%); }
.icon_photo_dark_red_button.active, .icon_photo_dark_red_button:active { filter: brightness(80%); }

.icon_video_dark_red_button { background:#9e0000 url(/appW/images/icon_video.png) no-repeat; background-size:50%; background-position:center; filter: brightness(100%); }
.icon_video_dark_red_button.active, .icon_video_dark_red_button:active { filter: brightness(80%); }

.blue_button { background:#008bf7; color:#fff; }
.blue_button.active, .blue_button:active { background:#004cf7; color:#fff; }

.green_button { background:#00b963; color:#fff; }
.green_button.active, .green_button:active { background:#1b8353; color:#fff; }

.orange_button { background:#fe9f43; color:#fff; }
.orange_button.active, .orange_button:active { background:#d07700; color:#fff; }

.red_button { background:#ff0048; color:#fff; }
.red_button.active, .red_button:active { background:#9a2748; color:#fff; }

.grey_button { background:#cbcdd0; color:#fff; }
.grey_button.active, .grey_button:active { background:#b1b1b1; color:#fff; }

.dark_red_button { background:#9e0000; color:#fff; filter: brightness(100%); }
.dark_red_button.active, .dark_red_button:active { background:#9e0000; color:#fff; filter: brightness(80%); }

.darkgrey_button { background:#666; color:#fff; }
.darkgrey_button.active, .darkgrey_button:active { background:#333; color:#fff; }

.blue_line_button { border:1px solid #008bf7; background:#fff; color:#008bf7; }
.blue_line_button.active, .blue_line_button:active { background:#004cf7; color:#fff; }

.green_line_button { border:1px solid #00b963; background:#fff; color:#00b963; }
.green_line_button.active, .green_line_button:active { background:#00b963; color:#fff; }

.orange_line_button { border:1px solid #fe9f43; background:#fff; color:#fe9f43; }
.orange_line_button.active, .orange_line_button:active { background:#fe9f43; color:#fff; }

.red_line_button { border:1px solid #ff0048; background:#fff; color:#ff0048; }
.red_line_button.active, .red_line_button:active { background:#ff0048; color:#fff; }

.grey_line_button { border:1px solid #cbcdd0; background:#fff; color:#cbcdd0; }
.grey_line_button.active, .grey_line_button:active { background:#666; color:#fff; }

.red_payco_button { background:#fa2829 url(/appW/images/payco.png) no-repeat; background-position:center; background-size:30%; }
.red_payco_button.active, .red_payco_button:active { background:#b41819 url(/appW/images/payco.png) no-repeat; background-position:center; background-size:30%; }

.review_image_button { background:#fff; }
.review_image_button.active, .review_image_button:active { background:#ffc0d0; }

.green_naverpay_button { background:#00c73c url(/appW/images/naverpay.png) no-repeat; background-position:center; background-size:50%; }
.green_naverpay_button.active, .green_naverpay_button:active { background:#16ac43 url(/appW/images/naverpay.png) no-repeat; background-position:center; background-size:50%; }

.green_naverpay_button_long { background:#00c73c url(/appW/images/naverpay.png) no-repeat; background-position:center; background-size:35%; }
.green_naverpay_button_long.active, .green_naverpay_button_long:active { background:#16ac43 url(/appW/images/naverpay.png) no-repeat; background-position:center; background-size:35%; }

.naver_button { background:#00c739 url(/appW/images/naver_login.png) no-repeat; background-size:20%; background-position:center; }
.naver_button.active, .naver_button:active { background:#03a130 url(/appW/images/naver_login.png) no-repeat; background-size:20%; background-position:center; }

.naverT_button { background:#00c739 url(/appW/images/naver_login_text.png) no-repeat; background-position:center; }
.naverT_button.active, .naverT_button:active { background:#03a130 url(/appW/images/naver_login_text.png) no-repeat; background-position:center; }

.fb_button { background:#3b5998 url(/appW/images/fb_login.png) no-repeat; background-size:15%; background-position:center; }
.fb_button.active, .fb_button:active { background:#204083 url(/appW/images/fb_login.png) no-repeat; background-size:15%; background-position:center; }

.kakao_button { background:#fbe300 url(/appW/images/kakao_login.png) no-repeat; background-size:35%; background-position:center; }
.kakao_button.active, .kakao_button:active { background:#d2c22e url(/appW/images/kakao_login.png) no-repeat; background-size:35%; background-position:center; }

.kakaoT_button { background:#fbe300 url(/appW/images/kakao_login_text.png) no-repeat; background-position:center; }
.kakaoT_button.active, .kakaoT_button:active { background:#d2c22e url(/appW/images/kakao_login_text.png) no-repeat; background-position:center; }

.member_button { border:1px solid #ddd; font-size13px; padding-left:10px; padding-right:10px; background:#fff; }
.member_button.active, .member_button:active { background: }

.category1_Button { width:40px; height:40px; line-height:37px; margin-top:15px; background:#fff; color:#888; border:1px solid #aaa; border-radius:40px; font-size:15px; cursor:pointer; }
.category1_Button:hover { background:#8cc63e; color:#fff; border:1px solid #8cc63e; }
.category1_Button.on { background:#f14d4d; color:#fff; border:1px solid #f14d4d; }

.category2_Button{ width:40px; height:40px; line-height:37px; margin-top:15px; background:#fff; border-radius:40px; border:1px solid #aaa; color:#888; font-size:15px; cursor:pointer; }
.category2_Button:hover { background:#8cc63e; color:#fff; border:1px solid #8cc63e; }
.category2_Button.on { background:#2e64bd; color:#fff; border:1px solid #2e64bd; }

.emptyButton { width:150px; height:50px; line-height:50px; margin:0 auto;  margin-top:5%; border:1px solid #ddd; border-radius:3px; cursor:pointer; }
.emptyButton.active, .emptyButton:active { background:rgba(255,255,255,0.4); }

.bottom_button { float:left; width:41%; height:30px; line-height:30px; margin-left:6%; margin-top:10px; border-radius:30px; color:#000; background:#bbb; text-align:center; font-size:12px; }
.bottom_button.active, .bottom_button:active { color:#000; background:#fff; }

.bottom_button2 { float:left; width:auto; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; margin-left:10px; border-radius:35px; color:#7d7d7d; background:#fff; text-align:center; font-size:12px; }
.bottom_button2.active, .bottom_button2:active { color:#fff; background:#58595b; }

.bottom_sns_button { width:110px; height:26px; padding-top:9px; padding-left:40px; border-radius:35px; color:#371d1e; background:#fae100 url(/appW/images/kakao_logo_off.png) no-repeat; background-position:10px center; background-size:17%; font-size:12px;}
.bottom_sns_button.active, .bottom_sns_button:active { color:#fae100; background:#371d1e url(/appW/images/kakao_logo_on.png) no-repeat; background-position:10px center; background-size:17%; }

.share.active, .share:active { color:#fff; background:#cf2e7b; }
.kakao.active, .kakao:active { color:#3a1e1d; background:#f8df00; }
.fb.active, .fb:active { color:#fff; background:#3b5998; }
.tw.active, .tw:active { color:#fff; background:#1da1f2; }
.inst.active, .inst:active { color:#fff; background:#cf2e7b; }

.good_show_button { background:#ddd; }
.good_show_button.active, .good_show_button:active { background:#004cf7; }

.iconButtonW { color:#fff; }
.iconButtonW.active, .iconButtonW:active { color:#ff0048; }

.iconButtonB { color:#333; }
.iconButtonB.active, .iconButtonB:active { color:#ff0048; }

.circleIconButtonB { background:rgba(0,0,0,0.7); color:#fff; }
.circleIconButtonB.active, .circleIconButtonB:active { background:#ff0048; color:#fff; }

.address_close_button { background:#fff; color:#414141; }
.address_close_button.active, .address_close_button:active { background:#414141; color:#fff; }

.delivery_button { background:#f7f7f7; color:#94989f; border-bottom:1px solid #d9d9d9; font-weight:normal; }
.delivery_button.active, .delivery_button:active { background:#999; color:#fff; }
.delivery_button.on { background:#fff; color:#233549; font-weight:bold; border-bottom:1px solid #fff; }

.gramSec { width:87px; height:20px; line-height:20px; margin-left:13px; font-size:13px; color:#000; cursor:pointer;}
.gramSec:hover { color:#e38000; }

.select_gram_button { width:25px; height:25px; line-height:23px; top:5px; left:5px; border-radius:25px; background:#fff; border1:1px solid #ddd; cursor:pointer; z-index:10; }
.select_gram_button:hover { color:#e38000; background:#fff }

.delete_gram_button { width:25px; height:25px; line-height:22px; top:5px; right:5px; border-radius:20px; background:#fff; color:#333; cursor:pointer; z-index:10; font-size:12px; }
.delete_gram_button:hover { background:#fff; color:#f00; }

.review_button_sec { background:#fff; color:#333; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.review_button_sec.active, .review_button_sec:active { background:#ff0048; color:#fff; border-top:1px solid #ff0048; border-bottom:1px solid #ff0048; }

.reg_dlv_addr { border:1px solid #ddd; color:#777; background:#fff; }
.reg_dlv_addr.on { border:1px solid #008bf7; color:#fff; background:#008bf7; }

.light_grey_button { background:#d8d8d8; color:#3e3e3e; }
.light_grey_button.active, .light_grey_button:active { background:#000; color:#d8d8d8;  }

.spin_sec {
	animation-name: spin;
	animation-duration: 5000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

.div_box_shadow { -webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.15); -moz-box-shadow:0px 5px 20px rgba(0,0,0,0.15); box-shadow:0px 5px 20px rgba(0,0,0,0.15); }
.div_box_shadow2 { -webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.1); -moz-box-shadow:0px 5px 5px rgba(0,0,0,0.1); box-shadow:0px 5px 5px rgba(0,0,0,0.1); }
.div_box_shadow3 { -webkit-box-shadow:-3px -3px 10px rgba(0,0,0,0.1); -moz-box-shadow:-3px -3px 10px rgba(0,0,0,0.1); box-shadow:-3px -3px 10px rgba(0,0,0,0.1); }
.div_box_shadow4 { -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.1); }
.shadow { box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important; }	
.div_inner_shadow { -moz-box-shadow:inset 0 0 10px #eee; -webkit-box-shadow: inset 10px 10px 10px #eee; inset 0 0 10px #eee; }

.btn_my_primary { text-align:center; background:#0068e0; color:#fff; font-size:15px; border-radius:5px; }
.btn_my_primary:active { background:#0068e0; color:#fff; filter: brightness(80%); }
.btn_my_primary.dis { background:#F3F3F3; color:#BCBEC0; }
.btn_my_primary.dis2 { background:#F3F3F3; color:#aaa; }

.btn_my_primary_red { text-align:center; background:#c72638; color:#fff; border-radius:5px; }
.btn_my_primary_red.dis { background:#eee; color:#888; }
.btn_my_primary_red.dis2 { background:#eee; color:#888; }

.btn_my_success { text-align:center; background:#28a745; color:#fff; font-size:15px; border-radius:5px; }
.btn_my_success:active { background:#28a745; color:#fff; filter: brightness(80%); }
.btn_my_success.dis { background:#F3F3F3; color:#BCBEC0; }
.btn_my_success.dis2 { background:#F3F3F3; color:#aaa; }

.btn_my_info { text-align:center; background:#17a2b8; color:#fff; font-size:15px; border-radius:5px; }
.btn_my_info:active { background:#17a2b8; color:#fff; filter: brightness(80%); }
.btn_my_info.dis { background:#F3F3F3; color:#BCBEC0; }
.btn_my_info.dis2 { background:#F3F3F3; color:#aaa; }

.btn_my_danger_empty { background:#fff; color:#c72638; font-size:15px; border-radius:5px; border:1px solid #c72638;}
.btn_my_danger_empty.dis { background:#eee; color:#888; border:1px solid #eee; }
.btn_my_danger_empty.dis2 { background:#eee; color:#888; border:1px solid #eee; }

/*.amount_button { float:left; text-align:center; line-height:38px; color:#333; font-size:32px; border:1px solid #ddd;  background:#fff; }
.amount_button.active, .amount_button:active { background:#f14d4d; color:#fff; border:1px solid #f14d4d;  } */

.option_bar { background:#fff; color:#333; }
.option_bar.active, .option_bar:active { background:#c72638; color:#fff; }

.picnicButton { color:#000; }
.picnicButton.active, .picnicButton:active { color:#00ac65; }

.picnicList2 { background:#fff; color:#000; }
.picnicList2.active, .picnicList2:active { background:#00d47d; color:#fff; }

.informButton1 { background:#fff; color:#000; }
.informButton1.active, .informButton1:active { background:#000; color:#fff; }

.mainMenu { touch-action: manipulation; color:#b2cee2; }
.mainMenu.active, .mainMenu:active { color:#e21a0e; }

.leftSec1 { touch-action: manipulation; background:url(../images/menu1B.png) no-repeat; background-size:70px; background-position:center top; color:#b2cee2; }
.leftSec1.active, .leftSec1:active { background:url(../images/menu1R.png) no-repeat; background-size:70px; background-position:center top; color:#e21a0e; }

.leftSec3 { touch-action: manipulation; background:url(../images/menu3B.png) no-repeat; background-size:70px; background-position:center top; color:#b2cee2; }
.leftSec3.active, .leftSec3:active { background:url(../images/menu3R.png) no-repeat; background-size:70px; background-position:center top; color:#e21a0e; }

.leftSec4 { touch-action: manipulation; background:url(../images/menu4B.png) no-repeat; background-size:70px; background-position:center top; color:#b2cee2; }
.leftSec4.active, .leftSec4:active { background:url(../images/menu4R.png) no-repeat; background-size:70px; background-position:center top; color:#e21a0e; }

.leftSec5 { touch-action: manipulation; background:url(../images/menu5B.png) no-repeat; background-size:70px; background-position:center top; color:#b2cee2; }
.leftSec5.active, .leftSec5:active { background:url(../images/menu5R.png) no-repeat; background-size:70px; background-position:center top; color:#e21a0e; }

.cancelButton { background:#777; color:#fff; border:1px solid #777; }
.cancelButton.active, .cancelButton:active { background:#e21a0e; color:#fff; border:1px solid #e21a0e; }

.cancelButton1 { background:#777; color:#fff; border:1px solid #777; }
.cancelButton1.active, .cancelButton1:active { background:#e21a0e; color:#fff; border:1px solid #e21a0e; }

.buttonsY { touch-action: manipulation; color:#555; }
.buttonsY.active, .buttonsY:active { color:#ff6000; }

.buttonsY2 { touch-action: manipulation; color:#ccc; }
.buttonsY2.active, .buttonsY2:active { color:#ff6000; }

.buttonsY3 { touch-action: manipulation; color:#ff6000; border:1px solid #ff6000; }
.buttonsY3.active, .buttonsY3:active { color:#000;  border:1px solid #000;}

#loginButton { background:#ff6000; color:#fff; border:1px solid #ff6000; }
#loginButton.active, #loginButton:active { background:#000; color:#fff; border:1px solid #555; }

#joinButton { background:#d4cfc6; color:#000; border:1px solid #d4cfc6; }
#joinButton.active, #joinButton:active { background:#e21a0e; color:#fff; border:1px solid #e21a0e; }

#joinButton1 { background:#d4cfc6; color:#000; border:1px solid #d4cfc6; }
#joinButton1.active, #joinButton1:active { background:#e21a0e; color:#fff; border:1px solid #e21a0e; }

.boxButtonY { background:#ff6000; color:#fff; border:1px solid #ff6000; }
.boxButtonY.active, .boxButtonY:active { background:#000; color:#fff; border:1px solid #555; }

.roundButtonD { background:#b2cee2; color:#000; border:1px solid #b2cee2; }
.roundButtonD.active, .roundButtonD:active { background:#e21a0e; color:#fff; border:1px solid #e21a0e; }

.roundButtonY { background:#fff; border:1px solid #aaa; }
.roundButtonY.active, .roundButtonY:active { background:#ff0048; color:#fff; border:1px solid #ff0048; }

.listY { color:#000; }
.listY.active, .listY:active { color:#ff6000; }

.mapButton { background:#fff; color:#000; }
.mapButton.active, .mapButton:active { background:#ff6000; color:#fff; }

.w2b { color:#fff;}
.w2b.active, .w2b:active { color:#ff6000;}

.phoney {
	/*background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(112,112,112)),color-stop(0.51, rgb(94,94,94)),color-stop(0.52, rgb(57,57,57)));
	background: -moz-linear-gradient(center top,rgb(112,112,112) 0%,rgb(94,94,94) 51%,rgb(57,57,57) 52%);*/
	background:rgba(0,0,0,0.1);
}

/* 저장 이후 체크 아이콘 에니메이션 =================================================== */
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #c72638;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #c72638;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #c72638;
  }
}
/* =================================================== */
#btn_to_top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height:40px;
	line-height:35px; 
	background:rgba(0,0,0,0.5);
	border-radius:40px;
	color: #fff;
	text-align: center;
	font-size:20px;
	z-index:1000;
}
#to-top {
	position: fixed;
	display1:none;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height:40px;
	line-height:35px; 
	background:rgba(0,0,0,0.5);
	border-radius:40px;
	color: #fff;
	text-align: center;
	font-size:20px;
	z-index:100;
}
#btn_change_goods {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
	height:50px;
	line-height:45px; 
	background:rgba(0,0,0,0.5);
	border-radius:60px;
	text-align: center;
	font-size:28px;
	z-index:100;
}
#btn_change_real {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
	height:50px;
	line-height:45px; 
	background:rgba(0,0,0,0.5) url(/appW/images/sirloin_off.png) no-repeat;
	background-size:70%;
	background-position:center;
	border-radius:50px;
	z-index:100;
}
#btn_change_real:active {
	width: 50px;
	height:50px;
	background:rgba(0,0,0,0.5) url(/appW/images/sirloin_on.png) no-repeat;
	background-size:70%;
	background-position:center;
}
#btn_company {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 50px;
	height:50px;
	line-height:45px; 
	background:rgba(0,0,0,0.5) url(/appW/images/logo_imgW.png) no-repeat;
	background-size:55%;
	background-position:center;
	border-radius:60px;
	text-align: center;
	font-size:28px;
	z-index:100;
}
.fg-dial {
			position:absolute;
			/*font-size: 400%;*/
			left:0px;
			font-family: 'HelveticaNeueRegular';
			font-weight:normal; text-shadow:none;
			text-align: center;
			top:50%;
			margin-top:-38px;
			width: 100%;
			height:70px;
			line-height:70px;
}
		.fg-dial2 {
			position:absolute;
			font-size: 160%;
			font-weight: bold;
			right:0px;
			font-family: 'HelveticaNeueRegular';
			font-weight:normal; text-shadow:none;
			text-align: center;
			top:50%;
			width: 100%;
			height:30px;
			margin-top:-15px;
}
.fg-dial3 {
			position:absolute;
			font-size: 600%;
			font-weight: bold;
			right:0px;
			font-family: 'HelveticaNeueRegular';
			font-weight:normal; text-shadow:none;
			text-align: center;
			top:50%;
			width: 100%;
			height:70px;
			line-height:70px;
			margin-top:-45px;
}