@charset "utf-8";

html,body {overflow:hidden; }

/*========================================
@ 공통
========================================*/
.modify_guide{position:relative;text-align:left;padding:50px 0;max-width:1200px;margin:0 auto;}
.modify_guide:first-child {padding-top:0;}
.modify_guide .guide_title{font-size:20px; padding:5px 0 15px 0;border-bottom:1px solid #bbb;margin-bottom:15px}
.modify_guide .guide_title:first-child{padding-top:0}
.modify_guide .guide_info{font-size:16px;line-height:24px;color:#333;margin-top:10px}
.modify_guide .guide_detail{text-align:center;margin-top:10px}

.template_cell {position:relative; margin-top:40px;}
.template_cell:first-child {margin-top:0;}
.template_cell .template-title-1 {font-size:20px; font-weight:700; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #e1e1e1;}
.template_cell .template-title-2 {font-size:18px; font-weight:500;}
.template_cell .template-title-1 + .template_data {margin-top:0;}


.template_cell .template_data {margin-top:20px;}
.template_cell .template_data:first-child{margin-top:0;}
.template_cell .template_detail {margin-top:15px; padding:10px;border:1px solid #ebebeb;}

.color-guide {margin:-10px; overflow:hidden; display:flex; flex-wrap:wrap;}
.color-guide > li {width:25%; padding:10px; box-sizing:border-box;}
.color-guide .visual {padding-top:100%; border-radius:50%;}
.color-guide .txt {margin-top:10px; color:#666; text-align:center;}

html.fix {overflow:hidden;}

.m-block {display:block !important;}
.pc-block {display:none !important;}

/* 폰트 색상 */
.font-color-yellow {color:#FDD94E !important;}
.font-color-red {color:#FF4848 !important;}
.font-color-purple {color:#6840B1 !important;}
.font-color-black {color:#202020 !important;}
.font-color-gray {color:#666 !important;}
.font-color-lightgray {color:#8f8f8f !important;}
.font-color-whitegray {color:#b4b4b4 !important;}
.font-color-error {color:#ff0000 !important;}

/* 폰트 크기 */
.font-size-12 {font-size:12px !important;}
.font-size-13 {font-size:13px !important;}
.font-size-14 {font-size:14px !important;}
.font-size-15 {font-size:15px !important;}
.font-size-16 {font-size:16px !important;}

/* 백그라운드 종류 */
.background-color-yellow {background-color:#FDD94E !important;}
.background-color-red {background-color:#FF4848 !important;}
.background-color-purple {background-color:#6840B1 !important;}
.background-color-black {background-color:#202020 !important;}

/* 컨텐츠 라운딩 */
.border-radius-2 {border-radius:2px !important;}
.border-radius-4 {border-radius:4px !important;}
.border-radius-5 {border-radius:5px !important;}
.border-radius-6 {border-radius:6px !important;}
.border-radius-8 {border-radius:8px !important;}
.border-radius-10 {border-radius:10px !important;}

/* helper */
.mr-auto {margin-right:auto;} 
.m-px-0 {margin:0px !important;}.m-px-1 {margin:1px !important;}.m-px-2 {margin:2px !important;}.m-px-3 {margin:3px !important;}.m-px-4 {margin:4px !important;}.m-px-5 {margin:5px !important;}.m-px-6 {margin:6px !important;}.m-px-7 {margin:7px !important;}.m-px-8 {margin:8px !important;}.m-px-9 {margin:9px !important;}.m-px-10 {margin:10px !important;}.m-px-11 {margin:11px !important;}.m-px-12 {margin:12px !important;}.m-px-13 {margin:13px !important;}.m-px-14 {margin:14px !important;}.m-px-15 {margin:15px !important;}.m-px-16 {margin:16px !important;}.m-px-17 {margin:17px !important;}.m-px-18 {margin:18px !important;}.m-px-19 {margin:19px !important;}.m-px-20 {margin:20px !important;}.m-px-21 {margin:21px !important;}.m-px-22 {margin:22px !important;}.m-px-23 {margin:23px !important;}.m-px-24 {margin:24px !important;}.m-px-25 {margin:25px !important;}.m-px-26 {margin:26px !important;}.m-px-27 {margin:27px !important;}.m-px-28 {margin:28px !important;}.m-px-29 {margin:29px !important;}.m-px-30 {margin:30px !important;}.m-px-31 {margin:31px !important;}.m-px-32 {margin:32px !important;}.m-px-33 {margin:33px !important;}.m-px-34 {margin:34px !important;}.m-px-35 {margin:35px !important;}.m-px-36 {margin:36px !important;}.m-px-37 {margin:37px !important;}.m-px-38 {margin:38px !important;}.m-px-39 {margin:39px !important;}.m-px-40 {margin:40px !important;}.m-px-41 {margin:41px !important;}.m-px-42 {margin:42px !important;}.m-px-43 {margin:43px !important;}.m-px-44 {margin:44px !important;}.m-px-45 {margin:45px !important;}.m-px-46 {margin:46px !important;}.m-px-47 {margin:47px !important;}.m-px-48 {margin:48px !important;}.m-px-49 {margin:49px !important;}.m-px-50 {margin:50px !important;}.m-px-51 {margin:51px !important;}.m-px-52 {margin:52px !important;}.m-px-53 {margin:53px !important;}.m-px-54 {margin:54px !important;}.m-px-55 {margin:55px !important;}.m-px-56 {margin:56px !important;}.m-px-57 {margin:57px !important;}.m-px-58 {margin:58px !important;}.m-px-59 {margin:59px !important;}.m-px-60 {margin:60px !important;}.m-px-61 {margin:61px !important;}.m-px-62 {margin:62px !important;}.m-px-63 {margin:63px !important;}.m-px-64 {margin:64px !important;}.m-px-65 {margin:65px !important;}.m-px-66 {margin:66px !important;}.m-px-67 {margin:67px !important;}.m-px-68 {margin:68px !important;}.m-px-69 {margin:69px !important;}.m-px-70 {margin:70px !important;}.m-px-71 {margin:71px !important;}.m-px-72 {margin:72px !important;}.m-px-73 {margin:73px !important;}.m-px-74 {margin:74px !important;}.m-px-75 {margin:75px !important;}.m-px-76 {margin:76px !important;}.m-px-77 {margin:77px !important;}.m-px-78 {margin:78px !important;}.m-px-79 {margin:79px !important;}.m-px-80 {margin:80px !important;}.m-px-81 {margin:81px !important;}.m-px-82 {margin:82px !important;}.m-px-83 {margin:83px !important;}.m-px-84 {margin:84px !important;}.m-px-85 {margin:85px !important;}.m-px-86 {margin:86px !important;}.m-px-87 {margin:87px !important;}.m-px-88 {margin:88px !important;}.m-px-89 {margin:89px !important;}.m-px-90 {margin:90px !important;}.m-px-91 {margin:91px !important;}.m-px-92 {margin:92px !important;}.m-px-93 {margin:93px !important;}.m-px-94 {margin:94px !important;}.m-px-95 {margin:95px !important;}.m-px-96 {margin:96px !important;}.m-px-97 {margin:97px !important;}.m-px-98 {margin:98px !important;}.m-px-99 {margin:99px !important;}.m-px-100 {margin:100px !important;}.mt-px-0 {margin-top:0px !important;}.mt-px-1 {margin-top:1px !important;}.mt-px-2 {margin-top:2px !important;}.mt-px-3 {margin-top:3px !important;}.mt-px-4 {margin-top:4px !important;}.mt-px-5 {margin-top:5px !important;}.mt-px-6 {margin-top:6px !important;}.mt-px-7 {margin-top:7px !important;}.mt-px-8 {margin-top:8px !important;}.mt-px-9 {margin-top:9px !important;}.mt-px-10 {margin-top:10px !important;}.mt-px-11 {margin-top:11px !important;}.mt-px-12 {margin-top:12px !important;}.mt-px-13 {margin-top:13px !important;}.mt-px-14 {margin-top:14px !important;}.mt-px-15 {margin-top:15px !important;}.mt-px-16 {margin-top:16px !important;}.mt-px-17 {margin-top:17px !important;}.mt-px-18 {margin-top:18px !important;}.mt-px-19 {margin-top:19px !important;}.mt-px-20 {margin-top:20px !important;}.mt-px-21 {margin-top:21px !important;}.mt-px-22 {margin-top:22px !important;}.mt-px-23 {margin-top:23px !important;}.mt-px-24 {margin-top:24px !important;}.mt-px-25 {margin-top:25px !important;}.mt-px-26 {margin-top:26px !important;}.mt-px-27 {margin-top:27px !important;}.mt-px-28 {margin-top:28px !important;}.mt-px-29 {margin-top:29px !important;}.mt-px-30 {margin-top:30px !important;}.mt-px-31 {margin-top:31px !important;}.mt-px-32 {margin-top:32px !important;}.mt-px-33 {margin-top:33px !important;}.mt-px-34 {margin-top:34px !important;}.mt-px-35 {margin-top:35px !important;}.mt-px-36 {margin-top:36px !important;}.mt-px-37 {margin-top:37px !important;}.mt-px-38 {margin-top:38px !important;}.mt-px-39 {margin-top:39px !important;}.mt-px-40 {margin-top:40px !important;}.mt-px-41 {margin-top:41px !important;}.mt-px-42 {margin-top:42px !important;}.mt-px-43 {margin-top:43px !important;}.mt-px-44 {margin-top:44px !important;}.mt-px-45 {margin-top:45px !important;}.mt-px-46 {margin-top:46px !important;}.mt-px-47 {margin-top:47px !important;}.mt-px-48 {margin-top:48px !important;}.mt-px-49 {margin-top:49px !important;}.mt-px-50 {margin-top:50px !important;}.mt-px-51 {margin-top:51px !important;}.mt-px-52 {margin-top:52px !important;}.mt-px-53 {margin-top:53px !important;}.mt-px-54 {margin-top:54px !important;}.mt-px-55 {margin-top:55px !important;}.mt-px-56 {margin-top:56px !important;}.mt-px-57 {margin-top:57px !important;}.mt-px-58 {margin-top:58px !important;}.mt-px-59 {margin-top:59px !important;}.mt-px-60 {margin-top:60px !important;}.mt-px-61 {margin-top:61px !important;}.mt-px-62 {margin-top:62px !important;}.mt-px-63 {margin-top:63px !important;}.mt-px-64 {margin-top:64px !important;}.mt-px-65 {margin-top:65px !important;}.mt-px-66 {margin-top:66px !important;}.mt-px-67 {margin-top:67px !important;}.mt-px-68 {margin-top:68px !important;}.mt-px-69 {margin-top:69px !important;}.mt-px-70 {margin-top:70px !important;}.mt-px-71 {margin-top:71px !important;}.mt-px-72 {margin-top:72px !important;}.mt-px-73 {margin-top:73px !important;}.mt-px-74 {margin-top:74px !important;}.mt-px-75 {margin-top:75px !important;}.mt-px-76 {margin-top:76px !important;}.mt-px-77 {margin-top:77px !important;}.mt-px-78 {margin-top:78px !important;}.mt-px-79 {margin-top:79px !important;}.mt-px-80 {margin-top:80px !important;}.mt-px-81 {margin-top:81px !important;}.mt-px-82 {margin-top:82px !important;}.mt-px-83 {margin-top:83px !important;}.mt-px-84 {margin-top:84px !important;}.mt-px-85 {margin-top:85px !important;}.mt-px-86 {margin-top:86px !important;}.mt-px-87 {margin-top:87px !important;}.mt-px-88 {margin-top:88px !important;}.mt-px-89 {margin-top:89px !important;}.mt-px-90 {margin-top:90px !important;}.mt-px-91 {margin-top:91px !important;}.mt-px-92 {margin-top:92px !important;}.mt-px-93 {margin-top:93px !important;}.mt-px-94 {margin-top:94px !important;}.mt-px-95 {margin-top:95px !important;}.mt-px-96 {margin-top:96px !important;}.mt-px-97 {margin-top:97px !important;}.mt-px-98 {margin-top:98px !important;}.mt-px-99 {margin-top:99px !important;}.mt-px-100 {margin-top:100px !important;}.mr-px-0 {margin-right:0px !important;}.mr-px-1 {margin-right:1px !important;}.mr-px-2 {margin-right:2px !important;}.mr-px-3 {margin-right:3px !important;}.mr-px-4 {margin-right:4px !important;}.mr-px-5 {margin-right:5px !important;}.mr-px-6 {margin-right:6px !important;}.mr-px-7 {margin-right:7px !important;}.mr-px-8 {margin-right:8px !important;}.mr-px-9 {margin-right:9px !important;}.mr-px-10 {margin-right:10px !important;}.mr-px-11 {margin-right:11px !important;}.mr-px-12 {margin-right:12px !important;}.mr-px-13 {margin-right:13px !important;}.mr-px-14 {margin-right:14px !important;}.mr-px-15 {margin-right:15px !important;}.mr-px-16 {margin-right:16px !important;}.mr-px-17 {margin-right:17px !important;}.mr-px-18 {margin-right:18px !important;}.mr-px-19 {margin-right:19px !important;}.mr-px-20 {margin-right:20px !important;}.mr-px-21 {margin-right:21px !important;}.mr-px-22 {margin-right:22px !important;}.mr-px-23 {margin-right:23px !important;}.mr-px-24 {margin-right:24px !important;}.mr-px-25 {margin-right:25px !important;}.mr-px-26 {margin-right:26px !important;}.mr-px-27 {margin-right:27px !important;}.mr-px-28 {margin-right:28px !important;}.mr-px-29 {margin-right:29px !important;}.mr-px-30 {margin-right:30px !important;}.mr-px-31 {margin-right:31px !important;}.mr-px-32 {margin-right:32px !important;}.mr-px-33 {margin-right:33px !important;}.mr-px-34 {margin-right:34px !important;}.mr-px-35 {margin-right:35px !important;}.mr-px-36 {margin-right:36px !important;}.mr-px-37 {margin-right:37px !important;}.mr-px-38 {margin-right:38px !important;}.mr-px-39 {margin-right:39px !important;}.mr-px-40 {margin-right:40px !important;}.mr-px-41 {margin-right:41px !important;}.mr-px-42 {margin-right:42px !important;}.mr-px-43 {margin-right:43px !important;}.mr-px-44 {margin-right:44px !important;}.mr-px-45 {margin-right:45px !important;}.mr-px-46 {margin-right:46px !important;}.mr-px-47 {margin-right:47px !important;}.mr-px-48 {margin-right:48px !important;}.mr-px-49 {margin-right:49px !important;}.mr-px-50 {margin-right:50px !important;}.mr-px-51 {margin-right:51px !important;}.mr-px-52 {margin-right:52px !important;}.mr-px-53 {margin-right:53px !important;}.mr-px-54 {margin-right:54px !important;}.mr-px-55 {margin-right:55px !important;}.mr-px-56 {margin-right:56px !important;}.mr-px-57 {margin-right:57px !important;}.mr-px-58 {margin-right:58px !important;}.mr-px-59 {margin-right:59px !important;}.mr-px-60 {margin-right:60px !important;}.mr-px-61 {margin-right:61px !important;}.mr-px-62 {margin-right:62px !important;}.mr-px-63 {margin-right:63px !important;}.mr-px-64 {margin-right:64px !important;}.mr-px-65 {margin-right:65px !important;}.mr-px-66 {margin-right:66px !important;}.mr-px-67 {margin-right:67px !important;}.mr-px-68 {margin-right:68px !important;}.mr-px-69 {margin-right:69px !important;}.mr-px-70 {margin-right:70px !important;}.mr-px-71 {margin-right:71px !important;}.mr-px-72 {margin-right:72px !important;}.mr-px-73 {margin-right:73px !important;}.mr-px-74 {margin-right:74px !important;}.mr-px-75 {margin-right:75px !important;}.mr-px-76 {margin-right:76px !important;}.mr-px-77 {margin-right:77px !important;}.mr-px-78 {margin-right:78px !important;}.mr-px-79 {margin-right:79px !important;}.mr-px-80 {margin-right:80px !important;}.mr-px-81 {margin-right:81px !important;}.mr-px-82 {margin-right:82px !important;}.mr-px-83 {margin-right:83px !important;}.mr-px-84 {margin-right:84px !important;}.mr-px-85 {margin-right:85px !important;}.mr-px-86 {margin-right:86px !important;}.mr-px-87 {margin-right:87px !important;}.mr-px-88 {margin-right:88px !important;}.mr-px-89 {margin-right:89px !important;}.mr-px-90 {margin-right:90px !important;}.mr-px-91 {margin-right:91px !important;}.mr-px-92 {margin-right:92px !important;}.mr-px-93 {margin-right:93px !important;}.mr-px-94 {margin-right:94px !important;}.mr-px-95 {margin-right:95px !important;}.mr-px-96 {margin-right:96px !important;}.mr-px-97 {margin-right:97px !important;}.mr-px-98 {margin-right:98px !important;}.mr-px-99 {margin-right:99px !important;}.mr-px-100 {margin-right:100px !important;}.mb-px-0 {margin-bottom:0px !important;}.mb-px-1 {margin-bottom:1px !important;}.mb-px-2 {margin-bottom:2px !important;}.mb-px-3 {margin-bottom:3px !important;}.mb-px-4 {margin-bottom:4px !important;}.mb-px-5 {margin-bottom:5px !important;}.mb-px-6 {margin-bottom:6px !important;}.mb-px-7 {margin-bottom:7px !important;}.mb-px-8 {margin-bottom:8px !important;}.mb-px-9 {margin-bottom:9px !important;}.mb-px-10 {margin-bottom:10px !important;}.mb-px-11 {margin-bottom:11px !important;}.mb-px-12 {margin-bottom:12px !important;}.mb-px-13 {margin-bottom:13px !important;}.mb-px-14 {margin-bottom:14px !important;}.mb-px-15 {margin-bottom:15px !important;}.mb-px-16 {margin-bottom:16px !important;}.mb-px-17 {margin-bottom:17px !important;}.mb-px-18 {margin-bottom:18px !important;}.mb-px-19 {margin-bottom:19px !important;}.mb-px-20 {margin-bottom:20px !important;}.mb-px-21 {margin-bottom:21px !important;}.mb-px-22 {margin-bottom:22px !important;}.mb-px-23 {margin-bottom:23px !important;}.mb-px-24 {margin-bottom:24px !important;}.mb-px-25 {margin-bottom:25px !important;}.mb-px-26 {margin-bottom:26px !important;}.mb-px-27 {margin-bottom:27px !important;}.mb-px-28 {margin-bottom:28px !important;}.mb-px-29 {margin-bottom:29px !important;}.mb-px-30 {margin-bottom:30px !important;}.mb-px-31 {margin-bottom:31px !important;}.mb-px-32 {margin-bottom:32px !important;}.mb-px-33 {margin-bottom:33px !important;}.mb-px-34 {margin-bottom:34px !important;}.mb-px-35 {margin-bottom:35px !important;}.mb-px-36 {margin-bottom:36px !important;}.mb-px-37 {margin-bottom:37px !important;}.mb-px-38 {margin-bottom:38px !important;}.mb-px-39 {margin-bottom:39px !important;}.mb-px-40 {margin-bottom:40px !important;}.mb-px-41 {margin-bottom:41px !important;}.mb-px-42 {margin-bottom:42px !important;}.mb-px-43 {margin-bottom:43px !important;}.mb-px-44 {margin-bottom:44px !important;}.mb-px-45 {margin-bottom:45px !important;}.mb-px-46 {margin-bottom:46px !important;}.mb-px-47 {margin-bottom:47px !important;}.mb-px-48 {margin-bottom:48px !important;}.mb-px-49 {margin-bottom:49px !important;}.mb-px-50 {margin-bottom:50px !important;}.mb-px-51 {margin-bottom:51px !important;}.mb-px-52 {margin-bottom:52px !important;}.mb-px-53 {margin-bottom:53px !important;}.mb-px-54 {margin-bottom:54px !important;}.mb-px-55 {margin-bottom:55px !important;}.mb-px-56 {margin-bottom:56px !important;}.mb-px-57 {margin-bottom:57px !important;}.mb-px-58 {margin-bottom:58px !important;}.mb-px-59 {margin-bottom:59px !important;}.mb-px-60 {margin-bottom:60px !important;}.mb-px-61 {margin-bottom:61px !important;}.mb-px-62 {margin-bottom:62px !important;}.mb-px-63 {margin-bottom:63px !important;}.mb-px-64 {margin-bottom:64px !important;}.mb-px-65 {margin-bottom:65px !important;}.mb-px-66 {margin-bottom:66px !important;}.mb-px-67 {margin-bottom:67px !important;}.mb-px-68 {margin-bottom:68px !important;}.mb-px-69 {margin-bottom:69px !important;}.mb-px-70 {margin-bottom:70px !important;}.mb-px-71 {margin-bottom:71px !important;}.mb-px-72 {margin-bottom:72px !important;}.mb-px-73 {margin-bottom:73px !important;}.mb-px-74 {margin-bottom:74px !important;}.mb-px-75 {margin-bottom:75px !important;}.mb-px-76 {margin-bottom:76px !important;}.mb-px-77 {margin-bottom:77px !important;}.mb-px-78 {margin-bottom:78px !important;}.mb-px-79 {margin-bottom:79px !important;}.mb-px-80 {margin-bottom:80px !important;}.mb-px-81 {margin-bottom:81px !important;}.mb-px-82 {margin-bottom:82px !important;}.mb-px-83 {margin-bottom:83px !important;}.mb-px-84 {margin-bottom:84px !important;}.mb-px-85 {margin-bottom:85px !important;}.mb-px-86 {margin-bottom:86px !important;}.mb-px-87 {margin-bottom:87px !important;}.mb-px-88 {margin-bottom:88px !important;}.mb-px-89 {margin-bottom:89px !important;}.mb-px-90 {margin-bottom:90px !important;}.mb-px-91 {margin-bottom:91px !important;}.mb-px-92 {margin-bottom:92px !important;}.mb-px-93 {margin-bottom:93px !important;}.mb-px-94 {margin-bottom:94px !important;}.mb-px-95 {margin-bottom:95px !important;}.mb-px-96 {margin-bottom:96px !important;}.mb-px-97 {margin-bottom:97px !important;}.mb-px-98 {margin-bottom:98px !important;}.mb-px-99 {margin-bottom:99px !important;}.mb-px-100 {margin-bottom:100px !important;}.ml-px-0 {margin-left:0px !important;}.ml-px-1 {margin-left:1px !important;}.ml-px-2 {margin-left:2px !important;}.ml-px-3 {margin-left:3px !important;}.ml-px-4 {margin-left:4px !important;}.ml-px-5 {margin-left:5px !important;}.ml-px-6 {margin-left:6px !important;}.ml-px-7 {margin-left:7px !important;}.ml-px-8 {margin-left:8px !important;}.ml-px-9 {margin-left:9px !important;}.ml-px-10 {margin-left:10px !important;}.ml-px-11 {margin-left:11px !important;}.ml-px-12 {margin-left:12px !important;}.ml-px-13 {margin-left:13px !important;}.ml-px-14 {margin-left:14px !important;}.ml-px-15 {margin-left:15px !important;}.ml-px-16 {margin-left:16px !important;}.ml-px-17 {margin-left:17px !important;}.ml-px-18 {margin-left:18px !important;}.ml-px-19 {margin-left:19px !important;}.ml-px-20 {margin-left:20px !important;}.ml-px-21 {margin-left:21px !important;}.ml-px-22 {margin-left:22px !important;}.ml-px-23 {margin-left:23px !important;}.ml-px-24 {margin-left:24px !important;}.ml-px-25 {margin-left:25px !important;}.ml-px-26 {margin-left:26px !important;}.ml-px-27 {margin-left:27px !important;}.ml-px-28 {margin-left:28px !important;}.ml-px-29 {margin-left:29px !important;}.ml-px-30 {margin-left:30px !important;}.ml-px-31 {margin-left:31px !important;}.ml-px-32 {margin-left:32px !important;}.ml-px-33 {margin-left:33px !important;}.ml-px-34 {margin-left:34px !important;}.ml-px-35 {margin-left:35px !important;}.ml-px-36 {margin-left:36px !important;}.ml-px-37 {margin-left:37px !important;}.ml-px-38 {margin-left:38px !important;}.ml-px-39 {margin-left:39px !important;}.ml-px-40 {margin-left:40px !important;}.ml-px-41 {margin-left:41px !important;}.ml-px-42 {margin-left:42px !important;}.ml-px-43 {margin-left:43px !important;}.ml-px-44 {margin-left:44px !important;}.ml-px-45 {margin-left:45px !important;}.ml-px-46 {margin-left:46px !important;}.ml-px-47 {margin-left:47px !important;}.ml-px-48 {margin-left:48px !important;}.ml-px-49 {margin-left:49px !important;}.ml-px-50 {margin-left:50px !important;}.ml-px-51 {margin-left:51px !important;}.ml-px-52 {margin-left:52px !important;}.ml-px-53 {margin-left:53px !important;}.ml-px-54 {margin-left:54px !important;}.ml-px-55 {margin-left:55px !important;}.ml-px-56 {margin-left:56px !important;}.ml-px-57 {margin-left:57px !important;}.ml-px-58 {margin-left:58px !important;}.ml-px-59 {margin-left:59px !important;}.ml-px-60 {margin-left:60px !important;}.ml-px-61 {margin-left:61px !important;}.ml-px-62 {margin-left:62px !important;}.ml-px-63 {margin-left:63px !important;}.ml-px-64 {margin-left:64px !important;}.ml-px-65 {margin-left:65px !important;}.ml-px-66 {margin-left:66px !important;}.ml-px-67 {margin-left:67px !important;}.ml-px-68 {margin-left:68px !important;}.ml-px-69 {margin-left:69px !important;}.ml-px-70 {margin-left:70px !important;}.ml-px-71 {margin-left:71px !important;}.ml-px-72 {margin-left:72px !important;}.ml-px-73 {margin-left:73px !important;}.ml-px-74 {margin-left:74px !important;}.ml-px-75 {margin-left:75px !important;}.ml-px-76 {margin-left:76px !important;}.ml-px-77 {margin-left:77px !important;}.ml-px-78 {margin-left:78px !important;}.ml-px-79 {margin-left:79px !important;}.ml-px-80 {margin-left:80px !important;}.ml-px-81 {margin-left:81px !important;}.ml-px-82 {margin-left:82px !important;}.ml-px-83 {margin-left:83px !important;}.ml-px-84 {margin-left:84px !important;}.ml-px-85 {margin-left:85px !important;}.ml-px-86 {margin-left:86px !important;}.ml-px-87 {margin-left:87px !important;}.ml-px-88 {margin-left:88px !important;}.ml-px-89 {margin-left:89px !important;}.ml-px-90 {margin-left:90px !important;}.ml-px-91 {margin-left:91px !important;}.ml-px-92 {margin-left:92px !important;}.ml-px-93 {margin-left:93px !important;}.ml-px-94 {margin-left:94px !important;}.ml-px-95 {margin-left:95px !important;}.ml-px-96 {margin-left:96px !important;}.ml-px-97 {margin-left:97px !important;}.ml-px-98 {margin-left:98px !important;}.ml-px-99 {margin-left:99px !important;}.ml-px-100 {margin-left:100px !important;}.mo-px-0 {margin:-0px !important;}.mo-px-1 {margin:-1px !important;}.mo-px-2 {margin:-2px !important;}.mo-px-3 {margin:-3px !important;}.mo-px-4 {margin:-4px !important;}.mo-px-5 {margin:-5px !important;}.mo-px-6 {margin:-6px !important;}.mo-px-7 {margin:-7px !important;}.mo-px-8 {margin:-8px !important;}.mo-px-9 {margin:-9px !important;}.mo-px-10 {margin:-10px !important;}.mo-px-11 {margin:-11px !important;}.mo-px-12 {margin:-12px !important;}.mo-px-13 {margin:-13px !important;}.mo-px-14 {margin:-14px !important;}.mo-px-15 {margin:-15px !important;}.mo-px-16 {margin:-16px !important;}.mo-px-17 {margin:-17px !important;}.mo-px-18 {margin:-18px !important;}.mo-px-19 {margin:-19px !important;}.mo-px-20 {margin:-20px !important;}.mo-px-21 {margin:-21px !important;}.mo-px-22 {margin:-22px !important;}.mo-px-23 {margin:-23px !important;}.mo-px-24 {margin:-24px !important;}.mo-px-25 {margin:-25px !important;}.mo-px-26 {margin:-26px !important;}.mo-px-27 {margin:-27px !important;}.mo-px-28 {margin:-28px !important;}.mo-px-29 {margin:-29px !important;}.mo-px-30 {margin:-30px !important;}.mo-px-31 {margin:-31px !important;}.mo-px-32 {margin:-32px !important;}.mo-px-33 {margin:-33px !important;}.mo-px-34 {margin:-34px !important;}.mo-px-35 {margin:-35px !important;}.mo-px-36 {margin:-36px !important;}.mo-px-37 {margin:-37px !important;}.mo-px-38 {margin:-38px !important;}.mo-px-39 {margin:-39px !important;}.mo-px-40 {margin:-40px !important;}.mo-px-41 {margin:-41px !important;}.mo-px-42 {margin:-42px !important;}.mo-px-43 {margin:-43px !important;}.mo-px-44 {margin:-44px !important;}.mo-px-45 {margin:-45px !important;}.mo-px-46 {margin:-46px !important;}.mo-px-47 {margin:-47px !important;}.mo-px-48 {margin:-48px !important;}.mo-px-49 {margin:-49px !important;}.mo-px-50 {margin:-50px !important;}.mo-px-51 {margin:-51px !important;}.mo-px-52 {margin:-52px !important;}.mo-px-53 {margin:-53px !important;}.mo-px-54 {margin:-54px !important;}.mo-px-55 {margin:-55px !important;}.mo-px-56 {margin:-56px !important;}.mo-px-57 {margin:-57px !important;}.mo-px-58 {margin:-58px !important;}.mo-px-59 {margin:-59px !important;}.mo-px-60 {margin:-60px !important;}.mo-px-61 {margin:-61px !important;}.mo-px-62 {margin:-62px !important;}.mo-px-63 {margin:-63px !important;}.mo-px-64 {margin:-64px !important;}.mo-px-65 {margin:-65px !important;}.mo-px-66 {margin:-66px !important;}.mo-px-67 {margin:-67px !important;}.mo-px-68 {margin:-68px !important;}.mo-px-69 {margin:-69px !important;}.mo-px-70 {margin:-70px !important;}.mo-px-71 {margin:-71px !important;}.mo-px-72 {margin:-72px !important;}.mo-px-73 {margin:-73px !important;}.mo-px-74 {margin:-74px !important;}.mo-px-75 {margin:-75px !important;}.mo-px-76 {margin:-76px !important;}.mo-px-77 {margin:-77px !important;}.mo-px-78 {margin:-78px !important;}.mo-px-79 {margin:-79px !important;}.mo-px-80 {margin:-80px !important;}.mo-px-81 {margin:-81px !important;}.mo-px-82 {margin:-82px !important;}.mo-px-83 {margin:-83px !important;}.mo-px-84 {margin:-84px !important;}.mo-px-85 {margin:-85px !important;}.mo-px-86 {margin:-86px !important;}.mo-px-87 {margin:-87px !important;}.mo-px-88 {margin:-88px !important;}.mo-px-89 {margin:-89px !important;}.mo-px-90 {margin:-90px !important;}.mo-px-91 {margin:-91px !important;}.mo-px-92 {margin:-92px !important;}.mo-px-93 {margin:-93px !important;}.mo-px-94 {margin:-94px !important;}.mo-px-95 {margin:-95px !important;}.mo-px-96 {margin:-96px !important;}.mo-px-97 {margin:-97px !important;}.mo-px-98 {margin:-98px !important;}.mo-px-99 {margin:-99px !important;}.mo-px-100 {margin:-100px !important;}.mot-px-0 {margin-top:-0px !important;}.mot-px-1 {margin-top:-1px !important;}.mot-px-2 {margin-top:-2px !important;}.mot-px-3 {margin-top:-3px !important;}.mot-px-4 {margin-top:-4px !important;}.mot-px-5 {margin-top:-5px !important;}.mot-px-6 {margin-top:-6px !important;}.mot-px-7 {margin-top:-7px !important;}.mot-px-8 {margin-top:-8px !important;}.mot-px-9 {margin-top:-9px !important;}.mot-px-10 {margin-top:-10px !important;}.mot-px-11 {margin-top:-11px !important;}.mot-px-12 {margin-top:-12px !important;}.mot-px-13 {margin-top:-13px !important;}.mot-px-14 {margin-top:-14px !important;}.mot-px-15 {margin-top:-15px !important;}.mot-px-16 {margin-top:-16px !important;}.mot-px-17 {margin-top:-17px !important;}.mot-px-18 {margin-top:-18px !important;}.mot-px-19 {margin-top:-19px !important;}.mot-px-20 {margin-top:-20px !important;}.mot-px-21 {margin-top:-21px !important;}.mot-px-22 {margin-top:-22px !important;}.mot-px-23 {margin-top:-23px !important;}.mot-px-24 {margin-top:-24px !important;}.mot-px-25 {margin-top:-25px !important;}.mot-px-26 {margin-top:-26px !important;}.mot-px-27 {margin-top:-27px !important;}.mot-px-28 {margin-top:-28px !important;}.mot-px-29 {margin-top:-29px !important;}.mot-px-30 {margin-top:-30px !important;}.mot-px-31 {margin-top:-31px !important;}.mot-px-32 {margin-top:-32px !important;}.mot-px-33 {margin-top:-33px !important;}.mot-px-34 {margin-top:-34px !important;}.mot-px-35 {margin-top:-35px !important;}.mot-px-36 {margin-top:-36px !important;}.mot-px-37 {margin-top:-37px !important;}.mot-px-38 {margin-top:-38px !important;}.mot-px-39 {margin-top:-39px !important;}.mot-px-40 {margin-top:-40px !important;}.mot-px-41 {margin-top:-41px !important;}.mot-px-42 {margin-top:-42px !important;}.mot-px-43 {margin-top:-43px !important;}.mot-px-44 {margin-top:-44px !important;}.mot-px-45 {margin-top:-45px !important;}.mot-px-46 {margin-top:-46px !important;}.mot-px-47 {margin-top:-47px !important;}.mot-px-48 {margin-top:-48px !important;}.mot-px-49 {margin-top:-49px !important;}.mot-px-50 {margin-top:-50px !important;}.mot-px-51 {margin-top:-51px !important;}.mot-px-52 {margin-top:-52px !important;}.mot-px-53 {margin-top:-53px !important;}.mot-px-54 {margin-top:-54px !important;}.mot-px-55 {margin-top:-55px !important;}.mot-px-56 {margin-top:-56px !important;}.mot-px-57 {margin-top:-57px !important;}.mot-px-58 {margin-top:-58px !important;}.mot-px-59 {margin-top:-59px !important;}.mot-px-60 {margin-top:-60px !important;}.mot-px-61 {margin-top:-61px !important;}.mot-px-62 {margin-top:-62px !important;}.mot-px-63 {margin-top:-63px !important;}.mot-px-64 {margin-top:-64px !important;}.mot-px-65 {margin-top:-65px !important;}.mot-px-66 {margin-top:-66px !important;}.mot-px-67 {margin-top:-67px !important;}.mot-px-68 {margin-top:-68px !important;}.mot-px-69 {margin-top:-69px !important;}.mot-px-70 {margin-top:-70px !important;}.mot-px-71 {margin-top:-71px !important;}.mot-px-72 {margin-top:-72px !important;}.mot-px-73 {margin-top:-73px !important;}.mot-px-74 {margin-top:-74px !important;}.mot-px-75 {margin-top:-75px !important;}.mot-px-76 {margin-top:-76px !important;}.mot-px-77 {margin-top:-77px !important;}.mot-px-78 {margin-top:-78px !important;}.mot-px-79 {margin-top:-79px !important;}.mot-px-80 {margin-top:-80px !important;}.mot-px-81 {margin-top:-81px !important;}.mot-px-82 {margin-top:-82px !important;}.mot-px-83 {margin-top:-83px !important;}.mot-px-84 {margin-top:-84px !important;}.mot-px-85 {margin-top:-85px !important;}.mot-px-86 {margin-top:-86px !important;}.mot-px-87 {margin-top:-87px !important;}.mot-px-88 {margin-top:-88px !important;}.mot-px-89 {margin-top:-89px !important;}.mot-px-90 {margin-top:-90px !important;}.mot-px-91 {margin-top:-91px !important;}.mot-px-92 {margin-top:-92px !important;}.mot-px-93 {margin-top:-93px !important;}.mot-px-94 {margin-top:-94px !important;}.mot-px-95 {margin-top:-95px !important;}.mot-px-96 {margin-top:-96px !important;}.mot-px-97 {margin-top:-97px !important;}.mot-px-98 {margin-top:-98px !important;}.mot-px-99 {margin-top:-99px !important;}.mot-px-100 {margin-top:-100px !important;}.mor-px-0 {margin-right:-0px !important;}.mor-px-1 {margin-right:-1px !important;}.mor-px-2 {margin-right:-2px !important;}.mor-px-3 {margin-right:-3px !important;}.mor-px-4 {margin-right:-4px !important;}.mor-px-5 {margin-right:-5px !important;}.mor-px-6 {margin-right:-6px !important;}.mor-px-7 {margin-right:-7px !important;}.mor-px-8 {margin-right:-8px !important;}.mor-px-9 {margin-right:-9px !important;}.mor-px-10 {margin-right:-10px !important;}.mor-px-11 {margin-right:-11px !important;}.mor-px-12 {margin-right:-12px !important;}.mor-px-13 {margin-right:-13px !important;}.mor-px-14 {margin-right:-14px !important;}.mor-px-15 {margin-right:-15px !important;}.mor-px-16 {margin-right:-16px !important;}.mor-px-17 {margin-right:-17px !important;}.mor-px-18 {margin-right:-18px !important;}.mor-px-19 {margin-right:-19px !important;}.mor-px-20 {margin-right:-20px !important;}.mor-px-21 {margin-right:-21px !important;}.mor-px-22 {margin-right:-22px !important;}.mor-px-23 {margin-right:-23px !important;}.mor-px-24 {margin-right:-24px !important;}.mor-px-25 {margin-right:-25px !important;}.mor-px-26 {margin-right:-26px !important;}.mor-px-27 {margin-right:-27px !important;}.mor-px-28 {margin-right:-28px !important;}.mor-px-29 {margin-right:-29px !important;}.mor-px-30 {margin-right:-30px !important;}.mor-px-31 {margin-right:-31px !important;}.mor-px-32 {margin-right:-32px !important;}.mor-px-33 {margin-right:-33px !important;}.mor-px-34 {margin-right:-34px !important;}.mor-px-35 {margin-right:-35px !important;}.mor-px-36 {margin-right:-36px !important;}.mor-px-37 {margin-right:-37px !important;}.mor-px-38 {margin-right:-38px !important;}.mor-px-39 {margin-right:-39px !important;}.mor-px-40 {margin-right:-40px !important;}.mor-px-41 {margin-right:-41px !important;}.mor-px-42 {margin-right:-42px !important;}.mor-px-43 {margin-right:-43px !important;}.mor-px-44 {margin-right:-44px !important;}.mor-px-45 {margin-right:-45px !important;}.mor-px-46 {margin-right:-46px !important;}.mor-px-47 {margin-right:-47px !important;}.mor-px-48 {margin-right:-48px !important;}.mor-px-49 {margin-right:-49px !important;}.mor-px-50 {margin-right:-50px !important;}.mor-px-51 {margin-right:-51px !important;}.mor-px-52 {margin-right:-52px !important;}.mor-px-53 {margin-right:-53px !important;}.mor-px-54 {margin-right:-54px !important;}.mor-px-55 {margin-right:-55px !important;}.mor-px-56 {margin-right:-56px !important;}.mor-px-57 {margin-right:-57px !important;}.mor-px-58 {margin-right:-58px !important;}.mor-px-59 {margin-right:-59px !important;}.mor-px-60 {margin-right:-60px !important;}.mor-px-61 {margin-right:-61px !important;}.mor-px-62 {margin-right:-62px !important;}.mor-px-63 {margin-right:-63px !important;}.mor-px-64 {margin-right:-64px !important;}.mor-px-65 {margin-right:-65px !important;}.mor-px-66 {margin-right:-66px !important;}.mor-px-67 {margin-right:-67px !important;}.mor-px-68 {margin-right:-68px !important;}.mor-px-69 {margin-right:-69px !important;}.mor-px-70 {margin-right:-70px !important;}.mor-px-71 {margin-right:-71px !important;}.mor-px-72 {margin-right:-72px !important;}.mor-px-73 {margin-right:-73px !important;}.mor-px-74 {margin-right:-74px !important;}.mor-px-75 {margin-right:-75px !important;}.mor-px-76 {margin-right:-76px !important;}.mor-px-77 {margin-right:-77px !important;}.mor-px-78 {margin-right:-78px !important;}.mor-px-79 {margin-right:-79px !important;}.mor-px-80 {margin-right:-80px !important;}.mor-px-81 {margin-right:-81px !important;}.mor-px-82 {margin-right:-82px !important;}.mor-px-83 {margin-right:-83px !important;}.mor-px-84 {margin-right:-84px !important;}.mor-px-85 {margin-right:-85px !important;}.mor-px-86 {margin-right:-86px !important;}.mor-px-87 {margin-right:-87px !important;}.mor-px-88 {margin-right:-88px !important;}.mor-px-89 {margin-right:-89px !important;}.mor-px-90 {margin-right:-90px !important;}.mor-px-91 {margin-right:-91px !important;}.mor-px-92 {margin-right:-92px !important;}.mor-px-93 {margin-right:-93px !important;}.mor-px-94 {margin-right:-94px !important;}.mor-px-95 {margin-right:-95px !important;}.mor-px-96 {margin-right:-96px !important;}.mor-px-97 {margin-right:-97px !important;}.mor-px-98 {margin-right:-98px !important;}.mor-px-99 {margin-right:-99px !important;}.mor-px-100 {margin-right:-100px !important;}.mob-px-0 {margin-bottom:-0px !important;}.mob-px-1 {margin-bottom:-1px !important;}.mob-px-2 {margin-bottom:-2px !important;}.mob-px-3 {margin-bottom:-3px !important;}.mob-px-4 {margin-bottom:-4px !important;}.mob-px-5 {margin-bottom:-5px !important;}.mob-px-6 {margin-bottom:-6px !important;}.mob-px-7 {margin-bottom:-7px !important;}.mob-px-8 {margin-bottom:-8px !important;}.mob-px-9 {margin-bottom:-9px !important;}.mob-px-10 {margin-bottom:-10px !important;}.mob-px-11 {margin-bottom:-11px !important;}.mob-px-12 {margin-bottom:-12px !important;}.mob-px-13 {margin-bottom:-13px !important;}.mob-px-14 {margin-bottom:-14px !important;}.mob-px-15 {margin-bottom:-15px !important;}.mob-px-16 {margin-bottom:-16px !important;}.mob-px-17 {margin-bottom:-17px !important;}.mob-px-18 {margin-bottom:-18px !important;}.mob-px-19 {margin-bottom:-19px !important;}.mob-px-20 {margin-bottom:-20px !important;}.mob-px-21 {margin-bottom:-21px !important;}.mob-px-22 {margin-bottom:-22px !important;}.mob-px-23 {margin-bottom:-23px !important;}.mob-px-24 {margin-bottom:-24px !important;}.mob-px-25 {margin-bottom:-25px !important;}.mob-px-26 {margin-bottom:-26px !important;}.mob-px-27 {margin-bottom:-27px !important;}.mob-px-28 {margin-bottom:-28px !important;}.mob-px-29 {margin-bottom:-29px !important;}.mob-px-30 {margin-bottom:-30px !important;}.mob-px-31 {margin-bottom:-31px !important;}.mob-px-32 {margin-bottom:-32px !important;}.mob-px-33 {margin-bottom:-33px !important;}.mob-px-34 {margin-bottom:-34px !important;}.mob-px-35 {margin-bottom:-35px !important;}.mob-px-36 {margin-bottom:-36px !important;}.mob-px-37 {margin-bottom:-37px !important;}.mob-px-38 {margin-bottom:-38px !important;}.mob-px-39 {margin-bottom:-39px !important;}.mob-px-40 {margin-bottom:-40px !important;}.mob-px-41 {margin-bottom:-41px !important;}.mob-px-42 {margin-bottom:-42px !important;}.mob-px-43 {margin-bottom:-43px !important;}.mob-px-44 {margin-bottom:-44px !important;}.mob-px-45 {margin-bottom:-45px !important;}.mob-px-46 {margin-bottom:-46px !important;}.mob-px-47 {margin-bottom:-47px !important;}.mob-px-48 {margin-bottom:-48px !important;}.mob-px-49 {margin-bottom:-49px !important;}.mob-px-50 {margin-bottom:-50px !important;}.mob-px-51 {margin-bottom:-51px !important;}.mob-px-52 {margin-bottom:-52px !important;}.mob-px-53 {margin-bottom:-53px !important;}.mob-px-54 {margin-bottom:-54px !important;}.mob-px-55 {margin-bottom:-55px !important;}.mob-px-56 {margin-bottom:-56px !important;}.mob-px-57 {margin-bottom:-57px !important;}.mob-px-58 {margin-bottom:-58px !important;}.mob-px-59 {margin-bottom:-59px !important;}.mob-px-60 {margin-bottom:-60px !important;}.mob-px-61 {margin-bottom:-61px !important;}.mob-px-62 {margin-bottom:-62px !important;}.mob-px-63 {margin-bottom:-63px !important;}.mob-px-64 {margin-bottom:-64px !important;}.mob-px-65 {margin-bottom:-65px !important;}.mob-px-66 {margin-bottom:-66px !important;}.mob-px-67 {margin-bottom:-67px !important;}.mob-px-68 {margin-bottom:-68px !important;}.mob-px-69 {margin-bottom:-69px !important;}.mob-px-70 {margin-bottom:-70px !important;}.mob-px-71 {margin-bottom:-71px !important;}.mob-px-72 {margin-bottom:-72px !important;}.mob-px-73 {margin-bottom:-73px !important;}.mob-px-74 {margin-bottom:-74px !important;}.mob-px-75 {margin-bottom:-75px !important;}.mob-px-76 {margin-bottom:-76px !important;}.mob-px-77 {margin-bottom:-77px !important;}.mob-px-78 {margin-bottom:-78px !important;}.mob-px-79 {margin-bottom:-79px !important;}.mob-px-80 {margin-bottom:-80px !important;}.mob-px-81 {margin-bottom:-81px !important;}.mob-px-82 {margin-bottom:-82px !important;}.mob-px-83 {margin-bottom:-83px !important;}.mob-px-84 {margin-bottom:-84px !important;}.mob-px-85 {margin-bottom:-85px !important;}.mob-px-86 {margin-bottom:-86px !important;}.mob-px-87 {margin-bottom:-87px !important;}.mob-px-88 {margin-bottom:-88px !important;}.mob-px-89 {margin-bottom:-89px !important;}.mob-px-90 {margin-bottom:-90px !important;}.mob-px-91 {margin-bottom:-91px !important;}.mob-px-92 {margin-bottom:-92px !important;}.mob-px-93 {margin-bottom:-93px !important;}.mob-px-94 {margin-bottom:-94px !important;}.mob-px-95 {margin-bottom:-95px !important;}.mob-px-96 {margin-bottom:-96px !important;}.mob-px-97 {margin-bottom:-97px !important;}.mob-px-98 {margin-bottom:-98px !important;}.mob-px-99 {margin-bottom:-99px !important;}.mob-px-100 {margin-bottom:-100px !important;}.mol-px-0 {margin-left:-0px !important;}.mol-px-1 {margin-left:-1px !important;}.mol-px-2 {margin-left:-2px !important;}.mol-px-3 {margin-left:-3px !important;}.mol-px-4 {margin-left:-4px !important;}.mol-px-5 {margin-left:-5px !important;}.mol-px-6 {margin-left:-6px !important;}.mol-px-7 {margin-left:-7px !important;}.mol-px-8 {margin-left:-8px !important;}.mol-px-9 {margin-left:-9px !important;}.mol-px-10 {margin-left:-10px !important;}.mol-px-11 {margin-left:-11px !important;}.mol-px-12 {margin-left:-12px !important;}.mol-px-13 {margin-left:-13px !important;}.mol-px-14 {margin-left:-14px !important;}.mol-px-15 {margin-left:-15px !important;}.mol-px-16 {margin-left:-16px !important;}.mol-px-17 {margin-left:-17px !important;}.mol-px-18 {margin-left:-18px !important;}.mol-px-19 {margin-left:-19px !important;}.mol-px-20 {margin-left:-20px !important;}.mol-px-21 {margin-left:-21px !important;}.mol-px-22 {margin-left:-22px !important;}.mol-px-23 {margin-left:-23px !important;}.mol-px-24 {margin-left:-24px !important;}.mol-px-25 {margin-left:-25px !important;}.mol-px-26 {margin-left:-26px !important;}.mol-px-27 {margin-left:-27px !important;}.mol-px-28 {margin-left:-28px !important;}.mol-px-29 {margin-left:-29px !important;}.mol-px-30 {margin-left:-30px !important;}.mol-px-31 {margin-left:-31px !important;}.mol-px-32 {margin-left:-32px !important;}.mol-px-33 {margin-left:-33px !important;}.mol-px-34 {margin-left:-34px !important;}.mol-px-35 {margin-left:-35px !important;}.mol-px-36 {margin-left:-36px !important;}.mol-px-37 {margin-left:-37px !important;}.mol-px-38 {margin-left:-38px !important;}.mol-px-39 {margin-left:-39px !important;}.mol-px-40 {margin-left:-40px !important;}.mol-px-41 {margin-left:-41px !important;}.mol-px-42 {margin-left:-42px !important;}.mol-px-43 {margin-left:-43px !important;}.mol-px-44 {margin-left:-44px !important;}.mol-px-45 {margin-left:-45px !important;}.mol-px-46 {margin-left:-46px !important;}.mol-px-47 {margin-left:-47px !important;}.mol-px-48 {margin-left:-48px !important;}.mol-px-49 {margin-left:-49px !important;}.mol-px-50 {margin-left:-50px !important;}.mol-px-51 {margin-left:-51px !important;}.mol-px-52 {margin-left:-52px !important;}.mol-px-53 {margin-left:-53px !important;}.mol-px-54 {margin-left:-54px !important;}.mol-px-55 {margin-left:-55px !important;}.mol-px-56 {margin-left:-56px !important;}.mol-px-57 {margin-left:-57px !important;}.mol-px-58 {margin-left:-58px !important;}.mol-px-59 {margin-left:-59px !important;}.mol-px-60 {margin-left:-60px !important;}.mol-px-61 {margin-left:-61px !important;}.mol-px-62 {margin-left:-62px !important;}.mol-px-63 {margin-left:-63px !important;}.mol-px-64 {margin-left:-64px !important;}.mol-px-65 {margin-left:-65px !important;}.mol-px-66 {margin-left:-66px !important;}.mol-px-67 {margin-left:-67px !important;}.mol-px-68 {margin-left:-68px !important;}.mol-px-69 {margin-left:-69px !important;}.mol-px-70 {margin-left:-70px !important;}.mol-px-71 {margin-left:-71px !important;}.mol-px-72 {margin-left:-72px !important;}.mol-px-73 {margin-left:-73px !important;}.mol-px-74 {margin-left:-74px !important;}.mol-px-75 {margin-left:-75px !important;}.mol-px-76 {margin-left:-76px !important;}.mol-px-77 {margin-left:-77px !important;}.mol-px-78 {margin-left:-78px !important;}.mol-px-79 {margin-left:-79px !important;}.mol-px-80 {margin-left:-80px !important;}.mol-px-81 {margin-left:-81px !important;}.mol-px-82 {margin-left:-82px !important;}.mol-px-83 {margin-left:-83px !important;}.mol-px-84 {margin-left:-84px !important;}.mol-px-85 {margin-left:-85px !important;}.mol-px-86 {margin-left:-86px !important;}.mol-px-87 {margin-left:-87px !important;}.mol-px-88 {margin-left:-88px !important;}.mol-px-89 {margin-left:-89px !important;}.mol-px-90 {margin-left:-90px !important;}.mol-px-91 {margin-left:-91px !important;}.mol-px-92 {margin-left:-92px !important;}.mol-px-93 {margin-left:-93px !important;}.mol-px-94 {margin-left:-94px !important;}.mol-px-95 {margin-left:-95px !important;}.mol-px-96 {margin-left:-96px !important;}.mol-px-97 {margin-left:-97px !important;}.mol-px-98 {margin-left:-98px !important;}.mol-px-99 {margin-left:-99px !important;}.mol-px-100 {margin-left:-100px !important;}.p-px-0 {padding:0px !important;}.p-px-1 {padding:1px !important;}.p-px-2 {padding:2px !important;}.p-px-3 {padding:3px !important;}.p-px-4 {padding:4px !important;}.p-px-5 {padding:5px !important;}.p-px-6 {padding:6px !important;}.p-px-7 {padding:7px !important;}.p-px-8 {padding:8px !important;}.p-px-9 {padding:9px !important;}.p-px-10 {padding:10px !important;}.p-px-11 {padding:11px !important;}.p-px-12 {padding:12px !important;}.p-px-13 {padding:13px !important;}.p-px-14 {padding:14px !important;}.p-px-15 {padding:15px !important;}.p-px-16 {padding:16px !important;}.p-px-17 {padding:17px !important;}.p-px-18 {padding:18px !important;}.p-px-19 {padding:19px !important;}.p-px-20 {padding:20px !important;}.p-px-21 {padding:21px !important;}.p-px-22 {padding:22px !important;}.p-px-23 {padding:23px !important;}.p-px-24 {padding:24px !important;}.p-px-25 {padding:25px !important;}.p-px-26 {padding:26px !important;}.p-px-27 {padding:27px !important;}.p-px-28 {padding:28px !important;}.p-px-29 {padding:29px !important;}.p-px-30 {padding:30px !important;}.p-px-31 {padding:31px !important;}.p-px-32 {padding:32px !important;}.p-px-33 {padding:33px !important;}.p-px-34 {padding:34px !important;}.p-px-35 {padding:35px !important;}.p-px-36 {padding:36px !important;}.p-px-37 {padding:37px !important;}.p-px-38 {padding:38px !important;}.p-px-39 {padding:39px !important;}.p-px-40 {padding:40px !important;}.p-px-41 {padding:41px !important;}.p-px-42 {padding:42px !important;}.p-px-43 {padding:43px !important;}.p-px-44 {padding:44px !important;}.p-px-45 {padding:45px !important;}.p-px-46 {padding:46px !important;}.p-px-47 {padding:47px !important;}.p-px-48 {padding:48px !important;}.p-px-49 {padding:49px !important;}.p-px-50 {padding:50px !important;}.p-px-51 {padding:51px !important;}.p-px-52 {padding:52px !important;}.p-px-53 {padding:53px !important;}.p-px-54 {padding:54px !important;}.p-px-55 {padding:55px !important;}.p-px-56 {padding:56px !important;}.p-px-57 {padding:57px !important;}.p-px-58 {padding:58px !important;}.p-px-59 {padding:59px !important;}.p-px-60 {padding:60px !important;}.p-px-61 {padding:61px !important;}.p-px-62 {padding:62px !important;}.p-px-63 {padding:63px !important;}.p-px-64 {padding:64px !important;}.p-px-65 {padding:65px !important;}.p-px-66 {padding:66px !important;}.p-px-67 {padding:67px !important;}.p-px-68 {padding:68px !important;}.p-px-69 {padding:69px !important;}.p-px-70 {padding:70px !important;}.p-px-71 {padding:71px !important;}.p-px-72 {padding:72px !important;}.p-px-73 {padding:73px !important;}.p-px-74 {padding:74px !important;}.p-px-75 {padding:75px !important;}.p-px-76 {padding:76px !important;}.p-px-77 {padding:77px !important;}.p-px-78 {padding:78px !important;}.p-px-79 {padding:79px !important;}.p-px-80 {padding:80px !important;}.p-px-81 {padding:81px !important;}.p-px-82 {padding:82px !important;}.p-px-83 {padding:83px !important;}.p-px-84 {padding:84px !important;}.p-px-85 {padding:85px !important;}.p-px-86 {padding:86px !important;}.p-px-87 {padding:87px !important;}.p-px-88 {padding:88px !important;}.p-px-89 {padding:89px !important;}.p-px-90 {padding:90px !important;}.p-px-91 {padding:91px !important;}.p-px-92 {padding:92px !important;}.p-px-93 {padding:93px !important;}.p-px-94 {padding:94px !important;}.p-px-95 {padding:95px !important;}.p-px-96 {padding:96px !important;}.p-px-97 {padding:97px !important;}.p-px-98 {padding:98px !important;}.p-px-99 {padding:99px !important;}.p-px-100 {padding:100px !important;}.pt-px-0 {padding-top:0px !important;}.pt-px-1 {padding-top:1px !important;}.pt-px-2 {padding-top:2px !important;}.pt-px-3 {padding-top:3px !important;}.pt-px-4 {padding-top:4px !important;}.pt-px-5 {padding-top:5px !important;}.pt-px-6 {padding-top:6px !important;}.pt-px-7 {padding-top:7px !important;}.pt-px-8 {padding-top:8px !important;}.pt-px-9 {padding-top:9px !important;}.pt-px-10 {padding-top:10px !important;}.pt-px-11 {padding-top:11px !important;}.pt-px-12 {padding-top:12px !important;}.pt-px-13 {padding-top:13px !important;}.pt-px-14 {padding-top:14px !important;}.pt-px-15 {padding-top:15px !important;}.pt-px-16 {padding-top:16px !important;}.pt-px-17 {padding-top:17px !important;}.pt-px-18 {padding-top:18px !important;}.pt-px-19 {padding-top:19px !important;}.pt-px-20 {padding-top:20px !important;}.pt-px-21 {padding-top:21px !important;}.pt-px-22 {padding-top:22px !important;}.pt-px-23 {padding-top:23px !important;}.pt-px-24 {padding-top:24px !important;}.pt-px-25 {padding-top:25px !important;}.pt-px-26 {padding-top:26px !important;}.pt-px-27 {padding-top:27px !important;}.pt-px-28 {padding-top:28px !important;}.pt-px-29 {padding-top:29px !important;}.pt-px-30 {padding-top:30px !important;}.pt-px-31 {padding-top:31px !important;}.pt-px-32 {padding-top:32px !important;}.pt-px-33 {padding-top:33px !important;}.pt-px-34 {padding-top:34px !important;}.pt-px-35 {padding-top:35px !important;}.pt-px-36 {padding-top:36px !important;}.pt-px-37 {padding-top:37px !important;}.pt-px-38 {padding-top:38px !important;}.pt-px-39 {padding-top:39px !important;}.pt-px-40 {padding-top:40px !important;}.pt-px-41 {padding-top:41px !important;}.pt-px-42 {padding-top:42px !important;}.pt-px-43 {padding-top:43px !important;}.pt-px-44 {padding-top:44px !important;}.pt-px-45 {padding-top:45px !important;}.pt-px-46 {padding-top:46px !important;}.pt-px-47 {padding-top:47px !important;}.pt-px-48 {padding-top:48px !important;}.pt-px-49 {padding-top:49px !important;}.pt-px-50 {padding-top:50px !important;}.pt-px-51 {padding-top:51px !important;}.pt-px-52 {padding-top:52px !important;}.pt-px-53 {padding-top:53px !important;}.pt-px-54 {padding-top:54px !important;}.pt-px-55 {padding-top:55px !important;}.pt-px-56 {padding-top:56px !important;}.pt-px-57 {padding-top:57px !important;}.pt-px-58 {padding-top:58px !important;}.pt-px-59 {padding-top:59px !important;}.pt-px-60 {padding-top:60px !important;}.pt-px-61 {padding-top:61px !important;}.pt-px-62 {padding-top:62px !important;}.pt-px-63 {padding-top:63px !important;}.pt-px-64 {padding-top:64px !important;}.pt-px-65 {padding-top:65px !important;}.pt-px-66 {padding-top:66px !important;}.pt-px-67 {padding-top:67px !important;}.pt-px-68 {padding-top:68px !important;}.pt-px-69 {padding-top:69px !important;}.pt-px-70 {padding-top:70px !important;}.pt-px-71 {padding-top:71px !important;}.pt-px-72 {padding-top:72px !important;}.pt-px-73 {padding-top:73px !important;}.pt-px-74 {padding-top:74px !important;}.pt-px-75 {padding-top:75px !important;}.pt-px-76 {padding-top:76px !important;}.pt-px-77 {padding-top:77px !important;}.pt-px-78 {padding-top:78px !important;}.pt-px-79 {padding-top:79px !important;}.pt-px-80 {padding-top:80px !important;}.pt-px-81 {padding-top:81px !important;}.pt-px-82 {padding-top:82px !important;}.pt-px-83 {padding-top:83px !important;}.pt-px-84 {padding-top:84px !important;}.pt-px-85 {padding-top:85px !important;}.pt-px-86 {padding-top:86px !important;}.pt-px-87 {padding-top:87px !important;}.pt-px-88 {padding-top:88px !important;}.pt-px-89 {padding-top:89px !important;}.pt-px-90 {padding-top:90px !important;}.pt-px-91 {padding-top:91px !important;}.pt-px-92 {padding-top:92px !important;}.pt-px-93 {padding-top:93px !important;}.pt-px-94 {padding-top:94px !important;}.pt-px-95 {padding-top:95px !important;}.pt-px-96 {padding-top:96px !important;}.pt-px-97 {padding-top:97px !important;}.pt-px-98 {padding-top:98px !important;}.pt-px-99 {padding-top:99px !important;}.pt-px-100 {padding-top:100px !important;}.pr-px-0 {padding-right:0px !important;}.pr-px-1 {padding-right:1px !important;}.pr-px-2 {padding-right:2px !important;}.pr-px-3 {padding-right:3px !important;}.pr-px-4 {padding-right:4px !important;}.pr-px-5 {padding-right:5px !important;}.pr-px-6 {padding-right:6px !important;}.pr-px-7 {padding-right:7px !important;}.pr-px-8 {padding-right:8px !important;}.pr-px-9 {padding-right:9px !important;}.pr-px-10 {padding-right:10px !important;}.pr-px-11 {padding-right:11px !important;}.pr-px-12 {padding-right:12px !important;}.pr-px-13 {padding-right:13px !important;}.pr-px-14 {padding-right:14px !important;}.pr-px-15 {padding-right:15px !important;}.pr-px-16 {padding-right:16px !important;}.pr-px-17 {padding-right:17px !important;}.pr-px-18 {padding-right:18px !important;}.pr-px-19 {padding-right:19px !important;}.pr-px-20 {padding-right:20px !important;}.pr-px-21 {padding-right:21px !important;}.pr-px-22 {padding-right:22px !important;}.pr-px-23 {padding-right:23px !important;}.pr-px-24 {padding-right:24px !important;}.pr-px-25 {padding-right:25px !important;}.pr-px-26 {padding-right:26px !important;}.pr-px-27 {padding-right:27px !important;}.pr-px-28 {padding-right:28px !important;}.pr-px-29 {padding-right:29px !important;}.pr-px-30 {padding-right:30px !important;}.pr-px-31 {padding-right:31px !important;}.pr-px-32 {padding-right:32px !important;}.pr-px-33 {padding-right:33px !important;}.pr-px-34 {padding-right:34px !important;}.pr-px-35 {padding-right:35px !important;}.pr-px-36 {padding-right:36px !important;}.pr-px-37 {padding-right:37px !important;}.pr-px-38 {padding-right:38px !important;}.pr-px-39 {padding-right:39px !important;}.pr-px-40 {padding-right:40px !important;}.pr-px-41 {padding-right:41px !important;}.pr-px-42 {padding-right:42px !important;}.pr-px-43 {padding-right:43px !important;}.pr-px-44 {padding-right:44px !important;}.pr-px-45 {padding-right:45px !important;}.pr-px-46 {padding-right:46px !important;}.pr-px-47 {padding-right:47px !important;}.pr-px-48 {padding-right:48px !important;}.pr-px-49 {padding-right:49px !important;}.pr-px-50 {padding-right:50px !important;}.pr-px-51 {padding-right:51px !important;}.pr-px-52 {padding-right:52px !important;}.pr-px-53 {padding-right:53px !important;}.pr-px-54 {padding-right:54px !important;}.pr-px-55 {padding-right:55px !important;}.pr-px-56 {padding-right:56px !important;}.pr-px-57 {padding-right:57px !important;}.pr-px-58 {padding-right:58px !important;}.pr-px-59 {padding-right:59px !important;}.pr-px-60 {padding-right:60px !important;}.pr-px-61 {padding-right:61px !important;}.pr-px-62 {padding-right:62px !important;}.pr-px-63 {padding-right:63px !important;}.pr-px-64 {padding-right:64px !important;}.pr-px-65 {padding-right:65px !important;}.pr-px-66 {padding-right:66px !important;}.pr-px-67 {padding-right:67px !important;}.pr-px-68 {padding-right:68px !important;}.pr-px-69 {padding-right:69px !important;}.pr-px-70 {padding-right:70px !important;}.pr-px-71 {padding-right:71px !important;}.pr-px-72 {padding-right:72px !important;}.pr-px-73 {padding-right:73px !important;}.pr-px-74 {padding-right:74px !important;}.pr-px-75 {padding-right:75px !important;}.pr-px-76 {padding-right:76px !important;}.pr-px-77 {padding-right:77px !important;}.pr-px-78 {padding-right:78px !important;}.pr-px-79 {padding-right:79px !important;}.pr-px-80 {padding-right:80px !important;}.pr-px-81 {padding-right:81px !important;}.pr-px-82 {padding-right:82px !important;}.pr-px-83 {padding-right:83px !important;}.pr-px-84 {padding-right:84px !important;}.pr-px-85 {padding-right:85px !important;}.pr-px-86 {padding-right:86px !important;}.pr-px-87 {padding-right:87px !important;}.pr-px-88 {padding-right:88px !important;}.pr-px-89 {padding-right:89px !important;}.pr-px-90 {padding-right:90px !important;}.pr-px-91 {padding-right:91px !important;}.pr-px-92 {padding-right:92px !important;}.pr-px-93 {padding-right:93px !important;}.pr-px-94 {padding-right:94px !important;}.pr-px-95 {padding-right:95px !important;}.pr-px-96 {padding-right:96px !important;}.pr-px-97 {padding-right:97px !important;}.pr-px-98 {padding-right:98px !important;}.pr-px-99 {padding-right:99px !important;}.pr-px-100 {padding-right:100px !important;}.pb-px-0 {padding-bottom:0px !important;}.pb-px-1 {padding-bottom:1px !important;}.pb-px-2 {padding-bottom:2px !important;}.pb-px-3 {padding-bottom:3px !important;}.pb-px-4 {padding-bottom:4px !important;}.pb-px-5 {padding-bottom:5px !important;}.pb-px-6 {padding-bottom:6px !important;}.pb-px-7 {padding-bottom:7px !important;}.pb-px-8 {padding-bottom:8px !important;}.pb-px-9 {padding-bottom:9px !important;}.pb-px-10 {padding-bottom:10px !important;}.pb-px-11 {padding-bottom:11px !important;}.pb-px-12 {padding-bottom:12px !important;}.pb-px-13 {padding-bottom:13px !important;}.pb-px-14 {padding-bottom:14px !important;}.pb-px-15 {padding-bottom:15px !important;}.pb-px-16 {padding-bottom:16px !important;}.pb-px-17 {padding-bottom:17px !important;}.pb-px-18 {padding-bottom:18px !important;}.pb-px-19 {padding-bottom:19px !important;}.pb-px-20 {padding-bottom:20px !important;}.pb-px-21 {padding-bottom:21px !important;}.pb-px-22 {padding-bottom:22px !important;}.pb-px-23 {padding-bottom:23px !important;}.pb-px-24 {padding-bottom:24px !important;}.pb-px-25 {padding-bottom:25px !important;}.pb-px-26 {padding-bottom:26px !important;}.pb-px-27 {padding-bottom:27px !important;}.pb-px-28 {padding-bottom:28px !important;}.pb-px-29 {padding-bottom:29px !important;}.pb-px-30 {padding-bottom:30px !important;}.pb-px-31 {padding-bottom:31px !important;}.pb-px-32 {padding-bottom:32px !important;}.pb-px-33 {padding-bottom:33px !important;}.pb-px-34 {padding-bottom:34px !important;}.pb-px-35 {padding-bottom:35px !important;}.pb-px-36 {padding-bottom:36px !important;}.pb-px-37 {padding-bottom:37px !important;}.pb-px-38 {padding-bottom:38px !important;}.pb-px-39 {padding-bottom:39px !important;}.pb-px-40 {padding-bottom:40px !important;}.pb-px-41 {padding-bottom:41px !important;}.pb-px-42 {padding-bottom:42px !important;}.pb-px-43 {padding-bottom:43px !important;}.pb-px-44 {padding-bottom:44px !important;}.pb-px-45 {padding-bottom:45px !important;}.pb-px-46 {padding-bottom:46px !important;}.pb-px-47 {padding-bottom:47px !important;}.pb-px-48 {padding-bottom:48px !important;}.pb-px-49 {padding-bottom:49px !important;}.pb-px-50 {padding-bottom:50px !important;}.pb-px-51 {padding-bottom:51px !important;}.pb-px-52 {padding-bottom:52px !important;}.pb-px-53 {padding-bottom:53px !important;}.pb-px-54 {padding-bottom:54px !important;}.pb-px-55 {padding-bottom:55px !important;}.pb-px-56 {padding-bottom:56px !important;}.pb-px-57 {padding-bottom:57px !important;}.pb-px-58 {padding-bottom:58px !important;}.pb-px-59 {padding-bottom:59px !important;}.pb-px-60 {padding-bottom:60px !important;}.pb-px-61 {padding-bottom:61px !important;}.pb-px-62 {padding-bottom:62px !important;}.pb-px-63 {padding-bottom:63px !important;}.pb-px-64 {padding-bottom:64px !important;}.pb-px-65 {padding-bottom:65px !important;}.pb-px-66 {padding-bottom:66px !important;}.pb-px-67 {padding-bottom:67px !important;}.pb-px-68 {padding-bottom:68px !important;}.pb-px-69 {padding-bottom:69px !important;}.pb-px-70 {padding-bottom:70px !important;}.pb-px-71 {padding-bottom:71px !important;}.pb-px-72 {padding-bottom:72px !important;}.pb-px-73 {padding-bottom:73px !important;}.pb-px-74 {padding-bottom:74px !important;}.pb-px-75 {padding-bottom:75px !important;}.pb-px-76 {padding-bottom:76px !important;}.pb-px-77 {padding-bottom:77px !important;}.pb-px-78 {padding-bottom:78px !important;}.pb-px-79 {padding-bottom:79px !important;}.pb-px-80 {padding-bottom:80px !important;}.pb-px-81 {padding-bottom:81px !important;}.pb-px-82 {padding-bottom:82px !important;}.pb-px-83 {padding-bottom:83px !important;}.pb-px-84 {padding-bottom:84px !important;}.pb-px-85 {padding-bottom:85px !important;}.pb-px-86 {padding-bottom:86px !important;}.pb-px-87 {padding-bottom:87px !important;}.pb-px-88 {padding-bottom:88px !important;}.pb-px-89 {padding-bottom:89px !important;}.pb-px-90 {padding-bottom:90px !important;}.pb-px-91 {padding-bottom:91px !important;}.pb-px-92 {padding-bottom:92px !important;}.pb-px-93 {padding-bottom:93px !important;}.pb-px-94 {padding-bottom:94px !important;}.pb-px-95 {padding-bottom:95px !important;}.pb-px-96 {padding-bottom:96px !important;}.pb-px-97 {padding-bottom:97px !important;}.pb-px-98 {padding-bottom:98px !important;}.pb-px-99 {padding-bottom:99px !important;}.pb-px-100 {padding-bottom:100px !important;}.pl-px-0 {padding-left:0px !important;}.pl-px-1 {padding-left:1px !important;}.pl-px-2 {padding-left:2px !important;}.pl-px-3 {padding-left:3px !important;}.pl-px-4 {padding-left:4px !important;}.pl-px-5 {padding-left:5px !important;}.pl-px-6 {padding-left:6px !important;}.pl-px-7 {padding-left:7px !important;}.pl-px-8 {padding-left:8px !important;}.pl-px-9 {padding-left:9px !important;}.pl-px-10 {padding-left:10px !important;}.pl-px-11 {padding-left:11px !important;}.pl-px-12 {padding-left:12px !important;}.pl-px-13 {padding-left:13px !important;}.pl-px-14 {padding-left:14px !important;}.pl-px-15 {padding-left:15px !important;}.pl-px-16 {padding-left:16px !important;}.pl-px-17 {padding-left:17px !important;}.pl-px-18 {padding-left:18px !important;}.pl-px-19 {padding-left:19px !important;}.pl-px-20 {padding-left:20px !important;}.pl-px-21 {padding-left:21px !important;}.pl-px-22 {padding-left:22px !important;}.pl-px-23 {padding-left:23px !important;}.pl-px-24 {padding-left:24px !important;}.pl-px-25 {padding-left:25px !important;}.pl-px-26 {padding-left:26px !important;}.pl-px-27 {padding-left:27px !important;}.pl-px-28 {padding-left:28px !important;}.pl-px-29 {padding-left:29px !important;}.pl-px-30 {padding-left:30px !important;}.pl-px-31 {padding-left:31px !important;}.pl-px-32 {padding-left:32px !important;}.pl-px-33 {padding-left:33px !important;}.pl-px-34 {padding-left:34px !important;}.pl-px-35 {padding-left:35px !important;}.pl-px-36 {padding-left:36px !important;}.pl-px-37 {padding-left:37px !important;}.pl-px-38 {padding-left:38px !important;}.pl-px-39 {padding-left:39px !important;}.pl-px-40 {padding-left:40px !important;}.pl-px-41 {padding-left:41px !important;}.pl-px-42 {padding-left:42px !important;}.pl-px-43 {padding-left:43px !important;}.pl-px-44 {padding-left:44px !important;}.pl-px-45 {padding-left:45px !important;}.pl-px-46 {padding-left:46px !important;}.pl-px-47 {padding-left:47px !important;}.pl-px-48 {padding-left:48px !important;}.pl-px-49 {padding-left:49px !important;}.pl-px-50 {padding-left:50px !important;}.pl-px-51 {padding-left:51px !important;}.pl-px-52 {padding-left:52px !important;}.pl-px-53 {padding-left:53px !important;}.pl-px-54 {padding-left:54px !important;}.pl-px-55 {padding-left:55px !important;}.pl-px-56 {padding-left:56px !important;}.pl-px-57 {padding-left:57px !important;}.pl-px-58 {padding-left:58px !important;}.pl-px-59 {padding-left:59px !important;}.pl-px-60 {padding-left:60px !important;}.pl-px-61 {padding-left:61px !important;}.pl-px-62 {padding-left:62px !important;}.pl-px-63 {padding-left:63px !important;}.pl-px-64 {padding-left:64px !important;}.pl-px-65 {padding-left:65px !important;}.pl-px-66 {padding-left:66px !important;}.pl-px-67 {padding-left:67px !important;}.pl-px-68 {padding-left:68px !important;}.pl-px-69 {padding-left:69px !important;}.pl-px-70 {padding-left:70px !important;}.pl-px-71 {padding-left:71px !important;}.pl-px-72 {padding-left:72px !important;}.pl-px-73 {padding-left:73px !important;}.pl-px-74 {padding-left:74px !important;}.pl-px-75 {padding-left:75px !important;}.pl-px-76 {padding-left:76px !important;}.pl-px-77 {padding-left:77px !important;}.pl-px-78 {padding-left:78px !important;}.pl-px-79 {padding-left:79px !important;}.pl-px-80 {padding-left:80px !important;}.pl-px-81 {padding-left:81px !important;}.pl-px-82 {padding-left:82px !important;}.pl-px-83 {padding-left:83px !important;}.pl-px-84 {padding-left:84px !important;}.pl-px-85 {padding-left:85px !important;}.pl-px-86 {padding-left:86px !important;}.pl-px-87 {padding-left:87px !important;}.pl-px-88 {padding-left:88px !important;}.pl-px-89 {padding-left:89px !important;}.pl-px-90 {padding-left:90px !important;}.pl-px-91 {padding-left:91px !important;}.pl-px-92 {padding-left:92px !important;}.pl-px-93 {padding-left:93px !important;}.pl-px-94 {padding-left:94px !important;}.pl-px-95 {padding-left:95px !important;}.pl-px-96 {padding-left:96px !important;}.pl-px-97 {padding-left:97px !important;}.pl-px-98 {padding-left:98px !important;}.pl-px-99 {padding-left:99px !important;}.pl-px-100 {padding-left:100px !important;}

.align-items-start {align-items:flex-start !important;}
.align-items-center {align-items:center !important;}
.align-items-end {align-items:flex-end !important;}

.align-self-start {align-self:flex-start !important;}
.align-self-center {align-self:center !important;}
.align-self-end {align-self:flex-end !important;}

.justify-content-start {justify-content:flex-start !important;}
.justify-content-center {justify-content:center !important;}
.justify-content-end {justify-content:flex-end !important;}
.justify-content-space-between {justify-content:space-between !important;}
.justify-content-space-around {justify-content:space-around !important;}

.flex {display:flex !important; }
.flex-1 {flex:1 !important;}
.flex-2 {flex:2 !important;}
.flex-3 {flex:3 !important;}
.flex-4 {flex:4 !important;}
.flex-5 {flex:5 !important;}
.flex-auto {flex:0 0 auto !important;}
.flex-wrap {flex-wrap:wrap !important;}
.flex-nowrap {flex-wrap:nowrap !important;}
.flex-1-0 {flex:1 0 auto !important;}

.flex-auto-1 {flex:0 0 auto !important; width:100% !important;}
.flex-auto-2 {flex:0 0 auto !important; width:50% !important;}
.flex-auto-3 {flex:0 0 auto !important; width:33.33% !important;}
.flex-auto-4 {flex:0 0 auto !important; width:25% !important;}
.flex-auto-5 {flex:0 0 auto !important; width:20% !important;}
.flex-dir {flex-direction: column;}


.grid-layout {}
.grid-layout-inner {display:flex; flex-wrap:wrap;}
.grid-layout-cell {box-sizing:border-box;}
.grid-1 {width:100%;}
.grid-2 {width:50%;}
.grid-2-add {width:49%; display: inline-block; margin-top: 0 !important;}
.grid-3 {width:33.33%;}
.grid-3-add {width:32%;display: inline-block; margin-top: 0 !important;}
.grid-4 {width:25%;}
.grid-4-add {width:24%; display: inline-block; margin-top: 0 !important;}
.grid-5 {width:20%;}
.grid-5-add {width:19%; display: inline-block; margin-top: 0 !important;}
.grid-5-add-2 {width:100%; display: flex; margin-top: 0 !important; flex-direction: column; margin-top:0 !important;}

.grid-100 {width:100%; flex:1 0 100%;}
.grid-90 {width:90%; flex:1 0 90%;}
.grid-80 {width:80%; flex:1 0 80%;}
.grid-70 {width:70%; flex:1 0 70%;}
.grid-60 {width:60%; flex:1 0 60%;}
.grid-50 {width:50%; flex:1 0 50%;}
.grid-40 {width:40%; flex:1 0 40%;}
.grid-35 {width:35%; flex:1 0 35%;}
.grid-30 {width:30%; flex:1 0 30%;}
.grid-20 {width:20%; flex:1 0 20%;}
.grid-10 {width:10%; flex:1 0 10%;}


.w-px-55 {width:55px;}
.grid-layout.basic {overflow:hidden;}
.grid-layout.margin-12 {overflow:hidden;}
.grid-layout.margin-12 .grid-layout-inner {margin:-6px;}
.grid-layout.margin-12 .grid-layout-cell {padding:6px;}
.grid-layout.basic .grid-layout-inner {margin:-5px;}
.grid-layout.basic .grid-layout-cell {padding:5px;}

.font-weight-100 {font-weight:100 !important;}
.font-weight-300 {font-weight:300 !important;}
.font-weight-400 {font-weight:400 !important;}
.font-weight-500 {font-weight:500 !important;}
.font-weight-700 {font-weight:700 !important;}

.text-align-left {text-align:left !important;}
.text-align-center {text-align:center !important;}
.text-align-right {text-align:right !important;}

.vertical-center {vertical-align:middle !important;}

.font-underline {text-decoration:underline !important;}

.d-block {display:block;}
.overflow-hidden {overflow:hidden;}

#loading {position:fixed; top:0; left:0; width:100%; height:100%; display:none; align-items:center; justify-content:center; z-index:5000000}
#loading.actived {display:block;}
.loading-wrap {display:flex; width:100%; height:100%; align-items:center; justify-content:center;}
.loading-bar {width:80px;height:80px;border-radius:50%; background:Rgba(0,0,0,0.4); box-sizing:border-box; padding:13px;}
.loading-obj {width:54px; height:54px; animation:1s loading infinite linear;}
.loading-obj svg {position:absolute; top:0; left:0; width:100%; height:100%; transform:rotate(-90deg); z-index:0;}
.loading-obj circle {transform-origin: 50% 50%;}
.loading-obj circle.background {fill:transparent; stroke-width:3; stroke:rgba(0,0,0,0.5);}
.loading-obj circle.yellow {fill:transparent; stroke-width:3; stroke:#fdd94e; stroke-dasharray:162; stroke-dashoffset :122}
@keyframes loading {
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}


/* 컨텐츠 레이아웃 */
.basic-data-group {margin-top:50px; position:relative;}
.basic-data-group.none,
.basic-data-group:first-child,
.basic-data-group:only-child {margin-top:0 !important;} 
.basic-data-group.large {margin-top:42px;}
.basic-data-group.middle {margin-top:32px;}
.basic-data-group.vmiddle {margin-top:28px;}
.basic-data-group.small {margin-top:24px;}
.basic-data-group.vsmall {margin-top:16px;}
.basic-data-group.vvsmall {margin-top:8px;}
.basic-data-group.vvsmall2 {margin-top:10px;}
.basic-data-group.vvsmall3 {margin-top:20px;}
.basic-data-group.vvsmall4 {margin-top:12px;}
.basic-data-group.line {border-top:1px solid #cecece;}
.basic-data-group.line.middle {padding-top:32px;}
.basic-data-group.line.vmiddle {padding-top:28px;}
.basic-data-group.line.small {padding-top:24px;}
.basic-data-group.line.vsmall {padding-top:16px;}
.basic-data-group.line.vvsmall {padding-top:8px;}
.basic-data-group.line.vvsmall2 {padding-top:10px;}
.basic-data-group.line.vvsmall3 {padding-top:20px;}
.basic-data-group.line.vvsmall4 {padding-top:12px;}
.bottom_fixed_div{position:fixed;left:0;bottom:0;width:100%;background:#fff;height:100px;border-top:1px solid #ccc;}
.sell_page_div{padding-bottom:100px;}

.btn-basic-action {margin-top:20px;}

.basic-info {font-size:14px; line-height:20px; color:#8f8f8f; text-align:left;}

/* 아이콘 */
.icon {display:inline-block; position:relative; font-size:0; line-height:1; vertical-align:top; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.icon-size-20 {width:20px; height:20px;}
.icon-size-16 {width:16px; height:16px;}
.icon-size-24 {width:24px; height:24px;}
.icon-size-36 {width:36px; height:36px;}

.abs-icon {position:absolute;top:11px;left:20px;}

/* 아이콘 이미지 */
.icon-page-prev {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-top-back@2x.png);}
.icon-page-alarm {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-top-noti@2x.png);}
.icon-page-map {background-image:url(https://image.banjjakpet.com/common/shop/icon/ic-24-top-location@2x.png);}
.icon-page-search {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-top-search@2x.png);}
.icon-star-gray {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-star-on-gray@2x.png);}
.icon-star-yellow {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-star-on@2x.png);}
.icon-star-white {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-star-on-white@2x.png);}
.icon-time {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-reservation-time@2x.png);}
.icon-time-purple {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-reservation-time-purple@2x.png);}
.icon-like-purple-on {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-shop-like-sel@2x.png);}
.icon-all-menu {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-top-menu@2x.png);}
.icon-page-share {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-top-share@2x.png);}
.icon-page-close {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-top-close@2x.png);}
.icon-page-chat {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-chatting@2x.png);}
.icon-tel {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-shop-call@2x.png);}
.icon-location {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-shop-location@2x.png);}
.icon-share {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-top-share@2x.png);}
.icon-dot-more {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-comment-set@2x.png);}
.icon-close-small-gray {background-image:url(https://image.banjjakpet.com/common/shop/icon/ic-16-close@2x.png);}
.icon-gps-color {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-location-set@2x.png);}
.icon-calendar-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-admin-all-menu-reservation@2x.png);}
.icon-dubble-user-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-admin-all-menu-customer@2x.png);}
.icon-shop-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-pet-shop@2x.png);}
.icon-set-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-admin-all-menu-set@2x.png);}
.icon-money-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-admin-all-menu-money@2x.png);}
.icon-gnb-menu-home-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-gnb-menu-home-black.png);}
.icon-gnb-menu-home-black-fill {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-gnb-menu-home-black-fill.png);}
.icon-calendar-black-fill {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-calendar-black-fill.png);}
.icon-dubble-user-black-fill {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-dubble-user-black-fill.png);}
.icon-shop-black-fill {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-shop-fill.png);}
.icon-set-black-fill {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-black-fill.png);}
.icon-money-black-fill {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-money-black-fill.png);}
.icon-other {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-other.png);}
.icon-other-fill {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-other-fill.png);}


.icon-cart-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-admin-partner-mall@2x.png);}
.icon-document-small-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-20-my-consulting@2x.png);}
.icon-check-small-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-20-my-reservation@2x.png);}
.icon-card-small-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-20-my-pay@2x.png);}
.icon-chat-small-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-20-my-1-1@2x.png);}
.icon-set-small-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-20-admin-set@2x.png);}
.icon-camera-gray {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-camera@2x.png);}
.icon-camera-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-camera-black@2x.png);}
.icon-file-gray {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-attach@2x.png);}
.icon-kakao-channel {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-kakao-c@2x.png);}
.icon-kakao-talk {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-kakao-t@2x.png);}
.icon-kakao-instargram {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-insta@2x.png);}
.icon-clock-small-white {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon_clock_small_white.png);}
.icon-defecate-small-white {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon_defecate_small_white.png);}
.icon-close-white {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-close-white@2x.png);}
.icon-viewall-white {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-viewall-white@2x.png);}
.icon-viewmax-white {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-viewmax@2x.png);}
.icon-trash {background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-36-delite@2x.png);}
.icon-star-on-yellow {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-star-ob-yellow.png);}
.icon-star-off-yellow {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-star-off-yellow.png);}
.icon-handler {width:45px; height:22px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon_handler.png);}
.icon-defecate-off {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon_defecate_off.png);}
.icon-defecate-on {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon_defecate_on.png);}
.icon-capture-off {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon_capture_off.png);}
.icon-capture-on {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon_capture_on.png);}
.icon-walk-pause-off {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon_walk_pause_off.png);}
.icon-walk-pause-on {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon_walk_pause_on.png);}
.icon-walk-play-on {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon_walk_play_on.png);}
.icon-defecate-state {width:30px; height:30px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon_defecate_state.png);}
.icon-urination-off {width:30px; height:30px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-urination-off.png);}
.icon-urination-on {width:30px; height:30px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-urination-on.png);}
.icon-defecation-off {width:30px; height:30px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-defecation-off.png);}
.icon-defecation-on {width:30px; height:30px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-defecation-on.png);}
.icon-shop-info {width:28px; height:28px; background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-28-shop-info@2x.png);}
.icon-shop-portfolio {width:28px; height:28px; background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-28-shop-portfolio@2x.png);}
.icon-shop-review {width:28px; height:28px; background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-28-shop-review@2x.png);}
.icon-shop-blog {width:28px; height:28px; background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-28-shop-blog@2x.png);}
.icon-grade-vip {width:28px; height:28px; background-image:url(https://image.banjjakpet.com/common/shop/icon/ic-grade-vip@2x.png);}
.icon-grade-normal {width:28px; height:28px; background-image:url(https://image.banjjakpet.com/common/shop/icon/ic-grade-normal@2x.png);}
.icon-grade-normalb {width:28px; height:28px; background-image:url(https://image.banjjakpet.com/common/shop/icon/ic-grade-normal-b@2x.png);}
.icon-plus-more-small {width:20px; height:20px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-plus-more-small.png);}
.icon-arrow-up-gray {width:16px; height:16px; background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-16-upside@2x.png);}
.icon-phone-add-tel {width:30px; height:30px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-phone-add-tel.png);}
.icon-phone-add-del {width:30px; height:30px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-phone-add-del.png);}
.icon-arrow-right-small {width:10px; height:10px; background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-info-more@2x.png);}
.icon-map-pin-hair {width:28px; height:26px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-map-hair.png);}
.icon-map-defecation {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-map-defecation.png);}
.icon-map-walk {width:26px; height:26px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-map-walk.png);}
.icon-btn-more-gray {width:10px; height:10px; background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-info-more@2x.png);}
.icon-btn-more-black {width:10px; height:10px; background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-info-more-black@2x.png);}
.icon-btn-more-purple {width:10px; height:10px; background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-info-more-purple@2x.png);}
.icon-share-gray {width:28px; height:28px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-share-gray.png);}
.icon-shop-share-kakao {width:56px; height:56px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-shop-share-kakao.png);}
.icon-shop-share-link {width:56px; height:56px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-shop-share-link.png);}
.icon-shop-share-more {width:56px; height:56px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-shop-share-more.png);}
.icon-circle-float-today {width:64px; height:64px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-circle-float-today.png);}
.icon-circle-float-menu {width:64px; height:64px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-circle-float-menu.png);}
.icon-type-list-gray {width:28px; height:28px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-type-list-gray.png);}
.icon-type-list-white {width:28px; height:28px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-type-list-white.png);}
.icon-calendar-prev-small {width:20px; height:20px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-calendar-prev-small.png);}
.icon-calendar-next-small {width:20px; height:20px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-calendar-next-small.png);}
.icon-set-menu-1 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-1.png);}
.icon-set-menu-2 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-2.png);}
.icon-set-menu-3 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-3.png);}
.icon-set-menu-4 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-4.png);}
.icon-set-menu-5 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-14.png);}
.icon-set-menu-6 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-6.png);}
.icon-set-menu-7 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-7.png);}
.icon-set-menu-8 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-8.png);}
.icon-set-menu-9 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-9.png);}
.icon-set-menu-10 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-10.png);}
.icon-set-menu-11 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-11.png);}
.icon-set-menu-12 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-12.png);}
.icon-set-menu-13 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-13.png);}
.icon-set-menu-14 {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/10_ic-24-shop_nor.png);}

.icon-set-menu-setting {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-setting.png);}
.icon-set-menu-talk {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/kakaotalk_icon@3x.png);}
.icon-set-menu-agree {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/agree_icon@3x.png);}

.icon-set-menu-deposit-reservations{
	width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-set-menu-deposit-reservations.png);
}
.icon-share-middle-black {width:24px; height:24px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-share-middle-black.png);}
.icon-close-small-black {width:16px; height:16px; background-image:url(https://image.banjjakpet.com/common/shop/icon/10-ic-16-close@2x.png);}
.icon-check-gray {width:20px; height:20px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-check-gray.png);}
.icon-graph-view {width:24px; height:25px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-graph-view.png);}
.icon-defecation-gray-small {width:20px; height:20px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-defecation-gray-small.png);}
.icon-logout-gray {width:24px; height:24px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-logout-gray.png);}
.icon-share-white-gallery {width:40px; height:40px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-share-white-gallery.png);}
.icon-reservation-cash-off {width:20px; height:20px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-reservation-cash-off.png);}
.icon-reservation-cash-on {width:20px; height:20px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-reservation-cash-on.png);}
.icon-reservation-card-off {width:20px; height:20px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-reservation-card-off.png);}
.icon-reservation-card-on {width:20px; height:20px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-reservation-card-on.png);}
.icon-reservation-selfadd {width:20px; height:20px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-reservation-selfadd.png);}
.icon-reservation-coupon {width:20px; height:20px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-reservation-coupon.png);}


/* 버튼 */
.btn, a.btn , input[type=submit].btn , button.btn {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:48px;padding:0 10px;font-size:14px;line-height:20px;font-weight:400;text-align:center;box-sizing:border-box; border-radius:0; border:1.5px solid transparent;}

.btn > em {font-weight:500;}
.btn > input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;z-index:5; opacity:0;}
.btn .icon-btn-more-purple:last-child {margin-left:7px;}

.btn-90 {width:90px !important;}

.btn-inline,
a.btn-inline,
input[type=submit].btn-inline,
button.btn-inline {display:inline-flex; width:auto; padding:0 20px;}

.btn-middle-size,
a.btn-middle-size,
input[type=submit].btn-middle-size,
button.btn-middle-size {height:45px; font-size:14px; line-height:20px;}

.btn-smiddle-size,
a.btn-smiddle-size,
input[type=submit].btn-smiddle-size,
button.btn-smiddle-size {height:40px; font-size:14px; line-height:20px;}

.btn-small-size,
a.btn-small-size,
input[type=submit].btn-small-size,
button.btn-small-size {height:32px; font-size:13px; line-height:19px;}

.btn-small-size.btn-inline,
a.btn-small-size.btn-inline,
input[type=submit].btn-small-size.btn-inline,
button.btn-small-size.btn-inline {padding:0 10px;}

.btn-msmall-size,
a.btn-msmall-size,
input[type=submit].btn-msmall-size,
button.btn-msmall-size {height:26px; font-size:14px; line-height:24px;}

.btn-vsmall-size,
a.btn-vsmall-size,
input[type=submit].btn-vsmall-size,
button.btn-vsmall-size {height:23px; font-size:12px; line-height:21px;}

.btn-vsmall-size.btn-inline,
a.btn-vsmall-size.btn-inline,
input[type=submit].btn-vsmall-size.btn-inline,
button.btn-vsmall-size.btn-inline {padding:0 6px;}

.btn.btn-icons, a.btn.btn-icons , input[type=submit].btn.btn-icons , button.btn.btn-icons {justify-content:space-between; padding:0 14px;}

.btn-round,
a.btn-round,
input[type=submit].btn-round,
button.btn-round {border-radius:5px;}

.btn-point-underline,
a.btn-point-underline,
button.btn-point-underline {display:inline-block; color:#6840b1; font-size:14px; line-height:20px; border-bottom:1px solid #6840b1; box-sizing:border-box;}

/* 버튼 칼라 */
.btn-black , a.btn-black , input[type=submit].btn-black , button.btn-black {color:#fff; border-color:#202020; background-color:#202020;}
.btn-purple , a.btn-purple , input[type=submit].btn-purple , button.btn-purple {color:#fff; border-color:#6840b1; background-color:#6840b1;}
.btn-yellow , a.btn-yellow , input[type=submit].btn-yellow , button.btn-yellow {color:#000; border-color:#fdd94e; background-color:#fdd94e;}
.btn-gray , a.btn-gray , input[type=submit].btn-gray , button.btn-gray {color:#000; border-color:#f4f4f4; background-color:#f4f4f4;}
.btn-red , a.btn-red , input[type=submit].btn-red , button.btn-red {color:#fff; border-color:#FF4848; background-color:#FF4848;}

.btn-black.press , a.btn-black.press , input[type=submit].btn-black.press , button.btn-black.press {color:#fff; border-color:#292929; background-color:#292929;}
.btn-purple.press , a.btn-purple.press , input[type=submit].btn-purple.press , button.btn-purple.press {color:#fff; border-color:#5931a2; background-color:#5931a2;}
.btn-yellow.press , a.btn-yellow.press , input[type=submit].btn-yellow.press , button.btn-yellow.press {color:#000; border-color:#eeca3f; background-color:#eeca3f;}
.btn-gray.press , a.btn-gray.press , input[type=submit].btn-gray.press , button.btn-gray.press {color:#000; border-color:#e5e5e5; background-color:#e5e5e5;}
.btn-red.press , a.btn-red.press , input[type=submit].btn-red.press , button.btn-red.press {color:#fff; border-color:#f03939; background-color:#f03939;}

.btn-outline-black , a.btn-outline-black , input[type=submit].btn-outline-black , button.btn-outline-black {color:#202020; border-color:#202020; background-color:#fff;}
.btn-outline-purple , a.btn-outline-purple , input[type=submit].btn-outline-purple , button.btn-outline-purple {color:#6840b1; border-color:#6840b1; background-color:#fff;}
.btn-outline-yellow , a.btn-outline-yellow , input[type=submit].btn-outline-yellow , button.btn-outline-yellow {color:#fdd94e; border-color:#fdd94e; background-color:#fff;}
.btn-outline-red , a.btn-outline-red , input[type=submit].btn-outline-red , button.btn-outline-red {color:#FF4848; border-color:#FF4848; background-color:#fff;}
.btn-outline-gray , a.btn-outline-gray , input[type=submit].btn-outline-gray , button.btn-outline-gray {color:#202020; border-color:#8f8f8f; background-color:#fff; border-width: 1px;}
.btn-outline-gray.actived , a.btn-outline-gray.actived , input[type=submit].btn-outline-gray.actived , button.btn-outline-gray.actived {color:#6840b1; border-color:#6840b1; background-color:#fff;}
.btn-outline-darkgray , a.btn-outline-darkgray , input[type=submit].btn-outline-darkgray , button.btn-outline-darkgray {color:#202020; border-color:#b4b4b4; background-color:#fff;}

.btn-outline-black.press , a.btn-outline-black.press , input[type=submit].btn-outline-black.press , button.btn-outline-black.press {background-color:#f0f0f0;}
.btn-outline-purple.press , a.btn-outline-purple.press , input[type=submit].btn-outline-purple.press , button.btn-outline-purple.press { background-color:#f0f0f0;}
.btn-outline-yellow.press , a.btn-outline-yellow.press , input[type=submit].btn-outline-yellow.press , button.btn-outline-yellow.press {background-color:#f0f0f0;}
.btn-outline-red.press , a.btn-outline-red.press , input[type=submit].btn-outline-red.press , button.btn-outline-red.press {background-color:#f0f0f0;}
.btn-outline-gray.press , a.btn-outline-gray.press , input[type=submit].btn-outline-gray.press , button.btn-outline-gray.press {background-color:#f0f0f0;}
.btn-outline-darkgray.press , a.btn-outline-darkgray.press , input[type=submit].btn-outline-darkgray.press , button.btn-outline-darkgray.press {background-color:#f0f0f0;}

.btn:disabled , input[type=submit].btn:disabled , button.btn:disabled {color:#b4b4b4; border-color:#ebebeb; background-color:#ebebeb;}

/* 버튼 라운딩 */
.btn-border-radius-3 {border-radius:3px !important;}
.btn-border-radius-4 {border-radius:4px !important;}
.btn-border-radius-5 {border-radius:5px !important;}
.btn-border-radius-6 {border-radius:6px !important;}
.btn-border-radius-8 {border-radius:8px !important;}
.btn-border-radius-10 {border-radius:10px !important;}
.btn-border-radius-12 {border-radius:12px !important;}
.btn-border-radius-14 {border-radius:14px !important;}
.btn-border-radius-15 {border-radius:15px !important;}
.btn-border-radius-16 {border-radius:16px !important;}

/* 버튼 그룹 */
.btn-group{}
.btn-group-inner {display:flex; flex-wrap:wrap;}
.btn-group-inner .btn {flex:1;}

.btn-group.vertical .btn-group-cell + .btn-group-cell {margin-top:12px;}

.btn-grid-group {}
.btn-grid-group .grid-layout-inner {margin:-5px -6px;}
.btn-grid-group .grid-layout-cell {padding:5px 6px; box-sizing:border-box;}

.btn-action-group {margin-top:46px;}

/* 토글 버튼 */
a.btn-toggle-button , input[type=submit].btn-toggle-button , button.btn-toggle-button {display:inline-flex; align-items:center; justify-content:center; width:auto; height:32px;padding:0 15px;font-size:14px;line-height:20px;font-weight:400;text-align:center;box-sizing:border-box; border-radius:0; border:1px solid #cecece; border-radius:5px;}
a.btn-toggle-button.press , input[type=submit].btn-toggle-button.press , button.btn-toggle-button.press {background-color:#f0f0f0;}
a.btn-toggle-button.actived , input[type=submit].btn-toggle-button.actived , button.btn-toggle-button.actived {background-color:#6840b1; border-color:#6840b1; color:#fff;}
a.btn-toggle-button.actived.press , input[type=submit].btn-toggle-button.actived.press , button.btn-toggle-button.actived.press {background-color:#5931a2;}
a.btn-toggle-button:disabled , input[type=submit].btn-toggle-button:disabled , button.btn-toggle-button:disabled {background-color:#f4f4f4; border-color:#f4f4f4; color:#b4b4b4;}


.btn-toggle-basic {min-width:32px; padding:0 !important;}

/* 텍스트 버튼 */
a.btn-text-button , input[type=submit].btn-text-button , button.btn-text-button {display:flex; align-items:center; justify-content:center; width:100%; height:130px; box-sizing:border-box; font-size:18px; line-height:21px; color:#000; font-weight:500; border:1px solid #000; border-radius:14px;background-repeat:no-repeat;background-position:center center;}
a.btn-text-button.btn-outline-purple , input[type=submit].btn-text-button.btn-outline-purple , button.btn-text-button.btn-outline-purple {color:#6840b1; border-color:rgba(104,64,177,0.3); background-color:#fff;}

a.btn-text-button:disabled,
input[type=submit].btn-text-button:disabled,
button.btn-text-button:disabled {color:rgba(32,32,32,0.3) !important; border-color:#ebebeb !important;}

a.btn-text-button.actived,
input[type=submit].btn-text-button.actived,
button.btn-text-button.actived {background-color:#000; color:#fff; font-weight:700;}

a.btn-text-button.btn-outline-purple.actived,
input[type=submit].btn-text-button.btn-outline-purple.actived,
button.btn-text-button.btn-outline-purple.actived {background-color:#6840b1; color:#fff;}

a.btn-text-button.btn-outline-purple.press,
input[type=submit].btn-text-button.btn-outline-purple.press,
button.btn-text-button.btn-outline-purple.press {background-color:#f0f0f0;}
a.btn-text-button.btn-outline-purple.actived.press,
input[type=submit].btn-text-button.btn-outline-purple.actived.press,
button.btn-text-button.btn-outline-purple.actived.press {background-color:#5931a2;}

a.btn-text-button.btn-before-beauty.actived,
button.btn-text-button.btn-before-beauty.actived{background-image:url(https://image.banjjakpet.com/common/shop/icon/img-reservation-before-info@2x.png); background-size:335px auto;background-position:center bottom;}

.alert-item {display:inline-flex; position:relative;}
.alert-item .btn-toggle-button {padding:0 32px 0 8px; min-width:64px; font-size:14px; padding:0 10px; text-align:center;}
.alert-item .btn-toggle-button.basic {}
.alert-item .btn-alert-del {position:absolute;top:0;right:0;display:block;width:32px;height:32px;z-index:5;background:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-close-white@2x.png) center center no-repeat; background-size:14px auto;}
.alert-item.actived .btn-toggle-button {padding:0 32px 0 8px;}

/* 커스텀 버튼 */
.btn-like-view {display:inline-block; width:36px; height:36px; font-size:0; position:relative;}
.btn-like-view:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/btn-shop-like-sel-off@2x.png) left top no-repeat; background-size:100% auto; opacity:1;}
.btn-like-view:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/btn-shop-like-sel@2x.png) left top no-repeat; background-size:100% auto; opacity:0;}
.btn-like-view.actived:before {opacity:0;}
.btn-like-view.actived:after {opacity:1;}
.btn-picture-modify {display:inline-block; width:32px; height:32px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/icon_pircure_circle_black.png) left top no-repeat;background-size:32px auto;}
.btn-data-del {display:inline-block; width:36px; height:36px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/icon-circle-close-white-gray.png) left top no-repeat;background-size:36px auto;}
.btn-user-modify {display:inline-block; width:36px; height:36px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/10-ic-36-edit@2x.png) left top no-repeat;background-size:36px auto;}
.btn-data-trash {display:inline-block; width:45px; height:45px; font-size:0; position:relative;background:#fff url(https://image.banjjakpet.com/common/shop/icon/icon-phone-add-del.png) center center no-repeat;background-size:30px auto; box-sizing:border-box; border-radius:5px; border:1px solid #cecece;}
.btn-data-trash.large {width:60px; height:100%;}
.btn-data-handler {display:inline-block; width:45px; height:45px; font-size:0; position:relative;background:#fff url(https://image.banjjakpet.com/common/shop/icon/icon_handler2.png) center center no-repeat;background-size:30px auto; box-sizing:border-box; border-radius:5px; border:1px solid #cecece;}
.btn-tel {display:inline-block; width:36px; height:36px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/10-ic-36-shop-call@2x.png) left top no-repeat;background-size:36px auto;}
.btn-map-gps {position:relative;display:inline-block; width:44px; height:44px; font-size:0;}
.btn-map-gps:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/btn-location-current@2x.png) left top no-repeat; background-size:100% auto; opacity:1;}
.btn-map-gps:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/btn-location-current@2x.png) left top no-repeat; background-size:100% auto; opacity:0;}
.btn-map-gps.actived:before {opacity:0;}
.btn-map-gps.actived:after {opacity:1;}
.btn-map-location {position:relative;display:inline-block; width:44px; height:44px; font-size:0;}
.btn-map-location:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/btn-location-goal@2x.png) left top no-repeat; background-size:100% auto; opacity:1;}
.btn-map-location:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/btn-location-goal@2x.png) left top no-repeat; background-size:100% auto; opacity:0;}
.btn-map-location.actived:before {opacity:0;}
.btn-map-location.actived:after {opacity:1;}

.btn-data-modify {display:inline-block; width:30px; height:30px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/10-ic-36-edit-middle@2x.png) left top no-repeat;background-size:32px auto;}
.btn-data-add {display:inline-block; width:30px; height:30px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/icon-plus-more-big.png) left top no-repeat;background-size:32px auto;}
.btn-data-tel {display:inline-block; width:30px; height:30px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/10-ic-30-shop-call@2x.png) left top no-repeat;background-size:30px auto;}
.btn-data-message {display:inline-block; width:30px; height:30px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/10-ic-30-message@2x.png) left top no-repeat;background-size:30px auto;}
.btn-data-helper {display:inline-block; width:36px; height:36px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/10-ic-36-em@2x.png) left top no-repeat;background-size:36px auto;}
.btn-data-change {display:inline-block; width:49px; height:49px; font-size:0; position:relative;background:#fff url(https://image.banjjakpet.com/common/shop/icon/10-ic-49-switch@2x.png) center center no-repeat;background-size:49px auto; border:1px solid #ebebeb; border-radius:50%;}
.btn-data-calendar {display:inline-flex; width:36px; height:36px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/icon-calendar-gray.png) center center no-repeat;background-size:24px auto;}
.btn-data-tel-gray {display:inline-flex; width:36px; height:36px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/icon-tel-gray.png) center center no-repeat;background-size:24px auto;}
.btn-data-arrow-gray {display:inline-flex; width:32px; height:32px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop/icon/icon-data-arrow-gray.png) center center no-repeat;background-size:32px auto;}

.btn-page-prev {display:inline-flex; width:56px; height:52px; align-items:center; justify-content:center;}
.btn-page-alarm {position:relative; display:inline-flex; width:64px; height:52px; align-items:center; justify-content:center;}
.btn-page-alarm.actived:before {content:'';position:absolute;top:50%;left:50%;display:block;width:9px;height:9px;background:#ff4848;border:2px solid #fff; box-sizing:border-box; z-index:5; border-radius:50%; transform:translate(3px , -11px);}
.btn-page-search {display:inline-flex; width:64px; height:52px; align-items:center; justify-content:center;}
.btn-page-map {position:relative; display:block; height:52px; padding-left:46px;}
.btn-page-map .icon {position:absolute; top:50%; left:16px; margin-top:-12px;}
.btn-page-map .txt {font-size:18px; line-height:52px; white-space:nowrap; font-weight:700;}
.btn-page-action {display:inline-flex; padding:0 22px; height:52px; align-items:center; justify-content:center; font-size:16px; font-weight:500;}
.btn-page-menu {display:inline-flex; width:52px; height:52px; align-items:center; justify-content:center;}
.btn-page-share {display:inline-flex; width:56px; height:52px; align-items:center; justify-content:center;}
.btn-page-close {display:inline-flex; width:64px; height:52px; align-items:center; justify-content:center;}
.btn-page-chat {position:relative;display:inline-flex; width:64px; height:52px; align-items:center; justify-content:center;}
.btn-page-chat.actived:before {content:'';position:absolute;top:50%;left:50%;display:block;width:9px;height:9px;background:#ff4848;border:2px solid #fff; box-sizing:border-box; z-index:5; border-radius:50%; transform:translate(3px , -9px);}

.btn-detail-toggle {display:flex; color: #202020; width:100%; height:44px; align-items:center; justify-content:center; font-size:14px;line-height:20px;}
.btn-detail-toggle:after {content:'';display:block;width:10px;height:10px; margin-left:4px; background:url(https://image.banjjakpet.com/common/shop/icon/btn-info-spread@2x.png) center center no-repeat;background-size:10px auto;}
.btn-detail-toggle.actived:after {transform:rotate(180deg);}


.btn-content-more {display:block;font-size:14px; line-height:21px;}
.btn-reserve , 
.btn-page-bottom {display:block;width:100%;  padding:20px 5px 20px 5px; font-size:18px; line-height:26px; color:#000; font-weight:700; background:#fdd94e; text-align:center; box-sizing:border-box;}
.btn-reserve.press,
.btn-page-bottom.press{background-color:#eeca3f;}
.btn-reserve.disabled,
.btn-page-bottom.disabled,
.btn-reserve:disabled,
.btn-page-bottom:disabled{background-color:#ebebeb; color:rgba(0,0,0,0.5);}
.btn-gps-set {position:relative; display:inline-block;font-size:14px; line-height:24px;}
.btn-gps-set > .icon {margin-right:4px;}
.btn-page-cart {position:relative;display:block;width:66px;height:66px;background:#6840b1 url(https://image.banjjakpet.com/common/shop/icon/icon_common_cart.png) center center no-repeat; background-size:28px auto; border-radius:50%; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);}
.btn-page-cart > em {position:absolute;top:50%;left:50%;display:block;width:16px;height:16px;font-size:12px;line-height:16px;margin:-8px 0 0 -8px; transform:translate(10px , -11px);text-align:center;color:#6840b1;background:#fff;border-radius:50%;z-index:5; font-weight:500;}
.btn-page-cart.press {background-color:#5931a2;}
.btn-page-top {position:relative; display:none; width:44px;height:44px;background:url(https://image.banjjakpet.com/common/shop/icon/icon-page-top.png) center center no-repeat; background-size:100% 100%; font-size:0;}
.btn-view-like {position:relative;}
.btn-view-like:before {content:''; position:absolute; top:0; left:50%;  transform:translate(-50% , 0%); display:block;width:36px;height:36px;background:url(https://image.banjjakpet.com/common/shop/icon/btn-shop-like-sel-off@2x.png) left top no-repeat;background-size:100%; opacity:1;}
.btn-view-like:after {content:''; position:absolute; top:0; left:50%;  transform:translate(-50% , 0%); display:block;width:36px;height:36px;background:url(https://image.banjjakpet.com/common/shop/icon/btn-shop-like-sel@2x.png) left top no-repeat;background-size:100%; opacity:0;}
.btn-view-like.actived:before {opacity:0;}
.btn-view-like.actived:after {opacity:1;}
.btn-data-close {display:inline-flex; width:44px;height:44px; align-items:center; justify-content:center;}

.btn-data-change.press,
.btn-data-handler.press,
.btn-data-trash.press {background-color:#f0f0f0;}

/* 토스트 팝업 */
.page-bottom ~ .toast-pop-wrap {bottom:93px;}
.toast-pop-wrap {position:fixed; bottom:30px; left:100%; width:100%; z-index:1500; transition:left 0s 0.25s ease;}
.toast-pop-wrap.actived {left:0; transition-delay:0s;}
.toast-pop-wrap.actived .toast-pop-data {transform:translate(0px , 0px); opacity:1;}
.toast-pop-wrap.red .toast-pop-data {background-color:rgba(255,0,0,0.6);}
.toast-pop-data {margin:0 20px; font-size:18px; line-height:21px; font-weight:500; color:#fff; text-align:center; border-radius:10px; background-color:rgba(32,32,32,0.75); padding:15px 10px; box-sizing:border-box; transform:translate(0px , 50px); opacity:0; transition:transform 0.25s ease, translate 0.25s ease, opacity 0.25s ease;}
.toast-pop-data .small {font-size:15px;}
.toast-pop-data > div + div {margin-top:11px;}
.btn-alarm-cancel {font-size:15px; line-height:21px; margin-left:15px; font-weight:700; color:#fff200;}

/* 소팅 탭 */
.sort-group {display:flex; align-items:center; justify-content:space-between;}
.sort-group .arrow.type-2 {font-weight:700; height:44px;}
.sort-tab {/*height:44px;*/ display:flex; align-items:center;}
.sort-tab-inner {display:flex; align-items:center;}
.sort-tab-inner .tab-cell {position:relative;}
.sort-tab-inner .tab-cell + .tab-cell {margin-left:8px; padding-left:8px;}
.sort-tab-inner .tab-cell + .tab-cell:before {content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:12px; margin-top:-6px; background-color:#ebebeb;}
.sort-tab-inner .tab-cell .btn-tab-item {display:inline-flex; align-items:center; height:44px; font-size:13px; line-height:19px; color:#8f8f8f;}
.sort-tab-inner .tab-cell.actived .btn-tab-item,
.sort-tab-inner .tab-cell .btn-tab-item.actived {color:#202020; font-weight:700;}
.sort-tab.big .sort-tab-inner .tab-cell + .tab-cell {margin-left:10px;padding-left:10px;}
.sort-tab.big .sort-tab-inner .tab-cell .btn-tab-item {font-size:16px; line-height:13px;}
.sort-tab .right-items {margin-left:auto; padding:15px 0;}

/* 페이지 탭 */
.page-tab-group {height:52px; display:flex; align-items:center; justify-content:space-between;}
.page-tab {height:44px; display:flex; align-items:center;}
.page-tab-inner {display:flex; align-items:center;}
.page-tab-inner .tab-cell {position:relative;}
.page-tab-inner .tab-cell + .tab-cell {margin-left:20px;}
.page-tab-inner .tab-cell .btn-tab-item {display:inline-flex; align-items:center; height:44px; font-size:18px; line-height:21px; color:#8f8f8f; font-weight:700;}
.page-tab-inner .tab-cell .btn-tab-item > span {position:relative; padding:4px 0; box-sizing:border-box;}
.page-tab-inner .tab-cell .btn-tab-item > span:before {content:''; position:absolute;bottom:0;left:0;width:100%;height:2px;display:block;background:#202020;opacity:0;}
.page-tab-inner .tab-cell.actived .btn-tab-item {color:#202020;}
.page-tab-inner .tab-cell.actived .btn-tab-item > span:before {opacity:1;}

/* 데이타 탭 */
.content-tab {height:42px; display:flex; align-items:center;}
.content-tab-inner {display:flex; align-items:center;}
.content-tab-inner .tab-cell {position:relative;}
.content-tab-inner .tab-cell + .tab-cell {margin-left:30px;}
.content-tab-inner .tab-cell .btn-tab-item {position:relative; display:inline-flex; align-items:center; height:42px; font-size:15px; line-height:42px; color:#8f8f8f; font-weight:500;}
.content-tab-inner .tab-cell .btn-tab-item:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;display:block;background:#202020;opacity:0;}
.content-tab-inner .tab-cell.actived .btn-tab-item {color:#202020; font-weight:700;}
.content-tab-inner .tab-cell.actived .btn-tab-item:after {opacity:1;}

.tab-data-group {}
.tab-data-cell {display:none;}
.tab-data-cell.actived {display:block;}

.sticky-tab-group {position: -webkit-sticky; position:sticky; top:0;left:0; background:#fff; z-index:15;}
.sticky-bottom {position: -webkit-sticky; position:sticky; bottom:-32px; z-index:10;}
.sticky-bottom-inner {margin:0 -20px -32px -20px; padding:20px; background:rgba(255,255,255,0.9);}

/* 가로 풀 탭 */
.wide-tab {height:44px; border-bottom:2px solid #ebebeb; box-sizing:border-box;}
.wide-tab-inner {display:flex; align-items:center;}
.wide-tab-inner .tab-cell {flex:1; position:relative;}
.wide-tab-inner .tab-cell .btn-tab-item {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:44px; font-size:15px; line-height:20px; color:#666;}
.wide-tab-inner .tab-cell .btn-tab-item:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;display:block;background:#202020;opacity:0;}
.wide-tab-inner .tab-cell .btn-tab-item > span {position:relative; display:inline-block;}
.wide-tab-inner .tab-cell .btn-tab-item > span:before {content:'';position:absolute;top:0;left:100%;display:none;width:5px;height:5px;background:#6840b1;border-radius:50%;}
.wide-tab-inner .tab-cell.actived .btn-tab-item {color:#202020; font-weight:700;}
.wide-tab-inner .tab-cell.actived .btn-tab-item:after {opacity:1;}
.wide-tab-inner .tab-cell.hit .btn-tab-item > span:before {display:block;}
.wide-tab.card {border-bottom:none; height:45px;}
.wide-tab.card .wide-tab-inner .tab-cell {position:relative; z-index:0;}
.wide-tab.card .wide-tab-inner .tab-cell .btn-tab-item {background:#fff; font-size:14px; height:45px; border:1px solid #ebebeb;}
.wide-tab.card .wide-tab-inner .tab-cell + .tab-cell {margin-left:-1px;}
.wide-tab.card .wide-tab-inner .tab-cell .btn-tab-item:after {display:none;}
.wide-tab.card .wide-tab-inner .tab-cell:first-child .btn-tab-item {border-radius: 5px 0px 0px 5px;}
.wide-tab.card .wide-tab-inner .tab-cell:last-child .btn-tab-item {border-radius: 0px 5px 5px 0px;}
.wide-tab.card .wide-tab-inner .tab-cell.actived {z-index:5;}
.wide-tab.card .wide-tab-inner .tab-cell.actived .btn-tab-item {color:#fff; background:#6840b1; border-color:#6840b1;}
.wide-tab.card .wide-tab-inner .tab-cell.disabled .btn-tab-item {color:#ddd;}
.wide-tab-inner .tab-cell .btn-tab-item.press {background-color:#f0f0f0;}
.wide-tab.card .wide-tab-inner .tab-cell .btn-tab-item.press {background-color:#f0f0f0;}
.wide-tab.card .wide-tab-inner .tab-cell.actived .btn-tab-item.press {background-color:#5931a2;}

/* 라벨 */
.label {display:inline-block; height:19px; padding:0 6px; font-size:10px; line-height:19px; font-weight:500; border-radius:10px; color:#000; border:1px solid #000; box-sizing:border-box;text-align:center; white-space:nowrap;}
.label-add-purple {display:inline-block; height:25px; padding:0 9px; font-size:12px; line-height:25px; font-weight:700; border-radius:15px; color:#fff; border:1px solid #6840b1; box-sizing:border-box;text-align:center; white-space:nowrap; background-color:#6840b1;}
.label-add-pink {display:inline-block; height:25px; padding:0 9px; font-size:12px; line-height:25px; font-weight:700; border-radius:15px; color:#fff; border:1px solid #e74f55; box-sizing:border-box;text-align:center; white-space:nowrap; background-color:#e74f55;}
.label > em {font-weight:500;}
.label.middle {padding:0 9px; height:21px; line-height:21px; font-weight:500}
.label.vmiddle {padding:0 9px; height:26px; font-size:14px; line-height:26px; font-weight:500;border-radius:5px;}
.label.small {padding:0 4px; font-size:11px; height:16px; line-height:14px; font-weight:400}
.label.vvlarge {padding:0 12px; font-size:13px; height:32px; line-height:30px; font-weight:700}
.label.vvvlarge {padding:0 12px; font-size:14px; height:40px; line-height:38px; font-weight:700}
.label.label-noshow {font-size:14px; line-height:30px; padding:0 11px; font-weight:700; border-radius:5px; height:30px;}
.label-soldout {display:block; font-size:16px; line-height:19px; color:#fff; padding:13px; background:rgba(32, 32, 32, 0.8); box-sizing:border-box; text-align:center;}
.label.label-shop-state {padding:0 15px; height:35px; font-size:15px; line-height:35px; font-weight:700; color:#666; background:#f4f4f4; border-radius:18px; border:none;}
.label.label-hotel {padding:0 9px; height:26px; font-size:14px; line-height:26px; font-weight:500;border-radius:5px; min-width:80px;}

/* 라벨 칼라 */
.label-black {color:#fff; border-color:#202020; background-color:#202020;}
.label-purple {color:#fff; border-color:#6840b1; background-color:#6840b1;}
.label-yellow {color:#202020; border-color:#fdd94e; background-color:#fdd94e;}
.label-pink {color:#fff; border-color:#ff4848; background-color:#ff4848;}
.label-gray {color:#202020; border-color:#b4b4b4; background-color:#b4b4b4;}

.label-whitepink {background:#feb8b1; border-color:#feb8b1; color:#fff;}
.label-whiteapricot {background:#ffd3b5; border-color:#ffd3b5; color:#fff;}
.label-whitegreen {background:#c9e896; border-color:#c9e896; color:#fff;}
.label-whitemint {background:#99e8ca; border-color:#99e8ca; color:#fff;}
.label-whiteblue {background:#b3c0e2; border-color:#b3c0e2; color:#fff;}



/* 라벨 아웃라인 칼라 */
.label-outline-black {color:#202020; border-color:#202020; background-color:#fff;}
.label-outline-purple {color:#6840b1; border-color:#6840b1; background-color:#fff;}
.label-outline-yellow {color:#fdd94e; border-color:#fdd94e; background-color:#fff;}
.label-outline-pink {color:#ff4848; border-color:#ff4848; background-color:#fff;}
.label-outline-gray {color:#b4b4b4; border-color:#b4b4b4; background-color:#fff;}
.label-outline-darkgray {color:#202020; border-color:rgba(32,32,32,0.3); background-color:#fff;}

/* 라벨 그룹 */
.label-group{}
.label-group-inner {display:inline-flex; margin:-3px; flex-wrap:wrap;}
.label-group-inner .label {margin:3px}

/* 단어 아이템 */
.word-item {position:relative; display:inline-block; white-space:nowrap; font-size:13px; line-height:19px; padding:7px 26px 6px 8px !important; background-color:#f4f4f4; border-radius:6px;}
.word-item .btn-del {position:absolute;top:0;right:0;width:28px;height:100%;font-size:0;background:url(https://image.banjjakpet.com/common/shop/icon/ic-16-close@2x.png) center center no-repeat; background-size:16px auto;}

/* 트립 아이템 */
.trip-item {position:relative; display:flex; align-items:center;justify-content:flex-start;width:100%; height:45px;padding:0 20px 0 20px;font-size:14px;line-height:20px;color:#6840b1;font-weight:500;border-radius:5px; border:1px solid #6840b1; box-sizing:border-box;}
.trip-item .btn-del {position:absolute;top:0;right:0;width:28px;height:100%;font-size:0;background:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-close-purple@2x.png) center center no-repeat; background-size:16px auto;}

/* 단어 아이템 그룹 */
.word-group{}
.word-group-inner {display:inline-flex; margin:-3px; flex-wrap:wrap;}
.word-group-inner .word-item {margin:3px}

/* 태그 아이템 */
.tag-item {display:inline-flex;padding:1px 4px; font-size:12px; line-height:16px; white-space:nowrap; color:#666; background:#f4f4f4; border-radius:3px;}
.tag-item .icon:first-child {margin-left:-4px;}

/* 태그 아이템 그룹 */
.tag-group{}
.tag-group-inner {display:inline-flex; margin:-3px; flex-wrap:wrap;}
.tag-group-inner .tag-item {margin:3px}

/* 사용자 사진 */
.user-thumb {position:relative; width:56px; height:56px; border-radius:50%; overflow:hidden; box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.02); background-color:#fafafa; background-repeat:no-repeat; background-position:center center;}
.user-thumb > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.user-thumb {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-small.png); background-size:40px auto;}
.user-thumb.small {width:36px; height:36px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-user.png); background-size:30px auto;}
.user-thumb.middle {width:72px; height:72px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-small.png); background-size:40px auto;}
.user-thumb.smiddle {width:64px; height:64px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-middle.png); background-size:64px auto;}
.user-thumb.large {width:90px; height:90px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-middle.png); background-size:64px auto;}

/* 컨텐츠 사진 */
.content-thumb {position:relative; width:105px; height:105px; border-radius:12px; overflow:hidden; box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.02);background-color:#fafafa; background-repeat:no-repeat; background-position:center center;}
.content-thumb > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.content-thumb {background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-middle.png); background-size:64px auto;}
.content-thumb.vsmall {width:66px;height:66px;border-radius:50%; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-small.png); background-size:40px auto;}
.content-thumb.small {width:72px;height:72px;border-radius:8px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-small.png); background-size:40px auto;}
.content-thumb.middle {width:92px;height:92px;border-radius:8px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-middle.png); background-size:64px auto;}
.content-thumb.large {width:110px;height:110px;border-radius:12px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-middle.png); background-size:64px auto;}
.content-thumb.vlarge {width:162px;height:162px;border-radius:14px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-large.png); background-size:80px auto;}
.content-thumb.vvlarge {width:162px;height:220px;border-radius:14px; background-image:url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-large.png); background-size:80px auto;}

/* 타이틀 */
.page-title {display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:18px; line-height:21px; height:52px; font-weight:700; text-align:center;}
.page-title.big {font-size:20px; line-height:28px;}
h1.page-title {text-align:left;justify-content:flex-start; flex-direction:row;}
.con-title {display:inline-flex; align-items:center; font-size:18px; font-weight:700; line-height:21px;}
.con-title .icon {margin-right:8px;}
.con-title .btn-data-helper {margin-left:4px;}
.con-title-option {display:inline-flex; align-items:center; font-size:14px; line-height:19px; color:#8f8f8f; font-weight:500;}
.con-title-option .option-cell {display:inline-flex; align-items:center; position:relative; }
.con-title-option .option-cell + .option-cell {margin-left:10px;padding-left:10px;}
.con-title-option .option-cell + .option-cell:before {content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:10px;background:#8f8f8f;margin-top:-5px;}
h2.con-title {font-size:22px; line-height:30px;}
h3.con-title {font-size:20px; line-height:28px;}
h4.con-title {font-size:18px; line-height:21px;}
h5.con-title {font-size:16px; line-height:23px;}
h6.con-title {font-size:15px; line-height:20px;}
.con-title-side {font-size:18px; line-height:23px; font-weight:700;}
.con-title-info {font-size:13px; font-weight:400; line-height:19px;color:#666;}
.con-title-info.type-2 {font-size:14px; font-weight:400; line-height:20px; color:#202020;}
.con-title-info + .form-group {margin-top:24px;}
.con-title-info + .form-group.vmiddle {margin-top:20px;}
.con-title-info + .form-group.middle {margin-top:10px;}
.page-info-desc {font-size:16px;line-height:23px;font-weight:700;}
.user-top-name {width:100%;}
.user-block-state {width:100%; font-size:12px; line-height:15px; margin-top:4px; color:#ff4848; font-weight:700;}
.delivery-title {font-size:16px; line-height:23px; color:#000; font-weight:700; padding:5px 0; text-align:center; margin-left:-20px; margin-right:-20px;}
.delivery-title.purple {color:#fff; background:#6840b1;}
.delivery-title.apricot {color:#fff; background:#ffbf7d;}
.delivery-title.black {color:#fff; background:#666;}

/* 타이틀 그룹 */
.con-title-group {position:relative; display:flex; align-items:center; justify-content:space-between; min-height:44px; background-color:#fff; box-sizing:border-box;}
.con-title-group.line { padding-bottom:16px; border-bottom:1px solid #f4f4f4;}
.con-title-group + .single-btns-list {border-top:none;}
.con-title-group + .form-group {margin-top:24px;}
.con-title-group + .form-group.vmiddle {margin-top:20px;}
.con-title-group + .form-group.middle {margin-top:10px;}
.con-title-group + .price-data-wrap {margin-top:12px;}
.con-title-group + .memo-item-list {margin-top:10px; }
.con-title-group + .special-note-list {margin-top:10px;}
.con-title-group + .btn-graph-view {margin-top:10px; margin-bottom:8px;}
.con-title-group + .accordion-list {margin-top:8px;}
.con-title-group + .customer-view-pet-group {margin-top:12px;}
.con-title-group + .reserve-calendar-sort {margin-top:12px;}
.con-title-group + .time-msg-group {margin-top:8px;}
.con-title-group + .pay-card-group {margin-top:0; border:none;}
.con-title-group .btn-side {position:absolute;top:50%;right:0;transform:translate(0% , -50%);}
.con-title-group .unit {font-size:12px; line-height:16px; font-weight:500;}
.title-need {font-size:13px; line-height:19px;}
.need {color:#FF4848 !important;}

/* 22.09.02 역순 아이콘 추가 */
.con-select {display: inline-flex; align-items: center;}
.con-icon-reverse {padding: 10px 5px 10px 10px;}

/* 텍스트 한줄 점 처리 */
.ellipsis {max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* 아코디언 메뉴 */
.accordion-list {border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.accordion-list .accordion-cell + .accordion-cell {border-top:1px solid #cecece;}
.accordion-list .btn-accordion-menu {position:relative; width:100%; min-height:51px; padding:15px 40px 15px 0px; box-sizing:border-box;  display:flex; align-items:center;  justify-content:flex-start; text-align:left;}
.accordion-list .btn-accordion-menu:after {content:''; position:absolute; top:50%; right:5px; display:block; width:10px; height:10px; margin-top:-5px; background:url(https://image.banjjakpet.com/common/shop/icon/icon_accordion_arrow.png) center center no-repeat; background-size:10px auto;}
.accordion-list .btn-accordion-menu > span {display:block;}
.accordion-list .btn-accordion-menu .accordion-menu-subject {flex:1; width:100%; font-size:15px; line-height:20px; font-weight:500;}
.accordion-list .btn-accordion-menu .accordion-menu-subject > strong {font-size:18px; line-height:21px; font-weight:700; display:inline-flex; align-items:center;}
.accordion-list .btn-accordion-menu .accordion-menu-subject > .label {margin-left:15px;}
.accordion-list .btn-accordion-menu.press {background:#f0f0f0;}
.accordion-list .accordion-content {display:none;}
.accordion-list .accordion-content > .form-group {padding:16px 0 28px 0;}
.accordion-list .actived .btn-accordion-menu:after {transform:rotate(-180deg);}
.accordion-list .actived .accordion-content {display:block;}
.accordion-detail {padding:16px 0;}
.accordion-list.big .btn-accordion-menu {min-height:57px;}
.accordion-list .disabled .btn-accordion-menu:after {display:none !important;}
.accordion-list .disabled .accordion-content {display:block !important;}
.accordion-list.small .btn-accordion-menu {min-height:44px; padding-top:12px; padding-bottom:12px;}
.accordion-list.last-none-line {border-bottom:none;}
.accordion-list.first-none-line {border-top:none;}
.accordion-list.card {border:none;}
.accordion-list.card {}
.accordion-list.card .accordion-cell + .accordion-cell {border-top:none; margin-top:10px;}

.symbol-dot {display:inline-block; width:3px;height:3px;border-radius:3px;background:#202020;border-radius:50%; margin:0 5px;}

/* 정보성 테이블 */
.read-table table {width:100%; table-layout:fixed;}
.read-table col.hide,
.read-table th.hide,
.read-table td.hide {display:none !important;}
.read-table table > thead > tr > th {padding:7px 5px; font-size:12px; line-height:16px; font-weight:500; text-align:center; border:1px solid #cecece; background-color:#f4f4f4; vertical-align:middle;}
.read-table table > tbody > tr > th {padding:7px 5px; font-size:12px; line-height:16px; font-weight:500; text-align:center;  border:1px solid #cecece; text-align:center; background-color:#f4f4f4; vertical-align:middle;}
.read-table table > tbody > tr > td {padding:7px 5px; font-size:12px; line-height:16px; font-weight:400; text-align:center; border:1px solid #cecece; background-color:#fff;}
.read-table table > tbody > tr > td.no-padding {padding:0;}
.read-table table > tbody > tr > td.title {padding:0 20px; text-align:left; font-size:14px; vertical-align:middle;}
.read-table-info {font-size:12px;line-height:16px;font-weight:500;margin-top:8px;text-align:right;}

.bottom-info {font-size:13px; line-height:19px; color:#666; margin-top:16px; text-align:left;}

/* 가로 스크롤 컨텐츠 */
.horizontal-swiper-group .horizontal-swiper-scoller + .horizontal-swiper-scoller {margin-top:32px;}
.horizontal-swiper-scoller {margin:0 -25px; padding:0 0 0 0; overflow-y:hidden; overflow-x:visible;}
.horizontal-swiper-scoller::-webkit-scrollbar-track {background-color: transparent;}
.horizontal-swiper-scoller::-webkit-scrollbar {background-color: transparent;}
.horizontal-swiper-scoller::-webkit-scrollbar-thumb {background-color: transparent;}

.horizontal-swiper-scoller .scroller-inner {display:flex; flex-wrap:nowrap; padding:0 20px;}
.horizontal-swiper-scoller .scroller-inner:after {content:''; flex:0 0 20px;}
.horizontal-swiper-scoller .scroller-inner .scroller-item {flex:0 0 50%; padding:0 5px; box-sizing:border-box;}
.horizontal-swiper-scoller .scroller-inner .scroller-table {padding:0 5px; box-sizing:border-box;}
.horizontal-swiper-scoller.wide .scroller-inner .scroller-item {flex:0 0 100%;}
.horizontal-swiper-scoller.auto .scroller-inner .scroller-item {flex:0 0 auto;}
.horizontal-swiper-scoller.margin .scroller-inner .scroller-item { padding:0;margin:0 5px;}
.horizontal-swiper-scoller.small .scroller-inner .scroller-item {flex:0 0 33.33%;}
.horizontal-swiper-scoller.group .scroller-inner:after {flex:0;}
.scroller-mulity-group {width:100%;}
.scroller-mulity-inner {flex-wrap:nowrap; display:flex;}
.scroller-mulity-inner + .scroller-mulity-inner {margin-top:32px;}
.scroller-mulity-inner:after {content:''; flex:0 0 20px;}

.word-scroll-list .horizontal-swiper-scoller {margin:0 -22px;}
.word-scroll-list .horizontal-swiper-scoller.margin .scroller-inner .scroller-item {margin:0 3px;}

.stats-month-wrap .horizontal-swiper-scoller .vertical-bar-graph {flex:0 0 250%; width:250%;}
.stats-month-wrap .horizontal-swiper-scoller .vertical-bar-graph canvas {height:250px;}

.scroller-table {flex:0 0 150%; width:150%;}
.scroller-table.type-2 {flex:0 0 200%; width:200%;}

/* 사진형 리스트 아이템 */
.picture-item {display:block; position:relative; overflow:hidden; padding-top:135.80%; background-color:#fff; box-sizing:border-box; border:1px solid rgba(0,0,0,0.02); border-radius:14px;}
.picture-item .thumb {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0; background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-large.png) center center no-repeat; background-size:80px auto;}
.picture-item .thumb img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.picture-item .thumb:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);opacity:0.4;}
.picture-item .info-wrap {position:absolute;bottom:0;left:0;width:100%;padding:12px; z-index:5; box-sizing:border-box;}
.picture-item .item-name {font-size:15px;line-height:20px;color:#fff;font-weight:700;}
.picture-item .item-option-group {margin-top:3px; display:flex; align-items:center;}
.picture-item .item-grade {display:inline-flex; align-items:center; font-size:14px; line-height:16px; color:#fff; font-weight:400; white-space:nowrap;}
.picture-item .item-grade > em {font-weight:700; margin-right:3px;}
.picture-item .item-distance {font-size:14px; line-height:16px; color:#fff; font-weight:400; white-space:nowrap; margin-left:4px;}

/* 세로 리스트 아이템 > 기본형 */
.basic-list-item {display:flex; align-items:flex-start; overflow:hidden;}
.basic-list-item .thumb {position:relative; flex:0 0 auto; width:110px; height:110px; overflow:hidden; overflow:hidden; border-radius:12px; border:1px solid rgba(0,0,0,0.02); background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-large.png) center center no-repeat; background-size:80px auto;}
.basic-list-item .thumb img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.basic-list-item .thumb .form-radiobox {position:absolute;top:0;left:0;z-index:5;}
.basic-list-item .thumb-label {position:absolute; top:4px; left:4px; z-index:2;}
.basic-list-item .info-wrap {flex:1; display:flex; flex-direction:column; min-height:110px; margin-left:14px;}
.basic-list-item .info-wrap:only-child {margin-left:0;}
.basic-list-item .item-name {font-size:15px; line-height:20px;font-weight:700;}
.basic-list-item .item-name > .label.small {margin:2px 5px 0 0;}
.basic-list-item .item-grade {margin-top:5px; display:flex; align-items:center; font-size:14px; line-height:16px; font-weight:400; white-space:nowrap;}
.basic-list-item .item-grade > em {font-weight:700;margin-right:3px;}
.basic-list-item .item-grade .hit {font-size:13px; color:#8f8f8f; margin-left:5px;}
.basic-list-item .item-address {font-size:13px; line-height:16px; margin-top:7px;}
.basic-list-item .item-cate {font-size:13px; line-height:16px; margin-top:4px;color:#8f8f8f;}
.basic-list-item .item-date2 {font-size:13px; line-height:20px; margin-top:4px;color:#b4b4b4;font-weight:500;}
.basic-list-item .item-option-group {margin-top:auto; padding-top:9px;}
.basic-list-item .item-desc {margin-top:11px; font-size:13px; line-height:19px; max-height:38px; color:#202020;display:-webkit-box;text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.basic-item {position:relative;}
.basic-item.actived .basic-item-ui-list {display:block;}
.basic-item .basic-list-item .item-name {padding-right:26px; box-sizing:border-box;}
.basic-item-ui {position:absolute;top:0;right:0;}
.basic-item-ui-list {position:absolute; top:26px; right:0; display:none; width:146px;z-index:10; border-radius:5px; background:#fff;border:1px solid #8f8f8f;}
.basic-item-ui-list .btn-basic-item-ui-item + .btn-basic-item-ui-item {border-top:1px solid #ebebeb;}
.btn-basic-item-ui-nav {position:absolute; top:-18px; right:-20px; display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; z-index:15;font-size:0;}
.btn-basic-item-ui-item {display:flex; font-size:14px; line-height:20px; height:45px; align-items:center; justify-content:center; width:100%; text-align:center; box-sizing:border-box;}


/* 세로 리스트 아이템 >  자격증 */
.basic-list-item.license {}
.basic-list-item.license .thumb {width:72px; height:72px; background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-small.png) center center no-repeat; background-size:40px auto;}
.basic-list-item.license .info-name {font-size:14px; line-height:20px;font-weight:700;}
.basic-list-item.license .item-info {font-size:14px; line-height:20px;margin-top:2px;}
.basic-list-item.license .item-date {font-size:12px; line-height:16px;margin-top:6px; font-weight:500; color:#8f8f8f;}
.basic-list-item.license .info-wrap {min-height:72px;}
.basic-list-item.license .btn-item-del {align-self:flex-end;}

/* 세로 리스트 아이템 > 블로그형 */
.basic-list-item.blog .info-wrap {display:flex; flex-direction:column; min-height:110px; overflow:hidden;}
.basic-list-item.blog .info-wrap > * {width:100%;}
.basic-list-item.blog .item-blog-option {margin-top:auto; }
.basic-list-item.blog .item-name {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.basic-list-item.blog .item-desc {margin-top:8px;}
.basic-list-item.blog .item-blog-option {display:flex; font-size:12px; line-height:16px; color:#8f8f8f;}
.basic-list-item.blog .item-blog-option .name {display:inline-flex; overflow:hidden;}
.basic-list-item.blog .item-blog-option .date {flex:0 0 auto;margin-left:6px;padding-left:6px;position:relative;}
.basic-list-item.blog .item-blog-option .date:before {content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:10px;margin-top:-5px;background:#f3f3f3;}

/* 세로 리스트 아이템 > 테마형 */
.bg-color-item {display:flex; align-items:flex-start; border-radius:16px; background:#000; padding:24px;}
.bg-color-item .info-wrap {flex:1; margin-right:13px; padding-top:7px;}
.bg-color-item .thumb {position:relative; flex:0 0 auto;}
.bg-color-item .thumb .obj {position:relative;width:110px; height:110px; overflow:hidden; border:1px solid rgba(0,0,0,0.02); border-radius:12px; background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-large.png) center center no-repeat; background-size:80px auto;}
.bg-color-item .thumb .obj > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.bg-color-item .user-thumb {position:absolute; bottom:-11px; left:-11px; border:5px solid #000; width:36px; height:36px; z-index:1; background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-user.png) center center no-repeat; background-size:30px auto;}
.bg-color-item .item-name {font-size:16px; line-height:22px; color:#fff; font-weight:700;}
.bg-color-item .item-info {margin-top:6px; font-size:13px; line-height:19px; color:#fff;}
.bg-color-item .item-grade {margin-top:15px; display:flex; align-items:center; font-size:14px; line-height:16px; color:#fff; font-weight:400; white-space:nowrap;}
.bg-color-item .item-grade > em {font-weight:700;margin-right:3px;}

/* 그레이 배경 아이템 > 테마형 */
.thema-gray-item {display:flex; align-items:center; padding:24px; background:#f4f4f4; border-radius:14px;}
.thema-gray-item .basic-list-item {flex:1; width:100%;}
.thema-gray-item .basic-list-item .thumb {width:72px;height:72px;}
.thema-gray-item .basic-list-item .content-thumb {flex:0 0 auto;}
.thema-gray-item .basic-list-item .info-wrap {min-height:100%;}
.thema-gray-item .basic-list-item .item-address {line-height:19px; color:#414141;}
.thema-gray-item .btn-like-view {flex:0 0 auto;margin-left:8px;}
.thema-gray-item .item-state2 {font-size:14px;}
.thema-gray-item + .thema-gray-item {margin-top:10px;}
.thema-gray-item.white {background:#fff; border:1px solid #cecece;}

/* 상품형 리스트 아이템 */
.product-item {display:block;}
.product-item .thumb {position:relative;}
.product-item .thumb .obj {position:relative; padding-top:100%; box-sizing:border-box; overflow:hidden; border-radius:14px; border:1px solid rgba(0,0,0,0.02); /*background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-large.png) center center no-repeat;*/ background-size:80px auto;}
.product-item .thumb .obj img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.product-item .label-soldout {position:absolute; bottom:0; left:0; z-index:5; width:100%;}
.product-item .item-name {font-size:14px; line-height:20px; max-height:40px; color:#202020;display:-webkit-box;text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.product-item .info-wrap {margin-top:14px;}
.product-item .item-price-group {margin-top:5px; display:flex; font-size:14px; line-height:20px;}
.product-item .price-sale {flex:0 0 auto;color:#ff4848; font-weight:500;margin-right:5px;}
.product-item .price-value {font-weight:700;}
.product-item .item-grade {margin-top:3px; display:flex; align-items:center; font-size:14px; line-height:20px; font-weight:400; white-space:nowrap;}
.product-item .item-grade > em {font-weight:700;margin-right:3px;}
.product-item .item-grade .hit {font-size:13px; color:#8f8f8f; margin-left:5px;}

/* 상품 세로 리스트 */
.product-total-value {font-size:16px; line-height:23px; margin-bottom:6px;}
.product-vertical-list {}
.product-vertical-list .list-inner {display:flex; flex-wrap:wrap; margin:-10px -5px;}
.product-vertical-list .list-cell {width:50%; padding:16px 5px; box-sizing:border-box;}

/* 고객 카드 정보 */
.customer-card-item {border:1px solid #cecece; border-radius:16px; padding:24px; display:block;}
.customer-card-item + .customer-card-item {margin-top:10px;}
.customer-card-item + .user-receipt-item {margin-top:10px;}
.customer-card-item .item-info-wrap {display:flex;}
.customer-card-item .item-info-wrap .item-thumb {flex:0 0 auto; margin-right:14px;}
.customer-card-item .item-data {flex:1; width:100%; display:flex; min-height:100%; align-items:center;}
.customer-card-item .item-data-inner {width:100%;}
.customer-card-item .item-btns {display:flex; margin-top:16px;}
.customer-card-item .item-btns > .btn:first-child {margin-right:3px;}
.customer-card-item .item-btns > .btn:last-child {margin-left:3px;}
.customer-card-item .item-name {font-size:15px; line-height:20px; font-weight:700;}
.customer-card-item .item-option {margin-top:5px; display:flex; flex-wrap:wrap;}
.customer-card-item .item-option > .option-cell > .icon:first-child {margin-right:2px;}
.customer-card-item .item-option > .option-cell {position:relative; padding-right:5px;margin-right:4px; display:inline-flex; align-items:center; font-size:13px; line-height:16px; color:#6840b1; font-weight:500;}
.customer-card-item .item-option > .option-cell:after {content:'';position:absolute;top:50%;right:0;display:block;width:1px;height:12px;background:#ebebeb;margin-top:-6px;}
.customer-card-item .item-option > .option-cell:last-child,
.customer-card-item .item-option > .option-cell:only-child{padding-right:0;margin-right:0;}
.customer-card-item .item-option > .option-cell:last-child:after,
.customer-card-item .item-option > .option-cell:only-child:after{display:none;}
.customer-card-item .item-reserve-data {margin-top:6px;}
.customer-card-item .item-reserve-data > .item-reserve-cell {display:flex; align-items:flex-start; font-size:13px;line-height:19px;}
.customer-card-item .item-reserve-data > .item-reserve-cell + .item-reserve-cell {margin-top:4px;}
.customer-card-item .item-reserve-data .cell-title {flex:0 0 auto; color:#8f8f8f; width:55px;}
.customer-card-item .item-reserve-data .cell-value {flex:1; width:100%;}
.customer-card-item .item-reserve-option > .option-cell {position:relative; padding-right:5px;margin-right:4px; display:inline-flex; align-items:center;}
.customer-card-item .item-reserve-option > .option-cell:after {content:'';position:absolute;top:50%;right:0;display:block;width:1px;height:19px;background:#ebebeb;}
.customer-card-item .item-reserve-option > .option-cell:last-child,
.customer-card-item .item-reserve-option > .option-cell:only-child{padding-right:0;margin-right:0;}
.customer-card-item .item-reserve-option > .option-cell:last-child:after,
.customer-card-item .item-reserve-option > .option-cell:only-child:after{display:none;}
.customer-card-item .item-pet-name {font-size:15px;line-height:20px;font-weight:700;}
.customer-card-item .item-pet-name > .label {margin-left:8px;}
.customer-card-item .item-pet-date {font-size:15px;line-height:20px;margin-top:6px;}
.customer-card-item .item-pet-body {font-size:15px;line-height:20px;margin-top:6px;}
.customer-card-item .item-pet-point {margin-top:9px;}
.customer-card-item .item-pet-sub-phone {font-size:15px; line-height:20px; color:#8f8f8f; margin:5px 0 0 0;}
.customer-card-item .item-pet-sub-phone .value-list {}
.customer-card-item .item-pet-sub-phone .value {}

.customer-card-item .item-modify {margin-top:14px;}
.customer-card-item .item-modify .form-label-input {height:36px;background:#f4f4f4; border-radius:5px; padding:0 14px;}
.customer-card-item .item-modify .btn {height:36px;}
.customer-card-item .item-modify input.form-control {height:36px; border:none;background:none;}
.customer-card-item.pet .item-thumb {position:relative; height:90px;}
.customer-card-item.pet .btn-picture-modify {position:absolute;bottom:0;right:0;}
.customer-card-item.type2 .item-pet-name {font-size:14px;}
.customer-card-item.type2 .item-pet-date {font-size:13px;margin-top:4px;}
.customer-card-item.type2 .item-pet-body {font-size:13px;margin-top:4px;}
.customer-card-item .con-title {margin-bottom:10px;}
.customer-card-item .receipt-buy-detail {margin-top:20px;}
.customer-card-item.middle {padding:20px;}
.customer-card-item .item-right-name {font-size:16px;line-height:23px;font-weight:700;}
.customer-card-item .item-right-mail {font-size:15px;line-height:20px;font-weight:500;color:#8f8f8f}
.customer-card-item.none {padding:0; border:none;}
.customer-card-item.type3 {}
.customer-card-item.type3 .item-info-wrap .item-thumb {margin-right:12px;}
.customer-card-item.type3 .item-pet-name {font-size:18px;}
.customer-card-item.type3 .item-pet-phone {font-size:16px;margin-top:10px; line-height:19px;}

.bank-info-txt {font-size:16px; line-height:23px; font-weight:700;}
.bank-info-txt + .bank-info-txt {margin-top:10px;}

/* 산책 카드 아이템  */
.recode-card-list {margin-top:20px;}
.recode-card-item {border:1px solid #ebebeb; border-radius:16px; padding:24px;}
.recode-card-name {font-size:18px; line-height:21px; font-weight:700;}
.recode-card-info {margin-top:14px; display:flex; align-items:center; overflow:hidden;}
.recode-card-info .item-thumb {flex:0 0 auto; margin-right:15px;}
.recode-card-info .item-data {flex:1; width:100%; overflow:hidden;}
.recode-card-info .item-data-inner {width:100%;}
.recode-card-info .item-rank {display:flex; align-items:center; justify-content:space-between;}
.recode-card-info .item-rank-value {font-size:14px; line-height:20px; color:#666; display:inline-flex; align-items:center;}
.recode-card-info .item-rank-value > strong {font-size:18px; color:#202020; font-weight:700; margin-left:6px;}
.recode-card-info .item-progress {position:relative;margin-top:2px; width:100%; height:10px;}
.recode-card-info .item-progress:before {content:''; position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:1px solid #ebebeb; background:#f4f4f4; box-sizing:border-box; border-radius:5px;}
.recode-card-info .item-progress .bar {position:absolute; top:0;left:0;width:100%;height:100%;background:#fdd94e; border-radius:5px; z-index:5;}
.recode-card-info .item-msg {margin-top:6px; font-size:12px; line-height:16px; color:#8f8f8f; font-weight:500;}
.btn-desc-question {display:block; width:36px;height:36px;font-size:0;background:url(https://image.banjjakpet.com/common/shop/icon/icon_desc_question.png) center center no-repeat; background-size:36px auto;}
.recode-card-data {margin-top:24px;}
.recode-card-data .record-display {margin-left:-24px; margin-right:-24px;}
.recode-card-data-item + .recode-card-data-item {margin-top:24px; padding-top:24px; border-top:1px solid #f4f4f4;}
.recode-card-data-title {font-size:14px; line-height:20px; font-weight:500;}


/* 간단한 사진 + 정보*/
.simple-thumb-info {display:flex; width:100%;}
.simple-thumb-info .thumb-wrap {flex:0 0 auto; margin-right:14px;}
.simple-thumb-info .info-wrap {flex:1; width:100%; display:flex; align-items:center; overflow:hidden;}
.simple-thumb-info .item-title {font-size:14px; line-height:20px; font-weight:700;}
.simple-thumb-info .item-title + .item-date {margin-top:4px;}
.simple-thumb-info .item-title + .item-info {margin-top:4px;}
.simple-thumb-info .item-date {font-size:13px; line-height:19px; color:#666;}
.simple-thumb-info .item-address {font-size:14px; line-height:20px;}
.simple-thumb-info .item-info {font-size:12px; line-height:16px; font-weight:500;}
.simple-thumb-info .item-info > span {color:#8f8f8f; font-weight:400;}

/* 아이템 리스트 옵션 그룹 */
.item-option-group .group-inner {display:flex; flex-wrap:wrap; margin:-2px;}
.item-option-group .group-inner .item-time {margin:2px;display:inline-flex;padding:1px 4px; font-size:12px; line-height:16px; white-space:nowrap; color:#666; background:#f4f4f4; border-radius:3px;}
.item-option-group .group-inner .tag-item {margin:2px;}

/* 리스트 아이템 라인 그룹 */
.vertical-list-wrap.line .list-cell + .list-cell {margin-top:16px; padding-top:16px; border-top:1px solid #cecece;}

/* 페이징 */
.swiper-page {display:inline-block; font-size:13px; line-height:22px; height:22px; padding:0 10px; color:#fff;white-space:nowrap; background-color:rgba(0,0,0,0.3); border-radius:11px; z-index:15;}
.swiper-page > em {font-weight:700;}

/* 스와이퍼 페이징 */
.swiper-pagination {position:relative; margin-top:12px; width:100%; display:flex; align-items:center; justify-content:center; text-align:center; transition:none;}
.swiper-pagination .swiper-pagination-bullet {display:block; font-size:0; width:10px; height:10px; background:#d8d8d8; border:1px solid #d8d8d8; transition:all 0.35s ease; border-radius:5px; opacity:1; box-sizing:border-box;}
.swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:10px;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:20px; background:#fed94e; border-color:#fed94e;}

/* 텍스트 리스트 */
.text-list-wrap .text-list-cell {display:flex; align-items:flex-start; font-size:13px; line-height:19px;}
.text-list-wrap .text-list-cell + .text-list-cell {margin-top:7px;}
.text-list-wrap .text-list-cell .item-title {position:relative; flex:0 0 auto; width:70px; color:#666;}
.text-list-wrap .text-list-cell .item-title.unit {margin-right:8px}
.text-list-wrap .text-list-cell .item-title.unit:after {content:':'; position:absolute;top:0;right:0;}
.text-list-wrap .text-list-cell .item-title.input {padding-top:13px;padding-bottom:13px;}
.text-list-wrap .text-list-cell .item-title.input:after {top:12px;}
.text-list-wrap .text-list-cell .item-data {flex:1; width:100%;}
.text-list-wrap.type-2 .text-list-cell {font-size:14px; font-weight:500;}
.text-list-wrap.type-2 .text-list-cell .item-title {width:50px; font-weight:400; color:#666;}
.text-list-wrap.type-2 .text-list-cell + .text-list-cell {margin-top:8px;}
.text-list-wrap.type-3 .text-list-cell {font-size:14px; font-weight:500;}
.text-list-wrap.type-3 .text-list-cell .item-title {width:65px; font-weight:400; color:#666;}
.text-list-wrap.type-3 .text-list-cell + .text-list-cell {margin-top:8px;}
.text-list-wrap .form-datepicker-group .form-unit {width:auto; margin:0 5px;}
.text-list-wrap .form-datepicker-group .form-datepicker select {background-position:right 8px center; padding:0 16px 0 10px}

/* 텍스트 도트 리스트 */
.dot-text-list {position:relative;}
.dot-text-list .list-cell {position:relative; font-size:14px; line-height:20px; padding-left:12px;}
.dot-text-list .list-cell:before {content:'•'; position:absolute; top:0;left:0;}
.dot-text-list .list-cell + .list-cell {margin-top:8px;}

/* 텍스트 라인 리스트 */
.line-text-list {position:relative;}
.line-text-list .list-cell {position:relative; font-size:14px; line-height:20px; padding-left:12px;}
.line-text-list .list-cell:before {content:'-'; position:absolute; top:0;left:0;}
.line-text-list .list-cell + .list-cell {margin-top:8px;}

/* 게시판 */
.single-btns-list {border-top:1px solid #f4f4f4; border-bottom:1px solid #cecece;;}
.single-btns-list .list-cell + .list-cell {border-top:1px solid #cecece}
.single-btns-list.top-none-line {border-top:none;}
.single-btns-list.bottom-none-line {border-bottom:none;}

/* 버튼형 리스트 아이템 */
.btn-single-item {position:relative; min-height:51px;display:flex;width:100%;align-items:center; box-sizing:border-box;padding:10px 0;}
.btn-single-item .icon:first-child {flex:0 0 auto; margin-right:9px;}
.btn-single-item .txt {flex:1; width:100%; font-size:15px;line-height:20px;font-weight:500; display:flex; align-items:center; flex-wrap:wrap;}
.btn-single-item .txt > .tag-item {margin-left:10px;}
.btn-single-item .txt.small {font-size:14px; line-height:20px; color:#666;}
.btn-single-item.large {min-height:54px;}
.btn-single-item.arrow:before {content:'';position:absolute;top:50%;right:2px;width:10px;height:10px;background:url(https://image.banjjakpet.com/common/shop/icon/btn-info-more@2x.png) center center no-repeat; background-size:10px auto; margin-top:-5px;}
.btn-single-item .item-ui {flex:0 0 auto; margin-left:15px;}

/* 값 리스트 아이템 */
.value-list-item {display:flex; width:100%; min-height:46px; padding:10px 0; font-size:16px; line-height:23px; font-weight:500; box-sizing:border-box;}
.value-list-item .item-title {flex:1; width:100%; padding-right:20px; box-sizing:border-box;}
.value-list-item .item-value {flex:0 0 auto;}
.value-list-item.large {min-height:55px;}

/* 세로 라인 리스트 */
.vertical-last-line-list {}
.vertical-last-line-list .list-cell {border-bottom:1px solid #f4f4f4}

/* 상세 테이블 리스트 */
.detail-table-list {}
.detail-table-list .list-row {display:flex; flex-wrap:wrap;}
.detail-table-list .list-header {border-bottom:2px solid #ebebeb;}
.detail-table-list .list-header .list-row {height:44px;}
.detail-table-list .list-header .item-header {font-size:13px;line-height:19px;font-weight:700; display:flex; align-items:center;justify-content:center;  box-sizing:border-box; padding:0 5px;}
.detail-table-list .list-body .item-body {flex:1 0 auto; min-height:48px; font-size:13px;line-height:19px; display:flex; align-items:center;justify-content:center;  box-sizing:border-box; padding:5px 10px;}
.detail-table-list .list-body .list-row {border-bottom:1px solid #f4f4f4;}

/* 데이타 없을 때 */
.list-none-data {font-size:16px; line-height:23px; color:#666; text-align:center; padding:50px 0;}
.none-simple-data {font-size:15px; line-height:23px; color:#666; padding:12px 0; text-align:center;}
.common-none-data {display:flex; width:100%;height:100%;align-items:center; text-align:center;}
.common-none-data .none-inner {width:100%;}
.common-none-data .item-visual {margin:0 auto;}
.common-none-data .item-info {font-size:16px; line-height:23px; font-weight:700; margin-top:16px;}
.common-none-data .item-info > span {display:block;font-size:14px;font-weight:400; color:#666;}
.common-none-data .item-btns {margin-top:20px; padding:0 50px;}
.common-none-data .item-desc {font-size:13px; line-height:19px; font-weight:400; margin-top:10px; color:#666; text-align:left; width:100%;}

.reserve-complete {padding:19px 0 0 0; text-align:center;}
.reserve-complete .common-none-data .item-info {font-size:18px; line-height:23px; font-weight:700; margin-top:37px;}
.reserve-complete .common-none-data .item-desc {font-size:14px; line-height:20px; margin-top:18px; text-align:center;}



/* 맵 */
.map-wrap {margin:0 -20px;}
.map-data {position:relative; height:200px; background:#fafafa; text-align:center;}
.map-text-pin {position:absolute;top:0;left:0;margin:-13px 0 0 -13px;}
.map-text-pin:before {content:''; position:absolute; top:100%; left:10px; margin-top:-2px; display:block; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #6840b1 transparent transparent transparent; z-index:0;}
.map-text-pin:after {content:''; position:absolute; top:100%; left:11px; margin-top:-2px; display:block; width: 0; height: 0; border-style: solid; border-width: 4px 3px 0 3px; border-color: #fff transparent transparent transparent; z-index:6;}
.map-text-pin-icon {flex:0 0 auto; display:inline-flex; width:26px; height:26px; align-items:center; justify-content:center;}
.map-text-pin-icon + .map-text-pin-info {padding-left:6px;}
.map-text-pin-info {flex:0 0 auto; font-size:13px; line-height:18px; font-weight:700; padding:4px 10px; white-space:nowrap;}
.map-text-pin-inner {position:relative;display:inline-flex; background:#fff; border-radius:13px; border:1px solid #6840b1; z-index:5;} 

.map-gps-pin {position:absolute;top:-23px;left:-23px;width:46px;height:46px;}
.map-gps-pin.yellow{background:url(https://image.banjjakpet.com/common/shop/icon/icon-map-gps-yellow.png) center center no-repeat; background-size:100% 100%;}
.map-gps-pin.red{background:url(https://image.banjjakpet.com/common/shop/icon/icon-map-gps-red.png) center center no-repeat; background-size:100% 100%;}
.map-user-pin {position:absolute;top:-20px;left:-20px;display:flex;align-items:center; justify-content:center;width:40px;height:40px; padding:2px; border-radius:50%; background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-sizing:border-box;}
.map-user-pin .user-thumb {width:36px;height:36px;}
.map-state-pin {position:absolute;top:-18px;left:-18px;display:flex;align-items:center; justify-content:center;width:36px;height:36px;}
.map-walk-pin {position:absolute;top:-20px;left:-20px;display:flex;align-items:center; justify-content:center;width:40px;height:40px; border:2px solid #fff; border-radius:50%; background:#fdd94e; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-sizing:border-box;}





/* 데이트 피커 */
.ui-widget {font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
/*.ui-datepicker {width:calc( 100vw - 40px ); border:1px solid #ebebeb; border-radius:4px;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); box-sizing:border-box;}*/

.ui-datepicker{border-radius:0;padding:51px 11px 20px 11px; margin:10px 0 0 0; background:#fff;border:1px solid #e5e5e5;text-align:center;  border-radius:8px; box-shadow: 3px 5px 8px 0 rgba(0, 0, 0, 0.2);}
.ui-datepicker .ui-datepicker-header{position:absolute; top:0; left:0;padding:0 44px;height:51px;border:none;background:none;margin-bottom:0;display:flex; width:100%;box-sizing:border-box; border-bottom:1px solid #cecece; border-radius:0;}
.ui-datepicker .ui-datepicker-title{margin:0;display:flex; align-items:center; justify-content:center;width:100%;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {line-height:28px;font-size:20px;color:#202020;font-weight:700}
.ui-datepicker .ui-state-default.ui-state-hover{}
.ui-datepicker .ui-widget-header .ui-icon{background:none;font-size:0}
.ui-datepicker .ui-datepicker-prev{position:absolute;top:0;left:0;width:44px;height:100%;background:url(https://image.banjjakpet.com/common/shop/datepicker/btn-calendar-before-arrow@2x.png) center center no-repeat;border:none;background-size:16px auto;}
.ui-datepicker .ui-datepicker-next{position:absolute;top:0;right:0;width:44px;height:100%;background:url(https://image.banjjakpet.com/common/shop/datepicker/btn-calendar-after-arrow@2x.png) center center no-repeat;border:none;background-size:16px auto;}
.ui-datepicker table{margin:0;font-size:0;table-layout:fixed;}
.ui-datepicker th{padding:3px 0 0 0;font-size:14px;font-weight:400;color:#202020;line-height:40px;}
.ui-datepicker td{padding:3px 0; text-align:center;}
.ui-datepicker .ui-state-disabled .ui-state-default {color:#b4b4b4;opacity:1;}
.ui-datepicker .ui-state-default{border:none !important;background:#fff !important;width:22px;height:22px;font-size:15px;color:#202020;text-align:center !important;line-height:22px;padding:0 !important;margin:0 auto; border-radius:50%;}
.ui-datepicker .ui-datepicker-current-day .ui-state-default{background:#fff2c1 !important;color:#202020 !important;font-weight:700 !important;}

.ui-datepicker.ui-datepicker-inline{position:relative;top:auto !important; left:auto !important; width:100%; height:auto; margin:0; border-radius:0;padding:0;background:#fff;border:none;width:100%;text-align:center; box-shadow:none;}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-header{padding:0 44px;height:28px;border:none;background:none;margin-bottom:3px;display:inline-block;width:auto;height:auto;border:none;position:relative;top:auto;left:auto;}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-title{margin:0;display:inline-block;width:auto;}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker.ui-datepicker-inline .ui-datepicker-title .ui-datepicker-month {line-height:28px;font-size:20px;color:#202020;font-weight:700}
.ui-datepicker.ui-datepicker-inline .ui-state-default.ui-state-hover{}
.ui-datepicker.ui-datepicker-inline .ui-widget-header .ui-icon{background:none;font-size:0}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-prev{position:absolute;top:0;left:0;width:44px;height:28px;background:url(https://image.banjjakpet.com/common/shop/datepicker/btn-calendar-before-arrow@2x.png) center center no-repeat;border:none;background-size:16px auto;}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-next{position:absolute;top:0;right:0;width:44px;height:28px;background:url(https://image.banjjakpet.com/common/shop/datepicker/btn-calendar-after-arrow@2x.png) center center no-repeat;border:none;background-size:16px auto;}
.ui-datepicker.ui-datepicker-inline table{margin:0;font-size:0;table-layout:fixed;}
.ui-datepicker.ui-datepicker-inline th{padding:0;font-size:13px;font-weight:400;color:#202020;line-height:48px;}
.ui-datepicker.ui-datepicker-inline td{padding:9px 0; text-align:center;}
.ui-datepicker.ui-datepicker-inline .ui-state-disabled .ui-state-default {color:#b4b4b4;opacity:1;}
.ui-datepicker.ui-datepicker-inline .ui-state-default{border:none !important;background:#fff !important;width:40px;height:40px;font-size:15px;color:#202020;text-align:center !important;line-height:40px;padding:0 !important;margin:0 auto; border-radius:50%;}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-current-day .ui-state-default{background:#6840b1 !important;color:#fff !important;font-weight:700 !important;}

/* 레이어 팝업 */
.layer-pop-wrap {position:fixed; top:0; left:100%; display:block; width:100%; height:100%; background-color:rgba(32,32,32,0.5); z-index:100000; visibility:hidden; opacity:0; overflow-y:auto; transition:left 0s 0.35s ease, visibility 0s 0.35s ease, opacity 0.35s 0s ease;}
.layer-pop-wrap.actived {left:0; visibility:visible; opacity:1; transition:left 0s 0s ease, visibility 0s 0s ease, opacity 0.35s 0s ease;}
.layer-pop-parent {display:table; width:100%; height:100%; table-layout:fixed;}
.layer-pop-children {display:table-cell; width:100%; height:100%; padding:20px; text-align:center; vertical-align:middle;}

.layer-pop-wrap.bottom {position:absolute; top:auto; left:auto; bottom:0; left:0; display:flex; flex-direction:column; justify-content:flex-end; width:100%; height:100%; visibility:visible; opacity:1; overflow:hidden; padding:0;transform:translate( 0% , 110%); background:rgba(32, 32, 32, 0); z-index:1000; box-sizing:border-box; transition:transform 0s 0.25s ease, background 0.25s 0s ease;}
.layer-pop-wrap.bottom.actived {left:auto; transform:translate( 0% , 0%); background:rgba(32, 32, 32, 0.5); transition:transform 0s 0s ease, background 0.25s 0s ease;}
.layer-pop-wrap.bottom.actived .pop-data {transform:translate(0% , 0%); transition:transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.layer-pop-wrap.bottom .layer-pop-parent {display:block; width:100%; height:auto;}
.layer-pop-wrap.bottom .layer-pop-children {display:block; width:100%; height:auto; padding:0;}
.layer-pop-wrap.bottom .pop-data {box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff; border-radius: 24px 24px 0px 0px; transform:translate(0% , 100%); transition:transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.layer-pop-wrap.bottom .btn-pop-close {position:absolute;top:12px;right:10px;width:56px;height:56px; font-size:0; z-index:5;background:url(https://image.banjjakpet.com/common/shop/icon/btn-top-close@2x.png) center center no-repeat; background-size:24px auto;}
.layer-pop-wrap.bottom .pop-header {display:flex; align-items:center; padding:28px 24px 26px 24px;}
.layer-pop-wrap.bottom .pop-header-title {font-size:18px; line-height:28px; font-weight:700;}
.layer-pop-wrap.bottom .pop-body {padding:0 24px 30px 24px;}

.layer-pop-wrap.full {background-color:rgba(255,255,255,1); overflow:hidden;}
.layer-pop-page {display:flex; flex-direction:column; width:100%; height:100%;}
.layer-page-header {position:relative; flex:0 0 auto; height:52px;}
.layer-page-header h1.page-title {position:relative; z-index:5; display:inline-flex;}
.layer-page-header .header-left {position:absolute; top:0; left:0; height:52px; display:flex; align-items:center;}
.layer-page-header .header-left .page-tab {padding:0 20px;}
.layer-page-header .header-right {position:absolute; top:0; right:0; height:52px; display:flex; align-items:center;}
.layer-page-header .header-center {position:absolute;top:0;left:0;width:100%; display:flex; align-items:center; justify-content:center; z-index:0;}
.layer-page-body {position:relative; flex:1; width:100%; height:100%; padding:0 20px 32px 20px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box;}
.layer-page-bottom {position:relative; flex:0 0 auto;}


.alert-pop-data {position:relative; background-color:#fff; padding-top:8px; border-radius:16px; overflow:hidden;}
.alert-pop-data .pop-header {display:flex; height:63px; align-items:center; justify-content:center;}
.alert-pop-data .pop-header + .pop-body {}
.alert-pop-data .pop-body {display:flex; align-items:center; justify-content:center; flex-direction:column; padding:20px 24px; font-size:16px; line-height:23px; color:#202020; text-align:center; box-sizing:border-box; word-break:keep-all;}
.alert-pop-data .pop-body.type-2 {padding:0 20px 30px 20px;}
.alert-pop-data .pop-body.type-3 {padding:0 20px 20px 20px;}
.alert-pop-data .pop-footer {display:flex; border-top:1px solid #cecece;}
.alert-pop-data .pop-footer .btn {position:relative; flex:1; display:flex; align-items:center; justify-content:center; border-radius:0; height:56px; font-size:18px; line-height:26px; font-weight:500; text-align:center; background:none; border:none;}
.alert-pop-data .pop-footer .btn + .btn {border-left:1px solid #cecece;}
.alert-pop-data .pop-footer .btn.btn-cancel {color:#202020;}
.alert-pop-data .pop-footer .btn.btn-confirm {color:#202020;}
.alert-pop-data .pop-footer .btn.press {background:#f0f0f0;}
.alert-pop-data .msg-title {font-size:18px; line-height:21px; font-weight:700; margin-bottom:10px;}
.alert-pop-data .form-group {width:100%; margin-top:20px;}
.alert-pop-data .form-group:only-child {margin-top:0;}
.alert-pop-data .btn-pop-close {position:absolute;top:12px;right:10px;width:56px;height:56px; font-size:0; z-index:5;background:url(https://image.banjjakpet.com/common/shop/icon/btn-top-close@2x.png) center center no-repeat; background-size:24px auto;}

.pop-body .basic-data-group {width:100%;}
/*
.alert-pop-data .pop-footer .btn.btn-check {color:#333;}
.alert-pop-data .pop-footer .btn.btn-point {color:#fff; background:#2090ef;}
*/

.layer-pop-bottom {position:absolute; top:auto; left:auto; bottom:0; left:0; display:block; width:100%; height:auto; visibility:visible; opacity:1; overflow:hidden; padding:28px 20px 20px 20px;transform:translate( 0% , 110%); box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); border-radius: 24px 24px 0px 0px; background:#fff; z-index:1000; box-sizing:border-box; transition:transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940), box-shadow 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.layer-pop-bottom.actived {left:auto; transform:translate( 0% , 0%);  box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.1); transition:transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940), box-shadow 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.layer-pop-bottom .btn-pop-close {position:absolute;top:12px;right:10px;width:56px;height:56px; font-size:0; z-index:5;background:url(https://image.banjjakpet.com/common/shop/icon/btn-top-close@2x.png) center center no-repeat; background-size:24px auto;}
.layer-pop-bottom .pop-header {display:flex; align-items:center; padding-bottom:16px;}
.layer-pop-bottom .pop-header-title {font-size:18px; line-height:28px; font-weight:700;}

/* 거리설정 팝업 */
.distance-set-range {}
.distance-set-range .info-txt {font-size:15px; line-height:20px;}
.distance-set-range .range-bar {margin-top:19px;}
.range-bar {display:block;position:relative; height:40px;}
.range-bar .bar{position:absolute;top:50%; left:0; display:block; width:100%; background:#ebebeb;outline:none;height:4px;margin-top:-2px; border:none;}
.range-bar .bar .ui-widget-header{background:#fdd94e;border:none;}
.range-bar .bar .ui-slider-handle{width:40px;height:40px;background:none !important;box-shadow:none; margin-left:-20px; top:-18px; border-radius:0;border:none !important;outline:none  !important;}
.range-bar .bar .ui-slider-handle:before {content:''; position:absolute;top:50%;left:50%;display:block;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #ebebeb; box-sizing:border-box; transform:translate(-50% , -50%);}
.range-bar .bar .ui-slider-handle.press:before {background-color:#f0f0f0;}
.range-bar + .range-value {margin-top:7px; text-align:center;}
.range-value {font-size:16px; line-height:19px; font-weight:500;}
.range-value > strong {font-size:18px;}
.range-value strong,
.range-value em {font-weight:700;}

/* 공통 컴포넌트 : 가격표 */
.price-data-wrap {width:100%;}
.price-data-wrap.type-2 {margin-top:0 !important;}
.price-data-wrap.type-3 {margin-top:8 !important;}
.price-data-group + .price-data-group {margin-top:32px;}
.price-data-title {font-size:16px; line-height:19px; font-weight:700;}
.price-data-title + .price-data-list {margin-top:16px;}
.price-data-list-cell {display:flex; align-items:flex-start; justify-content:space-between; line-height:1;}
.price-data-list-cell + .price-data-list-cell {margin-top:12px;}
.price-data-list-title {font-size:14px; line-height:20px; color:#8f8f8f;  text-align:left; max-width:50%;}
.price-data-list-value {font-size:16px; line-height:20px; color:#202020; font-weight:700; text-align:right; max-width:50%;}
.price-data-list-cell.read + .price-data-list-cell.read {margin-top:12px;}
.price-data-list-cell.read .price-data-list-title {font-size:16px; line-height:23px; color:#666; font-weight:500; max-width:35%;}
.price-data-list-cell.read .price-data-list-value {font-size:16px; line-height:23px; color:#202020; font-weight:500; max-width:65%;}
.price-data-list-cell.middle .price-data-list-title {font-size:16px; line-height:20px; color:#666; font-weight:500;}
.price-data-list-cell.middle .price-data-list-value {font-size:18px; line-height:20px; color:#666; font-weight:500;}
.price-data-list-cell.smiddle .price-data-list-title {font-size:15px; line-height:20px; color:#666; font-weight:500;}
.price-data-list-cell.smiddle .price-data-list-value {font-size:15px; line-height:20px; color:#202020; font-weight:700;}
.price-data-list-cell.smiddle + .price-data-list-cell.smiddle {margin-top:8px;}
.price-data-list-cell.total {margin-top:20px;}
.price-data-list-cell.total .price-data-list-title {font-size:18px; line-height:20px; color:#202020; font-weight:700;}
.price-data-list-cell.total .price-data-list-value {font-size:20px; line-height:20px; color:#6840b1; font-weight:700;}
.price-data-list-cell.total.small {margin-top:12px;}
.price-data-list-cell.total.small .price-data-list-title {font-size:14px; line-height:20px; color:#8f8f8f; font-weight:400;}
.price-data-list-cell.total.small .price-data-list-value {font-size:18px; line-height:20px; color:#202020; font-weight:700;}
.price-data-list-cell.total.line {margin-top:20px; padding-top:28px; border-top:1px solid #cecece}

/* 공통 컴포넌트 : 가격 배송 정보  */
.delivery-process-info {display:flex; align-items:center; justify-content:space-between; line-height:1;}
.delivery-process-info > em {font-size:14px; line-height:20px; color:#414141; font-weight:700; text-align:left;}
.delivery-process-info > p {font-size:15px; line-height:20px; color:#666; text-align:right;}
.delivery-process-bar {position:relative;margin-top:10px; width:100%; height:3px; background:#ebebeb;}
.delivery-process-bar .bar{position:absolute;top:0;left:0;width:100%;height:100%;background:#fdd94e ;}

/* 공통 컴포넌트 : 배송지 설정 */
.pop-body .address-list-wrap {padding-top:10px;}
.address-list-wrap {width:100%;}
.address-list-data {padding:10px 0 20px 0;}
.address-list-none {font-size:16px; line-height:23px; text-align:center; padding:16px 0 28px 0;}

.address-list-item {position:relative; padding:10px 0; text-align:left;}
.address-list-item .btn-address-del {display:block;width:16px;height:16px;margin-left:8px;}
.address-list-check {display:flex; align-items:center;}
.address-list-check .form-radiobox .form-check-icon > em {font-size:15px; font-weight:700;}
.address-list-item + .address-list-item {margin-top:10px;}
.address-list-value {font-size:14px; line-height:20px; color:#8f8f8f; margin-top:6px; padding:0 0 0 26px;}
.address-add-wrap {width:100%;}
.address-add-wrap .form-group {margin-top:0;}
.address-add-action {margin-top:28px; display:flex;}
.address-add-action > button,
.address-add-action > a {flex:1; width:100%;}
.address-add-action > button:first-child,
.address-add-action > a:first-child {flex:0 0 auto; width:95px; margin-right:10px;}

/* 메모 */
.memo-item {font-size:13px;line-height:19px;font-weight:500;padding:13px 20px; background:#f4f4f4; border-radius:5px; text-align:left; width:100%; box-sizing:border-box;}
.memo-item + .memo-item {margin-top:10px;}
.memo-item .memo-link {display:block; margin-top:8px;}
.memo-item .btn-memo-link {display:inline-flex; font-size:14px; line-height:20px; color:#666; align-items:center;}
.memo-item .btn-memo-link > .icon {flex:0 0 auto; margin-left:4px;}
.memo-item.type-2 {font-size:14px; line-height:20px;}
.memo-item .memo-item-title {font-size:15px; line-height:20px; font-weight:700; margin-bottom:8px;}
.memo-item .memo-item-txt {font-size:14px; line-height:20px;}
.memo-item.modify {position:relative; padding-right:60px;}
.memo-item.modify .btn-memo-del {position:absolute;top:0;right:0;display:flex;width:50px;height:45px;align-items:center;justify-content:center;z-index:5;}
.memo-item.large {padding:20px;}
.memo-item.small {padding:13px 14px;}
.memo-item .note-desc {font-size:14px;line-height:19px; display:flex; align-items:flex-start; text-align:left; font-weight:500;}
.memo-item .note-desc > em {flex:0 0 auto; margin-right:20px;}

/* 메시지 아이템 */
.msg-item {border:1px solid #ebebeb; padding:20px; border-radius:16px;}
.msg-item + .msg-item {margin-top:10px;}
.msg-item .item-check + .item-value {margin-top:14px;}
.msg-item .item-check + .item-date {margin-top:10px;}
.msg-item .item-date + .item-value {margin-top:4px;}
.msg-item .item-date {font-size:13px;line-height:20px;font-weight:500;color:#8f8f8f;text-align:left;}
.msg-item .item-value {font-size:14px;line-height:20px;text-align:left;}



/*========================================
@ 배너
========================================*/
/* 페이지 중단 배너 */
.page-middle-banner { margin-top:24px; }
.page-middle-banner:first-child {margin-top:0;}
.page-middle-banner + .user-detail-list {margin-top:20px;}
.page-middle-banner img {width:100%; max-width:none;}
.page-middle-banner .btn-banner-item {display:block; width:100%; border-radius:16px; overflow:hidden; box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.02);}
.page-middle-banner-info {font-size:14px;line-height:20px;color:#666;padding:0 12px; margin-top:10px;}

/* 하단 공통 배너 */
.btn-bottom-banner-item {display:block; border-radius:16px; overflow:hidden; box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.02);}
.btn-bottom-banner-item > img {width:100%; max-width:none;}

/* 파트너 중단 배너 */
/*.partner-middle-banner {margin:20px 0; background:#f4f4f4; padding:20px 20px 20px 17px; border-radius:8px; display:flex; align-items:center;}*/
.partner-middle-banner {display:flex; justify-content: center; margin-top: 20px; background:#e8e2f4; max-height: 110px; border-radius: 10px;}
.partner-middle-banner img {max-height: 110px;}
.partner-middle-banner_bg {display:flex; justify-content: center; margin-top: 20px; background:#FFE2EC; max-height: 110px; border-radius: 10px;}
.partner-middle-banner_bg img {max-height: 110px;}
.partner-middle-banner .icon {flex:0 0 auto; margin-right:10px;}
.partner-middle-banner .txt {flex:1; width:100%; font-size:16px;line-height:24px;font-weight:700;}
.partner-middle-banner .btn {flex:0 0 auto;border-radius:3px; background-color:transparent;}
.partner-middle-banner + .basic-data-group {margin-top:0;}

/* 메인 공통 배너 */
.page-banner-wrap {display:none;}
.page-banner-wrap.actived {display:block;}
.page-banner-inner {position:fixed; top:0;left:0;right:0;bottom:0;width:auto;height:auto;display:flex; align-items:center; padding:0 20px; box-sizing:border-box; background:rgba(32,32,32,0.5); z-index:15000;}
.page-banner-data {width:100%; overflow:hidden; border-radius:16px; background-color:#fff;  -webkit-mask-image: -webkit-radial-gradient(white, black);}
.page-banner-wrap .form-checkbox .form-check-icon > em {font-size:18px; font-weight:500;}
.page-banner-slider {position:relative;}
.page-banner-slider .swiper-page {position:absolute; bottom:12px; right:12px; z-index:15;}
.page-banner-slider .btn-swiper-slider-prev {position:absolute; top:50%; left:20px; display:block; width:40px; height:40px; font-size:0; padding:0; margin-top:-20px; z-index:15; border-radius:50%;}
.page-banner-slider .btn-swiper-slider-prev:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url('https://image.banjjakpet.com/common/shop/icon/control-paging-prev@2x.png') center center no-repeat; background-size:40px auto;}
.page-banner-slider .btn-swiper-slider-next {position:absolute; top:50%; right:20px; display:block; width:40px; height:40px; font-size:0; padding:0;  margin-top:-20px; z-index:15; border-radius:50%;}
.page-banner-slider .btn-swiper-slider-next:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url('https://image.banjjakpet.com/common/shop/icon/control-paging-next@2x.png') center center no-repeat; background-size:40px auto;}
.page-banner-slider .btn-swiper-slider-prev.swiper-button-disabled,
.page-banner-slider .btn-swiper-slider-next.swiper-button-disabled {opacity:0;}

/* 갤러리 공통 배너 */
/* 갤러리 공통 배너 */
.gallery-pop-wrap {display:none;}
.gallery-pop-wrap.actived {display:block;}
.gallery-pop-wrap .loading-bar {position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center; z-index:0; width:100%; height:100%;}
.gallery-pop-inner {position:fixed; top:0;left:0;right:0;bottom:0;width:auto;height:auto;display:flex; align-items:center; padding:0 20px; box-sizing:border-box; background:rgba(32,32,32,0.5); z-index:15000;}
.gallery-pop-data {position:relative;width:100%; transition:width 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940); will-change:width;}
.gallery-pop-slider {position:relative; width:100%; overflow:hidden; border-radius:16px; background:#fff; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0 , 0 , 0); -moz-transform:translate3d(0 , 0 , 0); -webkit-mask-image: -webkit-radial-gradient(white, black);}
.gallery-pop-slider .swiper-page {position:absolute; bottom:16px; left:16px; z-index:15;}
.gallery-pop-slider .slider-item {position:relative; padding-top:100%; background:#000;}
.gallery-pop-slider .slider-item .test {position:absolute;top:50%;left:50%;display:inline-block;font-size:24px;color:#ff6600;transform:translate(-50% , -50%); z-index:10;}
.gallery-pop-slider .slider-item img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover; z-index:5;}
.gallery-pop-slider .btn-swiper-slider-prev {position:absolute; top:50%; left:16px; display:block; width:40px; height:40px; font-size:0; padding:0; margin-top:-20px; z-index:15;}
.gallery-pop-slider .btn-swiper-slider-prev:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url('https://image.banjjakpet.com/common/shop/icon/circle-control-paging-prev@2x.png') center center no-repeat; background-size:40px auto;}
.gallery-pop-slider .btn-swiper-slider-next {position:absolute; top:50%; right:16px; display:block; width:40px; height:40px; font-size:0; padding:0;  margin-top:-20px; z-index:15;}
.gallery-pop-slider .btn-swiper-slider-next:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url('https://image.banjjakpet.com/common/shop/icon/circle-control-paging-next@2x.png.png') center center no-repeat; background-size:40px auto;}
.gallery-pop-slider .btn-swiper-slider-prev.swiper-button-disabled,
.gallery-pop-slider .btn-swiper-slider-next.swiper-button-disabled {opacity:0;}
.gallery-pop-ui {position:absolute; bottom:100%; right:0; display:flex; align-items:center; margin-bottom:12px;}
.btn-gallery-pop-nav {position:relative; display:flex; width:40px;height:40px;align-items:center; justify-content:center; border-radius:50%; background:rgba(0, 0, 0, 0.3);}
.btn-gallery-pop-nav + .btn-gallery-pop-nav {margin-left:12px;}
.btn-gallery-mode {position:relative;}
.btn-gallery-mode > span {position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);}
.btn-gallery-mode .off {opacity:1;}
.btn-gallery-mode .on {opacity:0;}
.btn-gallery-mode.actived .off {opacity:0;}
.btn-gallery-mode.actived .on {opacity:1;}
.gallery-thumb-data {position:absolute; top:0;right:0;display:block;width:123px; height:100%; padding:18px 24px; overflow-x:hidden; overflow-y:auto; background:rgba(32,32,32,0.7); z-index:15; box-sizing:border-box; transform:translate(110% , 0%); transition:transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.gallery-thumb-data .content-thumb {display:block;}
.gallery-thumb-data button.btn-gallery-thumb-nav,
.gallery-thumb-data a.btn-gallery-thumb-nav {position:relative; display:block; padding:100% 0 0 0; width:100%; border-radius:8px; background:#000; overflow:hidden;}
.gallery-thumb-data .btn-gallery-thumb-nav img{position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover; z-index:5;}
.gallery-thumb-data .btn-gallery-thumb-nav + .btn-gallery-thumb-nav {margin-top:16px;}
.gallery-thumb-data .btn-gallery-thumb-nav.actived:before {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:8px;border:2px solid #fdd94e; z-index:15;box-sizing:border-box;}
.gallery-thumb-data .btn-gallery-thumb-nav .test {position:absolute;top:50%;left:50%;display:inline-block;font-size:24px;color:#ff6600;transform:translate(-50% , -50%); z-index:10;}
.gallery-pop-wrap.thumb .gallery-pop-data {width:calc( 100% - 123px );}
.gallery-pop-wrap.thumb .gallery-thumb-data {transform:translate(0% , 0%);}
.gallery-pop-slider .slider-item.hide img {opacity:0;}
.gallery-thumb-data .btn-gallery-thumb-nav.hide img {opacity:0;}
.sk-fading-circle {  margin: 40px auto;  width: 40px;  height: 40px;  position: relative; }  .sk-fading-circle .sk-circle {    width: 100%;    height: 100%;    position: absolute;    left: 0;    top: 0; }  .sk-fading-circle .sk-circle:before {    content: '';    display: block;    margin: 0 auto;    width: 15%;    height: 15%;    background-color: #fff;    border-radius: 100%;    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }  .sk-fading-circle .sk-circle2 {    -webkit-transform: rotate(30deg);        -ms-transform: rotate(30deg);            transform: rotate(30deg); }  .sk-fading-circle .sk-circle3 {    -webkit-transform: rotate(60deg);        -ms-transform: rotate(60deg);            transform: rotate(60deg); }  .sk-fading-circle .sk-circle4 {    -webkit-transform: rotate(90deg);        -ms-transform: rotate(90deg);            transform: rotate(90deg); }  .sk-fading-circle .sk-circle5 {    -webkit-transform: rotate(120deg);        -ms-transform: rotate(120deg);            transform: rotate(120deg); }  .sk-fading-circle .sk-circle6 {    -webkit-transform: rotate(150deg);        -ms-transform: rotate(150deg);            transform: rotate(150deg); }  .sk-fading-circle .sk-circle7 {    -webkit-transform: rotate(180deg);        -ms-transform: rotate(180deg);            transform: rotate(180deg); }  .sk-fading-circle .sk-circle8 {    -webkit-transform: rotate(210deg);        -ms-transform: rotate(210deg);            transform: rotate(210deg); }  .sk-fading-circle .sk-circle9 {    -webkit-transform: rotate(240deg);        -ms-transform: rotate(240deg);            transform: rotate(240deg); }  .sk-fading-circle .sk-circle10 {    -webkit-transform: rotate(270deg);        -ms-transform: rotate(270deg);            transform: rotate(270deg); }  .sk-fading-circle .sk-circle11 {    -webkit-transform: rotate(300deg);        -ms-transform: rotate(300deg);            transform: rotate(300deg); }  .sk-fading-circle .sk-circle12 {    -webkit-transform: rotate(330deg);        -ms-transform: rotate(330deg);            transform: rotate(330deg); }  .sk-fading-circle .sk-circle2:before {    -webkit-animation-delay: -1.1s;            animation-delay: -1.1s; }  .sk-fading-circle .sk-circle3:before {    -webkit-animation-delay: -1s;            animation-delay: -1s; }  .sk-fading-circle .sk-circle4:before {    -webkit-animation-delay: -0.9s;            animation-delay: -0.9s; }  .sk-fading-circle .sk-circle5:before {    -webkit-animation-delay: -0.8s;            animation-delay: -0.8s; }  .sk-fading-circle .sk-circle6:before {    -webkit-animation-delay: -0.7s;            animation-delay: -0.7s; }  .sk-fading-circle .sk-circle7:before {    -webkit-animation-delay: -0.6s;            animation-delay: -0.6s; }  .sk-fading-circle .sk-circle8:before {    -webkit-animation-delay: -0.5s;            animation-delay: -0.5s; }  .sk-fading-circle .sk-circle9:before {    -webkit-animation-delay: -0.4s;            animation-delay: -0.4s; }  .sk-fading-circle .sk-circle10:before {    -webkit-animation-delay: -0.3s;            animation-delay: -0.3s; }  .sk-fading-circle .sk-circle11:before {    -webkit-animation-delay: -0.2s;            animation-delay: -0.2s; }  .sk-fading-circle .sk-circle12:before {    -webkit-animation-delay: -0.1s;            animation-delay: -0.1s; }@-webkit-keyframes sk-circleFadeDelay {  0%, 39%, 100% {    opacity: 0; }  40% {    opacity: 1; } }@keyframes sk-circleFadeDelay {  0%, 39%, 100% {    opacity: 0; }  40% {    opacity: 1; } }


.page-common-footer {position:relative;display:flex; align-items:center; height:56px; border-top:1px solid #ebebeb;}
.page-common-footer .week-none {padding:0 0 0 34px; width:100%; flex:1; box-sizing:border-box;}
.page-common-footer .btn-close {flex:0 0 auto; width:108px; height:56px; font-size:18px; line-height:56px; text-align:center; display:block; font-weight:500; border-left:1px solid #ebebeb}
.btn-page-banner-item {position:relative; display:block; padding-top:135.82%; background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-large.png) center center no-repeat; background-size:80px auto;}
.btn-page-banner-item img {position:absolute; top:0;left:0;width:100%;height:100%;}

/* 하단 공통 고객센터 */
.common-customer {padding:16px 0; border:1px solid rgba(104,64,177,0.3); border-radius:8px; text-align:center;}
.common-customer .item-tel > a {display:inline-block;font-size:16px; line-height:23px;}
.common-customer .item-tel > a > em {color:#6840b1;}
.common-customer .item-mail {margin-top:2px;}
.common-customer .item-mail > a {display:inline-block;font-size:13px; line-height:19px;color:#8f8f8f;}

/*========================================
@ 공통 레이아웃
========================================*/
/* 헤더 */
#header {position:fixed; top:0; left:0;width:100%;height:52px; background:#fff;z-index:100;  padding:0 20px; box-sizing:border-box;}
#container {display:flex; flex-direction:column; height:100%; box-sizing:border-box; overflow:hidden; width:100%;}
#header ~ #container {padding-top:52px;}
#header h1.page-title {position:relative; z-index:5; display:inline-flex;}
#header .header-left {position:absolute; top:0; left:0; height:52px; display:flex; align-items:center;}
#header .header-left .page-tab {padding:0 20px;}
#header .header-right {position:absolute; top:0; right:0; height:52px; display:flex; align-items:center;}
#header .header-center {position:absolute;top:0;left:0;width:100%; display:flex; align-items:center; justify-content:center; z-index:0;}
#header select.arrow {height:52px; font-size:16px;}
#header .reserve-state-bar {position:absolute;bottom:0;left:0;width:100%;margin:0;}
#container > form {position:relative; flex:1; width:100%; height:100%; display:flex; flex-direction:column; overflow:hidden;}
#container > form .page-body {}
.page-body {position:relative; flex:1; width:100%;padding:0 20px 32px 20px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box;}
.page-body.fix-bottom-page {padding-bottom:130px;}
.page-bottom {}
.page-contents {padding:20px 0 0 0;}
.page-contents.small {padding:8px 0 0 0;}
.page-contents.no-margin {padding:0;}
.page-labels {height:52px; display:flex; align-items:center; padding:0 36px;}
.page-bottom .btn-grid-group {padding:12px 20px 12px 20px; border-top:1px solid #cecece;}

.header-right .btn:last-child {margin-right:20px;}
.header-right .btn.btn-middle-size {height:40px; min-width:80px;}
.header-right .label-group {padding:0 20px;}
.header-input {padding:4px 40px 3px 0;}

/* gnb */
#gnb {position:fixed; top:0; left:0; display:flex; flex-direction:column; background:#fff; transform:translate(-100% , 0%); width:100vw; height:100%; z-index:2000; transition:transform 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
#gnb.actived {transform:translate(0% , 0%);}
#gnb .gnb-wrap {padding:0; width:100%; height:100%; flex:1; overflow-x:hidden; overflow-y:auto;}
.gnb-header {position:relative; height:52px; flex:0 0 auto; width:100%; padding:0 20px; box-sizing:border-box; text-align:left;}
.gnb-header .btn-page-close {position:absolute; top:0;right:0;}
.gnb-header .page-title {align-items:flex-start;}
.gnb-inner {padding:12px 20px 20px 20px;}
.gnb-wrap {}
.gnb-wrap .user-main-info {display:none;}
.gnb-wrap .basic-data-group + .basic-data-group {margin-top:40px;}
.gnb-wrap .basic-data-group:nth-child(1) {display:none;}
.gnb-wrap .basic-data-group + .basic-data-group:nth-child(2) {margin-top:0;}
.gnb-wrap .basic-data-group.middle + .basic-data-group {margin-top:20px;}
.gnb-wrap .user-main-info + .basic-data-group {margin-top:0;}
.gnb-wrap .con-title-group {margin-bottom:8px;}
.gnb-wrap .user-main-info {padding:0; background:#fff; margin:0 !important;}
.gnb-wrap .user-main-info .info-item-wrap .thumb-data {margin-right:14px;}
.gnb-wrap .btn-gnb-toggle-menu {width:100%; height:44px; position:relative; display:flex; align-items:center; font-size:18px; font-weight:700; line-height:21px;}
.gnb-wrap .btn-gnb-toggle-menu .icons {position:relative; width:24px; height:24px; margin-right:8px;}
.gnb-wrap .btn-gnb-toggle-menu .icons .off {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:1;}
.gnb-wrap .btn-gnb-toggle-menu .icons .on {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;}

/* navigation */
.common-navigation {position:relative; background-color:#fff; display:flex; border-top:1px solid #cecece; z-index:100;}
.btn-navigation-item {flex:1; position:relative; display:block; width:20%; height:56px; padding:10px 0 0 0; box-sizing:border-box; text-align:center; overflow:hidden;}
.btn-navigation-item .icon {position:relative;width:24px;height:24px;margin:0 auto; display:block;}
.btn-navigation-item .icon:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:center center;opacity:1;}
.btn-navigation-item .icon:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:center center;opacity:0;}
.btn-navigation-item .txt {position:relative; font-size:12px; line-height:16px; color:#8f8f8f;margin-top:2px; display:inline-block; padding:0 6px; z-index:5;}
.btn-navigation-item .txt.actived {background:#ff4848; border-radius:8px; color:#fff !important; font-weight:700;}
.btn-navigation-item.navigation-1 .icon:before {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_1_off.png);}
.btn-navigation-item.navigation-1 .icon:after {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_1_on.png);}
.btn-navigation-item.navigation-2 .icon:before {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_2_off.png);}
.btn-navigation-item.navigation-2 .icon:after {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_2_on.png);}
.btn-navigation-item.navigation-3 .icon:before {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_3_off.png);}
.btn-navigation-item.navigation-3 .icon:after {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_3_on.png);}
.btn-navigation-item.navigation-4 .icon:before {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_4_off.png);}
.btn-navigation-item.navigation-4 .icon:after {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_4_on.png);}
.btn-navigation-item.navigation-5 .icon:before {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_5_off.png);}
.btn-navigation-item.navigation-5 .icon:after {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_5_on.png);}
.btn-navigation-item.navigation-6 .icon:before {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_6_off.png);}
.btn-navigation-item.navigation-6 .icon:after {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_6_on.png);}
.btn-navigation-item.navigation-7 .icon:before {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_7_off.png);}
.btn-navigation-item.navigation-7 .icon:after {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_7_on.png);}
.btn-navigation-item.navigation-8 .icon:before {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_8_off.png);}
.btn-navigation-item.navigation-8 .icon:after {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_8_on.png);}
.btn-navigation-item.navigation-9 .icon:before {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_9_off.png);}
.btn-navigation-item.navigation-9 .icon:after {background-image:url(https://image.banjjakpet.com/common/shop/icon/navigation_9_on.png);}

.btn-navigation-item.navigation-10 .icon:before {background-image:url(https://image.banjjakpet.com/common/shop/icon/MO_shopping_nor.png);}
.btn-navigation-item.navigation-10 .icon:after {background-image:url(https://image.banjjakpet.com/common/shop/icon/MO_shopping_select.png);}


.btn-navigation-item.actived .txt {color:#202020; font-weight:500;}
.btn-navigation-item.actived .icon:before {opacity:0;}
.btn-navigation-item.actived .icon:after {opacity:1;}

.btn-navigation-item.navigation-4 .icon {opacity:0;}
.btn-navigation-item.navigation-4 .ani-icon {position:absolute;top:0;left:50%;display:block;width:75px;height:56px; transform:translate(-50% , 0);}
.btn-navigation-item.navigation-4 .ani-icon .ani-icon-off {position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/navigation_4_ani_off.gif) left top no-repeat; background-size:100% auto; opacity:1;}
.btn-navigation-item.navigation-4 .ani-icon .ani-icon-on {position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/navigation_4_ani_on.gif) left top no-repeat; background-size:100% auto; opacity:0;}
.btn-navigation-item.navigation-4.actived .ani-icon .ani-icon-off {opacity:0;}
.btn-navigation-item.navigation-4.actived .ani-icon .ani-icon-on {opacity:1;}


/* 하단 앱 다운로드 */
.page-body .app-footer {margin:32px -20px -32px -20px;}
.app-footer {padding:32px 36px; background-color:#f4f4f4;}
.app-footer .app-download {display:flex; width:100%; align-items:center;}
.app-footer .app-download .app-icon {flex:0 0 auto; width:88px; height:88px; border:1px solid #b4b4b4; box-sizing:border-box; margin-right:20px;}
.app-footer .app-download .device-icon {flex:1;}
.app-footer .app-download .device-icon > a + a {margin-top:8px;}
.app-footer .app-download .btn-ios {display:block;}
.app-footer .app-download .btn-aos {display:block;}
.app-footer .app-info {margin-top:24px;}
.app-footer .app-info .info-title {font-size:16px; line-height:23px; font-weight:700;}
.app-footer .app-info .info-txt {font-size:14px; line-height:20px; color:#666;}
.app-footer .app-info .info-txt > em {display:block; font-weight:700; margin-top:8px; color:#202020;}



/*========================================
@ 인트로 및 멤버쉽
========================================*/
/* 인트로 */
.intro {width:100%; height:100%; display:flex; align-items:center; justify-content:center; background-color:#fdd94e;}
.intro img {width:152px;}

/* 로그인 */
.login-wrap {}
.login-logo {padding:36px 0 60px 0;text-align:center; font-size:0;}
.login-logo img {width:156px;}
.login-wrap .form-group-cell + .form-group-cell {margin-top:24px;}
.login-agree {padding:19px 0 17px 0; display:flex; align-items:center; justify-content:space-between;}
.login-agree .btn-member {font-size:14px; line-height:20px;}
.login-btn-group {margin-top:38px;}
.login-btn-group .btn-login-item {position:relative; display:block; border-radius:5px; font-size:16px; line-height:48px; height:48px; text-align:center; font-weight:700;}
.login-btn-group .btn-login-item + .btn-login-item {margin-top:16px;}
.login-btn-group .btn-login-item.nomember {color:#202020; background:#fff; border:1px solid #ebebeb; box-sizing:border-box;}
.login-btn-group .btn-login-item.login {color:#000; background:#fdd94e;}
.login-btn-group .btn-login-item.naver {color:#fff; background:#03c75a;}
.login-btn-group .btn-login-item.naver:before {content:''; position:absolute;top:10px;left:16px;display:block;width:28px;height:28px;background:url(https://image.banjjakpet.com/common/shop/icon/logo-naver@2x.png) left top no-repeat;background-size:28px auto;}
.login-btn-group .btn-login-item.apple {color:#fff; background:#121315;}
.login-btn-group .btn-login-item.apple:before {content:''; position:absolute;top:10px;left:16px;display:block;width:28px;height:28px;background:url(https://image.banjjakpet.com/common/shop/icon/logo-apple@2x.png) left top no-repeat;background-size:28px auto;}
.login-btn-group .btn-simple-join {display:block;margin-top:16px; font-size:15px; line-height:44px; text-align:center; font-weight:500;}
.login-btn-group .btn-login-item.login.press {background:#eeca3f;}
.login-btn-group .btn-login-item.nomember.press {background:#f0f0f0;}
.login-btn-group .btn-login-item.naver.press {background:#00b952;}
.login-btn-group .btn-login-item.apple.press {background:#333;}

/* 비밀번호 아이디 찾기 */
.member-find-wrap {height:100%; display:flex; flex-direction:column;}
.member-find-data {flex:1; height:100%; display:flex; align-items:center; justify-content:center;}
.member-find-result {width:100%;text-align:center;}
.member-find-result .result-msg {font-size:14px; line-height:17px; color:#666; font-weight:500; margin-bottom:8px;}
.member-find-result .result-value {font-size:16px; line-height:23px; color:#202020; font-weight:700;}
.common-none-data .member-find-result {margin-top:45px;}

/* 회원가입 > 약관동의 */
.join-desc {font-size:20px; line-height:28px; font-weight:700; padding-top:44px;}
.agree-check-list {margin-top:38px; border-top:2px solid #ebebeb;;}
.agree-check-list .agree-check-item + .agree-check-item {margin-top:0;}
.agree-check-item .item-inner {display:flex; height:56px; flex-wrap:wrap; align-items:center;}
.agree-check-item .check-subject {flex:1; width:100%; text-align:left; font-size:16px; line-height:23px;}
.agree-check-item .check-value {flex:0 0 auto; margin:0 18px 0 10px;}
.agree-check-item .check-info {font-size:14px; line-height:20px; color:#666;}
.agree-check-item.all {border-bottom:1px solid #f4f4f4;}
.agree-check-item.all .check-subject {font-size:18px; font-weight:700;}
.agree-check-item.minor {margin-top:28px;}

/* 회원가입 > 휴대폰인증 */
.phone-confirm {margin-top:44px;}
.join-wrap .btn-member-phone {width:92px; padding:0;}

/* 회원가입 > 계정생성 */
.account-create {margin-top:36px;}

/* 회원가입 완료 */
.join-complete {width:100%; height:100%; flex:1; display:flex; align-items:center; justify-content:center; text-align:center;}
.join-complete-inner .logo {margin-bottom:45px;}
.join-complete-inner .logo img {}
.join-complete-inner .complete-user-id {font-size:20px; line-height:28px; font-weight:700;}
.join-complete-inner .complete-desc {margin-top:5px; font-size:16px; line-height:24px; color:#666;}
.join-complete-inner .complete-desc + .complete-desc {margin-top:18px;}

/* 권한 대기 */
/*.access-wait-wrap {margin-top:96px;}*/
.access-info-list {margin-top:40px; height: 100%}
.access-info-list .list-cell + .list-cell {margin-top:20px;}
.access-info-item {padding:24px; border:1px solid #ebebeb; border-radius:16px; text-align:center;}
.access-info-item .item-subject {font-size:18px; line-height:21px; font-weight:700;}
.access-info-item .item-desc {margin-top:6px; font-size:15px; line-height:20px;}
.access-info-item .item-msg {margin-top:20px; font-size:14px; line-height:20px; color:#8f8f8f;}
.access-info-item .item-btns {margin-top:20px; padding:0 54px;}
.access-info-item .item-btns .btn {border-radius:8px;}



/*========================================
@ 메인
========================================*/
/* 메인 */
.btn-main-today-item {display:flex; align-items:center; width:100%; min-height:112px; border-radius:16px; overflow:hidden; box-sizing:border-box; background:#f6f6f6; padding:0 11px 0 24px;}
.btn-main-today-item .item-visual > img {width:100%; max-width:none;}
.btn-main-today-item .item-desc {font-size:16px;line-height:23px;font-weight:700; flex:1; width:100%; padding:24px 0; word-break:keep-all;}
.btn-main-today-item .item-visual {flex:0 0 auto; width:120px; box-sizing:border-box; padding:8px 0;}
.main-big-banner {margin-top:10px;}
.main-big-banner .swiper-list {position:relative; margin:0 -20px; padding:0 20px;}
.main-big-banner .swiper-container {overflow:visible;}
.main-big-banner .swiper-page {position:absolute; bottom:24px; left:44px; z-index:15;}
.main-big-banner .btn-main-big-item {display:block; padding-top:100%; border-radius:14px; overflow:hidden; border:1px solid rgba(0, 0, 0, 0.02); background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-large.png) center center no-repeat; background-size:80px auto;}
.main-big-banner .btn-main-big-item > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;}
.main-use-banner {margin-top:32px;}
.main-reserve-wrap {margin-top:50px;}
.main-reserve-wrap .vertical-list-wrap {margin-top:16px;}
.main-reserve-wrap .current-km {font-size:13px; line-height:19px; color:#666;}
.main-master-banner {margin-top:50px;}
.main-best-wrap {margin-top:50px;}
.main-best-wrap .vertical-list-wrap .list-cell {padding:24px; border-radius:16px; background-color:#f4f4f4;}
.main-best-wrap .vertical-list-wrap .list-cell + .list-cell {margin-top:10px;}
.main-best-wrap .basic-list-item .thumb {width:92px; height:92px; background-color:#fff;}
.main-best-wrap .basic-list-item .info-wrap {min-height:92px;}
.main-md-wrap {margin-top:50px;}
.main-new-wrap {margin-top:50px;}
.main-new-wrap .horizontal-swiper-scoller + .horizontal-swiper-scoller {margin-top:32px;}
.main-store-wrap {margin-top:50px;}

.main-category-wrap {margin-top:28px;}
.main-category-wrap .sort-tab-data {margin-top:6px;}
.main-category-wrap .horizontal-swiper-scoller {margin:0 -25px;}
.main-category-wrap .horizontal-swiper-scoller .scroller-inner .scroller-item {padding:0 5px;}
.main-category-wrap .btn-category-item {display:block;}
.main-category-wrap .btn-category-item .txt {white-space:nowrap;position:relative; left:50%; transform:translate(-50% , 0%); display:inline-block;}
.main-category-wrap .btn-category-item .icons {border:none;}

.btn-category-item {position:relative; width:66px;}
.btn-category-item .icons {position:relative; width:66px; height:66px; overflow:hidden;border-radius:50%;border:1px solid rgba(0,0,0,0.02); /*background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-small.png) center center no-repeat;*/ background-size:40px auto;}
.btn-category-item .icons > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.btn-category-item .txt {font-size:13px;line-height:19px;font-weight:500;text-align:center;margin-top:7px;}

.page-body .page-footer {margin:32px -20px -32px -20px;}
.page-footer {padding:32px 20px; background:#f4f4f4; text-align:center;}
.footer-business {margin-bottom:14px;}
.footer-business .btn-footer-business {display:inline-block;position:relative;padding:0 14px 0 0; font-size:14px;line-height:20px;height:20px;font-weight:500;}
.footer-business .btn-footer-business:after {content:'';position:absolute;top:0;right:0;display:block;width:10px;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/btn-info-spread@2x.png) center center no-repeat;background-size:10px auto;}
.footer-business.actived .btn-footer-business:after {transform:rotate(-180deg);}
.footer-business.actived .footer-address {display:block;}
.footer-address {font-size:13px;line-height:19px;color:#666;text-align:center;margin-top:20px;display:none;}
.footer-customer-menu {margin-top:14px;}
.footer-customer-menu > ul {display:inline-flex; align-items:center;}
.footer-customer-menu > ul > li {position:relative;}
.footer-customer-menu > ul > li + li {margin-left:8px;padding-left:8px;}
.footer-customer-menu > ul > li + li:before {content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:12px;margin-top:-6px;background:#ebebeb;}
.footer-customer-menu > ul > li > a {display:block; font-size:13px;line-height:19px;font-weight:500;}
.footer-etc-menu {margin-top:0;}
.footer-etc-menu > ul {display:inline-flex; align-items:center;}
.footer-etc-menu > ul > li {position:relative;}
.footer-etc-menu > ul > li + li {margin-left:8px;padding-left:8px;}
.footer-etc-menu > ul > li + li:before {content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:12px;margin-top:-6px;background:#b4b4b4;}
.footer-etc-menu > ul > li > a {display:block; font-size:13px;line-height:19px;font-weight:500;color:#666;}
.footer-copy {margin-top:6px; font-size:12px;line-height:16px;font-weight:400; color:#8f8f8f;}

.page-bottom + .common-bottom-ui {bottom:88px;}
.common-bottom-ui {position:fixed; bottom:88px; right:20px; z-index:500;}
.common-bottom-ui.left {left:20px; right:auto;}
.common-bottom-ui.right {right:20px; left:auto;}

/* 이벤트 페이지 하단 */
.common-event-bottom-ui {position:fixed; bottom:30px; right:20px; z-index:500;}
.common-event-bottom-ui.left {left:20px; right:auto;}
.common-event-bottom-ui.right {right:20px; left:auto;}
.common-event-bottom-ui.higher {bottom:86px}
/* 알람 리스트 */
.alarm-list-wrap {}
.alarm-list-wrap .list-cell + .list-cell {margin-top:16px; padding-top:16px; border-top:1px solid #f4f4f4;}
.alarm-list-wrap.delete .alarm-list-item .btn-alarm-del {display:block;}
.alarm-list-wrap.delete .alarm-list-item .item-subject {padding-right:29px;}
.alarm-list-item {display:flex; width:100%; position:relative;}
.alarm-list-item .logo {flex:0 0 auto; width:44px; height:44px; margin-right:12px; border-radius:50%; background-color:#fdd94e; border: solid 1px rgba(0, 0, 0, 0.02);}
.alarm-list-item .logo img {width:100%; height:100%; object-fit:cover;}
.alarm-list-item .info-wrap {flex:1; width:100%;}
.alarm-list-item .item-subject {font-size:16px; line-height:23px; font-weight:700;}
.alarm-list-item .item-info {font-size:14px; line-height:20px; margin-top:2px;}
.alarm-list-item .item-date {font-size:13px; line-height:19px; color:#b4b4b4; font-weight:500; margin-top:4px;}
.alarm-list-item .btn-alarm-del {position:absolute;top:-16px;right:-16px;display:none;width:56px;height:56px; font-size:0; z-index:5;background:url(https://image.banjjakpet.com/common/shop/icon/btn-top-close@2x.png) center center no-repeat; background-size:24px auto; opacity:0.5;}

/* 입점 신청하기 */
.import-request {padding-top:32px;}
.import-request-slider {position:relative; margin-top:20px;}
.import-request-slider .slider-inner {border-radius:16px; -webkit-mask-image: -webkit-radial-gradient(white, black); overflow:hidden; box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.02);}
.import-request-info {font-size:16px; line-height:19px; margin-top:20px; text-align:center; margin-bottom:24px;}
.import-request-complete {padding:105px 0; text-align:center;}
.import-request-complete .item-visual {}
.import-request-complete .item-info {font-size:18px; line-height:23px; font-weight:700; margin-top:36px;}
.import-request-complete .item-value {font-size:14px; line-height:20px; margin-top:15px; padding:0 25px; word-break:keep-all;}
.import-request-agree {}

.agree-check-arrow {display:flex; align-items-flex-start;}
.agree-check-arrow .btn-agree-check-arrow {flex:0 0 auto; margin-right:-22px;}
.btn-agree-check-arrow {position:relative; display:block; width:60px; height:54px; background:url(https://image.banjjakpet.com/common/shop/icon/btn-arrow-right-middle-black.png) center center no-repeat; background-size:16px auto;}
.agree-check-input {padding:17px 0; flex:1; width:100%; line-height:1;}

/* 약관 */
.terms-wrap {padding-top:20px;}
.terms-group + .terms-group {margin-top:24px;}
.terms-group h3 {font-size:13px; line-height:16px; font-weight:700;}
.terms-group .terms-sentence {font-size:12px; line-height:16px; }
.terms-group .terms-sentence + .terms-sentence {margin-top:10px;}

table.terms-table {width:100%; text-align:center; table-layout:fixed;}
table.terms-table > thead > tr > th {padding:5px 10px; font-size:12px; line-height:16px; color:#202020; font-weight:700; border:1px solid #e8e8e8; background-color:#fff; vertical-align:middle; text-align:center;}
table.terms-table > tbody > tr > td {padding:5px 10px; font-size:12px; line-height:16px; color:#202020; border:1px solid #e8e8e8; background-color:#fff; vertical-align:middle; text-align:left;}

.horizontal-swiper-table {margin:0 -20px; padding:0 0 0 0; overflow-y:hidden; overflow-x:visible;}
.horizontal-swiper-table::-webkit-scrollbar-track {background-color: transparent;}
.horizontal-swiper-table::-webkit-scrollbar {background-color: transparent;}
.horizontal-swiper-table::-webkit-scrollbar-thumb {background-color: transparent;}
.horizontal-swiper-table .scroller-inner {display:flex; flex-wrap:nowrap; padding:0 20px;}
.horizontal-swiper-table .scroller-inner:after {content:''; flex:0 0 20px;}
.horizontal-swiper-table table.terms-table {width:160%; flex:0 0 160%;}



/*========================================
@ 쇼핑
========================================*/

/* 22.07.01 상세페이지 썸네일, 상세이미지 + 기획전 타이틀 배너 설정 추가 */
.shop-view-gallery .slider-item img {width: 100%;}
.shop-view-detail-data img {width: 100% !important;}
.main-big-banner img {width: 100%;}

/* 상품 상세 */
.product-view-group {margin-top:50px;}
.product-view-group:first-child {margin-top:0;}

/* 상품 상세 > 대표이미지 */
.product-view-gallery {position:relative; margin:0 -20px;}
.product-view-gallery .label-group {position:absolute; top:12px; left:12px; z-index:15;}
.product-view-gallery .swiper-page {position:absolute; bottom:12px;right:12px;z-index:15;}
.product-view-gallery .slider-item {display:block; position:relative; padding-top:100%;}
.product-view-gallery .slider-item > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}

/* 상품 상세 > 상품 정보 */
.product-info-data {margin-top:0; padding:20px 0 22px 0; border-bottom:2px solid #ebebeb; text-align:center;}
.product-info-data .item-name {font-size:22px; line-height:30px; font-weight:700;}
.product-info-data .item-grade {margin-top:4px; display:flex; align-items:center; justify-content:center; font-size:14px; line-height:20px; font-weight:400;}
.product-info-data .item-grade > em {font-weight:700; margin-right:3px;}
.product-info-data .item-grade > .icon {margin-left:2px;}
.icon-star-group {display:inline-flex; align-items:center; margin-right:6px;}
.product-info-data .item-desc {position:relative;margin-top:6px; font-size:13px; line-height:19px; color:#8f8f8f; display:flex;}
.product-info-data .item-desc .txt {width:100%; flex:1; display:-webkit-box; max-height:38px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.product-info-data .item-desc .btn-desc-more {flex:0 0 auto; align-self:flex-end; font-size:13px; line-height:19px; color:#b4b4b4;}
.product-info-data .item-desc.actived {padding-bottom:24px;}
.product-info-data .item-desc.actived .txt {display:block; max-height:none;}
.product-info-data .item-desc.actived .btn-desc-more {position:absolute; bottom:0; right:0;}
.product-info-data .item-btns {margin-top:20px;}
.product-info-data .item-btns > ul {display:flex;}
.product-info-data .item-btns > ul > li {flex:1; position:relative;}
.product-info-data .item-btns > ul > li + li:before {content:''; position:absolute;top:50%;left:0;display:block;width:1px;height:50px;margin-top:-25px;background:#f3f3f3;}
.product-info-data .item-btns .btn-item-nav {position:relative; display:block; padding-top:39px; font-size:14px; line-height:20px; text-align:center;}
.product-info-data .item-btns .btn-item-nav .icon {position:absolute; top:0; left:50%; transform:translate(-50% , 0%);}

/* 상품 상세 > 매장 정보 */
.product-view-store {margin-top:20px;}
.product-view-store .text-list-wrap {margin-top:4px;}

/* 상품 상세 > 포트폴리오 */
.portfolio-list-wrap {}
.portfolio-list-wrap .list-inner {display:flex; flex-wrap:wrap; margin:-5px;}
.portfolio-list-wrap .list-inner .list-cell {padding:5px; width:33.33%;  box-sizing:border-box;}
.portfolio-list-wrap .btn-portfolio-item {position:relative; display:block; padding-top:100%; overflow:hidden;  border-radius: 12px; border: solid 1px rgba(0, 0, 0, 0.02);}
.portfolio-list-wrap .btn-portfolio-item > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}

/* 상품 상세 > 서비스 */
.product-view-service .accordion-list {margin-top:14px;}
.product-view-service .accordion-list .btn-accordion-menu {padding-left:8px;}
.product-view-service .read-table {margin-top:-16px;}

/* 상품 상세 > 이용 후기 */
.product-view-review .comment-list-wrap{margin-top:8px;}

/* 샵 상세 */
.shop-view-wrap {padding-top:10px;}
.shop-view-wrap .gallery-list {overflow:hidden; border-radius:16px; background:#fff; -webkit-mask-image: -webkit-radial-gradient(white, black); box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.02);}
.shop-view-wrap .gallery-list .slider-item {display:block; position:relative;}
.shop-view-wrap .gallery-list .slider-item > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.shop-view-wrap .con-title-group + .comment-list-wrap {margin-top:8px;}
.shop-share-wrap {display:flex; align-items:flex-start; justify-content:space-around;}
.shop-share-wrap > a {display:block; text-align:center;}
.shop-share-wrap .txt {display:block; font-size:13px;line-height:19px;color:#666;margin-top:6px;text-align:center;;}

/* 샵 상세 > 가격정보 */
.shop-info-wrap {margin-top:24px;}
.shop-info-wrap .product-option-wrap {margin-top:28px;}
.shop-info-wrap .item-grade {display:inline-flex; align-items:center; font-size:14px; line-height:16px; font-weight:400; white-space:nowrap;}
.shop-info-wrap .item-grade > em {font-weight:700; margin-right:3px; margin-left:4px;}
.shop-info-wrap .item-grade .icon-arrow-right-small {margin-left:6px;}
.shop-info-wrap .btn-grid-group {margin-top:27px;}
.shop-info-name {font-size:20px;line-height:28px;font-weight:700; text-align:left;}
.shop-info-price-group {margin-top:10px; display:flex; width:100%; align-items:center; justify-content:space-between;}
.shop-info-price-group .btn-shop-share {margin-right:-6px;}
.shop-info-price {display:flex; align-items:center;}
.shop-info-price > * + * {margin-left:8px;}
.shop-info-price .price-sale {font-size:18px; line-height:28px; color:#ff4848; font-weight:700;}
.shop-info-price .price-value {font-size:18px; line-height:28px; color:#202020; font-weight:700;}
.shop-info-price .price-value del {font-size:16px; color:#8f8f8f;}
.shop-info-delivery-group {display:flex; width:100%; align-items:center; justify-content:space-between;}
.shop-info-delivery {display:inline-flex;font-size:16px; line-height:20px; color:#666;  align-items:center;}
.shop-info-delivery > em {flex:0 0 auto; margin-right:6px;}
.btn-shop-share {display:flex;width:48px;height:48px;align-items:center;justify-content:center;}
.btn-shop-share .icon-share-gray {background-image:url(https://image.banjjakpet.com/common/shop/icon/btn-top-share@2x.png); background-size:36px auto;}
.shop-price-total {display:flex;  align-items:center;  justify-content:flex-end; text-align:right; margin-top:27px;font-size:20px;line-height:30px;font-weight:700;}
.shop-price-total > em {flex:0 0 auto; font-size:16px;color:#666;font-weight:500;margin-right:12px}

.mobile-web-wrap {padding:20px;}
.mobile-web-info {display:flex; align-items:flex-start;}
.mobile-web-info .logo {flex:0 0 auto; width:88px; margin-right:14px;}
.mobile-web-info .info-wrap {flex:1; width:100%; text-align:left; padding-top:8px;}
.mobile-web-info .info-title {font-size:18px;line-height:24px;font-weight:700;}
.mobile-web-info .info-txt {display:flex; align-items:flex-start; width:100%; line-height:1; margin-top:10px;}
.mobile-web-info .info-star {flex:0 0 auto; display:inline-flex; align-items:center; margin-right:7px;}
.mobile-web-info .info-star .icon + .icon {}
.mobile-web-info .info-value {font-size:12px; line-height:16px; flex:1; width:100%; text-align:left;}
.mobile-web-wrap .btn-app-view {margin-top:20px;}
.mobile-web-wrap .btn-web-view {margin-top:16px; display:flex; width:100%; height:44px; align-items:center; justify-content:center;text-align:center;font-size:14px;line-height:19px;color:#b4b4b4; text-decoration:underline;}

.mobile-web-top {position:fixed;top:0;left:0;display:none; width:100%;  z-index:1500;}
.mobile-web-top-inner {display:flex; align-items:center; width:100%;height:92px; padding-right:25px; box-sizing:border-box; background:#fff; border-bottom:1px solid #c9cbd0;}
.mobile-web-top-inner .btn-page-close {flex:0 0 auto; width:54px; height:54px;}
.mobile-web-top-inner .logo {flex:0 0 auto;width:52px;height:52px;background:url(https://image.banjjakpet.com/common/shop/icon/icon-mobile-web-top-logo.png) center center no-repeat; background-size:52px auto;}
.mobile-web-top-inner .desc {flex:1; width:100%; font-size:14px; line-height:20px; font-weight:700; padding:0 0 0 16px;}
.mobile-web-top-inner .btn-app-move {flex:0 0 auto; display:inline-block; font-size:13px;line-height:34px;color:#000;font-weight:700;background:#fdd94e; border-radius:17px; padding:0 10px; white-space:nowrap; margin-left:auto;}

.icon-mobile-web-top-logo {}



/* 샵 상세 > 하단 */
.shop-view-detail-wrap {margin-top:40px; padding-top:10px; border-top:1px solid #cecece;}
.shop-view-detail-data {padding:10px 0;}
.shop-view-detail-info + .shop-view-detail-info {margin-top:20px;}
.shop-view-detail-info .title {font-size:14px;line-height:20px;color:#414141; font-weight:700; margin-bottom:4px;}
.shop-view-detail-info .detail {font-size:13px;line-height:19px;color:#666;}

/* 공통 검색 */
.basic-search-wrap {}
.basic-search-wrap .search-info-txt {font-size:20px; line-height:28px; font-weight:700;}
.basic-search-wrap .input-wrap {margin-top:16px;}
.basic-search-wrap .btn-gps-set {margin-top:8px;}
.basic-search-wrap + .basic-data-group {margin-top:32px;}
.search-info-txt + .toggle-button-group {margin-top:28px;}

/* 샵 정보 관리 */
.shop-management {}
.shop-picture-modify {display:flex; margin-bottom:32px;}
.shop-picture-modify .picture-add-group {flex:0 0 auto; width:105px; margin-right:20px;}
.shop-picture-modify .shop-picture-info {padding-top:8px; flex:1; width:100%; text-align:left;}
.shop-picture-modify .shop-picture-info .shop-name {font-size:15px; line-height:20px; font-weight:700;}
.shop-picture-modify .shop-picture-info .shop-info {margin-top:4px; font-size:14px; line-height:20px;}
.shop-picture-modify .shop-picture-info .btn-modify {display:inline-flex;height:38px; padding:0 26px 0 24px; margin-top:10px; font-size:14px; line-height:20px; align-items:center; border:1px solid #cecece; border-radius:8px;}
.shop-picture-modify .shop-picture-info .btn-modify .icon {margin-right:13px;}
.picture-view-wrap {display:flex;}
.picture-view {width:105px; height:105px; overflow:hidden; border-radius:12px; flex:0 0 auto; margin-right:20px; box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.02);}
.picture-view img {width:100%;height:100%; object-fit:cover;}

.btn-picture-add {display:flex; width:105px; height:105px; align-items:center;justify-content:center; text-align:center; border:1px solid #cecece; border-radius:12px; box-sizing:border-box;}
.btn-picture-add .icon {}
.btn-picture-add .add-label {font-size:14px; line-height:20px; margin-top:8px;}

.btn-picture-mod {align-self:flex-end; display:inline-flex; align-items:center;justify-content:center;  font-size:14px; line-height:20px; height:40px; border:1px solid #ebebeb; border-radius:8px; padding:0 19px;}
.btn-picture-mod .icon {flex:0 0 auto; margin-right:13px;}

/* 영업지역 리스트 */
.form-item-data .area-group-list {margin-top:8px;}
.area-group-item {}
.area-group-item .area-title {font-size:13px; line-height:19px; height:36px; align-items:center; font-weight:700;display:flex;}
.area-item-list {}
.area-item-list .list-inner {display:flex; margin:-5px; flex-wrap:wrap;}
.area-item-list .list-inner .list-cell {padding:5px; box-sizing:border-box; width:25%;}
.area-word-item {display:flex; min-height:32px; padding:5px 10px; font-size:14px; line-height:20px; color:#202020; align-items:center; justify-content:center; box-sizing:border-box; border:1px solid #cecece; border-radius:5px; word-break:break-all;}

.license-list {padding-top:16px;}
.none-license {font-size:13px; line-height:19px; color:#8f8f8f;}

/* 라이센스 등록 */
.license-add-wrap .picture-add-group {margin-top:28px;}
.license-add-wrap .line-text-list .list-cell {color:#666;}
.license-add-wrap .line-text-list .list-cell + .list-cell {margin-top:0px;}

/* 출장지 등록 */
.bussiness-trie-info {padding:12px 0;font-size:14px; line-height:20px; font-weight:700;}
.bussiness-trip-select {margin-top:12px;}
.bussiness-trip-select .total-select {display:flex; justify-content:flex-end;}
.bussiness-trip-select .total-select .btn-form-total-select {font-size:14px; line-height:20px; color:#8f8f8f; height:44px; padding:0 24px; margin:0 -20px;}
.bussiness-trip-select .btn-add {margin-top:20px;}
.bussiness-trip-none {margin-top:24px; border-top:1px solid #ebebeb; font-size:15px; line-height:23px; font-weight:500; padding:25px 0; color:#666; text-align:center;}
.bussiness-trip-list {margin-top:24px; border-top:1px solid #ebebeb; padding-top:12px;}
.bussiness-trip-list .area-group-item .area-title {font-size:16px; line-height:20px; height:44px;}
.bussiness-trip-list .area-group-item + .area-group-item {margin-top:20px;}
.bussiness-trip-list .area-item-list {margin-top:8px;}
.bussiness-trip-list .area-item-list .list-inner {margin:-4px;}
.bussiness-trip-list .area-item-list .list-inner .list-cell {padding:4px; width:33.33%;}

/* 샵 검색 */
.shop-search-wrap {padding-top:20px;}
.shop-search-wrap .common-none-data:first-child {padding-top:36px;}
.search-result-option {font-size:16px; line-height:23px;}

/* 샵 카테고리 */
.shop-category-menu {margin-top:13px;}
.shop-category-menu .swiper-page {position:relative; width:100%; margin-top:15px; padding-top:12px; font-size:14px; line-height:18px; color:#666; font-weight:500; text-align:center; white-space:normal; height:auto; background:none;border-radius:0; border-top:1px solid #f4f4f4; box-sizing:border-box;}

.shop-category-menu-list {display:flex; width:100%; }
.shop-category-menu-list > a,
.shop-category-menu-list > button {width:33.33%; display:flex; font-size:14px; line-height:20px; height:44px; align-items:center; justify-content:center; color:#8f8f8f;}
.shop-category-menu-list > a.press,
.shop-category-menu-list > button.press {background:#f0f0f0;}
.shop-category-menu-list > a.actived,
.shop-category-menu-list > button.actived {font-weight:700;color:white; background: #6840b1;}


/* 장바구니 */
.shop-cart-wrap {padding-top:8px;}
.shop-cart-all {display:flex; align-items:center; height:56px;}
.shop-cart-all .form-checkbox .form-check-icon > em {font-size:18px; font-weight:700;}
.shop-cart-all + .basic-data-group {margin-top:22px;}
.shop-cart-list {margin-top:2px;}
.shop-cart-list-cell {position:relative; padding:10px 0; border-bottom:1px solid #f4f4f4;}
.shop-cart-list-cell.soldout:before {content:'일시품절'; position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:10px -20px; display:flex; align-items:center; justify-content:center; font-size:18px; line-height:24px;color:#fff;text-align:center;background:rgba(32, 32, 32, 0.8); z-index:15;}
.shop-cart-items {padding:0 0 20px 0;}
.shop-cart-header {display:flex; align-items:center; justify-content:space-between; line-height:1; height:52px;}
.shop-cart-number {font-size:15px; line-height:23px; color:#666;}
.btn-shop-cart-view {height:53px; display:inline-flex; align-items:center; font-size:14px; line-height:20px;}
.btn-shop-cart-view > .icon {margin-left:8px}
.shop-cart-ui {display:flex; align-items:center;}
.shop-cart-ui-cell + .shop-cart-ui-cell {position:relative; margin-left:12px; padding-left:14px;}
.shop-cart-ui-cell + .shop-cart-ui-cell:before {content:''; position:absolute; top:50%; left:0;display:block;width:2px;height:16px;margin-top:-8px;background:#d8d8d8;}
.shop-cart-ui .btn-shop-cart-ui-item {font-size:15px; line-height:52px; height:52px; color:#8f8f8f; font-weight:500;}
.shop-cart-body .item-info-wrap {position:relative; display:flex;}
.shop-cart-body .item-info-wrap .item-thumb {flex:0 0 auto; width:105px; height:105px; border-radius:12px; overflow:hidden; margin-right:12px; box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.02); /*background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-large.png)*/ center center no-repeat; background-size:80px auto;}
.shop-cart-body .item-info-wrap .item-thumb img {width:100%;height:100%; object-fit:cover;}
.shop-cart-body .item-data {flex:1; width:100%; display:flex; min-height:100%; align-items:flex-start; box-sizing:border-box; padding-top:6px;}
.shop-cart-body .item-data-inner {width:100%;}
.shop-cart-body .item-name {font-size:15px; line-height:20px;}
.shop-cart-body .item-option {margin-top:8px; font-size:15px; line-height:19px; color:#8f8f8f; display:flex; align-items:center; flex-wrap:wrap; font-weight:500;}
.shop-cart-body .item-option-division {flex:0 0 auto; margin:0 10px;}
.shop-cart-body .item-price {margin-top:6px; font-size:17px; line-height:19px; font-weight:700;}
.shop-cart-body .item-total-price {margin-top:12px; font-size:16px; line-height:23px;color:#666; text-align:left;}
.shop-cart-body .label-shop-state {position:absolute;bottom:0;right:0;}

/* 샵 상세 */
.product-option-wrap {text-align:left;}
.product-option-wrap + .price-data-wrap {margin-top:12px;}
.product-option-title {font-size:15px; line-height:20px;font-weight:700;margin-bottom:12px;}
.product-option-select {display:flex; align-items:center; width:100%;}
.product-option-select > select {flex:1; width:100%;}
.product-option-select > button {flex:0 0 auto;}
.product-option-select + .product-option-list {margin-top:20px;}
.product-option-items + .product-option-items {margin-top:10px;}
.product-option-items {position:relative; padding:16px; background:#f4f4f4; border-radius:8px;}
.product-option-items .product-option-amount {margin-top:10px;}
.product-option-items .btn-product-option-del {position:absolute;top:0;right:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center; z-index:5;}
.product-option-items-name {font-size:15px;line-height:20px;font-weight:500; padding-right:48px;}

/* 주문서 작성 */
.order-wrap {padding-top:10px;}
.order-product-wrap {margin-top:16px;}
.order-product-wrap .shop-cart-items {padding:10px 0;}
.order-product-wrap > div:first-child ~ div {display:none;}
.order-product-wrap.actived > div:first-child ~ div {display:block;}
.btn-order-product-toggle {margin-top:10px;}

/* 주문 완료 */
.order-complete-wrap {min-height:100%; display:flex; flex-direction:column;}
.order-complete {text-align:center;}
.order-complete .item-visual {}
.order-complete .item-info {font-size:20px; line-height:30px; font-weight:700; margin-top:3px;}
.order-complete .item-value {font-size:16px; line-height:24px; margin-top:8px;}
.order-complete .item-value > em {color:#6840b1;}

.order-bank-card {margin-top:20px; padding:20px 20px 25px 20px; border:1px solid #ebebeb; border-radius:16px; text-align:left;}
.order-bank-title {font-size:17px;line-height:20px;font-weight:700;}
.order-bank-info {margin-top:6px; font-size:13px;line-height:20px;color:#666;}
.order-bank-data-list {margin-top:20px;}
.order-bank-data-item {display:flex; align-items:flex-start;}
.order-bank-data-item + .order-bank-data-item {margin-top:13px;}
.order-bank-data-item > em {flex:0 0 auto; display:block; font-size:14px; line-height:20px; width:75px; text-align:left; color:#8f8f8f;}
.order-bank-data-item > p {flex:1; font-size:14px; ;line-height:20px; font-weight:500;}
.order-bank-point {margin-top:16px; padding-top:16px; border-top:1px solid #ebebeb; font-size:14px; line-height:20px; text-align:center;}
.order-complete-ui {margin-top:auto; padding-top:29px;}
.order-complete-ui > p {font-size:14px; line-height:20px; margin-bottom:10px;}

/* 주문내역 */
.user-pay-wrap {padding-top:10px;}
.user-pay-list {margin-top:8px;}
.user-pay-list-cell {padding:10px 0 20px 0;}
.user-pay-list-cell:first-child {padding-top:0;}
.user-pay-list-cell + .user-pay-list-cell {border-top:1px solid #f4f4f4;}

/* 주문 상세 */
.user-pay-view {padding-top:10px;}
.user-pay-number {margin-top:10px; display:flex; align-items:center; justify-content:space-between; font-size:16px; line-height:19px; font-weight:500; color:#666; background:#f4f4f4; border-radius:7px; padding:15px 20px;}
.user-pay-number > em {font-weight:700;}
.user-pay-number > p {color:#202020}
.shop-cancel-wrap .flex-table-title,
.user-pay-wrap .flex-table-title,
.user-pay-view .flex-table-title {width:95px;}
.user-pay-view .user-pay-list {margin-top:0;}
.user-pay-view .user-pay-list-cell {padding:20px 0;}
.user-pay-view .user-pay-list-cell:first-child {padding-top:20px;}
.user-pay-view .shop-cart-items {padding-bottom:0;}
.btn-user-pay-action {margin-top:36px;}

.nomember-pay-inquiry {min-height:100%; display:flex; flex-direction:column; box-sizing:border-box; padding-top:10px;}
.nomember-pay-ui {margin-top:auto; padding-top:20px;}

.shop-cancel-wrap {min-height:100%; display:flex; flex-direction:column; box-sizing:border-box; padding-top:10px;}
.shop-cancel-ui {margin-top:auto; padding-top:32px;}
.shop-cancel-step-info {font-size:16px; line-height:24px; margin-top:;}

.shop-cancel-list .shop-cart-list-cell {padding:0; border-bottom:none;}
.shop-cancel-list .shop-cart-list-cell + .shop-cart-list-cell {border-top:1px solid #f4f4f4}

.shop-cancel-view-list {margin-top:0;}
.shop-cancel-view-list .shop-cart-list-cell {padding:20px 0; border-bottom:none;}
.shop-cancel-view-list .shop-cart-list-cell + .shop-cart-list-cell {border-top:1px solid #f4f4f4}
.shop-cancel-view-list .shop-cart-items {padding:0;}

.gray-box-txt {font-size:14px; line-height:20px; background:#f4f4f4; border-radius:5px; padding:14px;}


/*========================================
@ 예약하기
========================================*/
/* 예약하기 */
.reserve-select-wrap {}
.reserve-select-wrap .btn-text-button + .btn-text-button {margin-top:10px;}

.reserve-shop-name + .con-title-group {margin-top:6px;}
.reserve-shop-name + .reserve-schedule-wrap {margin-top:-1px;}
.reserve-shop-name + .reserve-select-wrap {margin-top:24px;}
.reserve-shop-name + .service-select-wrap {margin-top:6px;}

.reserve-state-bar {position:relative; height:2px; background:#ebebeb; margin:0 -20px;}
.reserve-state-bar .bar {position:absolute;top:0;left:0;width:100%;height:2px;background:#fdd94e;}

.reserve-schedule-wrap .accordion-detail {padding:7px 0;}
.reserve-schedule-wrap .master-time-list {padding-bottom:17px;}
.reserve-schedule-wrap .calendar-wrap {padding:13px 0;}

.master-time-list {}
.master-time-list .master-time-wrap + .master-time-wrap {margin-top:24px; padding-top:24px; border-top:1px solid #f4f4f4}

.master-time-wrap {}
.master-time-wrap .master-tag-list {margin-top:6px;}
.master-time-wrap .master-time-select {margin-top:24px;}
.master-time-select .list-inner {display:flex; flex-wrap:wrap; margin:-3px;}
.master-time-select .list-inner .list-cell {width:20%; box-sizing:border-box; padding:3px;}
.master-time-select .form-toggle-box {width:100%;}
.master-time-select .form-toggle-box > em {width:100%;}
.master-time-select .form-toggle-box > input + em {padding:0; text-align:center;}

.today-reserve-list .list-cell + .list-cell {margin-top:10px;}

.reserve-after-none {margin-top:50px; text-align:center;}
.reserve-after-none .item-desc {font-size:16px;line-height:23px;color:#666;}
.reserve-after-none .item-btn {margin-top:10px;}
.reserve-after-none .item-btn-buy {margin-top:29px;}
.reserve-after-none .item-btn-buy > .btn {width:180px; background-color:#f4f4f4;}
.reserve-after-none .item-btn-buy > .btn.press {background-color:#f0f0f0;}

/* 예약하기 > 지역 */
.reserve-area-request .area-select-wrap {margin-top:24px; padding-top:20px; border-top:1px solid #f4f4f4;}
.reserve-area-request .search-info-txt ~ .area-select-wrap {padding-top:0; border-top:none;}
.area-select-wrap {}
.area-select-row + .area-select-row {margin-top:10px;}
.area-select-tab {display:flex;}
.area-select-tab > .btn-area-select-tab {width:33.33%;}
.btn-area-select-tab {display:flex; width:100%; height:40px; align-items:center; justify-content:center; text-align:center;}
.btn-area-select-tab > span {font-size:15px; line-height:40px; display:block; color:#8f8f8f;}
.btn-area-select-tab.actived > span {color:#202020; font-weight:700; border-bottom:2px solid #202020;}
.area-select-detail {display:none;}
.area-select-detail.actived {display:block;}
.area-select-detail-data {display:none;}
.area-select-detail-data.actived {display:block;}
.area-select-detail-data {margin-top:16px; padding:12px 8px 15px 8px; border-radius:16px;background:#f8f8f8;}
.area-select-detail-list {display:flex; flex-wrap:wrap;}
.area-select-detail-list .btn-area-select-detail-nav {width:33.33%;}
.btn-area-select-detail-nav {display:flex; width:100%; height:38px; margin:2px 0; align-items:center; justify-content:center; text-align:center; font-size:15px; line-height:19px; color:#b4b4b4; font-weight:500;}
.btn-area-select-detail-nav.actived {color:#6840b1; font-weight:700;}
.area-select-detail-info {font-size:13px; line-height:19px; color:#666; text-align:center; font-weight:500; margin-top:16px;}
.reserve-area-result {margin-top:-20px;}
.reserve-area-result .common-none-data {padding-top:52px;}

/* 예약하기 > 첫 방문 */
.first-request-wrap {margin-top:12px;}
.first-request-info {text-align:center;}
.first-request-info .info-title {font-size:20px; line-height:28px; font-weight:700;}
.first-request-info .info-desc {font-size:16px; line-height:23px; margin-top:8px; color:#666;}
.first-request-info .btn-grid-group {margin-top:28px;}
.first-request-wrap .form-group {margin-top:48px;}

.btn-grid-group + .file-preview {margin-top:16px;}
.file-preview {height:252px; position:relative; background:#f8f8f8; border:1px solid rgba(0,0,0,0.03); border-radius:16px; overflow:hidden;}
.file-preview .common-none-data {display:flex; width:100%; height:100%; align-items:center; justify-content:center;}
.file-preview .common-none-data .item-info {font-size:14px; line-height:20px; margin-top:10px;}
.file-preview .common-none-data .item-info > span {font-size:13px; color:#202020;}
.file-preview-data {position:absolute; top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;z-index:!5; background:#f8f8f8; display:none;}
.file-preview-data img {width:100%;height:100%; object-fit:cover;}
.file-preview-data.actived {display:block;}
.file-preview + .form-checkbox {margin-top:38px;}

/* 예약하기 > 서비스 선택 */
.service-select-wrap {}
.service-select-wrap + .service-selected-wrap {margin-top:28px;}
.service-select-group + .service-select-group {margin-top:28px; padding-top:6px; border-top:1px solid #f4f4f4;}
.service-select-wrap .form-group {margin-top:16px;}
.service-select-wrap .form-group-cell + .form-group-cell {margin-top:28px;}

.form-group + .price-select-msg {margin-top:20px;}
.price-select-msg {padding:20px; background:#f4f4f4; border-radius:12px;}
.price-select-msg .msg-title {font-size:15px;line-height:19px;color:#666;font-weight:700;}
.price-select-msg .msg-title + .msg-desc {margin-top:6px;}
.price-select-msg .msg-desc {font-size:13px;line-height:19px;color:#666;font-weight:500;}
.service-selected-wrap {padding:20px;border:1px solid #b4b4b4;border-radius:12px;}
.service-selected-group + .service-selected-group {margin-top:16px;padding-top:16px;border-top:1px solid #cecece;}
.service-selected-group2 + .service-selected-group2 {margin-top:16px;padding-top:16px;border-top:1px solid #f4f4f4;}
.service-selected-list {margin-top:10px;}
.service-selected-list-cell {font-size:14px; line-height:20px;}
.service-selected-list-cell + .service-selected-list-cell {margin-top:8px;}
.service-selected-group.add .list-title {font-size:13px; line-height:20px; font-weight:700;}
.service-selected-group.add .list-data {font-size:12px; line-height:20px;}
.service-selected-group.add .service-selected-list-cell + .service-selected-list-cell {margin-top:10px;}

/* 예약하기 > 예약신청하기 */
.reserve-request-wrap .basic-data-group + .basic-data-group {margin-top:10px;}

.pay-card-group {margin-top:12px; border-top:1px solid #f4f4f4;}
.pay-card-group:first-child,
.pay-card-group:only-child {margin-top:0;}
.pay-card-group.border-none {border-top:none;}
.pay-card-group.top {margin-top:-20px;}
.pay-card-cell {padding:18px 0; line-height:1;}
.pay-card-cell.all {border-bottom:1px solid #cecece;}
.pay-card-cell .pay-card-rule {margin-bottom:-18px;}
.pay-card-cell.line + .pay-card-cell.line {border-top:1px solid #f4f4f4;}

.pay-card-rule-wrap .pay-card-rule {margin-top:18px;}
.pay-card-rule-wrap.actived .pay-card-rule {display:block;}
.pay-card-rule-wrap.actived .btn-pay-card-toggle {transform:rotate(-180deg);}

.pay-card-agree {padding:20px; height:280px; box-sizing:border-box; border:1px solid #cecece; border-radius:12px; font-size:14px;line-height:20px;text-align:left;overflow-x:hidden;overflow-y:auto;}

.pay-card-check {position:relative; padding-right:18px;}
.pay-card-check .btn-pay-card-toggle {position:absolute;top:-2px;right:-8px;display:block;width:26px;height:26px; font-size:0;background:url(https://image.banjjakpet.com/common/shop/icon/btn-info-spread@2x.png) center center no-repeat; background-size:10px auto;}

.pay-card-detail {font-size:12px;line-height:16px; margin-top:18px; text-align:left;}

.pay-card-rule {margin-top:18px; padding-top:18px; border-top:1px solid #f4f4f4;display:none;}
.pay-card-rule .info {font-size:12px;line-height:16px;padding:0 5px; font-weight:500; margin-bottom:10px;}

.rule-table { border-radius:4px; border:1px solid #ebebeb; overflow:hidden;}
.pay-card-rule table {width:100%; text-align:center; table-layout:fixed;}
.pay-card-rule table > thead > tr > th {padding:5px 8px; font-size:10px; line-height:16px; color:#202020; font-weight:500; background-color:#fff; vertical-align:top;text-align:left; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.pay-card-rule table > thead > tr > th:first-child {border-left:none;}
.pay-card-rule table > tbody > tr > td {padding:5px 8px; font-size:10px; line-height:16px; color:#202020; font-weight:500; background-color:#fff; vertical-align:top;text-align:left; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.pay-card-rule table > tbody > tr > td:first-child {border-left:none;}
.pay-card-rule table > tbody > tr:last-child > td {border-bottom:none;}

.pay-bank-group {margin-top:12px; padding-top:20px; border-top:1px solid #f4f4f4;}
.pay-bank-group .form-group {margin-top:28px;}
.pay-bank-name {font-size:16px; line-height:23px; font-weight:700;}
.pay-bank-info {margin-top:39px;}
.pay-bank-info .txt {font-size:13px; line-height:19px; color:#666;}
.pay-bank-info .txt + .txt {margin-top:5px;}

/* 예약하기 > 캘린더 */
.reserve-calendar-wrap {padding:10px 0 84px 0;}
.reserve-calendar-float {position:fixed; bottom:67px; right:0; display:flex; align-items:center; box-sizing:border-box; z-index:500; padding:10px 20px;}
.reserve-calendar-float-cell {position:relative;}
.reserve-calendar-float-cell + .reserve-calendar-float {margin-left:8px;}

.reserve-calendar-float-menu {position:absolute; bottom:100%; right:0; margin-bottom:8px; display:none;  width:146px; background:#fff; overflow:hidden; border-radius:5px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);}
.reserve-calendar-float-menu .btn-float-menu {display:block; display:flex; align-items:center; justify-content:center; width:100%; height:45px; box-sizing:border-box; font-size:14px;line-height:20px;text-align:center;}
.reserve-calendar-float-menu .btn-float-menu + .btn-float-menu {border-top:1px solid #cecece;}
.reserve-calendar-float-menu.actived {display:block;}
.page-cover {position:fixed;top:0;left:100%; display:block; width:100%;height:100%;background:rgba(32,32,32,0.5);z-index:150; visibility:hidden; opacity:0; transition:left 0s 0.35s ease, visibility 0s 0.35s ease, opacity 0.35s 0s ease;}
.page-cover.actived {left:0; visibility:visible; opacity:1; transition:left 0s 0s ease, visibility 0s 0s ease, opacity 0.35s 0s ease;}


.btn-reserve-calendar-menu {position:relative;}
.btn-reserve-calendar-menu > em {position:absolute; top:2px;right:2px;z-index:5; display:inline-block;font-size:11px;line-height:17px; padding:0 5px; border-radius:9px; background:#ff4848; color:#fff;}
.reserve-calendar-sort {margin-top:15px; width:100%; display:flex; align-items:center;}
.reserve-calendar-sort .sort-left {display:inline-flex; align-items:center; flex:0 0 auto; margin-right:20px;}
.reserve-calendar-sort .sort-right {flex:1; width:100%; max-width:40%; margin-left:auto;}
.reserve-calendar-sort:first-child {margin-top:0;}
.btn-reserve-calendar-sort {position:relative;display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:#fff;font-size:18px;line-height:21px;color:#8f8f8f; border-radius:50%; border:1px solid #cecece;}
.btn-reserve-calendar-sort + .btn-reserve-calendar-sort {margin-left:8px;}
.btn-reserve-calendar-sort.actived {background:#414141; color:#fff;border-color:#414141;}
.btn-reserve-calendar-sort.actived .off {opacity:0;}
.btn-reserve-calendar-sort.actived .on {opacity:1;}
.btn-reserve-calendar-sort .off {position:absolute;top:50%;left:50%;transform:translate(-50% , -50%); opacity:1;}
.btn-reserve-calendar-sort .on {position:absolute;top:50%;left:50%;transform:translate(-50% , -50%); opacity:0;}
.btn-reserve-calendar-sort.press {background:#f0f0f0;}
.btn-reserve-calendar-sort.actived.press {background:#292929;}

.reserve-calendar-top {padding:10px 0; display:flex; align-items:center; justify-content:center;}
.reserve-calendar-tab {margin-bottom:20px;}
.reserve-calendar-title {flex:0 0 auto;  position:relative; }
.reserve-calendar-title select {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0; z-index:5;}
.reserve-calendar-title .txt {position:relative;font-size:20px; line-height:30px; font-weight:700; padding-right:15px; background:url(https://image.banjjakpet.com/common/shop/icon/icon_select_arrow_small.png) center right no-repeat; background-size:10px auto;}
.btn-reserve-calendar-ui {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; margin:0 5px;}

.reserve-calendar-label {margin-bottom:10px;}
.reserve-calendar-label-inner {display:flex; align-items:center; justify-content:space-between;}
.reserve-calendar-label-info {font-size:14px;line-height:20px; margin-bottom:8px;}
.reserve-calendar-label-info:only-child {margin:0;}
.reserve-calendar-label-group .grid-layout-inner {margin:-5px;}
.reserve-calendar-label-group .grid-layout-cell {padding:5px; line-height:1;}
.reserve-calendar-label-items {display:inline-flex; font-size:13px; line-height:14px; align-items:center;}
.reserve-calendar-label-items .reserve-calendar-label-state {flex:0 0 auto;margin-right:4px;}
.reserve-calendar-label-state {width:12px;height:12px;border-radius:2px;background:#000;}
.reserve-calendar-label-state.yellow {background:#fdd94e;}
.reserve-calendar-label-state.purple {background:#6840b1;}
.reserve-calendar-label-state.green {background:#58d980;}
.reserve-calendar-label-state.red {background:#ff4848;}
.reserve-calendar-label-state.mint {background:#72d6b0;}
.reserve-calendar-label-state.orange {background:#fdab73;}
.reserve-calendar-label-state.whitepink {background:#feb8b1;}
.reserve-calendar-label-state.whiteapricot {background:#ffd3b5;}
.reserve-calendar-label-state.whitegreen {background:#c9e896;}
.reserve-calendar-label-state.whitemint {background:#99e8ca;}
.reserve-calendar-label-state.whiteblue {background:#b3c0e2;}

.icon-sort-group {}
.icon-sort-group-inner {display:flex; align-items:center; margin:0 -6px;}
.icon-sort-cell {position:relative; padding:0 6px;}
.icon-sort-cell + .icon-sort-cell:before {content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:26px;margin-top:-13px;background:#ebebeb;}
.icon-sort-group .actived .btn-sort-nav:before,
.icon-sort-group .btn-sort-nav.actived:before{opacity:0;}
.icon-sort-group .actived .btn-sort-nav:after,
.icon-sort-group .btn-sort-nav.actived:after{opacity:1;}
.btn-sort-calendar {display:inline-flex; width:40px; height:40px; position:relative; font-size:0;}
.btn-sort-calendar:before {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/icon-sort-calendar-off.png) center center no-repeat; background-size:100% auto; opacity:1;}
.btn-sort-calendar:after {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/icon-sort-calendar-on.png) center center no-repeat; background-size:100% auto; opacity:0;}
.btn-sort-list {display:inline-flex; width:40px; height:40px; position:relative; font-size:0;}
.btn-sort-list:before {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/icon-sort-list-off.png) center center no-repeat; background-size:100% auto; opacity:1;}
.btn-sort-list:after {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/icon-sort-list-on.png) center center no-repeat; background-size:100% auto; opacity:0;}

.reserve-calendar-data {margin-left:-20px; margin-right:-20px; position:relative;}
.reserve-calendar-inner {}
.reserve-calendar-desc {font-size:13px; line-height:14px; text-align:right; margin-bottom:8px;}

.reserve-calendar-tooltip {position:absolute; z-index:1500;top:0;left:0; display:none;}
.reserve-calendar-tooltip.actived .tooltip-inner {display:block;}
.tooltip-inner {position:absolute; top:0; left:0; width:204px; box-sizing:border-box; background:#fff; display:none; border-radius:10px;   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); margin:10px; border:1px solid #eee;opacity:0.7;background: #fff;}
.tooltip-inner .tooltip-date {font-size:14px; font-weight:700; padding:0 10px; display:flex; align-items:center; color:#202020; width:100%; border-bottom:1px solid #eee; height:41px; box-sizing:border-box;}
.tooltip-inner .tooltip-desc {font-size:12px; line-height:18px; font-weight:500; color:#202020; text-align:left; padding:12px; box-sizing:border-box; width:100%;}

.reserve-calendar-data.kindergarten .calendar-week-body-col .calendar-col-inner {padding:4px 2px; box-sizing:border-box;}
.reserve-calendar-data.kindergarten .calendar-day-header-col {padding:0;}
.kindergarten-label {display:flex; align-items:center; justify-content:center; min-height:46px; width:100%; font-size:14px; color:#fff; padding:2px; box-sizing:border-box; }
.kindergarten-label.mint {color:#fff; background:#72d6b0;}
.kindergarten-label.orange {color:#fff; background:#fdab73;}

/* 예약하기 > 캘린더 상세 (월) */
.calendar-month-header {border:1px solid #cecece;}
.calendar-month-header-row {display:flex;}
.calendar-month-header-col {flex:1; display:flex; align-items:center; justify-content:center; height:44px; font-size:15px; line-height:24px;  text-align:center;}
.calendar-month-header-col.sunday {color:#202020;}
.calendar-month-header-col.saturday {color:#202020;}
.calendar-month-header + .calendar-month-body {margin-top:-1px;}
.calendar-month-body {display:table; width:100%; table-layout:fixed; border-collapse:collapse;}
.calendar-month-body-row {display:flex; width:100%;}
.calendar-month-body-col {flex:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;  min-height:54px; box-sizing:border-box; background:#fff; margin:-1px; border:1px solid #cecece; width:14.28%;}
.calendar-col-inner {position:relative; display:flex; width:100%; height:100%; flex-direction:column; align-items:flex-start; justify-content:flex-start;  min-height:60px; }
.calendar-month-body-col .calendar-month-cate-group {width:100%; min-height:50px;}
.calendar-month-body-col .calendar-month-cate-group .calendar-drag-item-group {height:auto; min-height:0;}
.calendar-month-body-col .calendar-month-cate-title {font-size:12px; line-height:15px; color:#666; width:100%; padding:4px 0; width:100%; text-align:center;}
.calendar-month-body-col .calendar-drag-item-group {width:100%; height:100%; flex:1; padding:0 2px; box-sizing:border-box; min-height:50px;}
.calendar-month-body-col.break {background:#f4f4f4;}
.calendar-month-body-col.before .calendar-day-value,
.calendar-month-body-col.after .calendar-day-value {opacity:0.3;}
.calendar-month-body-col.today .calendar-day-value .number {background:#414141; color:#fff;}
.calendar-month-body-col.selected {background:#fefbed;}
.calendar-total-value {width:100%; padding:7px 4px 2px 4px; flex:0 0 auto; box-sizing:border-box; font-size:12px; line-height:16px; color:#8f8f8f; width:100%; text-align:left; margin-top:auto;}
.calendar-day-value {width:100%; padding:2px 5px 3px 2px; flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box;}
.calendar-day-value .number {width:19px; height:19px; text-align:center; font-size:14px; line-height:19px; color:#202020; border-radius:50%; box-sizing:border-box;}
.calendar-day-value .state {font-size:12px; line-height:18px; color:#666; font-weight:500;}
.calendar-month-wrap {}
.calendar-month-day-item + .calendar-drag-item-group {margin-top:2px;}
.calendar-drag-item + .calendar-drag-item {margin-top:2px;}
.calendar-month-day-item {display:block; width:100%; font-size:11px; line-height:16px; color:#fff; padding:0 3px; border-radius:2px;background:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing:border-box;user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.calendar-month-day-item.yellow {background:#fdd94e;}
.calendar-month-day-item.purple {background:#6840b1;}
.calendar-month-day-item.green {background:#58d980;}
.calendar-month-day-item.red {background:#ff4848;}
.calendar-month-day-item.mint {background:#72d6b0;}
.calendar-month-day-item.orange {background:#fdab73;}
.calendar-month-day-item.wait {background:#f2f2f2; color:#ff4848; font-weight:700;}
.calendar-month-day-item.whitepink {background:#feb8b1; text-align:center;}
.calendar-month-day-item.whiteapricot {background:#ffd3b5; text-align:center;}
.calendar-month-day-item.whitegreen {background:#c9e896; text-align:center;}
.calendar-month-day-item.whitemint {background:#99e8ca; text-align:center;}
.calendar-month-day-item.whiteblue {background:#b3c0e2; text-align:center;}


/* 예약하기 > 캘린더 상세 (주) */
.reserve-calendar-master {margin-bottom:10px;}
.calendar-week-wrap .calendar-drag-item-group {width:100%; height:100%; flex:1; padding:0; box-sizing:border-box;}
.calendar-week-wrap.auto .calendar-week-body-col {height:auto; min-height:64px;}
.calendar-week-header-row {display:flex; width:100%;}
.calendar-week-header-col {flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;  height:60px; box-sizing:border-box; background:#fff; margin:-1px; border:1px solid #cecece;}
.calendar-week-header-col .th {width:100%; text-align:center; font-size:15px; line-height:24px;}
.calendar-week-header-col .day {width:25px;height:25px;font-size:15px;line-height:25px;font-weight:400; color:#202020;text-align:center; border-radius:50%;}
.calendar-week-header-col.today .day {background:#414141;color:#fff;font-weight:700;}
.calendar-week-header-col.time {flex:0 0 auto; width:44px;}
.calendar-week-body ,
.calendar-week-body-row-group {position:relative;}
.calendar-week-body-row {display:flex; width:100%;}
.calendar-week-body-row.all + .calendar-week-body-row .calendar-week-body-col.time .day-division-label {position:relative; bottom:auto;}
.calendar-week-body-row.all .calendar-week-body-col .day-division-label {position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px; color:#fff;text-align:center; font-weight:500; background:#72d6b0;}
.calendar-week-body-col {flex:1; height:40px; box-sizing:border-box; background:#fff; margin:-1px; border:1px solid #cecece;}
.calendar-week-body-col.time {position:relative; flex:0 0 auto; width:44px; height:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f4f4f4; border-top-width:0;}
.calendar-week-body-col.time .day-division-label {position:absolute; bottom:100%; left:0; flex:0 0 auto; width:100%; font-size:12px;line-height:16px;text-align:center; color:#ebebeb; background:#666; font-weight:500;}
.calendar-week-body-col.time .day-division-label + .time-label .time-start-label {transform:translate(0 , 0);}
.calendar-week-body-col.time .time-label {display:flex;  flex-direction:column; align-items:center; justify-content:flex-start; width:100%; height:100%; flex:1;}
.calendar-week-body-col.time .time-start-label {width:100%; font-size:11px;line-height:13px;color:#202020;font-weight:500; text-align:center; transform:translate(0 , -50%);}
.calendar-week-body-col.time .time-end-label {width:100%; font-size:11px;line-height:13px;color:#8f8f8f;font-weight:500; text-align:center;}
.calendar-week-body-col.break {display:flex;align-items:center;justify-content:center;font-size:11px;line-height:14px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4;flex-wrap: wrap; }
.calendar-week-body-col.hotel-label {flex:0 0 auto; width:44px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f4f4f4; border-top-width:0;}
.calendar-week-body-col.hotel-label.whitepink {background:#feb8b1;}
.calendar-week-body-col.hotel-label.whiteapricot {background:#ffd3b5;}
.calendar-week-body-col.hotel-label.whitegreen {background:#c9e896;}
.calendar-week-body-col.hotel-label.whitemint {background:#99e8ca;}
.calendar-week-body-col.hotel-label.whiteblue {background:#b3c0e2;}

.calendar-hotel-week-body .calendar-week-body-row-group .calendar-week-body-row .day-hotel-label {opacity:0;}
.calendar-hotel-week-body .calendar-week-body-row-group .calendar-week-body-row:first-child .day-hotel-label {position:absolute; top:0; left:0; height:100%; opacity:1; width:44px; height:100%; display:flex; align-items:center; justify-content:center;}
.calendar-hotel-week-body .calendar-week-body-row-group .calendar-week-body-row:first-child .day-hotel-label .label-txt {width:100%; box-sizing:border-box; font-size:11px; line-height:13px; text-align:left; padding:0 6px; color:#fff;}
.calendar-hotel-week-body .calendar-drag-item-group {position:relative;}
/*.calendar-week-time-item {position:relative; z-index:5; width:calc( 100% -  1px ); min-height:58px; padding:6px 4px 12px 4px; text-align:left; border-left:4px solid #000; background:#fffbed; box-sizing:border-box; overflow:hidden; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;}*/
.calendar-week-time-item {color:#202020; position:relative; z-index:5; width:calc( 100% -  1px ); min-height:40px; padding:6px 4px 12px 4px; text-align:left; border-left:4px solid #000; border-top:3px solid #fff; border-bottom:3px solid #fff; border-right:2px solid #fff; border-radius:10px;background:#fffbed; box-sizing:border-box; overflow:hidden; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.calendar-week-time-item .item-name {font-size:13px;line-height:17px;font-weight:700;}
.calendar-week-time-item .item-cate {font-size:11px;line-height:14px;font-weight:400;}
.calendar-week-time-item .item-price {font-size:11px;line-height:12px;font-weight:700; margin-top:4px;}
.calendar-week-time-item .item-option {font-size:11px;line-height:12px;font-weight:500; color:#202020; margin-top:10px;}
.calendar-week-time-item .item-cash {position:absolute; bottom:0; right:0; margin-right:5px;}
.calendar-week-time-item .item-master {position:absolute; bottom:0; right:0px;}
.calendar-week-time-item.yellow {border-left-color:#fdd94e;background: #fff7d9;}
.calendar-week-time-item.purple {border-left-color:#6840b1;background: #e7dff5;}
.calendar-week-time-item.green {border-left-color:#58d980;background: #e7f6ec;}
.calendar-week-time-item.red {border-left-color:#ff4848;background:#fce7e7;}
.calendar-week-time-item.gray {border-left-color:#b4b4b4; background:#fcfcfc;}
.calendar-week-time-item.gray .item-name {color:#ff4848;}
.calendar-week-time-item.hotel-time-item {position:absolute;top:0;left:0; height:calc( 100% - 1px ); border-top:4px solid #000; padding:2px 4px;}
.calendar-week-time-item.hotel-time-item.yellow {border-top-color:#fdd94e;background: #fff7d9;}
.calendar-week-time-item.hotel-time-item.purple {border-top-color:#6840b1;background: #e7dff5;}
.calendar-week-time-item.hotel-time-item.green {border-top-color:#58d980;background: #e7f6ec;}
.calendar-week-time-item.hotel-time-item.red {border-top-color:#ff4848;background:#fce7e7;}
.calendar-week-time-item.hotel-time-item.gray {border-top-color:#b4b4b4;background:#fcfcfc;}
.calendar-week-time-item.hotel-time-item .item-name {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom:4px;}
.calendar-week-time-item.hotel-time-item .item-cash {bottom:0; top:auto;}
.calendar-week-time-item.hotel-time-item .item-master {bottom:20px; top:auto; left:auto; right:5px;}
.calendar-week-time-item .item-check-in {font-size:11px;line-height:12px;font-weight:500; color:#666;}
.calendar-week-time-item .item-check-out {font-size:11px;line-height:12px;font-weight:500; color:#666;}
.calendar-week-time-item .item-check-in + .item-name,
.calendar-week-time-item .item-check-out + .item-name {display: flex;justify-content: center;align-items: center; font-size:10px;}

.calendar-week-current-time {position:absolute; right:0; width:100%; z-index:100;}
.calendar-week-current-time .bar {position:absolute;top:50%;left:22px;display:block;width:calc( 100% - 22px );height:2px;background:#ff6a6a;margin-top:-1px;}
.calendar-week-current-time .value {position:absolute; top:50%; left:2px; display:block;width:38px;height:14px; font-size:11px; line-height:14px; white-space:nowrap; color:#fff; font-weight:700; text-align:center; background:#ff6a6a; border-radius:7px; margin-top:-7px;}
/*.calendar-week-current-time .bar:before {content:'';position:absolute;top:50%;left:0;display:block;width:6px;height:6px;margin:-3px 0 0 -3px;background:#ff6a6a;border-radius:50%;}*/

/* 예약하기 > 캘린더 상세 (일) */
.calendar-day-wrap .calendar-drag-item-group {width:100%; height:100%; flex:1; padding:0; box-sizing:border-box;}
.calendar-day-header-row {display:flex; width:100%;}
.calendar-day-header-col {position:relative; flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;   box-sizing:border-box; background:#f8f8f8; font-size:14px;line-height:20px; padding:6px; text-align:center; margin:-1px; border:1px solid #ebebeb;}
.calendar-day-header-col.time {flex:0 0 auto; width:44px;}
.calendar-day-body {position:relative;}
.calendar-day-body-row {display:flex; width:100%;}
.calendar-day-body-col {flex:1; height:40px; box-sizing:border-box; background:#fff; margin:-1px; border:1px solid #cecece;}
.calendar-day-body-col.time {position:relative; flex:0 0 auto; width:44px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f4f4f4; border-top-width:0;}
.calendar-day-body-col.time .day-division-label { position:absolute; bottom:100%; left:0; flex:0 0 auto; width:100%; font-size:12px;line-height:16px;text-align:center; color:#ebebeb; background:#666; font-weight:500;}
.calendar-day-body-col.time .day-division-label + .time-label .time-start-label {transform:translate(0 , 0);}
.calendar-day-body-col.time .time-label {display:flex;  flex-direction:column; align-items:center; justify-content:flex-start; width:100%; height:100%; flex:1;}
.calendar-day-body-col.time .time-start-label {width:100%; font-size:11px;line-height:13px;color:#202020;font-weight:500; text-align:center;  transform:translate(0 , -50%);}
.calendar-day-body-col.time .time-end-label {width:100%; font-size:11px;line-height:13px;color:#8f8f8f;font-weight:500; text-align:center;}
.calendar-day-body-col.break {display:flex;align-items:center;flex-direction:column; flex-wrap:wrap;justify-content:center;font-size:11px;line-height:14px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4;}
.calendar-day-time-item {position:relative; z-index:5; width:calc( 100% -  1px ); min-height:58px; padding:6px 4px 12px 4px; text-align:left; border-top:4px solid #000; background:#fffbed; box-sizing:border-box; overflow:hidden; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.calendar-day-time-item .item-name {font-size:11px;line-height:14px;font-weight:700;}
.calendar-day-time-item .item-cate {font-size:11px;line-height:14px;font-weight:400;}
.calendar-day-time-item .item-price {font-size:11px;line-height:12px;font-weight:500; color:#666; margin-top:4px;}
.calendar-day-time-item .item-option {font-size:11px;line-height:12px;font-weight:500; color:#202020; margin-top:10px;}
.calendar-day-time-item .item-cash {position:absolute; bottom:0; right:0;}
.calendar-day-time-item .item-master {position:absolute; bottom:0; right:5px;}
.calendar-day-time-item.yellow {border-left-color:#fdd94e;background: #fff7d9;}
.calendar-day-time-item.purple {border-left-color:#6840b1;background: #e7dff5;}
.calendar-day-time-item.green {border-left-color:#58d980;background: #e7f6ec;}
.calendar-day-time-item.red {border-left-color:#ff4848;background:#fce7e7;}
.calendar-day-time-item.gray {border-left-color:#b4b4b4; background:#fcfcfc;}
.calendar-day-time-item.gray .item-name {color:#ff4848;}
.calendar-day-current-time {position:absolute; right:0; width:100%; z-index:100; height:24px;}
.calendar-day-current-time .bar {position:absolute;top:50%;left:22px;display:block;width:calc( 100% - 22px );height:2px;background:#ff6a6a;margin-top:-1px;}
.calendar-day-current-time .value {position:absolute; top:50%; left:2px; display:block;width:38px;height:14px; font-size:11px; line-height:14px; white-space:nowrap; color:#fff; font-weight:700; text-align:center; background:#ff6a6a; border-radius:7px; margin-top:-7px;}
/*.calendar-day-current-time .bar:before {content:'';position:absolute;top:50%;left:0;display:block;width:6px;height:6px;margin:-3px 0 0 -3px;background:#ff6a6a;border-radius:50%;}*/

/* 예약하기 > 캘린더 (리스트) */
.reserve-calendar-list {padding-top:12px; border-top:1px solid #cecece;}
.reserve-calendar-list-items {position:relative;display:flex; width:100%; box-sizing:border-box; padding:11px 14px; border:1px solid #cecece; border-radius:10px; background:#fff;}
.reserve-calendar-list-items:before {content:''; position:absolute;top:0;right:auto;bottom:0;left:0;width:4px;height:auto;margin:10px auto 10px 10px; background:#000; border-radius:2px;}
.reserve-calendar-list-items + .reserve-calendar-list-items {margin-top:10px;}
.reserve-calendar-list-items.yellow:before {background:#fdd94e;}
.reserve-calendar-list-items.purple:before {background:#6840b1;}
.reserve-calendar-list-items.green:before {background:#58d980;}
.reserve-calendar-list-items.red:before {background:#ff4848;}
.reserve-calendar-list-items.gray:before {background:#767676;}
.reserve-calendar-list-items.gray {background:#fcfcfc;}
.reserve-calendar-list-items .item-time {flex:0 0 auto; padding:2px 11px 2px 14px; box-sizing:border-box; text-align:left; display:flex; align-items:flex-start;}
.reserve-calendar-list-items .item-time-unit {display:block; padding-top:14px; margin:0 3px; font-size:15px;line-height:20px;font-weight:500;color:#202020;}
.reserve-calendar-list-items .item-time-start > em,
.reserve-calendar-list-items .item-time-end > em {display:block; font-size:12px;line-height:14px;font-weight:500;color:#8f8f8f;}
.reserve-calendar-list-items .item-time-start > strong,
.reserve-calendar-list-items .item-time-end > strong {display:block; font-size:15px;line-height:20px;font-weight:500;color:#202020;}
.reserve-calendar-list-items .item-info {flex:1; width:100%; box-sizing:border-box; text-align:left; overflow:hidden;}
.reserve-calendar-list-items .item-time + .item-info {padding-left:14px; border-left:1px solid #cecece;}
.reserve-calendar-list-items .item-name {font-size:14px; line-height:20px; display:flex; align-items:flex-start; width:100%; box-sizing:border-box;}
.reserve-calendar-list-items .item-name-division {margin:0 5px;}
.reserve-calendar-list-items .item-name-txt {max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.reserve-calendar-list-items .item-name-txt:first-child {flex:0 0 auto;}
.reserve-calendar-list-items .item-options {font-size:13px; line-height:20px; color:#8f8f8f; display:flex; align-items:flex-start; flex-wrap:wrap; width:100%; box-sizing:border-box;}
.reserve-calendar-list-items .item-options-division {margin:0 2px;}
.reserve-calendar-list-group + .reserve-calendar-list-group {margin-top:20px;}
.card-link-list {padding:8px 0;}
.card-link-item {display:flex; width:100%; align-items:center; border:1px solid #ebebeb; border-radius:10px;}
.card-link-item + .card-link-item {margin-top:10px;}
.card-link-item .item-value {display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:66px; border-right:1px solid #ebebeb; text-align:center;}
.card-link-item .use-value {font-size:12px; line-height:1.4; color:#8f8f8f}
.card-link-item .use-value strong {color:#202020; font-size:15px; font-weight:500;}
.card-link-item .item-data {padding:16px 0 16px 16px; flex:1; width:100%; overflow:hidden;}
.card-link-item .item-code {font-size:14px; line-height:20px; color:#202020;}
.card-link-item .item-price {margin-top:3px; font-size:13px; line-height:16px; color:#8f8f8f;}
.card-link-item .item-date {margin-top:3px; font-size:13px; line-height:16px; color:#8f8f8f;}
.card-link-item .item-ui {display:flex; align-items:center; justify-content:center; flex:0 0 auto; padding:0 12px;}

/* 작업 및 결제 관리 */
.reserve-pay-management {padding-top:20px;}

/* 예약하기 > 발송이력조회 */
.reserve-alarm-inquiry {padding-top:10px;}
.reserve-alarm-inquiry .customer-alarm-result {margin-left:-20px; margin-right:-20px;}
.reserve-alarm-inquiry .common-none-data {padding:100px 0;}

/* 예약하기 > 미용갤러리 */
.reserve-beauty-gallery {padding-top:20px;}
.reserve-beauty-gallery .shop-gate-picture-select {margin-top:0;}

/* 예약하기 > 빈시간대 판매하기 */
.reserve-sale-wrap {padding-top:20px;}
.reserve-calendar-all-select {margin-bottom:12px;}
.reserve-calendar-all-select .form-radiobox.large .form-check-icon > em {padding-left:40px; font-size:15px; font-weight:500;}
.calendar-check-value {flex:1; width:100%; height:100%; min-height:60px; display:flex; align-items:center; justify-content:center; position:relative;}
.calendar-check-value .form-radiobox.large {position:absolute; top:0;left:0;width:100%;height:100%;}
.calendar-check-value .form-radiobox.large .form-check-icon {position:absolute; top:0;left:0;width:100%;height:100%; min-width:0; min-height:0;}
.calendar-check-value .form-radiobox.large .form-check-icon > em {font-size:0; padding:0;}
.calendar-check-value .form-radiobox.large .form-check-icon:before {display:none;}
.calendar-check-value .form-radiobox.large .form-check-icon:after {position:absolute;top:0;left:0;width:100%;height:100%;background-size:36px auto; background-position:center center;}
/*.calendar-month-body-col.break .calendar-check-value {display:none;}*/
.reserve-data-all-select {margin:10px 0 12px 0;}
.reserve-data-all-select .form-radiobox.large .form-check-icon > em {padding-left:40px; font-size:15px; font-weight:500;}
.picture-set-data {overflow:hidden; border:1px solid rgba(0, 0, 0, 0.02); border-radius:16px;}
.time-msg-items {}
.time-msg-items .con-title {margin-bottom:8px;}
.time-msg-items + .time-msg-items {margin-top:24px;}
.time-msg-detail + .time-msg-detail {margin-top:7px;}
.time-msg-detail {display:flex; align-items:flex-start;}
.time-msg-detail .detail-title {flex:0 0 auto; font-size:14px; width:40px; line-height:24px; color:#8f8f8f; font-weight:700;}
.time-msg-detail .detail-value {flex:1; font-size:16px;line-height:24px;width:100%;}

.msg-load-wrap {padding-top:20px;}
.msg-load-wrap.before {padding-top:12px;}

/* 예약하기 > 랜딩페이지 */
.reserve-landing-wrap {padding-top:20px;}
.reserve-landing-wrap .mobile-web-wrap {padding:0;}
.reserve-landing-wrap .store-contact-data {position:relative; padding-right:46px;}
.reserve-landing-wrap .store-contact-data .btn-tel{position:absolute;bottom:4px;right:0;}
.reserve-landing-visual {border-radius:16px; border:1px solid rgba(0,0,0,0.02); overflow:hidden;}
.reserve-landing-info {font-size:15px; line-height:22px; color:#666;}

/* 예약하기 > 이용상담 */
.reserve-advice-list-info {font-size:13px; line-height:19px; color:#414141;}
.reserve-advice-wrap .common-none-data {padding:100px 0;}
.reserve-advice-view {padding-top:8px;}
.reserve-advice-view-info {display:flex; font-size:13px; line-height:19px; color:#414141; align-items:center; text-align:left;}
.reserve-advice-view-info .btn-data-helper {flex:0 0 auto; margin-left:4px;}
.reserve-advice-view-info + .basic-data-group {margin-top:12px;}
.reserve-advice-view .flex-table.type-2 .flex-table-title {width:100px;}

/* 예약 승인 대기 */
.reserve-wating {padding-top:10px;}
.reserve-wating .reserve-calendar-list-group + .reserve-calendar-list-group {margin-top:10px;}
.reserve-wating-date {font-size:16px; line-height:24px; padding:4px 0; background:#f4f4f4; text-align:center; margin:0 -20px 10px -20px; font-weight:700;}
.reserve-wating-group + .reserve-wating-group {margin-top:20px;}

/*========================================
@ 마이페이지
========================================*/
/* 비회원 */
.mypage-nomember-main {padding-top:24px;}
.mypage-nomember-inquiry {padding-top:32px;}

/* 마이페이지 메인 */
.page-body .user-main-info {margin:0 -20px;}
.user-main-info {padding:20px; background:#fdd94e;}
.user-main-info .info-item-wrap {display:flex;}
.user-main-info .info-item-wrap .thumb-data {position:relative; flex:0 0 auto; margin-right:20px;}
.user-main-info .info-item-wrap .thumb-data .btn-picture-modify {position:absolute;bottom:0;right:0;}
.user-main-info .info-item-wrap .txt-data {flex:1; display:flex; align-items:flex-start;}
.user-main-info .info-item-wrap .txt-data-inner {width:100%;}
.user-main-info .info-item-wrap .btn-user-modify {position:absolute; top:50%; right:0; margin-top:-18px;}
.user-main-info .info-item-wrap .user-name {position:relative; font-size:15px;line-height:20px;font-weight:700; padding-right:40px;}
.user-main-info .info-item-wrap .user-mail {font-size:15px;line-height:20px;font-weight:500; margin-top:6px;}
.user-main-info .info-item-wrap .user-phone {position:relative; font-size:15px;line-height:20px;font-weight:500; margin-top:6px; padding-right:40px;}
.user-main-info .info-item-wrap .user-btns {margin-top:4px;}
.user-main-info .info-item-wrap .user-btns > a {position:relative;display:inline-block;padding-right:12px;font-size:14px;line-height:20px;font-weight:500;}
.user-main-info .info-item-wrap .user-btns > a:after {content:'';position:absolute;top:50%;right:0;display:block;width:10px;height:10px;margin-top:-5px;background:url(https://image.banjjakpet.com/common/shop/icon/btn-info-more-black@2x.png) center center no-repeat; background-size:10px auto;}
.user-main-info .info-item-wrap .user-grade {margin-top:7px; display:inline-flex; align-items:center; font-size:14px; line-height:16px; font-weight:400; white-space:nowrap;}
.user-main-info .info-item-wrap .user-grade > em {font-weight:700; margin-right:3px;}
.user-main-info .user-info-modify {display:none; position:relative; padding-top:25px;}
.user-main-info .user-info-modify .form-control-btns > .form-control {background-color:transparent;}
.user-main-info .user-info-modify .btn-outline-black {background-color:transparent; height:36px;}
.user-main-info .user-info-modify .btn-data-close {position:absolute;top:-6px;right:-6px;z-index:2;}
.user-main-info .info-list-wrap {margin-top:20px; padding:0 6px; background:#fff; border-radius:8px; display:flex; justify-content:space-between;text-align:center;}
.user-main-info .info-list-wrap .list-cell {width:25%;} 
.user-main-info .info-list-wrap .list-cell > a {display:flex; width:100%; height:75px; flex-direction:column; justify-content:center;}
.user-main-info .info-list-wrap .title {width:100%;font-size:13px;line-height:19px;color:#8f8f8f;}
.user-main-info .info-list-wrap .value {margin-top:5px;width:100%;font-size:15px;line-height:20px;color:#202020; font-weight:700;}
.user-main-info.store .info-item-wrap .thumb-data {margin-right:14px;}
.user-main-info.actived .user-info-view {display:none;}
.user-main-info.actived .user-info-modify {display:block;}
.user-main-pet-list {margin-top:20px;}

/* 유저 펫 리스트 */
.user-pet-list-wrap {}
.user-pet-list-wrap .list-inner {display:flex;flex-wrap:wrap;margin:-5px;}
.user-pet-list-wrap .list-inner > .list-cell {width:20%; box-sizing:border-box; padding:5px;}
.user-pet-list-wrap .btn-user-pet-item {position:relative;display:block;}
.user-pet-list-wrap .btn-user-pet-item .icons {position:relative; padding-top:100%; overflow:hidden;border-radius:50%;border:1px solid rgba(0,0,0,0.02); box-sizing:border-box; background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-small.png) center center no-repeat; background-size:40px auto;}
.user-pet-list-wrap .btn-user-pet-item .icons > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.user-pet-list-wrap .btn-user-pet-item .txt {font-size:13px;line-height:19px;font-weight:400;text-align:center;margin-top:6px;word-break:break-all;}
.user-pet-list-wrap .btn-user-pet-item.add .icons {border:1px solid rgba(32,32,32,0.1); background-image:none;}
.user-pet-list-wrap .btn-user-pet-item.add .icons:before {content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:14px;background:#8f8f8f;border-radius:2px;margin:-7px 0 0 -1px;}
.user-pet-list-wrap .btn-user-pet-item.add .icons:after {content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:14px;background:#8f8f8f;border-radius:2px;margin:-7px 0 0 -1px; transform:rotate(90deg);}
.user-pet-list-wrap .btn-user-pet-item.add .txt {color:#8f8f8f;}
.user-pet-list-wrap .btn-user-pet-item.actived:before {content:''; position:absolute;top:-3px;left:-3px;width:100%;padding-top:100%;border-radius:50%;background:transparent;z-index:2;border:3px solid #6840b1;}
.user-pet-list-wrap .btn-user-pet-item .icon-defecate-state {position:absolute; top:0;right:0;margin-top:100%; transform:translate(0% , -70%); z-index:15;}
.user-main-pet-list + .single-btns-list {margin-top:24px; border-top:2px solid #ebebeb}

/* 마이페이지 > 포인트 */
.user-point-data {display:flex; align-items:center; min-height:44px;}
.user-point-data .item-title {font-size:20px; line-height:26px; font-weight:700;}
.user-point-data .btn-charge {height:26px; font-size:14px; line-height:24px; min-width:0; padding:0 10px; margin-left:15px; border-radius:13px;}
.user-point-data .item-value {font-size:20px; color:#6840b1; font-weight:700; margin-left:auto;}
.user-point-data + .wide-tab {margin-top:12px;}

.user-point-list {margin-top:16px;}
.user-point-list .user-point-list-item {border-bottom:1px solid #f4f4f4;}
.user-point-list-item {min-height:34px; display:flex; align-items:center; padding:10px 0;  font-size:15px; line-height:20px; flex-wrap:wrap;}
.user-point-list-item .item-title {flex:1; width:100%; padding-right:20px; font-weight:500; display:flex; align-items:center;}
.user-point-list-item .item-value {flex:0 0 auto; font-weight:700;}
.user-point-list-item .item-wide-info {flex:0 0 100%; text-align:right; width:100%;margin-top:2px; font-size:13px; line-height:19px; font-weight:500; color:#8f8f8f;}
.user-point-list-item.extinction {padding:18px 0 14px 0}
.user-point-list-item.extinction .item-title,
.user-point-list-item.extinction .item-value {font-size:16px; line-height:23px; font-weight:700; color:#ff4848;}
.user-point-list-item.total {min-height:24px; font-size:18px; line-height:21px; padding-bottom:18px; border-bottom:2px solid #ebebeb; align-items:flex-start;}
.user-point-list-item.total .item-title,
.user-point-list-item.total .item-value {font-weight:700;}
.user-point-list-item.total:only-child {margin-bottom:8px;}

.user-detail-list .none-simple-data {border-top:1px solid #f4f4f4; text-align:left;}

.point-detail-list {border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4;}
.point-detail-list .point-detail-item + .point-detail-item {border-top:1px solid #f4f4f4;}
.point-detail-item {min-height:20px; display:flex; align-items:center; padding:14px 0;  font-size:13px; line-height:20px;}
.point-detail-item .item-title {width:20%; padding:0 0 0 4px; text-align:left; box-sizing:border-box;}
.point-detail-item .item-date {width:60%; padding:0 10px; text-align:center; box-sizing:border-box;}
.point-detail-item .item-value {width:20%; padding:0 4px 0 0; font-weight:700; text-align:right; box-sizing:border-box;}

.point-charge-select {}
.point-charge-select .select-cell + .select-cell {margin-top:12px;}
.point-charge-select .form-toggle-box {display:flex; width:100%;}
.point-charge-select .form-toggle-box > em {display:flex; width:100%; height:60px;padding:0 0;font-size:18px;line-height:27px;color:#666;font-weight:500;border-radius:14px; border:1px solid #cdcdcd;}
.point-charge-state {margin-top:46px;}
.point-charge-state-item {display:flex; font-size:16px; line-height:23px; font-weight:500; margin-top:4px;}
.point-charge-state-item:first-child {margin-top:0;}
.point-charge-state-item .item-title {flex:1; width:100%;}
.point-charge-state-item .item-value {flex:0 0 auto; margin-left:10px; font-weight:700;}
.point-charge-state-item.total {margin-top:12px; padding-top:20px; border-top:1px solid #f4f4f4; font-size:18px; font-weight:700;}

.point-charge-complete {margin-top:74px; text-align:center;}
.point-charge-complete .item-visual {}
.point-charge-complete .item-info {font-size:16px; line-height:23px; font-weight:700; margin-top:28px;}
.point-charge-complete .item-value {font-size:15px; line-height:20px; font-weight:500; margin-top:10px;}
.point-charge-complete .item-value > em {display:block;}

/* 마이페이지 > 쿠폰 */
.line-vertical-list {}
.coupon-detail-view {width:100%;}
.coupon-detail-view .detail-date {width:100%; font-size:13px; line-height:19px; height:40px; background:#f8f8f8; border-bottom:1px solid #f4f4f4; display:flex; align-items:center; box-sizing:border-box; padding:0 10px; font-weight:700;}
.coupon-detail-view .detail-list {}
.coupon-detail-view .detail-list-row {display:flex;border-bottom:1px solid #f4f4f4;}
.coupon-detail-view .none-simple-data {font-size:16px;line-height:23px;color:#666;text-align:center;padding:24px 0;;}
.coupon-detail-view .common-none-data {padding:112px 0;}

/* 마이페이지 > 나의 단골 펫샵 */
.user-regular-list {}
.user-regular-list .list-cell + .list-cell {margin-top:10px;}

/* 마이페이지 > 마이펫 관리 */
.user-pet-main {height:100%;}
.user-pet-main .info {font-size:14px; line-height:20px; font-weight:500; color:#666;margin-top:10px;}
.user-pet-list {margin-top:20px;}
.user-pet-list .list-cell + .list-cell {margin-top:10px;}

.user-pet-none {display:flex; width:100%;height:100%;align-items:center; text-align:center;}
.user-pet-none .none-inner {width:100%;}
.user-pet-none .item-visual {width:128px; height:128px; margin:0 auto; background:#fafafa;}
.user-pet-none .item-info {font-size:16px; line-height:23px; font-weight:700; margin-top:28px;}
.user-pet-none .item-info > span {display:block;font-size:14px;font-weight:400; color:#666;}

/* 마이페이지 > 마이펫 추가 */
.user-pet-add {padding-top:36px;}
/*.user-pet-add .form-group-cell + .form-group-cell {margin-top:28px;}*/

/* 마이페이지 > 이용상담 신청내역 */
.user-advice-wrap {margin-top:28px;}
.advice-state-info {padding:24px; background:#f4f4f4; border-radius:16px;}
.advice-state-info .item-state {font-size:14px;line-height:22px;font-weight:500;}
.advice-state-info .item-info {margin-top:16px; padding-top:9px; box-sizing:border-box; border-top:1px solid #ebebeb; font-size:12px; line-height:18px;}
.advice-state-info .item-info > div + div {margin-top:5px;}
.user-advice-list {margin-top:24px;}
.user-advice-list .list-cell + .list-cell {margin-top:10px;}
.user-advice-list .thema-gray-item {background:#fff; border-radius:16px; border:1px solid #ebebeb;}
.user-advice-list .thema-gray-item .basic-list-item {flex:1; width:100%; align-items:center;}
.user-advice-list .thema-gray-item .basic-list-item .item-date {font-size:13px; line-height:19px; color:#414141;}
.user-advice-list .thema-gray-item .item-state {flex:0 0 auto; margin-left:10px; font-size:14px; line-height:20px;}

/* 마이페이지 > 예약 및 취소 내역*/
.user-reserve-info {margin-top:20px; font-size:13px; line-height:19px; color:#414141;}
.user-reserve-info + .user-receipt-list {margin-top:24px;}
.user-receipt-list .user-receipt-item + .user-receipt-item {margin-top:28px;}
.user-receipt-item {padding:20px; border:1px solid #cecece; border-radius:12px; display:block; box-sizing:border-box; background-color:#fffbed;}
.user-receipt-item.type-2 {padding:24px;}
.user-receipt-item .con-title-group {height:auto; min-height:0; margin-bottom:10px; background-color:#fffbed;}
.user-receipt-item .con-title-group .con-title {margin-bottom:0;}
.user-receipt-item .con-title {margin-bottom:10px;}
.user-receipt-item .con-title-group + .form-group {margin-top:0;}
.user-receipt-item .customer-card-item {margin:4px 0 20px 0;}
.receipt-reserve-option {}
.receipt-reserve-option + .receipt-reserve-option {margin-top:15px;}
.receipt-reserve-option .option-cell {display:flex;}
.receipt-reserve-option .option-cell + .option-cell {}
.receipt-reserve-option .option-title {flex:0 0 auto; width:22%; margin-right:4px; position:relative; font-size:13px; line-height:19px;}
.receipt-reserve-option .option-title:after {content:':'; position:absolute;top:0;right:0;}
.receipt-reserve-option .option-value {flex:1; width:100%; font-size:13px; line-height:19px;}
.receipt-reserve-option + .receipt-buy-product {margin-top:16px}

.receipt-buy-product {}
.receipt-buy-product .item-title {font-size:14px; line-height:20px; font-weight:700; margin-bottom:4px;}
.receipt-buy-product .item-data-list {}
.receipt-buy-product .item-data-list .list-cell {display:flex; align-items:center;font-size:13px; line-height:19px;}
.receipt-buy-product .item-data-list .list-cell + .list-cell {}
.receipt-buy-product .item-data-list .list-title {flex:1; width:100%;text-align:left;}
.receipt-buy-product .item-data-list .list-value {flex:0 0 auto; width:35%; text-align:right;}
.receipt-buy-product .total-price {margin-top:10px; font-size:16px;line-height:23px; font-weight:700; text-align:right;}
.receipt-buy-product .item-title + .customer-card-item {margin:11px 0 18px 0;}
.receipt-buy-product .customer-card-item {padding:0; border:none;}
.receipt-buy-product .customer-card-item .item-pet-name {font-size:14px;line-height:20px;font-weight:700;}
.receipt-buy-product .customer-card-item .item-pet-date {font-size:13px;line-height:19px;margin-top:3px;}
.receipt-buy-product .customer-card-item .item-pet-body {font-size:13px;line-height:19px;margin-top:3px;}


.receipt-total {margin-top:20px; padding-top:20px; border-top:1px solid #f4f4f4;}
.receipt-total .total-option-list {text-align:right; font-size:13px; line-height:19px; font-weight:500;}
.receipt-total .total-price {margin-top:10px; font-size:16px;line-height:23px; font-weight:700; text-align:right;}

.receipt-buy-detail {}
.receipt-buy-detail + .receipt-buy-detail {border-top:1px solid #cecece; margin-top:12px; padding-top:12px;}
.receipt-buy-detail .item-data-list {}
.receipt-buy-detail .item-data-list .list-cell {display:flex; align-items:center;font-size:14px; line-height:20px;}
.receipt-buy-detail .item-data-list .list-cell + .list-cell {margin-top:8px;}
.receipt-buy-detail .item-data-list .list-title {flex:1; width:100%;text-align:left;}
.receipt-buy-detail .item-data-list .list-value {flex:0 0 auto; width:35%; text-align:right;}
.receipt-buy-detail.total-price .item-data-list .list-cell {font-size:15px;}
.receipt-buy-detail.result-price .item-data-list .list-cell {font-size:15px; line-height:23px;}
.receipt-buy-detail.result-price .item-data-list .list-value {font-size:18px;}
.receipt-buy-ui {margin-top:20px;}
.card-bottom-info {font-size:13px; line-height:19px; color:#8f8f8f; text-align:left; margin-top:16px;}

.receipt-cancel-date {font-size:15px; line-height:20px; font-weight:700; margin-bottom:16px;}

.user-reserve-wrap .common-none-data {height:calc( 100vh - 128px );}

/* 마이페이지 > 예약 내용 */
.user-reserve-view {margin-top:20px; padding:20px; border:1px solid #ebebeb; border-radius:12px;}
.user-reserve-view .view-data-group + .view-data-group {margin-top:16px;padding-top:16px; border-top:1px solid #f4f4f4;}
.user-reserve-view .con-title {margin-bottom:10px;}
.store-contact-data {display:flex; width:100%; align-items:flex-start; box-sizing:border-box; padding-right:10px;}
.store-contact-data .txt-data {flex:1; width:100%;}
.store-contact-data .btn-tel {flex:0 0 auto; margin-left:12px;}
.store-contact-data .item-time {font-size:14px; line-height:20px; font-weight:700;}
.store-contact-data .item-info {margin-top:4px; font-size:13px; line-height:19px; font-weight:500; color:#666;}

.page-body .full-map-wrap {display:flex; flex-direction:column; margin:0 -20px; height:100%; box-sizing:border-box; padding-bottom:68px;}
.full-map-wrap {}
.full-map-wrap .map-title {font-size:16px; line-height:24px; padding:10px 20px; font-weight:700; border-top:1px solid #f4f4f4}
.full-map-wrap .map-wrap {position:relative; margin:0; height:100%; background:#fafafa; border-bottom:2px solid #ebebeb; box-sizing:border-box;}
.full-map-wrap .map-detail {position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;}
.full-map-wrap .map-wrap .btn-map-gps {position:absolute; bottom:20px; left:20px;}
.full-map-wrap .map-wrap .btn-map-location {position:absolute; bottom:20px; right:20px;}

/* 챗팅 */
.chat-wrap {position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:auto;height:auto;}
.chat-scroller {position:absolute; top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;}
.chat-scroller-inner {padding:10px 20px; box-sizing:border-box; width:100%;}

.chat-day-group {padding:10px 0;}
.chat-date { text-align:center; margin-bottom:20px;}
.chat-date .date {display:inline-block ;font-size:12px; line-height:28px; white-space:nowrap; color:#666; font-weight:700; padding:0 19px; border-radius:14px; background-color:#f4f4f4;}
.chat-item-list {}
.chat-item {display:flex; width:100%; align-items:flex-end;}
.chat-item + .chat-item {margin-top:10px;}
.chat-item .chat-data {flex:0 1 auto; display:inline-block; font-size:14px; line-height:20px; word-break:break-all; text-align:left; box-sizing:border-box; max-width:100%; padding:20px; border:1px solid #cecece; border-radius:16px;}
.chat-item .chat-time {flex:0 0 auto; font-size:11px; line-height:14px; text-align:left; padding:0 8px 20px 10px;}
.chat-item .chat-txt { font-size:14px; line-height:20px; }
.chat-item .chat-cate {margin-bottom:4px; font-size:14px; line-height:20px; }
.chat-item.me {flex-direction:row-reverse}
.chat-item.me .chat-data {border-color:rgba(253,217,78,0.6); background-color:rgba(253,217,78,0.6);}
.chat-item.me .chat-time {padding:0 10px 20px 8px; text-align:right;}

/* 1:1 문의하기 */
.inquiry-input-wrap {margin-top:12px;}
.inquiry-input-wrap .wide-tab {margin-bottom:10px;}

/* 앱 설정 */
.app-set-wrap {}
.app-set-wrap .single-btns-list {border-top:none;}

/* 비밀번호 변경 */
.user-pw-change .form-group {margin-top:24px;}

/* 회원 탈퇴 */
.user-hack-wrap {margin-top:15px;}
.user-hack-wrap .hack-info {font-size:16px; line-height:23px; font-weight:700;}
.user-hack-wrap .hack-detail {margin-top:14px; border:1px solid #cecece; border-radius:16px; padding:20px; text-align:left; font-size:14px; line-height:20px;}
.user-hack-wrap .hack-detail .detail-txt + .detail-txt {margin-top:16px;}
.user-hack-wrap .hack-detail .detail-txt > em {display:block; font-weight:700;}
.user-hack-wrap .hack-check {margin-top:18px;}

.hack-visual {margin-top:18px;}
.hack-visual.actived {display:block;}
.hack-visual .visual {display:flex; justify-content:flex-end; margin:0 -10px;}

/* 내후기 작성/변경 */
.mypage-review-wrap {}
.mypage-review-wrap .common-none-data {margin-top:112px;}
.review-detail-list {margin-top:8px;}
.review-detail-cell {padding:20px 0;}
.review-detail-cell + .review-detail-cell {border-top:1px solid #cecece;}
.review-store-info {}
.review-store-info .item-name {font-size:16px; line-height:23px; display:flex; align-items:center;}
.review-store-info .item-name + .item-info {margin-top:4px;}
.review-store-info .item-date {font-size:13px; font-weight:400; margin-left:8px;}
.review-store-info .item-info {font-size:13px; line-height:19px; color:#8f8f8f;}
.review-store-info .item-btns {margin-top:12px;}
.review-store-info + .comment-item {margin-top:16px;}

/* 내후기 작성/변경 > 작성 */
.review-write-form {margin-top:20px; padding-top:24px; border-top:1px solid #f4f4f4;}
.grade-select-group {display:inline-flex; align-items:center;}
.btn-grade-select + .btn-grade-select {margin-left:8px;}

/* 사진등록 */
.picture-register-group {}
.picture-register-group .list-inner {display:flex;flex-wrap:wrap;margin:-6px;}
.picture-register-group .list-inner > .list-cell {width:25%; box-sizing:border-box; padding:6px;}
.picture-register-group .btn-user-pet-item {}
.picture-register-group .btn-user-pet-item {position:relative;}
.picture-register-group .btn-user-pet-item .icons {position:relative; padding-top:100%; overflow:hidden;border-radius:50%;border:1px solid rgba(0,0,0,0.02); box-sizing:border-box;}
.picture-register-group .btn-user-pet-item .icons > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.picture-register-group .btn-user-pet-item .txt {font-size:13px;line-height:19px;font-weight:400;text-align:center;margin-top:6px;word-break:break-all;}
.picture-register-group .btn-user-pet-item.add .icons {border:1px solid rgba(32,32,32,0.1);}
.picture-register-group .btn-user-pet-item.add .icons:before {content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:14px;background:#8f8f8f;border-radius:2px;margin:-7px 0 0 -1px;}
.picture-register-group .btn-user-pet-item.add .icons:after {content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:14px;background:#8f8f8f;border-radius:2px;margin:-7px 0 0 -1px; transform:rotate(90deg);}
.picture-register-group .btn-user-pet-item.add .txt {color:#8f8f8f;}

.picture-register-view {position:relative; padding-top:100%;}
.picture-register-view .picture-obj {position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden; border:1px solid rgba(0,0,0,0.02); border-radius:8px;}
.picture-register-view .picture-obj > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.btn-picture-register {position:relative; display:block; padding-top:100%; border:1px solid #ebebeb; border-radius:8px; overflow:hidden; font-size:0; background:url(https://image.banjjakpet.com/common/shop/icon/icon-picture-add.png) center center no-repeat; background-size:72px auto;}

/* 대문 사진 관리 */
.shop-gate-picture-view {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:252px; background:#fff; border-radius:16px; overflow:hidden; box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.02);}
.shop-gate-picture-view .common-none-data .item-info {font-size:14px; margin-top:10px; line-height:20px;}
.shop-gate-picture-view > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}

.shop-gate-info-title {font-size:18px; line-height:26px;margin-top:14px; font-weight:700;}
.shop-gate-info-desc {font-size:14px; line-height:20px;margin-top:7px;}
.picture-add-info {font-size:13px; line-height:19px;color:#8f8f8f;margin-top:16px;}

.shop-gate-picture-select {margin-top:12px;}
.shop-gate-picture-select .list-inner {display:flex;flex-wrap:wrap;margin:-5px;}
.shop-gate-picture-select .list-inner > .list-cell {width:50%; box-sizing:border-box; padding:5px;}
.shop-gate-picture-select .picture-thumb-view {position:relative; padding-top:100%;}
.shop-gate-picture-select .picture-thumb-view .picture-obj {position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden; border:1px solid rgba(0,0,0,0.02); border-radius:14px; z-index:0;}
.shop-gate-picture-select .picture-thumb-view .picture-obj > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.shop-gate-picture-select .check-point {position:absolute;bottom:0;left:0;display:block;width:40px;height:40px;z-index:10;}
.shop-gate-picture-select .check-point:before {content:''; position:absolute;top:50%;left:50%;display:block;width:24px;height:24px;background:#fff url(https://image.banjjakpet.com/common/shop/icon/icon-home-purple.png) center center no-repeat; background-size:16px auto; border-radius:50%; transform:translate(-50% , -50%);}
.picture-ui {position:absolute;bottom:0;right:0; z-index:10;}
.picture-ui-eaden {position:absolute;top:0;right:0; z-index:10;}
.btn-picture-ui {position:relative; width:40px;height:40px;}
.btn-picture-ui:before {content:''; position:absolute;top:50%;left:50%;display:block;width:24px;height:24px;background:#fff url(https://image.banjjakpet.com/common/shop/icon/btn-comment-set@2x.png) center center no-repeat; background-size:16px auto; border-radius:50%; transform:translate(-50% , -50%);}
.btn-picture-ui.press:before {background:#f0f0f0}
.picture-ui-list {position:absolute;top:0;left:0;display:none;width:100%;height:100%;align-items:center; justify-content:center; padding:8px; box-sizing:border-box;}
.picture-ui-list-inner {width:100%;overflow:hidden; background:#fff; border-radius:8px; border: 1px solid #cecece;}
.picture-ui-list-inner > a {display:flex; font-size:14px; line-height:20px; height:45px; align-items:center; justify-content:center; width:100%; text-align:center; box-sizing:border-box;}
.picture-ui-list-inner > a + a {border-top:1px solid #cecece;}
.picture-ui-list-inner > a.press {background:#f0f0f0;}
.picture-thumb-view.actived .picture-ui-list {display:flex;}
.picture-thumb-view .picture-date {position:absolute;top:10px;left:10px;}
.picture-thumb-view .picture-share {position:absolute;bottom:0;right:0; line-height:1;}
.picture-thumb-view.modify {cursor:pointer;}
.picture-thumb-view.modify.actived:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:3px solid #6840b1; border-radius:14px; z-index:15;}
.picture-date {display:inline-block; font-size:14px;line-height:28px; white-space:nowrap; color:#fff; padding:0 10px; background:rgba(0,0,0,0.51); border-radius:8px; z-index:20;}
.btn-gate-picture-register {position:relative; width:100%; display:block; padding-top:100%; border:1px solid #cecece; border-radius:8px; overflow:hidden;}
.btn-gate-picture-register > span {display:flex; position:absolute;top:0;left:0; width:100%; height:100%;align-items:center; justify-content:center;}
.btn-gate-picture-register > span > em {font-size:14px;line-height:20px; display:block; padding-top:32px; background:url(https://image.banjjakpet.com/common/shop/icon/icon-plus-more.png) center top no-repeat; background-size:25px auto;}
.btn-gate-picture-register.capture > span > em {background:url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-camera-black@2x.png) center top no-repeat; background-size:24px auto;}

/* 샵 리뷰 관리 */
.master-review-wrap {padding-top:20px;}
.master-review-wrap .common-none-data {height:calc( 100vh - 128px );}
.master-review-wrap .review-detail-list {margin-top:0;}
.master-review-wrap .review-detail-cell:first-child {padding-top:0;}
.master-review-wrap .review-write-form {margin-top:0;border:none;padding-top:17px;}

/* 블로그 연동 관리 */
.shop-blog-wrap .common-none-data {margin-top:157px;}
.shop-blog-wrap .vertical-list-wrap {margin-top:28px;}
.shop-blog-review-info {font-size:14px;line-height:20px;margin-bottom:12px;}

/* 포트폴리오 관리 */
.master-portfolio-list {margin-top:20px;}
.master-portfolio-list .list-inner {display:flex;flex-wrap:wrap;margin:-10px -5px;}
.master-portfolio-list .list-inner > li {width:33.33%; box-sizing:border-box; padding:10px 5px;}
.master-portfolio-list .list-inner > li.ui-state-default { border:none;background:none;}
.master-portfolio-list .list-inner > li.guide{position:relative;}
.master-portfolio-list .list-inner > li.guide:before {content:''; position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto; margin:10px 5px; background:#fff; border:1px dashed #ebebeb; border-radius:12px; z-index:15; opacity:1;}
.master-portfolio-list .list-inner > li.guide .master-portfolio-item {opacity:0;}
/*.master-portfolio-list .list-inner > li.sortable-chosen {opacity:0 !important;}*/
.master-portfolio-item {position:relative; }
.master-portfolio-item .item-thumb {position:relative;padding-top:100%; border-radius: 12px 12px 0px 0px; overflow:hidden;}
.master-portfolio-item .item-thumb img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.master-portfolio-item .item-info {display:flex;align-items:center; justify-content:space-between; width:100%;height:40px;background:#fff;border:1px solid #cecece;border-radius: 0px 0px 12px 12px; border-top:none; z-index:2;box-sizing:border-box; padding:0;}
.master-portfolio-item .item-number {font-size:15px; line-height:20px; font-weight:500; color:#414141; padding:0 14px;}
.master-portfolio-item .btn-data-del {position:absolute;top:0;right:0;z-index:5;}
.btn-item-hand {display:block; width:52px; height:40px; position:relative;}
.btn-item-hand:before {content:''; position:absolute;top:50%;left:50%;display:block;width:24px;height:2px;background:#cdcdcd; transform:translate(-50% , -50%); margin-top:-2px;}
.btn-item-hand:after {content:''; position:absolute;top:50%;left:50%;display:block;width:24px;height:2px;background:#cdcdcd; transform:translate(-50% , -50%); margin-top:3px;}
.btn-item-hand.press {background:#f0f0f0;}

/* 점주 마이페이지 메인*/
.master-shop-main {padding-top:12px;}
.master-shop-main-inner {
	display: flex;
	width: 100%;
	/* margin: -6px; */
	flex-direction: column;
	align-items: center;
}

.master-shop-main-inner > div {width:50%; padding:6px; box-sizing:border-box;}
.master-shop-main-inner > div:last-child {width:100%; margin-top:8px;}

.master-shop-gate {position:relative;}
.master-shop-gate .content-thumb {width:auto; padding-top:100%; border-radius:14px; height:auto;}
.master-shop-gate-ui {position:absolute;bottom:0;left:0;padding:12px; z-index:5; box-sizing:border-box; width:100%;}
.master-shop-gate-ui > a ,
.master-shop-gate-ui > button {display:flex; width:100%; height:36px; border-radius:8px; background:rgba(0,0,0,0.51); align-items:center; justify-content:center; font-size:14px; line-height:20px;  color:#fff; font-weight:500;}
.master-shop-gate-ui > a:after,
.master-shop-gate-ui > button:after {content:''; display:block;width:10px;height:10px;background:url(https://image.banjjakpet.com/common/shop/icon/btn-info-more-white@2x.png) center center no-repeat; background-size:10px auto; margin-left:2px;}
.master-shop-gate-ui > a.press,
.master-shop-gate-ui > button.press {background:rgba(0,0,0,0.61);}
.master-shop-main-menu {}
.master-shop-main-menu .menu-inner {display:flex; margin:-4px; flex-wrap:wrap;}
.master-shop-main-menu .menu-cell {width:33%; box-sizing:border-box; padding:4px;}
.master-shop-main-menu .menu-cell > a {display:block; position:relative;height:75px}
.master-shop-main-menu .menu-cell > a > div {position:absolute;top:0;left:0;width:100%;height:75px;display:flex;border:1px solid #cecece;border-radius:12px; flex-direction:column; align-items:center; justify-content:center; text-align:center; line-height:1;}
.master-shop-main-menu .menu-cell > a.press > div {background:#f0f0f0;}
.master-shop-main-menu .menu-cell .txt {font-size:12px;line-height:19px;color:#8f8f8f;font-weight:500;margin-top:4px;display:block;width:100%;}



/*20230605 New Shop Management Page*/


.background-img-none{
	background-image: none !important;
}
.width-100{
	width: 100% !important;
}
.icon-shop-notice{
	width: 28px;
	height: 28px;
	background-image: url(https://image.banjjakpet.com/common/shop/icon/shop_notice@2x.png);
}
.icon-shop-push{
	width: 28px;
	height: 28px;
	background-image: url(https://image.banjjakpet.com/common/shop/icon/shop_push@2x.png);
}
.icon-shop-connection{
	width: 38px;
	height: 38px;
	background-image: url(https://image.banjjakpet.com/common/shop/icon/shop_connection@2x.png);
	margin-right:10px;
}
.connect-customer{
	border:1px solid #cecece !important;
	height:75px !important;
	border-radius:10px !important;
}

.shop-connection-wrap{
	display:flex;
	align-items:center;
	flex-direction: column;
}

.connection-txt{
	color: #8f8f8f;
	font-weight: 500;
	display: block;
}

.shop-connection-inner{
	display:flex;
	align-items: center;
}
.icon-notice-drag{
	width: 22px;
	height: 21px;
	margin-left:20px;
	margin-right:13px;
	background-image: url(https://image.banjjakpet.com/common/shop/icon/notice_drag@2x.png);
	background-size: 100%;
}

.notice-content-title{
	font-weight:700;
	width:70vw;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.notice-content-date{
	color:#8f8f8f;
	font-size:12px;
}
.shop-notice-list-wrap{
	display:flex;
	flex-direction: column;
}
.shop-notice-list{
	display:flex;
	flex-direction: column;
}
.scroll-hidden::-webkit-scrollbar {
	display: none;
}
.cell-swipe-top{
	display:flex;
	align-items: center;
	z-index:2;
	position: relative;
	background:#fff;
	height:60px;
	justify-content: space-between;
}
.notice-wrapper{
	/*padding:0px 20px 0px 20px;*/
	/*overflow-y:hidden;*/

}
.notice-wrapper.hidden{
	color:#CECECE;
}
.notice-wrapper .right-arrow{
	background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-info-more-black@2x.png) no-repeat;
	background-size: 15px;
	margin-left:20px;
	margin-right:18px;
	width: 15px;
	height: 15px;
}
.notice-wrapper.hidden .right-arrow{
	background: url(https://image.banjjakpet.com/common/shop/icon/btn-info-more@2x.png) no-repeat;
	background-size: 15px;
	width: 15px;
	height: 15px;
}



.new-title{
	font-size:16px;
	font-weight:700;
	margin-bottom:10px;
}
.notice-content{
	height:200px;
}
.photo-list{
	display:flex;
	flex-wrap:wrap;
}
.photo-list-cell{
	width: 110px;
	height: 110px;
	border: 1px solid #cecece;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;

}

.type-limit{
	float:right;
	color:#666666;
	font-size:13px;
	font-weight:500;
}

.shop-notice-cell{
	position: relative;
	width:100%;
	border-bottom:1px solid #ebebeb;
}
.cell-swipe-btn-wrap{
	display:flex;
	width:100%;
	height:100%;
}

.cell-swipe-bottom{
	width: 124px;
	height: 60px;
	right: 0;
	top: 0;
	z-index: 1;
}
.cell-swipe-btn{
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight:500;
	font-size:14px;
}
.cell-swipe-btn.hide{
	color:#B4B4B4;
	background:#EBEBEB;
}
.cell-swipe-btn.delete{
	color:#FFFFFF;
	background:#FF6A6A;

}
.cell-swipe-btn.show{
	color:#FFFFFF;
	background:#FDD94E;
}

.mg-left-20{
	margin-left:20px !important;
}

/*========================================
@ 산책
========================================*/
.btn-graph-view .icon {margin-right:8px;}
.walk-map-wrap {position:relative; margin:0; height:100%; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #ebebeb;}
.walk-map-wrap .btn-map-gps {position:absolute;top:60px;right:20px; z-index:15;}
.walk-map-area {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:#fafafa;overflow:hidden;}
.map-controller {position:absolute; bottom:0; left:0; display:block; width:100%; padding:36px 20px 20px 20px; box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 24px 24px 0px 0px; background:#fff; z-index:100; box-sizing:border-box;}
.map-controller .page-middle-banner {margin-top:20px;padding-top:20px; border-top:1px solid #f4f4f4;}
.map-controller-btns {display:flex; align-items:center; justify-content:center;margin-top:12px;}
.map-controller-action {margin-top:27px;}
.map-controller-action > button {display:none;}
.map-controller-action > button.actived {display:block;}
.map-controller {transform:translate( 0% , calc( 100% - 28px ) ); transition:transform 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940); will-change:transform;}
.map-controller .map-controller-view {opacity:0; transition:opacity 0.35s ease;}
.map-controller.actived {transform:translate( 0% , 0%);}
.map-controller.actived .map-controller-view {opacity:1;}
.btn-control-nav{position:relative; flex:0 0 auto; display:block; width:64px;height:64px;background:#fff;border-radius:50%;border:1px solid #ebebeb; font-size:0; margin:0 18px;}
.btn-control-nav > span {position:absolute; top:50%; left:50%; transform:translate(-50% , -50%);}
.btn-control-nav > span.off {opacity:0;}
.btn-control-nav > span.on {opacity:1;}
.btn-control-nav:disabled {background:#f4f4f4; border-color:rgba(0, 0, 0, 0.03);}
.btn-control-nav:disabled > span.off {opacity:1;}
.btn-control-nav:disabled > span.on {opacity:0;}
.btn-control-nav.hide {display:none;}
.btn-control-nav.active {display:block;}
#btnMapController {position:absolute; top:0;left:50%;display:flex;align-items:center;justify-content:center;width:45px;height:66px; z-index:15; font-size:0; margin:-22px 0 0 -23px;;}
#btnMapControllerPause,
#btnMapControllerPlay {width:84px;height:84px;}
.record-display {display:flex;}
.record-display .state-item {flex:1; display:flex; align-items:center; justify-content:center; height:72px; flex-direction:column;}
.record-display .state-item-value {font-size:18px;color:#202020;font-weight:700;line-height:21px; width:100%;text-align:center;}
.record-display .state-item-label {margin-top:4px; font-size:14px;color:#8f8f8f;font-weight:700;line-height:20px; width:100%;text-align:center;}
.record-display.controller-display .state-item-value {font-size:24px;line-height:29px;}
.record-display.controller-display .state-item-label {margin-top:3px; font-weight:500;line-height:18px;}
.record-display.map-display {position:absolute; top:20px; left:20px; display:flex; width:160px; padding:0 10px; background:rgba(0, 0, 0, 0.65); border-radius:8px; box-sizing:border-box; z-index:100; opacity:0; visibility:hidden; transition:visibility 0s 0.25s ease, opacity 0.25s ease;}
.record-display.map-display.actived {opacity:1; visibility:visible; transition:visibility 0s 0s ease, opacity 0.25s ease;}
.record-display.map-display .state-item {height:64px;}
.record-display.map-display .state-item:first-child {display:none;}
.record-display.map-display .state-item-value {font-size:20px; line-height:24px; color:#fff;}
.record-display.map-display .state-item-label {font-size:10px; line-height:20px; color:#fdd94e; margin-top:0;}

.map-user-wrap {position:absolute; top:60px;left:0;width:100%;box-sizing:border-box; z-index:150;}
.map-user-card {margin:0 20px; background:#fff;  border-radius: 16px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); padding:20px;}

.user-info-data {display:flex; width:100%; position:relative;}
.user-info-data .thumb-wrap {flex:0 0 auto; margin-right:14px;}
.user-info-data .info-wrap {flex:1; width:100%; display:flex; align-items:center; overflow:hidden;}
.user-info-data .info-inner {width:100%; overflow:hidden;}
.user-info-data .item-name {display:flex; font-size:18px; line-height:21px; font-weight:700; align-items:center;}
.user-info-data .item-name .name {display:inline-flex; overflow:hidden;}
.user-info-data .item-name .age {flex:0 0 auto; white-space:nowrap; margin-left:8px; font-weight:400;}
.user-info-data .item-name .date {flex:0 0 auto; white-space:nowrap; font-size:13px; line-height:19px; color:#8f8f8f; padding-left:8px; margin-left:auto; font-weight:400;}
.user-info-data .item-name + .item-info {margin-top:4px;}
.user-info-data .item-info {display:flex; align-items:center; overflow:hidden; font-size:15px; line-height:20px; color:#8f8f8f;}
.user-info-data .item-info .option {display:inline-flex; overflow:hidden;}
.user-info-data .item-info .num {flex:0 0 auto;  padding-left:8px; margin-left:auto; line-height:1;}
.user-info-data .item-info .num-value {white-space:nowrap;display:inline-block;padding:0 5px; font-size:12px; line-height:16px; color:#fff; font-weight:700; border-radius:8px; background:#ff4848; min-width:17px; box-sizing:border-box;}
.user-info-data .info-ui {flex:0 0 auto; width:26px; position:relative;}
.user-info-data .info-ui .btn-basic-item-ui-nav {top:-6px;}
.user-info-data .basic-item-ui-list {top:42px}
.user-data-wrap + .user-pet-list-wrap {margin-top:20px; padding-top:24px; border-top:1px solid #f4f4f4;}

.user-data-wrap .user-info-data .thumb-wrap {margin-right:18px;}
.user-data-wrap .user-info-data .item-name + .item-info {margin-top:8px;}
.user-data-wrap .user-info-data .item-info {font-size:16px;}

.walk-user-view .view-data {margin-top:24px;}


/* 산책 >  메인 */
.walk-main-wrap {position:absolute; top:0;left:0;display:block;width:100%;box-sizing:border-box;padding:0 20px 40px 20px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 0px 0px 24px 24px; background:#fff; z-index:100;}
.walk-main-wrap .record-display {margin-top:8px;}
.walk-main-wrap .btn-walk-go {margin-top:24px;}
.walk-main-wrap .page-middle-banner {margin-top:30px;}
.walk-main-wrap .user-point-list {margin-top:20px; padding-top:12px; border-top:1px solid #ebebeb;}
.walk-main-wrap .user-point-list-item.total {min-height:44px; padding:9px 0; font-size:16px; line-height:24px; border-bottom-width:1px; align-items:center;}
.walk-main-wrap .user-point-list-item.total .item-title,
.walk-main-wrap .user-point-list-item.total .item-value {font-weight:700;}
.walk-main-wrap .user-point-list-item.total:only-child {margin-bottom:0;}

#btnWalkMainToggle {position:absolute; bottom:0;left:50%;display:flex;align-items:center;justify-content:center;width:45px;height:66px; z-index:15; font-size:0; margin:0 0 -22px -23px;}

/* 산책 기록 일지 */
.recode-none {border-bottom:1px solid #f4f4f4;}
.record-month-list {margin-top:16px;}
.record-month-list .accordion-list {border:none;}
.record-month-list .accordion-list .accordion-cell {border:1px solid #ebebeb; border-radius:10px; overflow:hidden;}
.record-month-list .accordion-list .accordion-cell + .accordion-cell {border:1px solid #ebebeb; margin-top:16px;}
.record-month-list .accordion-list .btn-accordion-menu {min-height:64px; padding:14px 55px 13px 16px;}
.record-month-list .accordion-list .btn-accordion-menu:after {right:16px; width:16px; height:16px; margin-top:-8px; background:url(https://image.banjjakpet.com/common/shop/icon/icon_accordion_arrow2.png) center center no-repeat; background-size:16px auto;}
.record-month-list .accordion-list .record-accordion-data {border-radius:0; overflow:visible; margin:0;}
.record-accordion-date {display:block; font-size:13px; line-height:16px; color:#8f8f8f;}
.record-accordion-option {display:block; margin-top:4px; font-size:14px; line-height:17px; color:#202020; font-weight:700;}

.btn-record-kakao-share {display:block; width:32px;height:32px;font-size:0;background:url(https://image.banjjakpet.com/common/shop/icon/10-ic-32-kakao-t@2x.png) center center no-repeat; background-size:32px auto;}
.record-accordion-data {position:relative; min-height:226px; background:#fafafa; overflow:hidden;border-radius:8px; margin-top:28px;}
.record-accordion-data .btn-record-kakao-share {position:absolute; bottom:12px;right:12px;z-index:15;}
.record-accordion-header {position:absolute;top:0;left:0;display:flex; align-items:center; padding:0 16px; box-sizing:border-box; width:100%; height:44px; background:rgba(0, 0, 0, 0.3);}
.record-accordion-header .item-sort {display:inline-flex; align-items:center;}
.record-accordion-header .item-sort .icon {margin-right:6px;}
.record-accordion-header .item-sort + .item-sort {margin-left:30px;}
.record-accordion-header .item-value {font-size:15px; line-height:19px; color:#fff; font-weight:700;}
.record-accordion-header.bottom {top:auto; bottom:0; justify-content:center;}
.btn-kakao-go {margin-top:20px;}

.walk-graph-view {padding-top:28px}
.walk-graph-view .horizontal-swiper-scoller .vertical-bar-graph {flex:0 0 250%; width:250%; height:250px;}


/* 산책 > 펫 선택 */
.walk-pet-select-wrap {width:100%;padding-bottom:0;}
.walk-pet-select-wrap .select-title {font-size:18px; line-height:23px; font-weight:700;}
.walk-pet-select-wrap .select-title > span {display:block; font-size:16px; font-weight:400;}
.walk-pet-select-wrap .btn-user-pet-item {position:relative;display:block; width:72px; margin:0 auto;}
.walk-pet-select-wrap .btn-user-pet-item .icons {position:relative; padding-top:100%; overflow:hidden;border-radius:50%;border:1px solid rgba(0,0,0,0.02); box-sizing:border-box; background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-thumb-small.png) center center no-repeat; background-size:40px auto;}
.walk-pet-select-wrap .btn-user-pet-item .icons > img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;z-index:0;}
.walk-pet-select-wrap .btn-user-pet-item .txt {font-size:13px;line-height:19px;font-weight:400;text-align:center;margin-top:6px;word-break:break-all; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:19px;}
.walk-pet-select-wrap .btn-user-pet-item.add .icons {border:1px solid rgba(32,32,32,0.1);}
.walk-pet-select-wrap .btn-user-pet-item.add .icons:before {content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:14px;background:#8f8f8f;border-radius:2px;margin:-7px 0 0 -1px;}
.walk-pet-select-wrap .btn-user-pet-item.add .icons:after {content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:14px;background:#8f8f8f;border-radius:2px;margin:-7px 0 0 -1px; transform:rotate(90deg);}
.walk-pet-select-wrap .btn-user-pet-item.add .txt {color:#8f8f8f;}
.walk-pet-select-wrap .btn-user-pet-item.actived:before {content:''; position:absolute;top:-3px;left:-3px;width:100%;padding-top:100%;border-radius:50%;background:transparent;z-index:2;border:3px solid #6840b1;}
.walk-pet-select-list { margin-top:32px; padding:0 4px; box-sizing:border-box;}
.walk-pet-select-list .list-scroller {max-height:250px; padding:8px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box;}
.walk-pet-select-list .list-inner {margin:-12px -14px; display:flex; flex-wrap:wrap;}
.walk-pet-select-list .list-cell {width:33.33%; padding:12px 0; box-sizing:border-box;}

.discharge-select {margin-top:20px; display:flex; align-items:center; justify-content:center; width:100%;}
.btn-discharge-nav {display:flex; align-items:center; height:40px; width:100%; flex:1; justify-content:center;}
.btn-discharge-nav .txt {font-size:16px; line-height:23px; font-weight:500; color:#202020;}
.btn-discharge-nav .icons {position:relative; width:30px; height:30px;}
.btn-discharge-nav .icons > span {position:absolute;top:0;left:0;}
.btn-discharge-nav .icons .off {opacity:1;}
.btn-discharge-nav .icons .on {opacity:0;}
.btn-discharge-nav.actived .icons .off {opacity:0;}
.btn-discharge-nav.actived .icons .on {opacity:1;}
.btn-discharge-nav.actived .txt {color:#6840b1; font-weight:700;}

/* 채팅 */
.chat-user-wrap {position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:auto;z-index:5; display:flex; flex-direction:column;}
.chat-user-wrap .chat-item .chat-data {padding:12px 16px; border-radius:12px;}
.chat-user-wrap .chat-item .chat-time {padding-bottom:8px;}
.chat-user-wrap .chat-scroller {display:flex;}
.chat-header {position:relative; flex:0 0 auto; display:flex; align-items:center; width:100%;height:64px; border-bottom:1px solid #f4f4f4; z-index:15; background:#fff; box-sizing:border-box; padding:0 20px 0 56px;}
.chat-header .btn-page-prev {position:absolute;top:0;left:0; z-index:15;height:100%;}
.chat-header .user-info-data .thumb-wrap {margin-right:8px;}
.chat-header .user-info-data .thumb-wrap .user-thumb {width:36px; height:36px; background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-user.png) center center no-repeat; background-size:30px auto;}
.chat-header .user-info-data .item-name {font-size:15px; line-height:20px;}
.chat-header .user-info-data .item-name .age {margin-left:4px;}
.chat-header .user-info-data .item-name + .item-info {margin-top:0px;}
.chat-header .user-info-data .item-info {font-size:12px; line-height:16px; height:16px;}
.chat-body {position:relative; width:100%;height:100%;overflow:hidden;flex:1;}
.chat-footer {flex:0 0 auto; width:100%; border-top:1px solid #f4f4f4;}
.chat-input-wrap {width:100%; display:flex; padding:6px 6px 10px 10px; box-sizing:border-box; align-items:flex-end;}
.chat-input-wrap .text-input {flex:1; width:100%; min-height:36px; padding:8px 12px; border:1px solid #ebebeb; background:#f8f8f8; border-radius:18px; box-sizing:border-box;}
.chat-input-wrap .text-input textarea {width:100%; font-size:14px; line-height:20px; border:none;background:none; min-height:20px; height:20px; max-height:80px; padding:0;}

#chat-send {display:block;width:36px;height:36px;position:relative;flex:0 0 auto; margin-left:4px;font-size:0;}
#chat-send:before {content:''; position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/icon-send-off.png) center center no-repeat; background-size:100% auto; opacity:1;}
#chat-send:after {content:''; position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop/icon/icon-send-on.png) center center no-repeat; background-size:100% auto; opacity:0;}
#chat-send.actived:before {opacity:0;}
#chat-send.actived:after {opacity:1;}

.page-contents .chat-user-list {margin-top:-20px;}
.chat-user-list {margin-left:-20px; margin-right:-20px; border-top:1px solid #f4f4f4;}
.chat-user-list-cell {border-bottom:1px solid #f4f4f4;}
.chat-user-list .user-info-data {padding:18px 20px; box-sizing:border-box;}
.chat-user-list .user-info-data .thumb-wrap {margin-right:10px;}
.chat-user-list .user-info-data .thumb-wrap .user-thumb {width:44px; height:44px; background:#fafafa url(https://image.banjjakpet.com/common/shop/icon/icon-none-user.png) center center no-repeat; background-size:30px auto;}
.chat-user-list .user-info-data .item-name {font-size:16px; line-height:23px;}
.chat-user-list .user-info-data .item-name .age {margin-left:6px;}
.chat-user-list .user-info-data .item-name + .item-info {margin-top:0px;}
.chat-user-list .user-info-data .item-info {font-size:14px; line-height:20px; height:20px;}



/*========================================
@ 고객관리
========================================*/
.customer-inquiry-search {padding-top:28px;}
.customer-inquiry-search-input {margin-top:28px; padding-top:20px; border-top:1px solid #f4f4f4;}
.customer-inquiry-search-input .form-btns {margin-top:4px;}
.customer-inquiry-search-result {margin-top:16px;}
.customer-inquiry-search-result .list-none-data {padding:24px 0;}
.customer-inquiry-search-result .customer-card-list {margin-top:20px;}

/* 고객전체조회 */
/*
.customer-state-graph {margin:10px -20px; background:#fafafa; min-height:142px;}
*/
.customer-state-graph {position:relative; width:100%;}
.customer-state-graph + .customer-state-graph {margin-top:28px;}
.customer-state-graph + .customer-all-inquiry-result {margin-top:10px;}
.doughnut-graph { padding-top:100%;}
.doughnut-graph .graph-inner {position:absolute;top:0;left:0;width:100%;height:100%;}

.doughnut-half-graph { padding-top:200px;}
.doughnut-half-graph .graph-inner {position:absolute;top:0;left:0;width:100%;height:100%;}

.treemap-graph {height:250px;}
.customer-all-inquiry-list {margin:0 -20px; margin-bottom: 69px;}
table.customer-table {width:100%; text-align:center; table-layout:fixed;}
table.customer-table > thead > tr > th {padding:5px 7px; font-size:12px; line-height:18px; color:#202020; font-weight:500; border:1px solid #cecece; background-color:#f8f8f8; vertical-align:middle; text-align:center;}
.table_header{position:sticky;top:-1px;}
table.customer-table > tbody > tr > td {padding:15px 4px; font-size:12px; line-height:14px; color:#202020; border:1px solid #cecece; background-color:#fff; vertical-align:middle; text-align:center;}
table.customer-table > tbody > tr > td.none {font-size:16px; line-height:23px; color:#666; padding:24px 0;}
table.customer-table > tbody > .customer-table-total > td {background:#FFFCED;}
.customer-table-txt + .customer-table-txt {margin-top:8px;}
.customer-table-toggle {display:block; width:100%; text-align:left; position:relative;}
.customer-table-toggle:after {content:''; position:absolute;bottom:5px;right:8px; display:block;width:10px;height:10px;background:url(https://image.banjjakpet.com/common/shop/icon/icon-customer-toggle-arrow.png) left top no-repeat; background-size:10px auto;}

.customer-table-toggle2:after{transform:rotate(180deg) ;}
.customer-table-toggle .toggle-title {display:block; width:100%; font-weight:700;}
.customer-table-toggle .toggle-title > span {display:block;}
.customer-table-toggle .toggle-grade {display:block; margin-top:8px}
.customer-table-view {display:none;}
.customer-table-view.actived {display:table-row;}
div.customer-table-toggle:after {display:none;}
div.customer-table-toggle .toggle-grade {display:flex; align-items:center; justify-content:space-between;}
.customer-table-cell.actived .customer-table-toggle:After {transform:rotate(180deg);}
table.customer-table > tbody > tr.customer-table-view > td {padding:0 !important;}
table.customer-table > tbody > tr.customer-table-cate > td {padding:8px 22px !important; font-size:13px; line-height:20px; color:#8f8f8f; font-weight:500; text-align:left;}
table.customer-table > tbody > tr.customer-table-total > td {padding:8px 10px !important; font-size:13px; line-height:20px; color:#8f8f8f; font-weight:500; text-align:center; border-left:none;border-right:none;}
table.customer-table > tbody > tr > td.no-padding {padding-left:0 !important; padding-right:0 !important;}
.customer-table-view .flex-table {padding:10px 20px;}

.user-grade-item {display:inline-flex; align-items:center;}
.user-grade-item > .icon {flex:0 0 auto; margin-right:4px}
.user-grade-item > .icon-grade-label {font-size:16px; line-height:23px; font-weight:700;}

.flex-table {}
.flex-table-cell {flex:1; width:100%; padding:18px 0; border-top:1px solid #cecece;}
.flex-table-cell:first-child {border-top:none;}
.flex-table-cell:nth-child(2) {border-top:none;} /* 2022.10.21 css 추가적용 */
.flex-table-cell.no-padding {padding:0 !important;}
.flex-table-item {display:flex; width:100%;}
.flex-table-item.middle {padding:7px 0;}
.flex-table-title {flex:0 0 auto; width:75px; margin-right:12px; display:flex; align-items:center; justify-content:flex-start;}
.flex-table-title .txt {font-size:12px; line-height:16px; color:#202020; font-weight:700; width:100%; text-align:left;}
.flex-table-data {flex:1; width:100%; display:flex; align-items:center; justify-content:flex-start; line-height:1; flex-wrap:wrap;}
.flex-table-data-inner {width:100%; font-size:12px; line-height:13px; font-weight:500; color:#666; text-align:left; flex:1;}
.flex-table-data-side {flex:0 0 auto; margin-left:8px; align-self:flex-start;}
.flex-table-data-side .btn-ui-group {display:flex; align-items:center;}
.flex-table-data-side .btn-ui-group > a + button ,
.flex-table-data-side .btn-ui-group > button + a ,
.flex-table-data-side .btn-ui-group > a + a ,
.flex-table-data-side .btn-ui-group > button + button {margin-left:8px;}
.flex-table-data-side > .btn-text {display:inline-block;}
.flex-table .btn-grid-group .grid-layout-inner {margin:-4px;}
.flex-table .btn-grid-group .grid-layout-cell {padding:4px;}
.flex-table-value + .flex-table-value {margin-top:8px;}
.flex-table .user-grade-item > .icon-grade-label {font-size:12px; line-height:16px; font-weight:400;}
.flex-table.read .flex-table-cell {padding:12px 0; border-bottom:1px solid #cecece; border-top:none;}
.flex-table.read .flex-table-item {}
.flex-table.read .flex-table-title {align-items:flex-start;}
.flex-table.read .flex-table-title .txt {font-size:14px; line-height:20px}
.flex-table.read .flex-table-data-inner {font-size:14px; line-height:20px;}
.flex-table.read .flex-table-data-inner > p + p {margin-top:10px;}
.flex-table.type-2 .flex-table-cell {padding:7px 0; border-top:none; border-bottom:1px solid #cecece;}
.flex-table.type-2 .flex-table-cell:first-child {border-top:none;}
.flex-table.type-2 .no-padding .flex-table-item .flex-table-title {padding-top:7px;padding-bottom:7px;}
.flex-table.type-2 .flex-table-title {width:85px; align-items:flex-start;}
.flex-table.type-2 .flex-table-title .txt {font-size:14px; line-height:19px; padding:5.5px 0;}
.flex-table.type-2 .flex-table-data {min-height:30px;}
.flex-table.type-2 .flex-table-data-inner {font-size:14px; line-height:19px; color:#666; display:flex; flex-wrap:wrap; min-height:30px; align-items:center;}
.flex-table.type-2 .flex-table-data-inner > p + p {margin-top:10px;}
.flex-table.type-2 .flex-table-data-side > .btn-text {display:inline-block; padding:5.5px 0; font-size:14px; line-height:19px;}
.flex-table.type-2 .flex-table-txt {min-height:30px;}
.flex-table.w-90 .flex-table-title {width:90px;}


/* 알림톡 발송 조회 */
.customer-alarm-inquiry {padding-top:10px;}
.customer-alarm-inquiry .con-title-group {margin-top:20px;}
.customer-alarm-inquiry .customer-alarm-result {margin:10px -20px 0 -20px;}


/* 유저 상세 */
.customer-view-wrap {padding-top:20px;}
.customer-view-wrap .flex-table-cell {padding:7px 0; border-top:none; border-bottom:1px solid #cecece;}
.customer-view-wrap .flex-table-cell:first-child {border-top:none;}
.customer-view-wrap .flex-table-item {}
.customer-view-wrap .flex-table-title {width:85px; align-items:flex-start;}
.customer-view-wrap .flex-table-title .txt {font-size:14px; line-height:19px; padding:5.5px 0;}
.customer-view-wrap .flex-table-data {min-height:30px;}
.customer-view-wrap .flex-table-data-inner {font-size:14px; line-height:19px; color:#666; display:flex; flex-wrap:wrap; min-height:30px; align-items:center;}
.customer-view-wrap .flex-table-data-side > .btn-text {display:inline-block; padding:5.5px 0; font-size:14px; line-height:19px;}
.customer-view-wrap .flex-table-txt {min-height:30px;}
.flex-table-txt {display:flex; align-items:center; text-align:left;}
.flex-table-txt > em {font-weight:700; margin-right:10px; flex:0 0 auto;}
.flex-table-txt + .flex-table-txt {margin-top:5px;}

.btn-grid-group + .customer-view-user {margin-top:20px;}
.customer-view-user .form-group {margin-top:20px;}
.customer-view-pet {}
.customer-view-pet .con-title-group {margin-bottom:8px;}
.customer-view-pet .btn-grid-group {margin-bottom:20px;}
.customer-view-pet .btn-grid-group .grid-layout-inner {margin:-5px;}
.customer-view-pet .btn-grid-group .grid-layout-cell {padding:5px;}
.customer-view-pet .customer-view-pet-picture {margin-bottom:16px;}

.customer-view-pet-picture {display:flex; flex-wrap:wrap;/* align-items:center; justify-content:space-between;*/}
.customer-view-pet-picture .item-thumb {position:relative; flex:0 0 auto;}
.customer-view-pet-picture .item-thumb > button {position:absolute;bottom:0;right:0;}
.customer-view-pet-picture .item-thumb + .item-user-info {margin-left:20px;}
.customer-view-pet-picture .item-user-info {flex:1; width:100%; display:flex; align-items:center; min-height:100%; overflow:hidden; text-align:left;}
.customer-view-pet-picture .item-user-info-inner {width:100%;}
.customer-view-pet-picture .item-user-info .user-name {font-size:18px;line-height:21px; font-weight:700; text-align:left; margin-bottom:8px; color:#202020;}
.customer-view-pet-picture .item-user-info .user-cate {font-size:16px;line-height:23px; text-align:left;}
.customer-view-pet-picture .user-name {font-size:14px; line-height:19px; color:#666; margin-top:8px; text-align:center;;}
.customer-view-pet-picture .item-action {width:100%;}
.customer-view-pet-picture .item-action .btn + .btn {margin-top:10px;}
.customer-view-pet-group .customer-view-pet-picture .btn-grid-group {margin-bottom:0px; margin-top:28px;} 
.customer-view-pet-picture + .flex-table {margin-top:20px;}

.special-note {padding:20px; background:#f4f4f4; border-radius:12px;}
.special-note .note-title {font-size:15px;line-height:20px;font-weight:700;}
.special-note .note-title + .note-desc {margin-top:6px;}
.special-note .note-desc + .note-desc {margin-top:4px;}
.special-note .note-desc {font-size:14px;line-height:20px; display:flex; align-items:flex-start; text-align:left;}
.special-note .note-desc > em {flex:0 0 auto; margin-right:14px;}
.special-note + .special-note {margin-top:10px;}
.customer-view-pet-group + .customer-view-pet-group {margin-top:28px;}
.customer-view-pet-group .btn-grid-group {margin-bottom:0px; margin-top:24px;} 
.customer-view-pet-detail .service-selected-wrap {padding:24px; display:none; margin-top:16px; }
.customer-view-pet-detail .service-selected-wrap .list-title {font-size:14px; line-height:20px; font-weight:700; width:110px;}
.customer-view-pet-detail .service-selected-wrap .list-data {font-size:13px; line-height:19px; color:#8f8f8f; }
.customer-view-pet-detail {margin:16px 0 20px 0;}
.customer-view-pet-detail.actived .btn-detail-toggle:after {transform:rotate(-180deg);}
.customer-view-pet-detail.actived .service-selected-wrap {display:block;}

.customer-view-lastest {margin-top:28px;}
.customer-view-lastest-list {margin:0 -20px;}

.customer-noshow-data {display:flex; width:100%; align-items:center; margin-bottom:23px;}
.customer-noshow-data > .label {flex:1; width:100%; border-radius:5px;}
.customer-noshow-data > .btn {flex:0 0 auto; width:75px; margin-left:10px;}

/* 전화번호 추가 */
.phone-add-wrap {padding:0 20px 20px 20px !important;}
.phone-add-list {width:100%;}
.phone-add-item {display:flex; align-items:center;}
.phone-add-item + .phone-add-item {margin-top:10px;}
.phone-add-item .item-check {flex:0 0 auto;}
.phone-add-item .item-data {flex:1; margin:0 10px 0 8px; overflow:hidden;}
.phone-add-item .item-ui {flex:0 0 auto;}
.phone-add-item-value {position:relative; display:flex; height:60px; padding:0 45px 0 15px; border:1px solid #cecece; flex-direction:column; align-items:flex-start; justify-content:center; border-radius:10px; box-sizing:border-box;}
.phone-add-item-value .phone-add-name {display:block; width:100%; text-align:left; font-size:13px; line-height:16px; font-weight:700;}
.phone-add-item-value .phone-add-num {display:block; width:100%; text-align:left; font-size:15px; line-height:16px; margin-top:2px; color:#666;}
.phone-add-item-value .phone-state-icon {position:absolute; top:15px; right:15px;}
.phone-add-item .btn-phone-del {display:flex; width:60px;height:60px;border:1px solid #cecece;border-radius:10px;align-items:center; justify-content:center; box-sizing:border-box;}
.phone-add-item .btn-phone-del.press {background:#f0f0f0;}
.phone-add-item .form-radiobox .form-check-icon {min-width:0; min-height:none;}
.phone-add-item .form-radiobox .form-check-icon:before {left:50%; margin-left:-10px;}
.phone-add-item .form-radiobox .form-check-icon:after {left:50%; margin-left:-10px;}
.phone-add-item .form-radiobox .form-check-icon > em {display:block; padding:22px 0 0 0; font-size:13px; line-height:20px;}
.phone-add-item.actived .phone-add-item-value {border:2px solid #6840b1;}
.phone-add-item.new .phone-add-item-value .phone-add-name {color:#8f8f8f;}
.phone-add-item.new .phone-add-item-value .phone-add-num {color:#8f8f8f;}
.phone-add-item.new .phone-add-item-value .phone-state-icon {display:none;}
.phone-add-item.new .btn-phone-del > .icon {opacity:0.3;}
.phone-add-input {width:100%; margin:20px 0 16px 0; text-align:left;}
.phone-add-input.disabled .form-group .form-item-label {color:#b4b4b4;}
.phone-add-input .form-group {display:flex; margin:0 -5px;}
.phone-add-input .form-group-cell {flex:1; margin:0 5px;}
.phone-add-input .form-group-cell + .form-group-cell {margin-top:0;}
.phone-add-input .form-input-info {margin-top:8px; padding:0;}

.user-sign-wrap {margin-top:10px; height:213px; border:1px solid #cecece; border-radius:12px;background:#fff;}
.customer-view-agree-info {margin-top:10px; font-size:14px; line-height:20px;}
.customer-view-agree .pay-card-group {margin-top:20px; border-top:none;}
.customer-view-agree .pay-card-check .btn-pay-card-toggle {right:0; background-position:right center; width:auto; font-size:13px; line-height:20px; padding-right:15px; background:none;}
.customer-view-agree .pay-card-check .btn-pay-card-toggle:after {content:'';position:absolute;top:50%;right:0;display:block;width:10px;height:10px; margin-top:-5px; font-size:0;background:url(https://image.banjjakpet.com/common/shop/icon/btn-info-spread@2x.png) center center no-repeat; background-size:10px auto;}
.customer-view-agree .pay-card-rule-wrap.actived .pay-card-check .btn-pay-card-toggle {transform:none;}
.customer-view-agree .pay-card-rule-wrap.actived .pay-card-check .btn-pay-card-toggle:after {transform:rotate(-180deg);}
.customer-view-agree .pay-card-rule {border:none; margin-top:0;}
.customer-view-agree-date {margin-top:28px; text-align:center;}
.customer-view-agree-date .item-date {font-size:18px; line-height:24px; font-weight:700;}
.customer-view-agree-date .item-name {font-size:16px; line-height:24px; color:#666;}

.inner-add-wrap {padding:0 20px 20px 20px !important;}
.inner-add-date {font-size:15px; line-height:20px; font-weight:700; text-align:left; width:100%; margin-bottom:16px;}
.inner-add-list {margin-bottom:26px; width:100%;}
.inner-add-item  + .inner-add-item {margin-top:10px;}
.inner-add-item {display:flex; align-items:center;}
.inner-add-item .item-check {flex:0 0 auto; margin-right:8px;}
.inner-add-item .item-data {flex:1; width:100%; display:flex; border:1px solid #ebebeb; border-radius:10px; box-sizing:border-box; padding:8px 0 8px 16px;}
.inner-add-item-value {flex:1; width:100%; text-align:left; box-sizing:border-box; padding:0 8px 0 0;}
.inner-add-item-ui {flex:0 0 auto; width:72px; display:flex; align-items:center; justify-content:center; border-left:1px solid #ebebeb;}
.inner-add-item-ui .btn-phone-del {width:44px; height:44px;}
.inner-add-name {font-size:13px; line-height:16px;}
.inner-add-num {margin-top:4px; font-size:13px; line-height:16px; color:#666; font-weight:500;}
.inner-add-option {margin-top:4px; font-size:13px; line-height:16px; color:#666; font-weight:500;}

/* 회원등급 설정 */
.customer-grade-wrap {padding-top:20px;}
.customer-grade-card-group {margin-top:20px;}
.customer-grade-card {border:1px solid #cecece; border-radius:12px; overflow:hidden; text-align:left;}
.customer-grade-card + .customer-grade-card {margin-top:28px;}
.customer-grade-card .card-header {display:flex; min-height:52px; padding:10px 12px; align-items:center; background:#f8f8f8; box-sizing:border-box;}
.customer-grade-card .user-grade-item .icon-grade-label {font-size:}
.customer-grade-card .card-body {padding:15px 20px 20px 20px;}
.customer-grade-title {font-size:15px;line-height:20px;font-weight:700;}
.customer-grade-value {font-size:14px;line-height:20px; margin-top:0;}
.customer-grade-value input {border-bottom-color:#ebebeb !important;}
.customer-grade-info {font-size:14px;line-height:20px; margin-top:20px;}



/*========================================
@ 상세설정
========================================*/
/* 상세설정 > 메인 */
.set-main-wrap {padding-top:20px;}
.set-main-wrap .grid-layout-inner {margin:-10px;}
.set-main-wrap .grid-layout-cell {padding:10px;}
.btn-set-main-menu {position:relative; display:block; width:100%; height:100px; box-sizing:border-box; padding:14px 16px; border:1px solid #cecece; border-radius:12px;}
.btn-set-main-menu .icon {position:absolute;bottom:16px;right:16px;}
.btn-set-main-menu.press {background:#f0f0f0;}

/* 상세설정 > 일정관리 */
.set-schedule-wrap {padding-top:20px;}
.set-schedule-wrap .common-none-data {padding:56px 0;}
.set-schedule-wrap .reserve-calendar-top {padding-top:0;}

/* 상세설정 > 권한관리 */
.set-right-wrap {padding-top:20px;}
.set-right-input {padding-top:32px;}
.id-inquiry-data {padding:16px 0; text-align:center;}
.id-inquiry-data .msg {font-size:14px;line-height:17px;color:#666;font-weight:500;}
.id-inquiry-data .msg + .value {margin-top:8px;}
.id-inquiry-data .value {font-size:16px;line-height:23px;font-weight:700;}

/* 상세설정 > 상품관리 */
.set-beauty-management .accordion-content {padding-bottom:28px;}
.set-hotel-management .accordion-content {padding-bottom:28px;}
.set-beauty-management .common-none-data {padding:56px 0;}
.set-hotel-management .common-none-data {padding:56px 0;}
a.btn-surtax-set,
button.btn-surtax-set{height:26px;  padding:0 10px 0 4px; border-radius:13px;}
.btn-surtax-set .icon {position:relative; width:20px; height:20px;}
.btn-surtax-set .icon:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:1; background:url(https://image.banjjakpet.com/common/shop/icon/icon-check-gray.png) center center no-repeat;background-size:20px auto;}
.btn-surtax-set .icon:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:1; background:url(https://image.banjjakpet.com/common/shop/icon/icon-check-purple.png) center center no-repeat;background-size:20px auto;}
.btn-surtax-set.actived {border-color:#6840B !important; color:#6840B !important;}
.btn-surtax-set.actived .icon:before {opacity:0;}
.btn-surtax-set.actived .icon:after {opacity:1;}

.set-beauty-take {padding-top:20px;}
.set-beauty-add {padding-top:20px;}
.set-beauty-division {padding-top:20px;}
.set-option-add {padding-top:20px;}
.set-store-add {padding-top:20px;}
.set-coupon-add {padding-top:20px;}
.set-hotel-shop-add {padding-top:20px;}
.set-hotel-shop-add .shop-gate-picture-select .list-inner > .list-cell {width:33.33%;}

/* 상세설정 > 미용사 추가 삭제 */
.set-teacher-wrap {padding-top:20px;}
.set-teacher-add {padding-top:20px;}
.card-teacher-item {border:1px solid #cecece; border-radius:10px; overflow:hidden; background:#fff;}
.card-teacher-header {position:relative; min-height:62px; display:flex; padding:8px 48px 8px 16px; box-sizing:border-box; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.card-teacher-header .item-info-wrap {flex:1; width:100%; align-items:center; display:flex;}
.card-teacher-header .item-info-inner {width:100%;}
.card-teacher-header .item-name {font-size:14px;line-height:17px;font-weight:700;}
.card-teacher-header .item-info {font-size:13px;line-height:17px;color:#8f8f8f; margin-top:2px;}
.card-teacher-header .item-state {flex:0 0 auto; display:flex; align-items:center; margin-left:10px;}
.card-teacher-header .item-state .txt {font-size:13px; line-height:17px; color:#666; font-weight:700; text-align:right; padding:5px 0;}
.card-teacher-header button.btn-accordion-menu {position:absolute;top:0;right:0;width:48px;height:100%;}
.card-teacher-header button.btn-accordion-menu:after {position:absolute;top:50%;left:50%;display:block; width:16px;height:16px;margin:-8px 0 0 -8px; background:url(https://image.banjjakpet.com/common/shop/icon/icon_accordion_arrow_2.png) center center no-repeat; background-size:16px auto;}
.card-teacher-body {margin:0 20px 20px 20px; padding-top:16px; border-top:1px solid #cecece;}

/* 알림 / 표시 관리 > 알림설정 */
.set-notice-type {padding-top:20px;}
.set-notice-type-item + .set-notice-type-item {margin-top:20px;}
.set-notice-type-item {display:flex; width:100%; padding:10px 0; align-items:flex-start; border-bottom:1px solid #cecece;}
.set-notice-type-item .item-info-wrap {width:100%; flex:1;}
.set-notice-type-item .item-check {flex:0 0 auto; margin-left:5px;}
.set-notice-type-item .item-title {font-size:16px;line-height:20px;font-weight:700;}
.set-notice-type-item .item-title + .item-info {margin-top:4px;}
.set-notice-type-item .item-title + .item-info span{color:#6d3898;font-weight:bold;}
.set-notice-type-item .item-info + .item-info {margin-top:10px}
.set-notice-type-item .item-info {font-size:13px;line-height:20px;}
.set-notice-type-item .item-check {padding:10px 0;}
.set-notice-type-item .item-info-wrap .about_notice{font-size:11.5px;color:#6d6d6d;font-weight:bold;}
.set-notice-type-item .item-info-wrap .about_notice .txt{margin-top:10px;float:left;}
.set-notice-type-item .item-info-wrap .about_notice .question{width:12.5px;height:12.5px;background:url(https://image.banjjakpet.com/common/shop/icon/question.png);margin-top:12.5px;float:left;background-size:12.5px;}


.hide .card-teacher-item {background:#ebebeb;}
.hide .card-teacher-item .item-state {align-items:flex-start; justify-content:flex-end; text-align:right;}
.hide .card-teacher-item .item-name {color:#8f8f8f;}
.hide .card-teacher-item .item-info {color:#8f8f8f;}
.hide .card-teacher-body {border-color:#cecece;}
.hide .card-teacher-body .schedule-day-state {background:#8f8f8f; border-color:#8f8f8f;}

.schedule-day-list {}
.schedule-day-item + .schedule-day-item {margin-top:16px;}
.schedule-day-item.input + .schedule-day-item.input {margin-top:23px;}
.schedule-day-item {display:flex; width:100%; align-items:center; min-height:40px;}
.schedule-day-item .item-title {flex:0 0 auto; margin-right:14px;}
.schedule-day-item .item-value {flex:1; width:100%; font-size:15px;line-height:20px;font-weight:500;}
.schedule-day-item .item-check {flex:0 0 auto; margin-right:17px;}
.schedule-day-item .item-input {flex:1; width:100%;}
.schedule-day-state {width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:15px;line-height:20px;color:#fff;font-weight:700;background:#6840b1; border:1px solid #6840b1; border-radius:50%;}
.schedule-day-state.purple {color:#fff; background:#6840b1; border-color:#6840b1;}
.schedule-day-state.white {color:#202020; background:#fff; border-color:rgba(32,32,32,0.3);}
.schedule-day-state.gray {color:#fff; background:#666; border-color:#666;}

/* 상세설정 > 적립금 */
.set-save-money {padding-top:20px;} 
.set-pay-type {padding-top:20px;} 
.set-pay-type-item + .set-pay-type-item {margin-top:20px;}
.set-pay-type-item {display:flex; width:100%; padding:10px 0; align-items:flex-start; border-bottom:1px solid #cecece;}
.set-pay-type-item .item-info-wrap {width:100%; flex:1;}
.set-pay-type-item .item-check {flex:0 0 auto; margin-left:5px;}
.set-pay-type-item .item-title {font-size:16px;line-height:20px;font-weight:700;}
.set-pay-type-item .item-title + .item-info {margin-top:4px}
.set-pay-type-item .item-info + .item-info {margin-top:10px}
.set-pay-type-item .item-info {font-size:13px;line-height:20px;}
.set-pay-type-item .item-check {padding:10px 0;}



/*========================================
@ 정산
========================================*/
.stats-wrap {}
.stats-result-graph {padding:20px 0; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; margin-bottom:10px;}
.stats-result-sort {display:flex; justify-content:flex-end; width:100%; box-sizing:border-box;}

.stats-result-data {}
.stats-result-data table.customer-table > tbody > tr > td {padding-left:10px; padding-right:10px;}

.stats-result-total {border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.stats-result-total + .stats-result-total {margin-top:-1px;}
.stats-result-total .grid-layout-inner {}
.stats-result-total .grid-layout-cell {padding:0;}
.stats-result-total .grid-layout-cell:nth-child(1) {width:24%;}
.stats-result-total .grid-layout-cell:nth-child(2) {width:38%;}
.stats-result-total .grid-layout-cell:nth-child(3) {width:38%;}
.stats-result-total .grid-layout-cell + .grid-layout-cell {border-left:1px solid #cecece;}
.stats-result-total-item {padding:0 10px; display:flex; align-items:center; justify-content:space-between; height:46px;}
.stats-result-total-item > em {flex:0 0 auto; font-size:14px; color:#8f8f8f; font-weight:500; line-height:20px; text-align:left; white-space:nowrap;}
.stats-result-total-item > p {font-size:14px; color:#202020; font-weight:700; line-height:20px; text-align:right;}
.stats-result-total-item.total {height:54px;}
.stats-result-total-item.total > em {font-size:16px;}
.stats-result-total-item.total > p {font-size:18px; color:#6840b1;}
.stats-calculate-table {margin-left:-20px; margin-right:-20px;}
.stats-calculate-table table.customer-table > thead > tr > th {font-size:12px; line-height:16px; font-weight:500; padding:10px 3px; border:1px solid #ebebeb; text-align:center;}
.stats-calculate-table table.customer-table > tbody > tr > th {font-size:12px; line-height:16px; font-weight:500; padding:18px 3px; border:1px solid #ebebeb; background:#f8f8f8; text-align:center;}
.stats-calculate-table table.customer-table > tbody > tr > td {font-size:12px; line-height:16px; font-weight:500; padding:18px 3px; border:1px solid #ebebeb; text-align:center;}
.stats-calculate-table table.customer-table > tbody > tr > th.total,
.stats-calculate-table table.customer-table > tbody > tr > td.total {font-size:16px;}

/* 전문몰 */
.master-wrap {padding-top:12px;}
.btn-master-main-item {display:block; max-width:420px; margin:0 auto;}
.btn-master-main-item + .btn-master-main-item {margin-top:12px;}
.master-main-desc {text-align:center; margin-top:16px; font-size:16px; line-height:23px;}
.master-main-desc .txt {margin-top:16px;}

/* 게시판 */
.basic-board-list {}
.basic-board-list > ul > li {border-bottom:1px solid #cecece;}
.btn-board-item {display:flex; align-items:flex-start; padding:18px 0 16px 0;}
.btn-board-item .item-cate {flex:0 0 auto; width:76px; font-size:16px; line-height:21px; color:#6840b1; font-weight:700; text-align:left;}
.btn-board-item .item-info {flex:1; width:100%;}
.btn-board-item .item-subject {font-size:16px; line-height:21px; color:#202020;}
.btn-board-item .item-date {margin-top:4px; font-size:13px; line-height:19px; color:#b4b4b4; font-weight:500;}
.board-more {margin-top:32px;}
.board-view-top {border-bottom:1px solid #cecece;}
.board-view-top .btn-board-item .item-subject {font-weight:700;}
.board-view-detail {padding:32px 0; text-align:center;}



/*========================================
@ 아이폰
========================================*/
.ios .common-navigation {padding-bottom:34px;}
.ios .btn-reserve , 
.ios .btn-page-bottom {padding-bottom:28px;}
.ios .page-bottom .btn-grid-group {padding-bottom:40px;}
.ios .toast-pop-wrap  {bottom:45px;}
.ios .page-bottom ~ .toast-pop-wrap {bottom:106px;}
.ios .app-footer {padding-bottom:40px;}
.ios .chat-scroller-inner {padding:20px 20px 32px 20px;}
.ios .map-controller {padding-bottom:32px; transform:translate( 0% , calc( 100% - 60px ) );}
.ios .layer-pop-bottom {padding-bottom:60px;}
.ios .chat-footer{padding-bottom:60px;}
.ios .layer-pop-wrap.bottom .pop-body {padding-bottom:70px;}
.ios .reserve-calendar-float {bottom:101px;}
.ios .common-bottom-ui {bottom:122px;}



/*========================================
@ 2022.06.07 작업/결제관리 페이지 css 수정
========================================*/

.mg-bt-12{margin-bottom:12px;}
.grid-col2-row3{display:grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(3,1fr)}
.con-title-group-add{background: #F4F4F4; width:100vw; max-width:1020px; position: relative; left:-20px;}
.con-title-group-add > h4 {position: relative; left:20px;}
.special-note-add{background: #fff !important; border:1px solid #b4b4b4;}
.memo-item-add{background: #fff !important; border:1px solid #cecece;}
.memo-item-add2{display:flex !important; justify-content: space-between;}
.memo-detail-wrap{display:flex; justify-content: center; align-items: baseline;}
.memo-detail-wrap > svg{ position:relative; left:4px;}

.btn-detail-toggle-add{color:#202020;}

.btn-bg-yellow{background:#FEE500; color:#202020;width:126px !important; padding:0 !important; right:20px !important;}
.text-list-wrap-add{ border-radius:12px; padding:22px 24px 22px 24px; border: 1px solid #cecece; margin-top:10px; }

.flex-table-title-add > .txt {font-size:14px !important;}
.flex-table-data-inner-add {font-size:13px !important;}
.list-data-add{color:#666666 !important;}
/* 홈 드랍다운 ios safari 파란글씨 수정*/
.btn-gnb-toggle-menu-add{color:#202020;}


.receipt-wide-tab{width:100vw; border:none !important; position: relative;  left:-20px; background: #fff;}
.receipt-wide-tab-wrap{   height:42px; border-bottom: 2px solid #ebebeb;	width: calc(100vw - 40px);position: relative;left: 20px;}
.receipt-wide-tab-inner{width:calc(100vw - 40px); position: relative;  }
.user-receipt-item-add{background: #fff !important;}
.user-receipt-wrap{border-radius: 12px; margin-top:12px !important;border:1px solid #cecece; padding:23px 24px 23px 24px;}




.sticky-remove{
	display:block !important;
	position:relative !important;
}


/*2022.06.14 shortcut css 추가*/
.shortcut-wrap{right:19px;  bottom:85px; cursor:pointer; display:flex; flex-direction: column; position: fixed; z-index: 100;}
.shortcut-wrap img{margin-top:10px; width:40px; height:40px;}

/*2022.06.20 shop_mall category*/
.item-menu-list-category{
	display:grid;
	grid-template-rows: repeat(2,1fr);
	grid-template-columns: repeat(5,1fr) ;
}
.shop-category-item{
	flex:0.25;
	margin:0 !important;
}
.shop-category-inner{
	border-bottom:2px solid #ebebeb;
}
.btn-tab-item-add:after{
	bottom:-3px !important;
	background: #6840b1 !important;
}
.middle_category_add{
	height: 35px !important;
	background: #f4f4f4;
	border-radius: 60px;
	color:rgba(32, 32, 32, 0.48);
	font-size:12px !important;

}

/*2022.06.20 예약관리 일간 UI 변경*/
.calendar-day-time-item-add{
	display: flex !important;
	/*padding: 0px 0px 0px 6px !important;*/
	/*flex-direction: column;*/
}
.item-select-option{
	font-size:13px;
	display: flex;
}
.item-memo{
	font-size:13px;
	margin-top:3px;
}
.item-thumb-add{
	width:30px;
	height:30px;
	min-width:30px;
	min-height: 30px;
	margin-right:8px;
	overflow: hidden;
	border-radius: 5px;
	border:0.5px solid #bebebe;

}
.item-thumb-add img{



}
.item-group-wrap{
	display:flex;
}
.item-group{
	display:flex;
	flex-direction: column;

}
.thumb-modal{
	position: absolute;
	width:100vw;
	height:100vh;
	background: rgba(0,0,0,0.30);
	z-index:510;
	display:none;
}

.thumb-modal-content-wrap{
	width:90%;
	height:45%;
	background: white;
	z-index:511;
	margin:0 auto;
	border-radius: 15px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;


}
.thumb-modal-img{
	width:80%;
	max-height: 250px;
	overflow: hidden;
	margin-top:20px;
	display: flex;
	justify-content: center;
}
.thumb-modal-img img{
	width:80%;

}
.thumb-close{
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 20px;

}


/*.item-name-cate .item-name,.item-cate{*/
/*	font-size:15px !important;*/
/*}*/

/*2022.06.22 shop_category*/
.btn-tab-item-add-2:after{bottom: -1px !important;
}



/*2022.06.24 작업/결제관리 보조연락처 */
.call_edit {
	width: 63px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	border:1px solid #cecece;
	cursor:pointer;

}
/*2022.06.30 작업/결제관리 노쇼버튼 수정*/
.set-noshow{
	width: 95px !important;
	margin-right: 20px;
	font-size: 14px !important;
	max-height: 30px;
}
.cancel-noshow{
	width: 95px !important;
	margin-right: 20px;
	font-size: 14px !important;
	max-height: 30px;
	background : #8f8f8f;
	color:white !important;

}

/*2022.07.05 예약관리 UI 수정*/

.ds_none{
	display:none !important;
}


/*2022.07.08 일간 예약관리 noshow icon 추가*/

.item-noshow{
	background: #ff4848;
	border-radius: 3px;
	width:35px;
	height:15px;
	display: flex;
	color:white;
	font-size:10px;
	justify-content: center;
	align-items: center;
	margin-left:3px;

}
.item-noshow img{
	width:15px;
	height:15px;
}


.item-name-noshow {
	display:flex;
	align-items: center;
}

/*2022.07.07 회원가입 미권한자로그인 화면 수정 */
.join-btn-logout {
	display: block;
	width: 100%;
	background: #FDD94E;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	padding: 20px 5px 20px 5px;
	box-sizing: border-box;
}

.item-img {
	margin: 96px 0 15px 0;
}

/*2022.07.12 입점신청 완료 후 페이지*/
.access-wait-wrap-add{
	width:100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.access-info-list-add{
	display: flex;
	justify-content: center;
	align-items: center;
	height:180px;
}

.access-info-item-add{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

}
.item-subject-add{
	font-size:18px;
	font-weight: 600;
	margin-top:15px;
}
.item-desc-add{
	text-align: center;
}

/*2022.07.13 예약관리 첫 화면 설정 */

.radio-btn-wrap{
	display:flex;
	width:100%;
	justify-content:center;
	margin-top:20px;
}
.radio-btn-vertical{
	vertical-align: baseline;
	width:15px;
	height:23px;
	margin-right:5px;
	margin-left:10px;
}

.radio-btn-label{
	margin-right:10px;
}

.radio-btn-wrap input[type='radio']:checked{

	accent-color: #6840b1;
}

/*2022.07.14 새로운 아이템 강조 점*/




/*========================================
@ PC버전
========================================*/
.pc-header {display:none;}
.pc-footer {display:none;}

@media screen and (min-width:1025px){
	.m-block {display:none !important;}
	.pc-block {display:block !important;}

	html {overflow-x:hidden; overflow-y:auto;}
	body {overflow:visible; padding:90px 0 0 275px; box-sizing:border-box;}
	#header {position:relative; height:52px; width:auto; max-width:1020px; margin:0 40px; padding:0;}
	#header ~ #container {padding-top:0;}
	#container {display:block; height:auto; width:auto; margin:0 0 0 0; overflow:visible;}
	#container > form {display:block; height:auto; width:auto; margin:0 0 0 0;}

	.reserve-calendar-tooltip {display:block;}

	.layer-pop-wrap.full {background-color:rgba(32,32,32,0.5); padding:40px 0; box-sizing:border-box;}
	.layer-pop-page {max-width:1020px; margin:0 auto; background:#fff;}

	.sticky-tab-group {top:80px}
	/*
	.sticky-bottom {position:relative; position:relative; bottom:auto; z-index:10;}
	*/
	.sticky-bottom {bottom:0;}
	.sticky-bottom-inner {margin:0; padding:0;}


	.toast-pop-data {max-width:480px; margin:0 auto;}
	.alert-pop-data {max-width:480px; margin:0 auto;}
	.page-body {width:auto; max-width:1020px; box-sizing:content-box; padding:0 40px 50px 40px; margin:0; height:auto; overflow:visible;}

	.reserve-calendar-data {margin-left:0; margin-right:0;}
	.reserve-calendar-sort {justify-content:space-between;}
	.reserve-calendar-sort .sort-right {flex:0 0 auto; width:auto;}
	.reserve-calendar-sort .sort-right > select {width:auto; min-width:150px;}

	.customer-state-graph {}
	.doughnut-graph {max-width:380px; margin:0 auto;padding-top:380px;}

	.stats-month-wrap .horizontal-swiper-scoller .vertical-bar-graph {flex:0 0 100%; width:100%;}
	.stats-month-wrap .horizontal-swiper-scoller .vertical-bar-graph canvas {height:400px;}

	.layer-pop-bottom {position:fixed;}
	.layer-pop-bottom.actived {left:0;}

	.layer-pop-wrap.bottom {position:fixed;}
	.layer-pop-wrap.bottom.actived {left:0;}
	.chat-wrap {position:relative; height:100vh;}

	.intro {position:fixed;top:0;left:0;width:100%;height:100%;}

	.member-find-wrap {height:70vh;}
	.terms-wrap .horizontal-swiper-table table.terms-table {flex:0 0 100%; width:100%;}
	.walk-graph-view .horizontal-swiper-scoller .vertical-bar-graph {flex:0 0 100%; width:100%;}
	.walk-graph-view .horizontal-swiper-scoller .vertical-bar-graph canvas {height:400px;}
	#header .btn-page-close,
	#header .icon-page-prev,
	#header .btn-page-menu,
	#header .btn-page-alarm {
		/*display:none;*/
	}
	h1.page-title {justify-content:center;}
	.page-body .user-main-info {margin:0;}

	.common-navigation {display:none;}
	.page-body .page-footer {margin:32px 0 0 0;}
	.reserve-calendar-float {bottom:0; padding:20px;}

	.page-bottom {max-width:1020px; box-sizing:content-box; padding:0 40px 50px 40px; margin:0 auto;}
	.join-complete + .page-bottom {margin-top:50px;}
	.page-banner-data {max-width:360px; margin:0 auto;}
	.import-request-slider {max-width:360px; margin:0 auto;}

	.product-view-gallery {max-width:600px; margin:0 auto;}

	.portfolio-list-wrap .list-inner .list-cell {width:16.66%;}
	.shop-gate-picture-select .list-inner > .list-cell {width:16.66%;}
	.master-portfolio-list .list-inner > li {width:14.28%;}
	.set-hotel-shop-add .shop-gate-picture-select .list-inner > .list-cell {width:16.66%;}
	.reserve-alarm-inquiry .customer-alarm-result ,
	.customer-all-inquiry-list ,
	.customer-view-lastest-list ,
	.customer-alarm-inquiry .customer-alarm-result {margin-left:0;margin-right:0;}
	.page-bottom .btn-grid-group {padding:0 0 40px 0; border:none;}
	.header-right .label-group {padding:0;}
	.picture-set-data {max-width:calc( 50% - 5px );}
	.reserve-landing-visual {max-width:480px; margin:0 auto;}
	.scroller-table {flex:0 0 100%; width:100%;}
	.scroller-table.type-2 {flex:0 0 100%; width:100%;}


	.form-toggle-box > input {cursor:pointer;}

	#gnb {background:#fff; transform:translate(0% , 0%); top:80px; width:275px; height:calc( 100% - 80px ); border-right:1px solid #cecece;}
	#gnb.actived {transform:translate(0% , 0%);}
	#gnb .gnb-wrap {padding:0; width:100%; height:100%; flex:1; overflow-x:hidden; overflow-y:auto;}
	.gnb-header {position:relative; height:52px; flex:0 0 auto; width:100%; padding:0 20px; box-sizing:border-box; text-align:left;}
	.gnb-header .btn-page-close {position:absolute; top:0;right:0;}
	.gnb-header .page-title {align-items:flex-start;}
	.gnb-inner {padding:24px 18px;}
	.gnb-wrap {}
	.gnb-wrap .basic-data-group + .basic-data-group {margin-top:0;}
	.gnb-wrap .basic-data-group.middle + .basic-data-group {margin-top:0;}
	.gnb-wrap .single-btns-list {display:none;}
	.gnb-wrap .basic-data-group:nth-child(1) {display:block;}
	.gnb-wrap .basic-data-group + .basic-data-group:nth-child(2) {margin-top:0;}
	.gnb-wrap .basic-data-group {padding:8px 0; border-bottom:1px solid #cecece;}
	.gnb-wrap .basic-data-group.actived {padding-bottom:0;}
	.gnb-wrap .basic-data-group.actived .btn-gnb-toggle-menu .icons .off {opacity:0;}
	.gnb-wrap .basic-data-group.actived .btn-gnb-toggle-menu .icons .on {opacity:1;}
	.gnb-wrap .basic-data-group.current .btn-gnb-toggle-menu:after {transform:rotate(-180deg);}
	.gnb-wrap .basic-data-group.current .single-btns-list {display:block;}
	.gnb-wrap .single-btns-list {border-bottom:none;}
	.gnb-wrap .btn-single-item {padding-left:34px;}
	.gnb-wrap .btn-single-item.arrow:before {display:none;}
	.gnb-wrap .single-btns-list .list-cell.actived .btn-single-item .txt {color:#6840b1; font-weight:700;}
	.gnb-wrap .con-title-group {margin-bottom:0;}
	.gnb-wrap .btn-gnb-toggle-menu {width:100%; height:44px; position:relative; display:flex; align-items:center; font-size:18px; font-weight:700; line-height:21px;}
	.gnb-wrap button.btn-gnb-toggle-menu:after{content:'';position:absolute;top:50%;right:0;display:block;width:10px;height:10px;margin-top:-5px;background:url(https://image.banjjakpet.com/common/shop/icon/icon_accordion_arrow.png) center center no-repeat; background-size:10px auto;}

	.gnb-wrap .user-main-info {display:block; padding:0 0 26px 0; background:#fff; margin:0 0 14px 0 !important; border-bottom:1px solid #cecece;}
	.gnb-wrap .user-main-info + .basic-data-group {margin-top:20px;}
	.gnb-wrap .user-main-info .info-item-wrap .thumb-data {margin-right:14px;}
	.gnb-wrap .user-main-info .info-item-wrap .user-name {font-size:16px; line-height:23px; padding:0;}
	.gnb-wrap .user-main-info .info-item-wrap .user-cate {font-size:14px; line-height:19px; font-weight:500; color:#666; margin-top:2px;}
	.gnb-wrap .user-main-info .info-item-wrap .user-btns > a.btn-gnb-logout {display:inline-block; font-size:12px; line-height:24px;color:#666; font-weight:500;background:#f4f4f4; border-radius:5px; padding:0 10px 0 2px;}
	.gnb-wrap .user-main-info .info-item-wrap .user-btns > a.btn-gnb-logout:after {display:none;}
	
	.pc-header {display:block; position:fixed;top:0;left:0;width:100%;height:80px;box-sizing:border-box; z-index:2500; background:#fff; border-bottom:4px solid #fdd94e;}
	.pc-header h1 {position:absolute;top:0;left:18px; width:189px; height:76px; z-index:5;}
	.pc-header h1 > a {position:absolute;top:0;left:0;width:100%;height:100%;display:block;font-size:0;background:url(https://image.banjjakpet.com/common/shop/common/pc_logo.png) center center no-repeat; background-size:100% auto;}
	.pc-header-inner {width:100%; height:100%; box-sizing:border-box; padding:0 0 0 275px}
	.pc-header-menu-wrap {display:flex; max-width:1020px; box-sizing:content-box; margin:0 40px; align-items:center; justify-content:flex-end;}
	.pc-header-menu {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;}
	.pc-header-menu-cell {padding:0 18px;}
	.pc-header-menu-cell > a {display:flex; height:76px; align-items:center; justify-content:center; font-size:15px; line-height:20px;color:#666;font-weight:500; transition:color 0.25s ease;}
	.pc-header-menu-cell > a > .label {margin-left:8px; font-size:12px; line-height:15px; height:17px; font-weight:700;} 
	.pc-header-menu-cell > a:hover {color:#202020;font-weight:700;}
	.pc-header-menu-cell.actived > a {color:#6840b1; font-weight:700;}
	.pc-header  .btn-page-alarm {width:24px; height:24px; margin:0 0 0 22px;}
	.table_header{position:sticky;top:79px;}
	.bottom_fixed_div{position:sticky;bottom:0;background:#fff;height:100px;border-top:1px solid #ccc;}
	.sell_page_div{padding-bottom:0px;}
	/*.basic-data-group{margin-top:0px;}*/
	/*
	.pc-header  .btn-page-alarm {position:absolute; left:100%; top:50%; width:24px; height:24px; margin:-12px 0 0 22px;}
	*/
	.gnb-header {display:none;}

	.page-body .page-footer {display:none;}
	.page-body .app-footer {display:none;}

	.pc-footer {display:block; padding:0 0 0 0; border-top:1px solid #cecece;}
	.pc-footer-inner {padding:28px 40px; max-width:1020px; margin:0 auto;}
	.pc-footer h2 {font-size:14px; line-height:20px; font-weight:500; margin-bottom:12px;}
	.pc-footer .address {font-size:13px; line-height:19px; color:#666; margin-bottom:16px;}
	.pc-footer-bottom { line-height:1;display:flex; align-items:center;}
	.pc-footer-bottom .footer-etc-menu {display:inline-flex; align-items:center;}
	.pc-footer-bottom .footer-etc-menu > ul {display:inline-flex; align-items:center;}
	.pc-footer-bottom .footer-etc-menu > ul > li {position:relative;}
	.pc-footer-bottom .footer-etc-menu > ul > li + li {padding-left:8px;margin-left:8px;}
	.pc-footer-bottom .footer-etc-menu > ul > li + li:before {content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:10px;margin-top:-5px;background:#b4b4b4;}
	.pc-footer-bottom .footer-etc-menu > ul > li > a {font-size:13px;line-height:19px;color:#666;}
	.pc-footer-bottom .footer-copy {font-size:12px;line-height:16px;color:#8f8f8f; margin:0 0 0 20px;}
	
	#container.login-view-wrap {position:fixed;top:0;left:0;width:100%;height:100%;display:flex; flex-direction:column; justify-content:center; align-items:center; background:#f8f8f8 url(https://image.banjjakpet.com/common/shop/content/pc-bg-pattern.png) center center repeat-x; background-size:cover; overflow-x:hidden; overflow-y:auto;}
	#container.login-view-wrap .page-body {position:relative; flex:0 0 auto; padding:0 0 0 234px; background:#fdd94e; border-radius:20px; overflow:hidden;}
	#container.login-view-wrap .page-body:before {content:'';position:absolute;top:65px;left:27px;display:block;width:180px;height:180px;background:url(https://image.banjjakpet.com/common/shop/content/pc-login-logo.png) center center no-repeat;background-size:180px auto;}
	#container.login-view-wrap .page-body:after {content:'';position:absolute;bottom:0;left:0;display:block;width:234px;height:193px;background:url(https://image.banjjakpet.com/common/shop/content/pc-login-visual.png) center center no-repeat;background-size:234px auto;}
	#container.login-view-wrap .login-wrap {width:558px; background:#fff; box-sizing:border-box; padding:42px 68px 44px 68px; position:relative; z-index:5;}
	#container.login-view-wrap .login-logo {font-size:27px; line-height:28px; font-weight:700; color:#202020; text-align:center; padding:0 0 32px 0;}
	#container.login-view-wrap .login-logo img {display:none;}

	.stats-result-total {border:1px solid #cecece;}

	.product-vertical-list .list-cell {width:25%;}
	.calendar-month-body-col:first-child {margin-left:0;}
	.calendar-month-body-col:last-child {margin-right:0;}


	.con-title-group-add{background: #F4F4F4; width:100%; max-width:1020px; position: relative; left:0; margin-top:20px;}
	.receipt-wide-tab{width:100%; border:none !important; position: relative; left:0; background: #fff;}
	.receipt-wide-tab-wrap{   height:42px; border-bottom: 2px solid #ebebeb;	width: 100%;position: relative;left: 0px;}
	.receipt-wide-tab-inner{width:100%; position: relative;  }


}

@media screen and (min-width:1375px){
	#header {position:relative; width:auto; margin:0 auto; padding:0;}
	#container {margin:0 auto;}
	.page-body {margin:0 auto;}
	.pc-header-menu-wrap {margin:0 auto;}
}
@media screen and (min-width:1650px){
	body {padding-left:0;}
	.pc-header-inner {padding-left:0;}
	.page-bottom {max-width:1020px; box-sizing:content-box; margin:0 auto;}

	.portfolio-list-wrap .list-inner .list-cell {width:14.28%;}
	.shop-gate-picture-select .list-inner > .list-cell {width:14.28%;}
	.master-portfolio-list .list-inner > li {width:14.28%;}
	.set-hotel-shop-add .shop-gate-picture-select .list-inner > .list-cell {width:14.28%;}

}




#deposit_input{
	background: url(https://image.banjjakpet.com/common/shop/won.png) no-repeat;
	background-size:25px;
	background-position: right 17px center;

}

.deposit_input{
	background: url(https://image.banjjakpet.com/common/shop/won.png) no-repeat;
	background-size:25px;
	background-position: right 17px center;

}
.toggle-wrap{

	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	width: 80%;
	margin-bottom: 12px;
}

.notice_span{
	width: 40px;
}

.deposit-icon{

	width: 20px;
	height: 20px;
	bottom: 3px;
	right: 28px;
	position: absolute;
	max-width: 48px;
	border-radius: 50px;
	border: 1px solid #e8e8e8;
	font-size: 12px;
	background: #fff;
	color: #666;
	display: none;
	justify-content: center;
	align-items: center;
	font-weight: 300;
}

.deposit-icon-fin{

	width: 18px;
	height: 18px;
	bottom: 3px;
	right: 28px;
	position: absolute;
	max-width: 48px;
	border-radius: 50px;
	/*border: 1px solid #e8e8e8;*/
	font-size: 12px;
	background: #ff4848;
	color: #fff;
	display: none;
	justify-content: center;
	align-items: center;
	font-weight: 300;
}

.pay-deposit-box{
	display: flex;
	justify-content: space-between;
	align-items: center;


}

.pay-deposit-title{
	/*margin-left:20px;*/
	color:#ff4848;
	font-size:17px;
	font-weight:700;
}

.pay-deposit-title.actived{
	color:#6840b1
}

.pay-deposit-detail-button{
	display:flex;
	font-size: 14px;
	color:#6840B1;
	align-items: center;
	font-weight:500;
}

.deposit-arrow-right{
	background-image: url(/static/pub/images/new-assets/arrow-right.png);
	background-repeat: no-repeat;
	background-size:15px;
	width: 15px;
	height: 15px;
}

.pay-deposit-pending, .pay-deposit-canceled {
	font-size:16px;
	font-weight:400;
	color: #8F8F8F;
}

.pay-deposit-completed {
	font-size:16px;
	font-weight:400;
	color: #000000;
}

.pay-deposit-expired{
	font-size:16px;
	font-weight:400;
	color: #ff4848;
}

.pay-deposit-date{
	display:flex;
	font-size: 15px;
	justify-content:flex-start;
	/*margin-right: 20px;*/
	/*margin-top: 10px;*/
}

.deposit_input::placeholder{
	font-size:10px;
}



.allimi-container{

	position: relative;
	background-color: #fff;
	border-radius: 16px;
	overflow: hidden;
	width: 84vw;
	height:80vh;
	box-sizing: border-box;
	margin: 0 auto;
}

.allimi-wrap{

	display:flex;
	width:100%;
	height:100%;
}


.allimi-left-wrap{
	width:71%;
	height:100%;
}
.allimi-right-wrap{

	width:100%;
	height:80vh;
	position: relative;
}

.allimi-title-box{
	width:100%;
	height:25px;
	font-weight:500;
	background:#fff;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom:20px;
}
.allimi-title-box-2{
	display: flex;
	justify-content: space-between;
	right:0px;
	position: relative;
	width:55%;
}

.border-right{
	border-right:1px solid #ebebeb;
	box-sizing: border-box;

}

.allimi-title{
	font-size:18px;
	font-weight: 700;
}
.allimi-check-title.actived{

	background: url('https://image.banjjakpet.com/common/shop/icon/10-ic-16-upside@2x.png') no-repeat;
	background-size:13px;
	background-position: calc(100% - 20px);
}

.allimi-check-title{
	background: url('https://image.banjjakpet.com/common/shop/icon/10-ic-16-downside@2x.png') no-repeat;
	background-size:13px;
	background-position: calc(100% - 20px);
}
.allimi-title-right{
	font-size:14px;
	color:#6840B1;
	font-weight:500;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	right:20px;
}
.allimi-title-right img{
	width:14px;
	height: 14px;
	margin-right:5px;

}

.allimi-left-body{

	width:100%;
	height:calc(100%);
	display: flex;
	justify-content: center;
}
.allimi-left-footer{

	width:100%;
	height:150px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	margin-top:50px;
}

.allimi-footer-1{
	width:100%;
	margin-bottom:20px;
}
.allimi-footer-2{
	display:flex;
	width:100%;
	margin-bottom:30px;

}

.allimi-left-body-left{

	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;


}

.allimi-body-title{

	width:100%;
	height:45px;
	min-height:45px;
	background: #6840b1;
	color:#fff;
	font-size:18px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:20px;
	margin-bottom:20px;


}


.allimi-body-list{
	display: flex;
	flex-direction: column;
	font-size:14px;

}

.allimi-body-cell{
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 18px;

}

.allimi-body-cell-title{

}

.allimi-body-cell-value{

	margin-left:34px;
}

.allimi-body-cell-icon {

	position: absolute;
	right:0;
	width:15px;
	height: 16px;
}

.allimi-form{
	position: relative;
	display: inline-flex;
	align-items: center;
}

.allimi-form > input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
}

.allimi-form-one > input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
}

.allimi-form > em {
	width:16px;
	height:16px;
	min-width:0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	text-align: center;
	box-sizing: border-box;
	border-radius: 0;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	margin-right:7px;

}

.allimi-form-one >em {
	width:16px;
	height:16px;
	min-width:0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	text-align: center;
	box-sizing: border-box;
	border-radius: 0;
	border: 1px solid #b4b4b4;
	border-radius: 5px;
	margin-right:7px;

}

.allimi-form > input:checked + em{

	background: url('https://image.banjjakpet.com/common/shop/icon/color_checked.png') no-repeat;

	background-size:cover;
}

.allimi-form-one > input:checked + em{

	background: url('https://image.banjjakpet.com/common/shop/icon/color_checked.png') no-repeat;

	background-size:cover;
}

.allimi-radio-span{
	margin-right:22px;
}

.allimi-gallery-wrap{
	display:flex;
	flex-wrap: wrap;

}

.allimi-gallery-cell{
	width:80px;
	height:80px;
	border: 1px solid #cecece;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-right:10px;
	margin-bottom:10px;
	overflow:hidden;
	position: relative;

}

.allimi-gallery-cell img{
	width:100%;
	height:100%;

}

.allimi-gallery-cell-icon img{
	width:20px;
	height:15px;

}


.allimi-gallery-span{
	margin-top:13px;
	font-weight:500;
}


.allimi-check-list{
	width:100%;
	position: relative;
	display: none;
}

.allimi-check-title{

	width:100%;

	height:45px;
	border:1px solid #cecece;
	border-radius:5px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:20px;
	margin-bottom:20px;
	box-sizing: border-box;
	cursor: pointer;

}

.flex-column{

	/*display: inline-flex;*/
	flex-direction: column;
	justify-content: flex-start;
}

.allimi-form-one{
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-bottom:15px;
}

.allimi-textarea{
	width:100%;
	height:90px;
	border-radius: 5px;
	user-select: auto;
	display: none;
	margin-bottom:20px;
}

.allimi-left-body-right{
	overflow-y:scroll;
	overflow-x: hidden;
	/*padding-right:20px;*/
	padding-left:20px;

	width:calc(100% - 320px);
	height:100%;
	display: flex;
	justify-content: center;
}


.allimi-footer-cell{

	width:100%;
	height:45px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	border:1px solid #8f8f8f;
	cursor: pointer;

}

.cell-border-purple{

	border:1.5px solid #6840b1;
	color:#6840b1;
}

.cell-fill-purple{

	border:none;
	background: #6840b1;
	color:#fff;
}



.diary-not-exist{

	width:100%;
	height:45px;
	background: #6840b1;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:10px;
	border-radius: 5px;
}


.diary-exist{

	width:100%;
	height:45px;
	background: #ebebeb;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:10px;
	border-radius: 5px;
}

.allimi-right-body-default{

	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height: calc(100% - 68px);
	transition: 0.5s;
	position: absolute;
	opacity: 1;
}

.allimi-right-body-default img{

	width:50%;
}

.allimi-right-body-gallery{
	justify-content: space-between;
	width:100%;
	height: calc(100% - 68px - 20px);
	transition: 0.5s;
	position: absolute;
	padding-top:20px;
	padding-bottom:20px;
	flex-direction: column;
	overflow-y:scroll;

}

.allimi-right-body-preview{
	justify-content: center;
	align-items: center;
	width:100%;
	height: calc(100% - 68px);
	transition: 0.5s;
	overflow-y: scroll;
}
.allimi-right-body-history{
	justify-content: center;
	align-items: center;
	width:100%;
	height: 600px;
	transition: 0.5s;
	overflow-y: scroll;
}

.allimi-gallery-list{

	width:100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: flex-start;
	justify-content: center;
}

.allimi-gallery-list-cell{

	width:45%;
	height:135px;
	margin-right: 10px;
	margin-bottom: 10px;

}

.allimi-gallery-footer{
	display: flex;
	flex-direction: column;
	color:#8F8F8F;
	font-size:13px;
	margin-left:20px;
	margin-bottom:20px;
	padding-right:20px;
}

.allimi-picture-thumb-view{
	position: relative;
	width:100%;
	height:100%;
}
.allimi-picture-obj{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,0.02);
	border-radius: 14px;
	z-index: 0;

}
.allimi-picture-obj img{
	width:100%;
	height: 100%;
}
.allimi-picture-date{
	position: absolute;
	top: 10px;
	left: 10px;
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	white-space: nowrap;
	color: #fff;
	padding: 0 10px;
	background: rgba(0,0,0,0.51);
	border-radius: 8px;
	z-index: 20;

}
.allimi-picture-ui{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}

.allimi-picture-select{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
}

.allimi-picture-ui > em{
	width: 16px;
	height: 16px;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	text-align: center;
	box-sizing: border-box;
	border-radius: 0;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	margin-right: 7px;
}
.allimi-picture-ui > input:checked + em{
	background: url(https://image.banjjakpet.com/common/shop/icon/color_checked.png) no-repeat;
	background-size: cover;
}
.allimi-gallery-cell-delete{

	position: absolute;
	border-radius: 10px;
	background: rgba(0,0,0,0.4);
	width:20px;
	height:20px;
	display: flex;
	justify-content: center;
	align-items: center;
	right:3px;
	top:3px;
	cursor: pointer;

}

.allimi-gallery-cell-delete img{
	width:12px;
	height:12px;
}

.allimi-preview-wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
	margin-top: 20px;
	overflow-x: hidden;


}
#allimi_preview_self{
	text-align: left;
}
.allimi-alert{
	font-size: 13px;
	margin-top: 15px;
	margin-bottom:15px;
}

.allimi-preview-title{
	display:flex;
	flex-direction: column;
	align-items: center;
	margin-bottom:20px;
}

.allimi-preview-name{
	font-size:18px;
	font-weight:500;
}
.allimi-preview-date{
	font-size:14px;
}

.allimi-preview-gallery{


	width:calc(100vw - 90px);
	height:calc(100vw - 90px);
	border-radius: 16px;
	position: relative;
}

.allimi-swiper-container{
	width:100% !important;
	height: 100% !important;
	border-radius:16px;
}
.allimi-slide{
	display:flex;
	align-items: center;
}
.allimi-slide img{
	width:100%;
}

.allimi-prev{
	position: absolute;
	right: 10px;
	top: 50%;
	color: #000;
	font-size: 24px;
	z-index: 1;
	outline: none;
	background: white;
	height: 30px;
	width: 30px;
	border-radius: 30px;
	opacity: 0.6;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.5s;
}
.allimi-next{
	position: absolute;
	left: 10px;
	top: 50%;
	color: #000;
	font-size: 24px;
	z-index: 1;
	outline: none;
	background: white;
	height: 30px;
	width: 30px;
	border-radius: 30px;
	opacity: 0.6;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.5s;
}

.left-arrow{

	background: url(https://image.banjjakpet.com/common/shop/icon/btn-info-more@2x.png) no-repeat;
	transform:rotateY(-180deg);
	background-size: 15px;
	width: 15px;
	height: 15px;
}


.right-arrow{
	background: url(https://image.banjjakpet.com/common/shop/icon/btn-info-more@2x.png) no-repeat;
	background-size: 15px;
	width: 15px;
	height: 15px;

}

.allimi-pagination{
	width:50px;
	height:20px;
	background: rgba(0,0,0,0.2);
	border-radius:10px;
	color:#fff;
	position: absolute;
	left:calc(100% - 70px);

}

.list-style-basic{
	margin-bottom:10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.before-dot{
	position: relative;
}

.before-dot::before{
	position: absolute;
	content :'';
	width:5px;
	height: 5px;
	top:8px;
	left:-10px;
	background : url('https://image.banjjakpet.com/common/shop/icon/black_dot.png') no-repeat;
	background-size:5px 5px;
}

.allimi-preview-info{
	width:100%;
	margin-top:30px;
	overflow-x: hidden ;
}
.allimi-preview-info-content{
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
}

.allimi-preview-info-title{
	height:45px;
	width:100%;
	border:1px solid #cecece;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	box-sizing: border-box;

}

.allimi-history-wrap{


}

.allimi-history-title{

}

.diary-date{
	display: flex;
	justify-content: flex-end;

}
.diary-date span{
	font-size:10px;
}

.allimi-preview-shop-title{
	margin-bottom:10px;
	display:flex;
	min-width:60px;
}

.allimi-preview-shop-title span{
	font-size:16px;
	font-weight:700;
	margin-bottom:10px;
}
.allimi-preview-shop-phone{

	font-size:14px;
	font-weight:700;
	margin-bottom:10px;
	display:flex;
	min-width:60px;

}

.allimi-preview-shop-address{

	font-size:14px;
	font-weight:700;
	margin-bottom:10px;
	display:flex;
	min-width:60px;

}

.allimi-preview-shop-phone span{

	font-size:14px;
	font-weight:300;
	margin-left:30px;
	max-width:100px;

}

.allimi-preview-shop-address span{

	font-size:12px;
	font-weight:300;
	margin-left:30px;
	max-width:150px;

}

.diary-wrap{
	padding-left:20px;
	padding-right:20px;
	cursor: pointer;
}
.blank-space{
	width:100%;
	height:50px;
	min-height:50px;
}

.allimi-date-select-wrap{
	width:100%;
	height:60px !important;


}

.allimi-date-select{
	height:60px !important;
}
.allimi-select-pet-list-wrap{
	display:flex;
	justify-content: space-between;
	width:75%;
	align-items: center;
	margin-top:30px;

}


.allimi-body-title option{
	text-align: center;
}

.allimi-history-list {

	display:flex;
	width:100%;
	flex-direction: column;

}

.allimi-history-img-wrap{
	width:110px;
	height:110px;
	border-radius: 15px;
}
.allimi-history-img-wrap img{
	border-radius: 15px;
	width:100%;
	height: 100%;
}

.allimi-history-info-wrap{
	display:flex;
	flex-direction: column;
	margin-left:15px;
	justify-content: center;

}


.allimi-history-cell-wrap {
	display: flex;
	margin-top: 20px;
}
.allimi-wrap-bg-gray{

	background: #F4F4F4;
}
.allimi-wrap-bg-purple{

	background: #EEE7FA;
}



.header-notice-wrap{

	width:28px;
	height:30px;
	right:10px!important;

}



.display_none{
	display:none;
}

.hotel-info{
	display:none;
}

.upload-img-btn img{
	border:1px solid #ebebeb;
}

.picture-thumb-view-delete{
	position: absolute;
	border-radius: 10px;
	background: rgba(0,0,0,0.4);
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 3px;
	top: 3px;
	cursor: pointer;
}
.picture-thumb-view-delete img{
	max-width:13px;
}
.picture-thumb-view-add{
	position: relative;
}
.picture-obj img {
	border-radius: 10px;
}
/* 고객조회 상세 */
.btn.btn-inline01 {
	display: inline-flex;
	width: 335px;
}

.btn-wrap-custom {
	text-align: center;
}

.btn-alimtalk {
	font-size: 14px;
	background: #FEE500;
	width: 126px;
	border-radius: 16px;
	height: 26px;
}

/* 작업결제관리 알리미 */
.diary-not-exist1{

	width:40%;
	height:40px;
	background: #6840b1;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:-10px;
	border-radius: 5px;
}

.diary-exist1{

	width: 40%;
	height: 25px;
	background: #ebebeb;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:-3px;
	border-radius: 5px;
	font-size: 13px;
}

.alim_btn {
	position: fixed;
	background: #fff;
	width: 328px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	top: 101px;
	border: 1px solid #cecece;
}
.item-diary{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-end;
	margin-top: 8px;

}
.pay-card-content-0{
	margin-top:10px;
	margin-bottom:10px;

}


.hotel-photo-dog-td img{
	border-radius: 10px;
	margin-top:10px;
	margin-bottom:10px;
}

.calendar-week-body-row .hotel-week-body-col{
	height:55px;
}
.hotel-label{
	height:55px;
}
.item-check-out{
	display: flex;
	justify-content: flex-end;
}

.add-pet-list-wrap{

	display: flex;
}

.add-pet-list-wrap > .grid-layout-cell > .form-toggle-box > em{
	min-width:90px;
	margin-right:10px;
}

.calendar-week-body-row.all .calendar-week-body-col .day-division-label {position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px; color:#fff;text-align:center; font-weight:500; background:#72d6b0;}


.kinder-header-col{

	min-width:90px;
}

.set-allim-wrap{
	margin-top:20px;
}
.set-allim-list{
	display:flex;
	flex-direction: column;

}

.set-allim-cell{
	min-height:44px;
	width:100%;
	border-bottom : 1px solid #cecece;
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom:10px;
	margin-top:10px;
}


.set-allim-cell-left{
	font-size:16px;
	font-weight:700;
}
.set-allim-cell-right{

	margin-right:30px;
}
.set-allim-cell-right:after{
	width:25px;
	height:25px;
	position: absolute;
	content:'';
	background-image: url('https://image.banjjakpet.com/common/shop/icon/btn-info-more-black@2x.png');
	background-repeat: no-repeat;
	background-size:50%;
	background-position: center;
	margin-left:10px;
}

.talk-wrap{


}

.talk-bg{
	width:100vw;
	height:250px;
	background: #AFC0CF;

	left:-20px;
	position: relative;
	display:flex;
	justify-content: center;
	padding-top:20px;
	padding-bottom:20px;

}

.talk-exam{
	width:70%;
	height:100%;
	background:white;
	border-radius:15px;
}

.talk-top{
	background:#FEE500;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	min-height:40px;
	display:flex;
	align-items: center;
	padding-left:10px;
	font-weight: 700;
}

.talk-inner{
	padding:10px;
	overflow:scroll;
	height:calc(100% - 40px);

	background: white;
}

.talk-sub-title{
	font-size:18px;
	font-weight:700;
}
.talk-notice{

	color:darkgray;
	top:20px;
	bottom:20px;
	position: relative;
}

.talk-input-wrap{

	margin-top:30px;
	margin-bottom:30px;
}

.talk-textarea{

	width:100%;
	height:250px;
	margin-bottom:10px;
}

.talk-input-bottom{

	display:flex;
	justify-content: space-between;
}

.talk-textarea-length-wrap{
	color:darkgray;
}
.talk-textarea-return-wrap{
	margin-right:25px;
	font-size:16px;
}

.talk-textarea-return-wrap:after{
	width: 30px;
	height: 30px;
	position: absolute;
	content: '';
	background-image: url('https://image.banjjakpet.com/common/shop/icon/return_icon.png');
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 50% 35%;


}


.talk-p {

	margin-top:30px;
}

.allim-use {
	color:#8F8F8F;



}

.allim-use.actived{

	color:#202020;
}

.talk-check-label{
	color:#8F8F8F;

}

.talk-check-label.actived{
	color:#202020;
}

.agree-textarea{
	width: 100%;
	height: 550px;
	margin-bottom: 10px;

}

.loading-container {
	display:none;
	position: relative;
	text-align: center;
	justify-content: center;
	align-items: center;
	min-height:112px;


}
.loading-container img{
	max-width:50px;
}

.auth_timer{
	border-bottom: 1px solid rgba(32, 32, 32, 0.3);
	color:gray;
	font-size:10px;
	display:flex;
	align-items: center;

}
.sales-loading-wrap{
	 display: none;
	 position: absolute;
	 background:rgba(255,255,255,0.6);
	 z-index: 99999;
	 width:100%;
	 height: 100%;
	 align-items: center;
	 justify-content: center;

 }
.loading-container img{
	max-width:50px;
}

.loading-container-2 {
	position: relative;
	text-align: center;
	justify-content: center;
	align-items: center;


}
.loading-container-2 img{
	max-width:50px;
}

.payment-coupon-history-btn{

	font-size: 14px;
	color: #6840B1;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	position: absolute;
	right: 20px;
	width:90px;
	height:25px;
	background:#fff;
	border: 1px solid #6840B1;
	border-radius: 5px;
}
.payment-coupon-history-btn img{

	max-width:15px;
	max-height:15px;
}

.payment-coupon-remain-btn{

	background:#fdd94e;
	display: flex;
	justify-content: space-between;
	font-size:11px;
}
.payment-coupon-remain-btn img{
	max-width:15px;
	max-height:15px;
	margin-right:10px;
}


.use-coupon-cancel img{
	max-width:15px;
	max-height:15px;
	margin-left:10px;

}


.payment-none-coupon-wrap{

	width:calc(100% - 40px);
	margin-top:20px;
	padding:20px;
	border: 1px solid #ebebeb;
	border-radius: 12px;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size:12px;
	;
}

.coupon-delete-wrap{
	width:100%;
	display:flex;
	justify-content: flex-end;
	font-size:12px;
	color:#666;
	margin-top:10px;
	align-items:center;
}
.coupon-delete-wrap .right-arrow{
	background:url(https://image.banjjakpet.com/common/shop/icon/btn-info-more@2x.png) no-repeat;
	background-size: 10px;
	width: 10px;
	height: 10px;
	margin-left:3px;
}

.delete-coupon-list{
	width:100%;
	display:flex;
	flex-direction: column;
	margin-top:5px;
	margin-bottom:20px;
}

.delete-coupon-cell{
	width:100%;
	display:flex;
	align-items: center;
	margin-top:12px;
	font-size:14px;
	box-sizing: border-box;

}
.delete-coupon-check-wrap{
	flex:0.1;
	display:flex;
}

.delete-coupon-name{
	font-weight:700;
	margin-bottom:6px;
}
.delete-coupon-cell-wrap{
	border:1px solid #ebebeb;
	border-radius: 10px;
	flex:0.9;
	height:60px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding:5px 0px 5px 15px;
}

.delete-coupon-check{
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	border: 1px solid #6840B1;
	appearance: none;
	cursor: pointer;
	transition: background 0.2s;
	display:flex;
	align-items: center;
	justify-content: center;


}
.delete-coupon-check:checked:after{
	content: '';
	position: relative;
	width: 70%;
	display: block;
	border-radius: 50%;
	background: #6840B1;
	height:70%;
	left:2%;
}


.payment-none-coupon-wrap img{

	max-width:100px;
	max-height:100px;
}

.remain-coupon-wrap{
	display:flex;
	margin-bottom:10px;
	justify-content: space-between;
}
.remain-coupon-wrap div{
	display:flex;
	flex-direction: column;
}

.wide-tab-purple{
	height: 45px;
	border-bottom: 2px solid #6840b1;
	box-sizing: border-box;
}
.wide-tab-inner-purple .tab-cell .btn-tab-item:after {

}

.round-tab-cell {
	background:#f4f4f4;
	border-radius: 12px 12px 0px 0px;
}

.round-tab-cell.actived {
	background:#6840b1;

}
.round-tab-cell.actived a{
	color:white !important;
}

.wide-tab-inner .tab-cell .btn-tab-item_1 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 44px;
	font-size: 15px;
	line-height: 20px;
	color: #666;
}

.coupon-history-wrap{
	margin-top:0px;
}
.coupon-history-list{
	display:flex;
	flex-direction: column;

}
.coupon-history-cell{
	display:flex;
	width:100%;
	justify-content: space-between;
	font-weight:500;
	margin-top:20px;
}

.coupon-history-date{
	flex:0.3;
	display:flex;
	justify-content: center;
	text-align: center;

}
.coupon-history-name{
	flex:0.5;
	display: flex;
	font-weight:700;
	justify-content: center;
	align-items: center;
}
.coupon-history-num-wrap{
	flex:0.2;
	display: flex;
	justify-content:center;
	font-weight:500;
	padding-right:20px;
	flex-direction: column;

}
.coupon-history-num-wrap span{
	text-align: right;
}
.coupon-history-num{
	font-size:14px;
}
.coupon-history-detail{
	font-size:12px;
	color:#8f8f8f;
}

.coupon-charge-wrap{
	display:none;
	margin-top:20px;
}

.new-btn-purple {
	background:#6840b1 !important;
	color:#fff !important;
}
.new-btn-cancel{
	background: #f4f4f4 !important;
	color:#666 !important;
}
.new-btn-yellow{
	background: #fdd94e !important;
	color: #371C1D !important;
}

.coupon-not-exist-wrap{
	display: none;
}
.coupon-not-exist-desc{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.coupon-customer-wrap{
	margin-top:10px;
}

.coupon-customer-list{
	display:flex;
	flex-direction: column;

}

.coupon-customer-cell{
	display: flex;
	justify-content: space-between;
	margin-top:10px;
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 10px;
}
.coupon-customer-name{
	flex:0.5;
	font-weight:700;
}

.coupon-customer-remain{
	flex:0.3;
	font-weight:500;
	text-align: right;
	margin-right:10px;
}
.coupon-customer-detail{ㅇ
	flex:0.2;
	font-weight:500;
}
.history-none-coupon{
	display:none;
	justify-content: center;
	align-items: center;
	min-height:130px;
}
.mg-top-7{
	margin-top:7px;
}
.mg-top-20{
	margin-top:20px;
}

.repeat-type-btn{
	display:flex;
	justify-content: center;
	align-items: center;
	background: white;
	border:1px solid #B4B4B4;
	border-radius:5px;
	height:45px;
	margin-right:10px;
	font-weight:700;
}
.repeat-type-btn.actived{
	color: #fff;
	border-color: #6840b1;
	background-color: #6840b1;
}

.number-input{
	width:72px !important;
	height:45px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	text-align: center!important;
}

.display-none{
	display:none;
}
.repeat-week{
	/*margin-bottom: 20px;*/
	padding-bottom: 20px;
	margin-top: 20px;
	/*border-bottom: 1px solid #B4B4B4;*/

}
.repeat-week .form-toggle-box.circle > em{
	background: #fff;
}

.repeat-type-wrap{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top:30px;

}

.repeat-form-one {
	width: 100%;
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-bottom: 15px;
	justify-content: space-between;
}

.repeat-form-one > input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
}

.repeat-form-one > em {
	width: 16px;
	height: 16px;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	text-align: center;
	box-sizing: border-box;
	border-radius: 0;
	border: 1px solid #b4b4b4;
	border-radius: 5px;
	margin-right: 7px;
}

.repeat-form-one > input:checked+span+em {
	background: url(https://image.banjjakpet.com/common/shop/icon/color_checked.png) no-repeat;
	background-size: cover;
}

.datepicker-repeat{
	width:135px !important;
	height:32px !important;
	border:none !important;
	font-size:14px !important;
	color:#8F8F8F !important;
	padding: 8px 13px 8px 13px !important;

}
.datepicker-repeat::placeholder{
	color:#8F8F8F;
}
.calendar-week-body-col .calendar-drag-item-group:not(only-child){
	display:none;
}

.calendar-day-body-col .reserve-add-btn:not(only-child){
	display:none;
}

.partition-container{
	/*margin:10px 20px 10px 20px;*/
	/*width:100%;*/
	/*display:flex;*/
	/*position: sticky;*/
	/*align-items: center;*/
}

.partition-wrap{
	/*width:calc(100% - 40px);*/
	/*display:flex;*/
	/*border-radius: 10px;*/
	/*border:1.5px solid #6034B0;*/
	/*height:50px;*/
	/*padding:0;*/

}


.partition-wrap .partition-btn {
	/*flex-grow: 1;*/
	/*border-right: 1.5px solid #6034B0;*/
	/*color:#6034B0;*/
	/*font-size:16px;*/
	/*font-weight:500;*/
	/*margin:0 !important;*/
}


.partition-wrap .partition-btn.actived {
	/*background: #6034B026;*/
}
.partition-wrap .partition-btn:first-child {
	/*border-top-left-radius: 10px;*/
	/*border-bottom-left-radius: 10px;*/
}


.partition-wrap .partition-btn:last-child {
	/*border-right: none;*/
	/*border-top-right-radius: 10px;*/
	/*border-bottom-right-radius: 10px;*/
}

.partition-wrap .partition-btn.actived .btn-tab-item{
	color:#6034B0 !important;
}

.partition-wrap .tab-cell.actived .btn-tab-item:after {
	background: #6034B0;
	z-index:9999;
}
.sticky-top-2023{
	top:-2px !important;
}

.new-more-btn{
	margin-top:30px;
	font-size: 14px;
	color: #6840b1 !important;
	display: flex;
	height: 45px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #6840b1;
	align-items: center;
	justify-content: center;
}
.new-more-btn img{
	width:10px;
	height:17px;
	margin-left:10px;
}

/* 댓글 */
.comment-list-wrap .comment-cell + .comment-cell { /*padding-top:16px; border-top:1px solid #f4f4f4;*/}
.comment-item {position:relative;padding-bottom: 16px;}
.comment-item .item-user-info {display:flex; width:100%;padding-top:16px;}
.comment-item .item-user-info .user-thumb-wrap {position:relative; flex:0 0 auto; width:36px; height:36px; margin-right:10px;}
.comment-item .item-user-info .user-thumb-wrap .user-thumb {position:relative; width:36px; height:36px;border: solid 0.5px rgba(0, 0, 0, 0.02); background:#f4f4f4 url(https://image.banjjakpet.com/common/shop/icon/icon-none-user.png) center center no-repeat; background-size:30px auto;}
.comment-item .item-user-info .user-data {flex:1; align-items:center; min-height:36px;}
.comment-item .item-user-info .user-name {font-size:14px;line-height:20px;font-weight:700;}
.comment-item .item-user-info .user-grade {display:flex; align-items:center;}
.comment-item .item-user-info .user-grade .icon-star-group {margin-right:6px;}
.comment-item .item-user-info .user-grade .time {font-size:12px; line-height:16px; color:#8f8f8f;}
.comment-item .item-gallery {margin-top:12px;}
.comment-item .item-gallery + .item-detail {margin-top:14px;}
.comment-item .item-detail {margin-top:12px; font-size:13px; line-height:19px;}
.comment-item .btn-comment-set {position:absolute; top:-16px; right:-20px; display:inline-flex; align-items:center; justify-content:center; width:46px; height:48px; z-index:15;}
.comment-item-btns {margin-top:12px;}

/* 대댓글 */
.recomment-list {margin-top:14px;}
.recomment-list .recomment-cell + .recomment-cell { margin-top:12px;}
.recomment-item {display:flex; align-items:flex-start;}
.recomment-item .user-thumb-wrap {position:relative; flex:0 0 auto; width:36px; height:36px; margin-right:8px;}
.recomment-item .user-thumb-wrap .user-thumb {position:relative; width:36px; height:36px;border: solid 0.5px rgba(0, 0, 0, 0.02);}
.recomment-item .recomment-data {flex:1;padding:14px; background:#f4f4f4;border-radius:8px;margin-bottom:14px;}
.recomment-item .item-name {font-size:14px;line-height:20px;font-weight:700;}
.recomment-item .item-name .date {font-weight:400;color:#8f8f8f; margin-left:4px;}
.recomment-item .item-detail {margin-top:8px; font-size:13px;line-height:19px;}
.recomment-cell .toggle-button-group {margin-top:12px; padding-left:44px;}
.recomment-cell .toggle-button-group .grid-layout-inner {margin:-6px;}
.recomment-cell .toggle-button-group .grid-layout-cell {padding:6px;}


.alldays-cart{
	position: fixed;
	bottom: 20px;
	left: 20px;
	background:#6840b1 url(https://image.banjjakpet.com/common/shop/btn_review_white.png) center center no-repeat;
	background-size: 28px auto;
	z-index:9999;
}
.alldays-pop-left{
	flex:0.75 !important;
	overflow-y: scroll !important;
	height:auto !important;

}
.alldays-pop-right{
	flex:0.25 !important;
	overflow-y: hidden !important;
	height:auto !important;
	padding:0px !important;
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.alldays-list{
	display:flex;
	width:calc(100% - 80px);
	flex-direction: column;
	padding:0px 28px 28px 28px !important;
	height:calc(100% - 80px) !important;
}
.alldays-list-cell{
	background:#6840B10D;
	border : 1px solid #6840B1;
	border-radius: 5px;
	height:20px;
	padding:13px 20px 13px 20px;
	margin-bottom:10px;
	display:flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	font-weight:700;
	color:#6840b1;
}
.alldays-list-cell.actived{
	background: #FDD94E0D;
	border:1px solid #FDD94E;
	font-weight:500;
	color:#202020;
}
.alldays-list-cell.currentPass{
	color:#202020;
	font-weight:500;
	background:none;
	border:1px solid #6840B1;



}
.alldays-list-cell.delete{
	color:#B4B4B4;
	background: #CECECE1A !important;
	border:1px solid #CECECE  !important;
}
.alldays-list-delete-btn{
	width:10px;
	height:10px;
	font-size:0;
	background-size: 24px auto !important;
	background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x.png) center center no-repeat
}

.alldays-apply-btn{
	cursor: pointer;
	padding: 0px;
	width: 80%;
	height: 40px;
	background: #6840b1;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;

}

.alldays-apply-btn-wrap{
	width: 100%;
	background: white;
	display: flex;
	height: 80px;
	align-items: center;
	justify-content: center;
	bottom: 0;
	position: sticky;
	border-top: 1px solid #ebebeb;
}

.form-radiobox.tmp .form-check-icon:after {
	width:36px;
	height:36px;
	z-index:5;
	background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_form_radio_on_large.png) center center no-repeat;
	background-size:100%;
	opacity: 0.7;

}

.calendar-check-value .form-radiobox.tmp .form-check-icon:after {position:absolute;top:0;left:0;width:100%;height:100%;background-size:36px auto; background-position:center center; opacity: 0.7;}

.alldays-loading{
	position:sticky;
	bottom:50%;

}

.alldays-header{
	font-size:12px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;

	margin:10px 0px 10px 40px;
}
.alldays-header-icon-wrap{
	display:flex;
	align-items: center;

}

.alldays-header-icon-1{
	width:12px;
	height:12px;
	border: 1px solid #6840b1;
	background: #6840B11A;
	margin-right:5px;
	border-radius: 2px;
}
.alldays-header-icon-2 {
	width: 12px;
	height: 12px;
	border: 1px solid #6840b1;
	margin-right: 5px;
	border-radius: 2px;
}


.alldays-header-icon-3 {
	width: 12px;
	height: 12px;
	background: #FDD94E1A;
	border: 1px solid #FDD94E;
	margin-right: 5px;
	border-radius: 2px;
}

.displayFlex{
	display:flex!important;
	flex-direction: column!important;
	align-items: center !important;
}


/* 2023.08.04 UI 업데이트*/

.agree-management-btn{
	display:flex;
	align-items: center;
	justify-content: center;
	border:1px solid #b4b4b4;
	border-radius: 5px;
	background:#fff;
	width:84px;
	height:30px;
	box-sizing: border-box;
	font-size:13px;
	padding:5px;
	color:#666;
	margin-right:20px;
}

.pet-radio:checked + em::after{
	content: '';
	background: url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-close-white@2x.png);
	width: 13px;
	height: 13px;
	background-size: 13px;
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-right: 5px;
}

.agree-wide .tab-cell.actived a{

	color:#6840B1 !important;
}
.agree-wide .tab-cell.actived a:after{

	background:#6840B1 !important;
}

.agreement-wrap{
	padding: 0px 20px 0px 20px;
}

.item-pet-info-wrap{
	margin-left:20px;

}
.item-pet-name{
	font-size:18px;
	font-weight:700;
}

.item-pet-type{
	font-size:16px;
	margin-top:5px;
}
.item-pet-info{
	font-size:14px;
	margin-top:5px;
}


.btn-picture-modify-new{
	display: inline-block;
	width: 32px;
	height: 32px;
	font-size: 0;
	position: relative;
	background: url(https://image.banjjakpet.com/common/shop/icon/gallery_icon.png) left top no-repeat;
	background-size: 32px auto;
}
.pet-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:100%;
}

.service-selected-group2{
	display:flex;
}
.item-usage-history-count{
	font-size:14px;
	margin-top:5px;
}
.customer-table-cell{
	color:#202020;
}
.customer-table-cell button{
	color:#202020;
}
.btn-pay-card-toggle{
	color:#202020;
}